:root{--rose:#087E97;--rose-2:#169BB1;--rose-light:#A5DFE8;--rose-soft:#E1F5F8;--cream:#F5F9FC;--cream-2:#EAF2F8;--cream-3:#DCE9F3;--mauve:#337A9D;--mauve-deep:#155B7E;--plum:#244966;--plum-dark:#102A43;--lavender:#8DA6B8;--lavender-soft:#E4EDF5;--peach:#3A9FC2;--peach-soft:#DDF2F9;--sage:#3B9D9A;--sage-soft:#DCF3EF;--ink:#172D40;--ink-2:#425D70;--ink-3:#71899B;--surface:#fff;--line:rgba(36,73,102,.14);--line-strong:rgba(36,73,102,.25);--shadow:0 8px 28px rgba(16,42,67,.08);--shadow-hover:0 18px 42px rgba(16,42,67,.14);--radius:12px;--radius-card:18px;--radius-large:28px;--wrap:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.72 system-ui,-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--rose)}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;z-index:999;background:white;padding:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(245,249,252,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:var(--shadow)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:750;white-space:nowrap}.brand small{font-size:10px;color:var(--ink-3);border-left:1px solid var(--line);padding-left:10px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#087E97,#155B7E);display:grid;place-items:center;color:white;font-size:17px}.primary-nav{display:flex;align-items:center;gap:19px;margin-left:auto;font-size:14px;color:var(--ink-2)}.primary-nav a{padding:24px 0}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px}.header-link{font-size:13px}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;font-weight:650;font-size:14px;border:1px solid transparent}.header-cta,.button-primary{background:var(--rose);color:white}.button-primary:hover,.header-cta:hover{background:var(--mauve-deep);color:white}.button-secondary{background:white;border-color:var(--line-strong)}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#F5F9FC,#EAF2F8 52%,#D5EAF3);padding:68px 0 74px;min-height:560px}.hero:before,.hero:after{content:'';position:absolute;border:1px solid rgba(8,126,151,.15);border-radius:50%}.hero:before{width:560px;height:560px;right:-110px;top:-230px}.hero:after{width:400px;height:400px;right:80px;bottom:-300px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--rose);font-weight:750}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-.04em;margin:17px 0 20px}.hero-copy{font-size:17px;color:var(--ink-2);max-width:640px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 24px}.hero-search{display:flex;max-width:590px;background:white;border:1px solid var(--line-strong);border-radius:999px;padding:6px;box-shadow:var(--shadow)}.hero-search input{flex:1;min-width:0;border:0;background:transparent;padding:9px 14px;outline:0}.hero-search button{border:0;border-radius:999px;padding:10px 20px;background:var(--plum-dark);color:white}.hero-tags,.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.hero-tags a,.filter-row a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--ink-2);background:rgba(255,255,255,.65)}.hero-visual{min-height:390px;position:relative;display:grid;place-items:center}.visual-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(8,126,151,.22);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.18),0 0 0 70px rgba(255,255,255,.12)}.visual-panel{position:relative;width:min(100%,460px);min-height:320px;border-radius:30px;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(220,239,246,.92));border:1px solid white;box-shadow:0 30px 70px rgba(21,91,126,.16);padding:28px;transform:rotate(2deg)}.visual-top{display:flex;justify-content:space-between;color:var(--ink-3);font-size:11px}.visual-title{font-size:32px;line-height:1.25;margin:38px 0 12px}.visual-wave{height:78px;border-radius:16px;background:linear-gradient(120deg,#B9E5EA,#6CB9CB 48%,#2C7898);margin-top:24px;position:relative}.float-note{position:absolute;right:-8px;bottom:14px;padding:14px 18px;background:white;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);max-width:190px;font-size:12px;color:var(--ink-2)}.float-note strong{display:block;color:var(--ink);font-size:14px}.section{padding:72px 0}.section-tight{padding:48px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.03em;line-height:1.2;margin:7px 0}.section-head p{color:var(--ink-3);margin:0;max-width:570px}.text-link{font-size:13px;color:var(--rose);font-weight:700}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick-item{padding:18px 16px;border:1px solid var(--line);border-radius:16px;background:white;min-height:126px}.quick-symbol{width:34px;height:34px;border-radius:11px;background:var(--rose-soft);color:var(--rose);display:grid;place-items:center;font-weight:800;margin-bottom:10px}.quick-item strong,.quick-item span:last-child{display:block}.quick-item span:last-child{font-size:11px;color:var(--ink-3)}.feature-split{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.feature-lead{min-height:350px;border-radius:var(--radius-large);padding:34px;background:linear-gradient(135deg,#174D6C,#0E8297);color:white;display:flex;flex-direction:column;justify-content:end;position:relative;overflow:hidden}.feature-lead h3{font-size:32px;line-height:1.2;max-width:520px;margin:12px 0}.feature-lead p{max-width:530px;color:rgba(255,255,255,.78)}.feature-side{display:grid;gap:16px}.feature-side article{padding:24px;border:1px solid var(--line);border-radius:20px;background:white}.feature-side h3{margin:8px 0;font-size:20px}.feature-side p{margin:0;color:var(--ink-2);font-size:14px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.video-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:.2s}.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card-art{height:158px;background:linear-gradient(135deg,#D8EDF1,#9ACBD8 55%,#4B91A9);position:relative;padding:14px;overflow:hidden}.card-art:before{content:'';position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.5);border-radius:50%;right:-30px;top:-50px;box-shadow:0 0 0 24px rgba(255,255,255,.12),0 0 0 50px rgba(255,255,255,.08)}.card-art span{position:relative;padding:5px 9px;background:rgba(255,255,255,.8);border-radius:30px;font-size:10px;color:var(--plum-dark)}.card-copy{padding:17px}.card-copy h3{font-size:17px;line-height:1.4;margin:6px 0 8px}.card-copy p{font-size:13px;color:var(--ink-2);margin:0}.card-copy .eyebrow{font-size:9px}.bento{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:190px 190px;gap:14px}.bento-item{border-radius:20px;padding:24px;background:linear-gradient(145deg,#E1F5F8,#B5DCE6);position:relative;overflow:hidden}.bento-item:first-child{grid-row:span 2;background:linear-gradient(145deg,#D8EEF2,#7FB9C9)}.bento-item h3{font-size:23px;max-width:260px;line-height:1.25;margin:12px 0}.bento-item p{font-size:13px;max-width:320px;color:var(--ink-2)}.info-band{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:34px;border-radius:24px;background:white;border:1px solid var(--line)}.info-band h2{font-size:30px;line-height:1.25;margin:8px 0}.info-band p{color:var(--ink-2)}.info-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-list div{padding:14px;border-radius:13px;background:var(--cream);font-size:13px}.info-list strong{display:block;color:var(--rose);font-size:19px}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator-card{padding:22px;background:white;border:1px solid var(--line);border-radius:18px}.avatar-mark{width:58px;height:58px;border-radius:19px;background:linear-gradient(145deg,#B9E5EA,#337A9D);display:grid;place-items:center;color:white;font-size:20px;font-weight:800}.creator-card h3{margin:12px 0 2px}.creator-card small{color:var(--rose)}.creator-card p{font-size:13px;color:var(--ink-2)}.timeline{border-left:1px solid var(--line-strong);margin-left:10px;padding-left:28px}.timeline-item{position:relative;padding:0 0 25px}.timeline-item:before{content:'';position:absolute;width:10px;height:10px;background:var(--rose);border:4px solid var(--rose-soft);border-radius:50%;left:-35px;top:7px}.timeline-item time{font-size:11px;color:var(--rose);font-weight:750}.timeline-item h3{margin:3px 0;font-size:17px}.timeline-item p{margin:0;color:var(--ink-2);font-size:13px}.rail{display:flex;gap:16px;overflow-x:auto;padding:4px 2px 16px}.rail>*{flex:0 0 300px}.rail-card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px;min-height:190px}.rail-card h3{margin:8px 0}.rail-card p{font-size:13px;color:var(--ink-2)}.ranking-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:30px;align-items:center}.rank-intro{padding:34px;border-radius:24px;background:var(--cream-2)}.rank-intro h2{font-size:32px;line-height:1.2}.rank-list{list-style:none;margin:0;padding:0}.rank-list li{display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.rank-no{font-size:24px;color:var(--rose);font-weight:800}.rank-list small{display:block;color:var(--ink-3)}.community-flow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.post-item{padding:20px;border-bottom:1px solid var(--line);background:white}.post-item h3{font-size:17px;margin:5px 0}.post-item p{font-size:13px;color:var(--ink-2);margin:0}.post-item small{color:var(--rose)}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-item{background:white;border:1px solid var(--line);border-radius:14px;padding:18px}.faq-item summary{font-weight:700;cursor:pointer}.faq-item p{font-size:13px;color:var(--ink-2);margin-bottom:0}.page-hero{padding:66px 0 52px;background:linear-gradient(135deg,#EAF2F8,#DDF2F9);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.15;margin:12px 0}.page-hero p{max-width:760px;color:var(--ink-2);font-size:17px}.breadcrumbs{font-size:12px;color:var(--ink-3);margin-bottom:20px}.page-content{padding:54px 0 80px}.prose{max-width:900px}.prose h2{margin:38px 0 10px;font-size:26px}.prose p,.prose li{color:var(--ink-2)}.prose ul{padding-left:22px}.callout,.notice{padding:20px 22px;border-left:3px solid var(--rose);background:var(--rose-soft);border-radius:0 14px 14px 0;margin:22px 0}.filter-row a.is-active{background:var(--plum-dark);color:white}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.collection-card{padding:26px;border-radius:20px;background:white;border:1px solid var(--line)}.collection-card h2{font-size:23px}.collection-card p{color:var(--ink-2);font-size:14px}.collection-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--rose);margin-top:16px}.detail-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:28px}.player-shell{aspect-ratio:16/9;background:linear-gradient(145deg,#102A43,#155B7E);border-radius:22px;display:grid;place-items:center;color:white;text-align:center;padding:30px}.player-shell strong{display:block;font-size:24px}.player-shell p{color:rgba(255,255,255,.7);max-width:460px}.detail-side{padding:24px;background:white;border:1px solid var(--line);border-radius:18px}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.search-results{display:grid;gap:14px}.result-row{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:white}.result-art{border-radius:12px;background:linear-gradient(135deg,#DDF2F9,#5B9DB5);min-height:105px}.result-row h2{font-size:18px;margin:0 0 5px}.result-row p{font-size:13px;color:var(--ink-2);margin:0}.empty-state{padding:50px 24px;text-align:center;border:1px dashed var(--line-strong);border-radius:18px;background:rgba(255,255,255,.6)}.site-footer{background:linear-gradient(135deg,#102A43,#155B7E);color:white;padding:54px 0 20px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.brand-inverse{color:white}.footer-brand p{max-width:340px;color:rgba(255,255,255,.7);font-size:13px}.footer-grid h2{font-size:14px}.footer-grid>div:not(:first-child) a{display:block;color:rgba(255,255,255,.7);font-size:13px;margin:8px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:35px;padding-top:17px;display:flex;gap:18px;justify-content:space-between;color:rgba(255,255,255,.65);font-size:11px}.search-modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:12vh 20px 30px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(11,32,48,.58);backdrop-filter:blur(5px)}.search-panel{position:relative;width:min(680px,100%);padding:38px;background:white;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.search-panel h2{font-size:30px}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:28px}.search-panel form{display:flex;gap:8px}.search-panel input{flex:1;min-width:0;padding:13px 16px;border:1px solid var(--line-strong);border-radius:30px}.search-suggestions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1200px){.primary-nav{gap:12px;font-size:12px}.video-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.creator-grid{grid-template-columns:repeat(2,1fr)}.brand small{display:none}}@media(max-width:900px){.menu-toggle{display:inline-flex;margin-left:auto;border:1px solid var(--line);border-radius:20px;background:white;padding:7px 12px}.primary-nav{display:none;position:absolute;left:20px;right:20px;top:65px;padding:12px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.primary-nav.is-open{display:flex}.primary-nav a{padding:9px 12px}.hero-grid{grid-template-columns:1fr}.hero{padding:54px 0}.feature-split,.ranking-layout,.info-band,.detail-layout{grid-template-columns:1fr}.bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}.bento-item:first-child{grid-row:auto;min-height:200px}.video-grid{grid-template-columns:repeat(2,1fr)}.community-flow{grid-template-columns:1fr}}@media(max-width:768px){.wrap{width:calc(100% - 32px)}.section{padding:52px 0}.section-head{align-items:start;flex-direction:column;gap:8px}.quick-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3}.footer-bottom{align-items:flex-start;flex-direction:column}.faq-list,.collection-grid{grid-template-columns:1fr}.result-row{grid-template-columns:90px 1fr}.search-panel{padding:28px 20px}.page-hero{padding:48px 0 36px}}@media(max-width:600px){.hero h1{font-size:38px}.hero-copy{font-size:15px}.hero-visual{min-height:260px}.visual-panel{min-height:240px;padding:20px}.visual-title{font-size:25px;margin-top:28px}.video-grid{gap:12px}.card-art{height:112px}.card-copy{padding:13px}.card-copy h3{font-size:15px}.card-copy p{font-size:12px}.bento{grid-template-columns:1fr}.info-list{grid-template-columns:1fr 1fr}.footer-grid{gap:20px}.player-shell{min-height:220px}}

.step-track{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.step-track article{padding:26px;border-right:1px solid var(--line)}.step-track article:last-child{border:0}.step-track article>span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--rose-soft);color:var(--rose);font-weight:800}.step-track h3{margin:14px 0 5px}.step-track p{margin:0;color:var(--ink-2);font-size:13px}.editorial-note{max-width:880px;margin:auto;padding:42px;border-radius:24px;background:linear-gradient(135deg,#EAF2F8,#DDF2F9);border:1px solid var(--line)}.editorial-note blockquote{margin:16px 0;font-size:clamp(25px,4vw,42px);line-height:1.3;letter-spacing:-.03em;font-weight:700;color:var(--plum-dark)}.editorial-note p{max-width:680px;color:var(--ink-2)}@media(max-width:768px){.step-track{grid-template-columns:1fr}.step-track article{border-right:0;border-bottom:1px solid var(--line)}.editorial-note{padding:25px}}