:root{--accent: #ff5f9e;--accent-dark: #ff3f87;--black: 8, 9, 18;--gray: 136, 144, 176;--gray-light: 218, 224, 240;--gray-dark: 233, 236, 244;--color-bg: #090b14;--color-surface: rgba(17, 19, 33, .85);--color-surface-strong: rgba(26, 29, 50, .98);--color-accent: #ff5f9e;--color-accent-2: #8f7cff;--color-border: rgba(255, 255, 255, .08);--text-primary: #f6f7fb;--text-secondary: rgba(246, 247, 251, .92);--text-muted: rgba(246, 247, 251, .68);--box-shadow: 0 18px 38px rgba(5, 6, 16, .45), 0 6px 16px rgba(5, 6, 16, .25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;margin:0;padding:0;background:radial-gradient(circle at top,rgba(143,124,255,.18),transparent 30%),radial-gradient(circle at right top,rgba(255,95,158,.16),transparent 24%),var(--color-bg);word-wrap:break-word;overflow-wrap:break-word;color:var(--text-secondary);font-size:18px;line-height:1.75}.site-shell{position:relative}.site-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 14%,rgba(255,95,158,.08),transparent 18%),radial-gradient(circle at 88% 18%,rgba(143,124,255,.08),transparent 18%);opacity:.9}main{width:100%}main>*{animation:section-rise .7s cubic-bezier(.22,1,.36,1) both}main>*:nth-child(2){animation-delay:.06s}main>*:nth-child(3){animation-delay:.12s}main>*:nth-child(4){animation-delay:.18s}main>*:nth-child(5){animation-delay:.24s}main>*:nth-child(6){animation-delay:.3s}main>*:nth-child(7){animation-delay:.36s}main>*:nth-child(8){animation-delay:.42s}main>*:nth-child(9){animation-delay:.48s}main>*:nth-child(10){animation-delay:.54s}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text-primary);line-height:1.2}h1{font-size:clamp(2.8rem,6vw,4.8rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2vw,1.7rem)}h4{font-size:1.563em}h5{font-size:1.25em}strong,b{font-weight:700}a{color:var(--color-accent)}a:hover{color:var(--color-accent-2)}p{margin-bottom:1em}.prose p{margin-bottom:2em}.prose a{text-underline-offset:.2em}textarea,input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:16px}code{padding:2px 5px;background-color:#ffffff14;border-radius:2px}pre{padding:1.5em;border-radius:8px;background:#ffffff0f;overflow-x:auto}pre>code{all:unset}blockquote{border-left:4px solid var(--color-accent);padding:0 0 0 20px;margin:0;font-size:1.1em}hr{border:none;border-top:1px solid var(--color-border)}ul,ol{padding-left:1.25rem}.page-shell{width:min(100%,1180px);margin:0 auto;padding-left:24px;padding-right:24px}.section-spacing{padding-top:2rem;padding-bottom:2rem}.section-header{margin-bottom:1.5rem;max-width:760px}.section-header.centered{text-align:center;margin-left:auto;margin-right:auto}.section-header p{margin:0;color:var(--text-muted)}.cta-row{display:flex;flex-wrap:wrap;gap:.85rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.35rem;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#fff}.button-secondary{border:1px solid rgba(255,255,255,.16);color:var(--text-primary);background:#ffffff08}.hero-section{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:2rem;align-items:center;padding-top:4rem;padding-bottom:3rem}.hero-kicker{margin-bottom:1rem;color:var(--color-accent);font-size:.92rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-copy h1{max-width:12ch;margin-bottom:1rem;letter-spacing:-.03em}.hero-summary{max-width:44rem;margin-bottom:1.75rem;font-size:1.08rem;color:var(--text-muted)}.hero-badge-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}.hero-badge{padding:.45rem .8rem;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-primary);font-size:.9rem}.hero-visual-stack{position:relative;padding-top:2.4rem;padding-left:1.6rem}.hero-visual-note{position:absolute;top:0;right:1rem;z-index:2;max-width:260px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:#0a0c17e0;backdrop-filter:blur(16px);box-shadow:var(--box-shadow)}.hero-visual-note-label{margin:0 0 .35rem;color:var(--color-accent);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-visual-note p:last-child{margin:0;font-size:.92rem;line-height:1.55}.hero-image-card,.hero-image-fallback{position:relative;min-height:380px;border:1px solid var(--color-border);border-radius:32px;background:linear-gradient(180deg,#ffffff14,#ffffff05),linear-gradient(135deg,#ff5f9e29,#8f7cff29);box-shadow:var(--box-shadow);overflow:hidden}.hero-image-card:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(180deg,transparent,rgba(9,11,20,.58))}.hero-image-card img{width:100%;height:100%;object-fit:cover;border-radius:32px}.hero-image-fallback{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:700}.hero-metrics-card{position:absolute;left:0;bottom:-1.4rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;width:min(100%,430px);padding:.85rem;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#0a0c17e6;backdrop-filter:blur(18px);box-shadow:var(--box-shadow)}.hero-metric{padding:.75rem .8rem;border-radius:18px;background:#ffffff08}.hero-metric-value{margin:0 0 .2rem;color:var(--text-primary);font-size:1.3rem;font-weight:700}.hero-metric-label{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.45}.search-hub{display:grid;gap:.85rem;margin-bottom:1rem;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#0c0e19f2;box-shadow:var(--box-shadow)}.search-hub-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem}.search-hub-bar input{width:100%;padding:1rem 1.15rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;color:var(--text-primary)}.search-hub-bar button{padding:.95rem 1.35rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));color:#fff;font-weight:700;cursor:pointer}.search-hub-tags{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center}.search-hub-label{color:var(--text-muted);font-size:.92rem}.search-hub-tags a{padding:.45rem .8rem;border-radius:999px;background:#ffffff0d;color:var(--text-primary);text-decoration:none;font-size:.92rem}.trending-bar{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:start;padding:1.1rem 1.2rem;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(90deg,#ff5f9e14,#8f7cff0a),#0d0f1bf2;box-shadow:var(--box-shadow)}.trending-bar-label{padding:.55rem .8rem;border-radius:999px;background:#ff5f9e24;color:var(--color-accent);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trending-bar-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.trending-pill{padding-left:.95rem;border-left:1px solid rgba(255,255,255,.1)}.trending-pill-meta{display:inline-block;margin-bottom:.35rem;color:var(--text-muted);font-size:.82rem}.trending-pill p{margin:0;color:var(--text-primary);font-size:.98rem;line-height:1.45}.card-grid{display:grid;gap:1.25rem}.content-card,.feature-card,.tool-card,.post-card,.faq-card,.stat-card{border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);box-shadow:var(--box-shadow)}.content-card-link{display:grid;height:100%;color:inherit;text-decoration:none}.featured-showcase{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.9fr));gap:1.25rem}.content-card-featured{overflow:hidden;background:#0e111ef5;color:inherit;text-decoration:none}.content-card-featured.is-lead{grid-row:span 2}.content-card-featured.is-lead .content-card-link{grid-template-rows:minmax(280px,1.35fr) auto}.content-card-image{aspect-ratio:4 / 3;padding:.85rem .85rem 0}.content-card-featured.is-lead .content-card-image{aspect-ratio:auto;height:100%;min-height:320px}.content-card-image img{width:100%;height:100%;object-fit:cover}.content-card-body,.feature-card,.tool-card,.post-card,.faq-card{padding:1.15rem}.content-card-body p,.feature-card p,.tool-card p,.post-card p,.faq-card p{margin:0;color:var(--text-muted)}.content-card-eyebrow{margin:0 0 .65rem;color:var(--color-accent);font-size:.82rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.feature-card a,.tool-card a,.post-card a{display:inline-block;margin-top:.9rem;font-weight:700;text-decoration:none}.feature-card-highlight{background:linear-gradient(180deg,#ffffff0f,#ffffff08),var(--color-surface)}.channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem}.channel-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1.3rem 0;border-top:1px solid rgba(255,255,255,.1)}.channel-row:nth-child(1),.channel-row:nth-child(2){border-top:none}.channel-index{color:#ffffff52;font-size:2rem;font-weight:700;line-height:1}.channel-copy h3{margin-bottom:.35rem}.channel-copy p{margin:0}.channel-link{align-self:center;padding:.55rem .95rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:var(--text-primary);text-decoration:none;white-space:nowrap}.advantages-ribbon{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.feature-card-ribbon{position:relative;padding:1.35rem 1.35rem 1.45rem;border-radius:28px 28px 18px 18px;background:linear-gradient(180deg,#ff5f9e14,#ffffff05),#0e101ceb}.feature-card-ribbon:before{content:"";position:absolute;inset:0 0 auto;height:3px;border-radius:28px 28px 0 0;background:linear-gradient(90deg,var(--color-accent),rgba(143,124,255,.7))}.feature-index{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;margin-bottom:.9rem;border-radius:999px;background:#ff5f9e24;color:var(--color-accent);font-weight:700;font-size:.92rem}.tools-strip{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.05fr) minmax(0,.9fr);gap:1rem}.tool-card-featured{padding:1.35rem;border-radius:30px;background:radial-gradient(circle at top right,rgba(143,124,255,.2),transparent 38%),linear-gradient(180deg,#ffffff0a,#ffffff05),#0d0f1bf5}.tool-card-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.tool-card-featured h3{max-width:12ch}.split-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:stretch}.split-panel-copy{padding:1.75rem;border:1px solid var(--color-border);border-radius:28px;background:linear-gradient(160deg,#ff5f9e24,#8f7cff14),var(--color-surface-strong);box-shadow:var(--box-shadow)}.creator-showcase{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1.25rem;align-items:stretch}.creator-story,.creator-aside{border:1px solid var(--color-border);border-radius:30px;box-shadow:var(--box-shadow)}.creator-story{padding:1.7rem;background:linear-gradient(160deg,#ff5f9e24,#8f7cff0f),#10121ffa}.creator-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin:1.25rem 0 1.5rem}.creator-point{padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.creator-point h3{font-size:1.05rem;margin-bottom:.45rem}.creator-point p{margin:0;font-size:.96rem}.creator-aside{padding:1.45rem;background:radial-gradient(circle at top right,rgba(143,124,255,.2),transparent 40%),#0c0e19f2}.creator-aside-label{margin:0 0 1rem;color:var(--color-accent);font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat-card{display:flex;flex-direction:column;justify-content:center;padding:1.35rem}.stat-value{margin:0 0 .35rem;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label{margin:0;color:var(--text-muted)}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:.9rem;border-radius:999px;background:#8f7cff24;color:var(--color-accent-2);font-weight:700}.post-meta{font-size:.95rem}.posts-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,.85fr);gap:1rem}.post-card-showcase.is-lead{grid-row:span 2;padding:1.45rem;background:linear-gradient(180deg,#8f7cff1a,#ffffff05),#10121ff0}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.faq-card{position:relative;padding-top:2.5rem}.faq-tag{position:absolute;top:1rem;left:1.15rem;margin:0;color:var(--color-accent-2);font-size:.8rem;font-weight:700;letter-spacing:.08em}@media(max-width:720px){body{font-size:18px}.page-shell{padding-left:18px;padding-right:18px}.hero-section,.creator-showcase,.split-panel,.trending-bar,.faq-list,.featured-showcase,.channel-list,.advantages-ribbon,.tools-strip,.posts-showcase,.stats-grid,.trending-bar-items,.creator-points,.search-hub-bar,.hero-metrics-card{grid-template-columns:1fr}.hero-visual-stack{padding-left:0;padding-top:1rem}.hero-visual-note{position:static;max-width:none;margin-bottom:.9rem}.hero-metrics-card{position:static;width:100%;margin-top:.9rem}.content-card-featured.is-lead,.post-card-showcase.is-lead{grid-row:auto}.channel-row{grid-template-columns:auto 1fr}.channel-link{grid-column:2;justify-self:start}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}@keyframes section-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}