@charset "UTF-8";
: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;--surface-soft:rgba(255,255,255,.92);--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;--radius-pill:999px;--wrap:1320px;--font:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img,svg,video{max-width:100%}.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}.skip-link{position:absolute;left:12px;top:-60px;z-index:999;background:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:12px}.site-header{height:70px;position:sticky;top:0;z-index:50;background:rgba(245,249,252,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:background .2s,box-shadow .2s}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 5px 24px rgba(16,42,67,.06)}.header-inner{max-width:var(--wrap);height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;line-height:1.15;white-space:nowrap;letter-spacing:-.04em}.brand small{display:block;font-size:9px;letter-spacing:.12em;color:var(--ink-3);font-weight:600;margin-top:5px}.brand-symbol{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#087E97,#155B7E);color:white;font-size:17px;letter-spacing:-.08em;box-shadow:0 5px 14px rgba(8,126,151,.22)}.desktop-nav{display:flex;align-items:center;gap:clamp(12px,1.65vw,25px);flex:1;justify-content:center}.desktop-nav a{font-size:13px;color:var(--ink-2);position:relative;padding:25px 0 23px;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--mauve-deep)}.desktop-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;border-radius:3px;background:var(--rose-2)}.header-actions{display:flex;align-items:center;gap:12px}.icon-link{font-size:22px;color:var(--ink-2);width:28px;text-align:center}.icon-link:hover{color:var(--rose)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 22px;border:1px solid var(--rose);border-radius:var(--radius-pill);background:var(--rose);color:white;font-size:13px;font-weight:700;letter-spacing:.01em;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(8,126,151,.2);background:#066b82}.button-small{min-height:36px;padding:0 17px;font-size:12px}.button-outline{background:transparent;color:var(--mauve-deep);border-color:var(--line-strong)}.button-outline:hover{color:white;border-color:var(--rose)}.button-ghost{background:transparent;color:var(--ink-2);border-color:var(--line-strong)}.button-ghost:hover{background:#fff;color:var(--rose)}.button-dark{background:var(--plum-dark);border-color:var(--plum-dark)}.button-light{background:#fff;color:var(--plum-dark);border-color:#fff}.menu-toggle{display:none;border:1px solid var(--line-strong);background:#fff;border-radius:30px;padding:7px 13px;color:var(--ink)}.mobile-nav{display:none}.hero{max-width:var(--wrap);min-height:610px;margin:auto;padding:68px 28px 56px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:36px;position:relative}.hero-copy{max-width:660px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;line-height:1.4;letter-spacing:.16em;font-weight:800;color:var(--rose);text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--rose-2);box-shadow:0 0 0 4px var(--rose-soft)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(40px,5.2vw,68px);line-height:1.2;letter-spacing:-.065em;font-weight:750;margin:22px 0 20px;max-width:650px}.hero h1 em{font-style:normal;color:var(--rose);display:block}.hero-copy>p{max-width:580px;color:var(--ink-2);font-size:15px;line-height:2;margin-bottom:25px}.hero-search{height:60px;display:flex;align-items:center;gap:12px;padding:6px 7px 6px 18px;background:white;border:1px solid var(--line-strong);border-radius:var(--radius-pill);box-shadow:0 10px 30px rgba(16,42,67,.06);max-width:590px}.hero-search>span{font-size:25px;color:var(--rose)}.hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.hero-search input::placeholder{color:#91a2af}.hero-search button{height:46px;padding:0 19px;border:0;border-radius:30px;background:var(--plum-dark);color:#fff;font-size:12px;font-weight:700}.hero-quick{display:flex;gap:17px;align-items:center;flex-wrap:wrap;margin:16px 0 25px;font-size:11px}.hero-quick span{color:var(--ink-3)}.hero-quick a{color:var(--ink-2)}.hero-quick a:hover{color:var(--rose)}.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}.hero-stage{height:480px;position:relative;display:flex;align-items:center;justify-content:center}.hero-art{width:min(100%,510px);height:420px;position:relative;overflow:hidden;border-radius:46% 46% 34% 34% / 40% 40% 28% 28%;background:linear-gradient(145deg,#dff3f6 0%,#c7e4ef 45%,#8fbaca 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 30px 65px rgba(21,91,126,.12)}.hero-art:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(255,255,255,0));top:35px;left:75px}.art-ring{position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:50%;transform:rotate(-24deg)}.ring-one{width:490px;height:190px;top:110px;left:10px}.ring-two{width:430px;height:280px;top:70px;left:45px;transform:rotate(42deg)}.art-sun{position:absolute;width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#fff,#c7eef0);top:78px;right:76px;box-shadow:0 0 55px rgba(255,255,255,.8)}.art-wave{position:absolute;width:620px;height:220px;border-radius:50%;transform:rotate(-18deg);left:-70px}.wave-one{bottom:-100px;background:linear-gradient(120deg,#155b7e,#087e97 65%,#3b9d9a)}.wave-two{bottom:-147px;left:-20px;background:linear-gradient(120deg,#244966,#337a9d);opacity:.9}.art-caption{position:absolute;left:54px;bottom:76px;color:#fff;z-index:2}.art-caption span,.art-side-note{font-size:9px;letter-spacing:.2em;font-weight:700}.art-caption strong{display:block;font-size:34px;line-height:1.25;letter-spacing:-.06em;margin:12px 0}.art-caption small{font-size:11px;color:rgba(255,255,255,.8)}.art-side-note{position:absolute;right:24px;top:45%;writing-mode:vertical-rl;color:rgba(16,42,67,.56)}.float-note{position:absolute;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow);z-index:3}.float-note b,.float-note small{display:block}.float-note b{font-size:12px}.float-note small{font-size:10px;color:var(--ink-3);margin-top:2px}.note-top{top:54px;left:-12px}.note-bottom{bottom:52px;right:-10px}.note-dot{width:10px;height:10px;border-radius:50%;background:var(--sage)}.note-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--rose-soft);color:var(--rose)}.stage-tags{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;gap:15px;white-space:nowrap;color:var(--ink-3);font-size:8px;letter-spacing:.16em}.trust-strip{max-width:var(--wrap);margin:0 auto;padding:22px 28px 25px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-strip div{padding:0 24px;border-right:1px solid var(--line)}.trust-strip div:first-child{padding-left:0}.trust-strip div:last-child{border:0}.trust-strip b,.trust-strip span{display:block}.trust-strip b{font-size:13px}.trust-strip span{font-size:11px;color:var(--ink-3);margin-top:3px}.section{max-width:var(--wrap);margin:0 auto;padding:94px 28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}.section-heading h2,.section h2{font-size:clamp(27px,3.2vw,40px);line-height:1.28;letter-spacing:-.055em;margin:10px 0 9px;font-weight:730}.section-heading p{color:var(--ink-3);font-size:13px;margin:0;max-width:610px}.text-link{font-size:12px;color:var(--mauve-deep);font-weight:700;white-space:nowrap}.text-link:hover{color:var(--rose)}.category-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-tile{min-height:180px;border-radius:var(--radius-card);padding:24px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(145deg,#fff,#eef6f9);transition:transform .2s,box-shadow .2s}.category-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.category-tile:after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(8,126,151,.16);border-radius:50%;right:-45px;bottom:-60px;box-shadow:0 0 0 18px rgba(8,126,151,.04),0 0 0 38px rgba(8,126,151,.025)}.category-tile h3{font-size:21px;margin:36px 0 5px;letter-spacing:-.04em}.category-tile p{font-size:11px;color:var(--ink-3);max-width:290px;margin:0;line-height:1.8}.tile-number{font-size:10px;letter-spacing:.15em;color:var(--rose);font-weight:800}.tile-arrow{position:absolute;right:23px;top:20px;color:var(--rose);font-size:19px}.tone-blue{background:linear-gradient(145deg,#f5f9fc,#e3edf5)}.tone-mint{background:linear-gradient(145deg,#f5fbfa,#e0f2ef)}.tone-sky{background:linear-gradient(145deg,#f6fbfd,#e2f2f7)}.tone-navy{background:linear-gradient(145deg,#f3f7fa,#e2eaf0)}.tone-silver{background:linear-gradient(145deg,#fff,#edf2f6)}.feature-editorial{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.editorial-visual{height:420px;border-radius:var(--radius-large);background:linear-gradient(135deg,#b5dce5,#dff1f3 48%,#78aebf);position:relative;overflow:hidden}.editorial-visual:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(255,255,255,.65);border-radius:50%;left:14%;top:8%;box-shadow:0 0 0 25px rgba(255,255,255,.09),0 0 0 55px rgba(255,255,255,.07)}.editorial-stamp{position:absolute;top:34px;left:36px;border:1px solid rgba(255,255,255,.75);border-radius:50%;width:88px;height:88px;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.4;letter-spacing:.1em;color:#155b7e;font-weight:800;transform:rotate(-12deg)}.editorial-lines{position:absolute;width:460px;height:170px;left:20%;top:30%;border-top:1px solid rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.7);transform:rotate(-25deg)}.editorial-caption{position:absolute;bottom:38px;left:40px;color:#fff}.editorial-caption span{font-size:9px;letter-spacing:.18em}.editorial-caption strong{display:block;font-size:39px;line-height:1.2;letter-spacing:-.06em;margin-top:12px}.editorial-copy h2{font-size:clamp(34px,4vw,48px);margin:16px 0}.editorial-copy p,.split-copy p,.app-copy p,.web-preview-copy p{color:var(--ink-2);font-size:14px;line-height:2}.check-list{list-style:none;padding:0;margin:22px 0 28px}.check-list li{font-size:12px;color:var(--ink-2);padding:8px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";color:var(--rose);font-weight:800;margin-right:12px}.section-tint{max-width:none;background:linear-gradient(180deg,#eaf3f7,#f5f9fc);padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2))}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.media-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:transform .22s,box-shadow .22s}.media-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.media-card__visual{height:190px;display:flex;align-items:flex-end;justify-content:space-between;padding:20px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d8eef1,#92bfce 55%,#337a9d)}.media-card:nth-child(3n+2) .media-card__visual{background:linear-gradient(145deg,#e5eff6,#a9c6d8 55%,#416d8b)}.media-card:nth-child(3n) .media-card__visual{background:linear-gradient(145deg,#dff2ef,#8fc8bf 55%,#3b8b8a)}.media-card__visual:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid rgba(255,255,255,.75);right:20px;top:-80px;box-shadow:0 0 0 20px rgba(255,255,255,.08),0 0 0 40px rgba(255,255,255,.05)}.visual-orbit{position:absolute;left:24%;top:20%;width:130px;height:130px;border:1px solid rgba(255,255,255,.7);border-radius:50%;transform:rotate(35deg) scaleX(1.5)}.visual-index{position:relative;color:#fff;font-size:10px;letter-spacing:.1em;font-weight:700}.visual-mark{position:relative;color:rgba(255,255,255,.92);font-size:46px;line-height:1;font-weight:300;letter-spacing:-.1em}.media-card__body{padding:19px 20px 17px}.media-card__body .eyebrow{font-size:9px}.media-card h3{font-size:17px;line-height:1.45;margin:9px 0 7px;letter-spacing:-.03em}.media-card h3 a:hover{color:var(--rose)}.media-card p{font-size:11px;color:var(--ink-3);line-height:1.8;min-height:60px;margin-bottom:14px}.card-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--ink-3);font-size:10px}.live-feature{display:grid;grid-template-columns:1fr .9fr;gap:80px;align-items:center}.live-copy h2{font-size:clamp(34px,4vw,48px);margin:16px 0}.live-copy>p{max-width:520px;color:var(--ink-2);line-height:2}.live-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.live-points div{border-top:2px solid var(--rose-light);padding-top:10px}.live-points b,.live-points span{display:block}.live-points b{font-size:12px}.live-points span{font-size:10px;color:var(--ink-3);margin-top:4px}.live-panel{background:linear-gradient(145deg,#102a43,#155b7e);border-radius:var(--radius-large);padding:30px;color:#fff;min-height:330px;box-shadow:0 22px 48px rgba(16,42,67,.16);position:relative;overflow:hidden}.live-panel:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(165,223,232,.22);border-radius:50%;right:-100px;bottom:-160px;box-shadow:0 0 0 25px rgba(165,223,232,.04),0 0 0 55px rgba(165,223,232,.03)}.panel-top,.panel-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.7)}.status-pill{border:1px solid rgba(165,223,232,.45);border-radius:30px;padding:5px 10px;color:#a5dfe8;letter-spacing:0}.sound-visual{height:100px;display:flex;align-items:center;justify-content:center;gap:7px;margin:30px 0 20px}.sound-visual i{width:5px;border-radius:5px;background:linear-gradient(#a5dfe8,#3a9fc2);height:var(--h,30px)}.sound-visual i:nth-child(3n){--h:75px}.sound-visual i:nth-child(3n+1){--h:42px}.sound-visual i:nth-child(3n+2){--h:58px}.live-panel h3{font-size:20px;letter-spacing:-.03em;margin:0 0 8px}.live-panel p{font-size:11px;color:rgba(255,255,255,.68);max-width:390px}.panel-foot{border-top:1px solid rgba(255,255,255,.16);padding-top:16px;margin-top:22px}.acg-section{background:#fff;max-width:none;padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2))}.acg-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.acg-lead{min-height:340px;padding:35px;border-radius:var(--radius-card);background:linear-gradient(135deg,#e1f5f8,#b8dce6 55%,#7eafc0);position:relative;overflow:hidden}.acg-lead:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.65);border-radius:50%;right:-55px;top:20px;box-shadow:0 0 0 25px rgba(255,255,255,.08),0 0 0 50px rgba(255,255,255,.05)}.acg-kicker{font-size:9px;letter-spacing:.18em;color:#155b7e;font-weight:800}.acg-symbol{position:absolute;right:95px;top:72px;font-size:140px;color:rgba(255,255,255,.5);font-weight:200;line-height:1}.acg-lead h3{position:relative;z-index:2;font-size:30px;max-width:360px;margin:110px 0 8px;letter-spacing:-.05em}.acg-lead p{position:relative;z-index:2;color:#315d72;font-size:12px;max-width:380px}.acg-lead>a{position:relative;z-index:2;color:#155b7e;font-size:11px;font-weight:800}.acg-side{display:grid;gap:10px}.acg-side>div{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:19px 22px;position:relative}.acg-side span,.acg-side b,.acg-side p{display:block}.acg-side span{font-size:9px;letter-spacing:.14em;color:var(--rose);font-weight:800}.acg-side b{font-size:15px;margin:7px 0 3px}.acg-side p{font-size:10px;color:var(--ink-3);margin:0}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.creator-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.creator-avatar{width:66px;height:66px;border-radius:22px;display:grid;place-items:center;font-size:26px;font-weight:700;color:#fff;margin-bottom:20px;background:linear-gradient(145deg,#169bb1,#155b7e)}.avatar-2{background:linear-gradient(145deg,#8fbaca,#416d8b)}.avatar-3{background:linear-gradient(145deg,#7fc3b9,#3b8b8a)}.avatar-4{background:linear-gradient(145deg,#a4b8c8,#526f87)}.creator-card h3{font-size:17px;margin:7px 0 0}.creator-field{font-size:10px;color:var(--rose)}.creator-card p{font-size:10px;color:var(--ink-3);line-height:1.8;margin:13px 0;min-height:72px}.creator-card>a{font-size:10px;font-weight:700;color:var(--mauve-deep)}.horizontal-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail-item{position:relative;padding:22px 20px 24px 0;border-right:1px solid var(--line);margin-right:20px;min-height:190px}.rail-item:last-child{border:0;margin:0}.rail-mark{position:absolute;right:22px;top:12px;font-size:32px;color:var(--cream-3);font-weight:300}.rail-category{display:block;font-size:9px;color:var(--rose);font-weight:800;letter-spacing:.12em}.rail-item b{display:block;font-size:15px;margin:14px 0 8px;max-width:190px}.rail-item small{display:block;font-size:10px;color:var(--ink-3);line-height:1.7;max-width:220px}.rail-arrow{display:block;margin-top:13px;color:var(--mauve-deep)}.split-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.split-copy h2{font-size:42px}.topic-stack{border-top:1px solid var(--line)}.topic-stack a{display:grid;grid-template-columns:42px 1fr 20px;grid-template-rows:auto auto;align-items:center;padding:18px 4px;border-bottom:1px solid var(--line);gap:0 12px}.topic-stack a>span{grid-row:1/3;font-size:11px;color:var(--rose);font-weight:800}.topic-stack b{font-size:15px}.topic-stack small{font-size:10px;color:var(--ink-3)}.topic-stack i{grid-column:3;grid-row:1/3;font-style:normal;color:var(--rose)}.ranking-preview{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;background:#eaf2f8;max-width:none;padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2))}.ranking-intro h2{font-size:44px}.ranking-intro p{font-size:12px;color:var(--ink-2);line-height:1.9}.rank-list{list-style:none;padding:0;margin:0}.rank-list li{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.rank-no{font-size:23px;color:var(--rose);font-weight:300}.rank-list b,.rank-list small{display:block}.rank-list b{font-size:13px}.rank-list small{font-size:10px;color:var(--ink-3)}.rank-list a{color:var(--rose)}.bento-section{padding-bottom:75px}.discovery-bento{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:150px 150px;gap:13px}.bento-large,.bento-small{position:relative;border-radius:var(--radius-card);padding:24px;overflow:hidden;color:white}.bento-large{grid-row:1/3;background:linear-gradient(135deg,#102a43,#337a9d)}.bento-large:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(255,255,255,.3);border-radius:50%;right:-60px;bottom:-110px;box-shadow:0 0 0 25px rgba(255,255,255,.05),0 0 0 55px rgba(255,255,255,.04)}.bento-large span,.bento-small span{font-size:9px;letter-spacing:.18em;color:#a5dfe8}.bento-large strong{display:block;font-size:34px;line-height:1.25;margin-top:48px;letter-spacing:-.05em}.bento-large i,.bento-small i{position:absolute;bottom:22px;left:24px;font-style:normal;font-size:11px}.bento-small{background:linear-gradient(135deg,#087e97,#169bb1)}.bento-small strong{display:block;font-size:22px;margin-top:10px}.bento-small small{display:block;font-size:10px;color:rgba(255,255,255,.75)}.bento-blue{background:linear-gradient(135deg,#244966,#155b7e)}.timeline{max-width:900px;margin:0 auto}.timeline-row{display:grid;grid-template-columns:70px 18px 1fr;gap:18px;position:relative;padding-bottom:25px}.timeline-row:not(:last-child):after{content:"";position:absolute;left:78px;top:19px;bottom:-2px;width:1px;background:var(--line-strong)}.timeline-row time{font-size:12px;color:var(--rose);font-weight:800;padding-top:1px}.timeline-dot{width:9px;height:9px;border-radius:50%;background:var(--rose-2);margin-top:7px;box-shadow:0 0 0 5px var(--rose-soft);z-index:1}.timeline-row h3{font-size:15px;margin:4px 0}.timeline-row p{font-size:11px;color:var(--ink-3);margin:0}.guide-section{max-width:none;background:linear-gradient(120deg,#dff2f5,#edf6f8 55%,#d9eaf2);padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2));display:grid;grid-template-columns:.4fr 1fr .7fr;gap:45px;align-items:center}.guide-number{font-size:76px;font-weight:800;color:rgba(8,126,151,.25);letter-spacing:-.1em}.guide-number span{display:block;font-size:9px;letter-spacing:.2em;color:var(--rose)}.guide-section h2{font-size:30px}.guide-section p{font-size:12px;color:var(--ink-2);max-width:620px}.guide-checks{display:grid;gap:11px}.guide-checks span{font-size:11px;color:var(--ink-2)}.guide-checks span:before{content:"✓";color:var(--rose);margin-right:9px}.knowledge-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.knowledge-head h2{font-size:34px}.knowledge-head p{font-size:12px;color:var(--ink-3)}.knowledge-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-list article{padding:19px;border-top:2px solid var(--rose-light);background:#fff;border-radius:0 0 12px 12px}.knowledge-list span{font-size:8px;color:var(--rose);letter-spacing:.1em;font-weight:800}.knowledge-list h3{font-size:14px;margin:14px 0 7px}.knowledge-list p{font-size:10px;color:var(--ink-3);line-height:1.8;margin:0}.featured-wide{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.wide-art{height:250px;border-radius:var(--radius-card);background:linear-gradient(140deg,#155b7e,#337a9d 55%,#8fc4cf);position:relative;overflow:hidden;padding:27px;color:#fff}.wide-grid-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.15) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.15) 50%,transparent 50.2%);background-size:55px 55px;transform:skewY(-14deg) scale(1.4)}.wide-art span,.wide-art b{position:relative;z-index:1}.wide-art span{font-size:9px;letter-spacing:.2em}.wide-art b{display:block;font-size:36px;line-height:1.2;margin-top:55px;letter-spacing:-.05em}.wide-copy p{font-size:12px;color:var(--ink-2);line-height:1.9}.share-section{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.share-section h2{font-size:28px}.share-section p{font-size:12px;color:var(--ink-3);margin:0}.community-preview{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.community-copy h2{font-size:38px}.community-copy p{font-size:12px;color:var(--ink-2);line-height:1.9}.post-stream{border-top:1px solid var(--line)}.post-stream article{padding:17px 0;border-bottom:1px solid var(--line)}.post-stream span,.post-stream b,.post-stream small{display:block}.post-stream span{font-size:9px;color:var(--rose);font-weight:800}.post-stream b{font-size:14px;margin:4px 0}.post-stream small{font-size:10px;color:var(--ink-3)}.privacy-band{max-width:none;background:linear-gradient(135deg,#102a43,#155b7e);color:white;display:grid;grid-template-columns:75px 1fr auto;gap:30px;align-items:center;padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2))}.privacy-icon{width:64px;height:64px;border:1px solid rgba(165,223,232,.55);border-radius:22px;display:grid;place-items:center;font-size:38px;color:#a5dfe8}.privacy-band .eyebrow{color:#a5dfe8}.privacy-band h2{font-size:29px;margin:9px 0}.privacy-band p{font-size:11px;color:rgba(255,255,255,.7);margin:0;max-width:730px}.app-preview{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.device-visual{height:370px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at center,#d8edf1 0%,#f5f9fc 65%)}.device-frame{width:190px;height:340px;border:7px solid #244966;border-radius:30px;padding:7px;background:#fff;box-shadow:0 22px 35px rgba(16,42,67,.18);transform:rotate(-7deg);z-index:1}.device-screen{height:100%;border-radius:18px;background:linear-gradient(145deg,#dff2f5,#8dbdca 55%,#155b7e);padding:20px 13px;color:white;display:flex;flex-direction:column;justify-content:space-between}.device-screen span{font-size:8px;letter-spacing:.15em}.device-play{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.8);display:grid;place-items:center;align-self:center;font-size:12px;padding-left:3px}.device-screen b{font-size:19px;line-height:1.3}.device-screen small{font-size:8px;color:rgba(255,255,255,.8)}.device-orbit{position:absolute;width:310px;height:180px;border:1px solid rgba(8,126,151,.25);border-radius:50%;transform:rotate(-30deg)}.app-copy h2{font-size:42px}.web-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;background:#eaf2f8;max-width:none;padding-left:max(28px,calc((100vw - 1264px)/2));padding-right:max(28px,calc((100vw - 1264px)/2))}.web-preview-copy h2{font-size:34px}.browser-window{height:245px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(16,42,67,.1);overflow:hidden;border:1px solid var(--line)}.browser-bar{height:38px;background:#f5f9fc;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 13px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#a8bdc9}.browser-bar span{margin-left:10px;font-size:8px;color:var(--ink-3);letter-spacing:.1em}.browser-content{padding:22px}.browser-line{height:12px;width:40%;border-radius:8px;background:#dce9f3;margin-bottom:15px}.browser-block{height:80px;border-radius:8px;background:linear-gradient(120deg,#dff2f5,#8fbaca);margin-bottom:13px}.browser-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.browser-columns i{height:38px;border-radius:6px;background:#edf3f7}.faq-preview{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.faq-preview-head h2{font-size:34px}.faq-preview-head p{font-size:12px;color:var(--ink-3)}.mini-faq details{border-bottom:1px solid var(--line);padding:13px 0}.mini-faq summary{cursor:pointer;font-size:13px;font-weight:700;list-style:none}.mini-faq summary::-webkit-details-marker{display:none}.mini-faq summary:after{content:"＋";float:right;color:var(--rose)}.mini-faq details[open] summary:after{content:"－"}.mini-faq p{font-size:11px;color:var(--ink-3);padding:10px 0 0;margin:0}.about-band{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#fff;border-radius:var(--radius-card);margin-bottom:90px}.about-band h2{font-size:29px}.about-band p{font-size:12px;color:var(--ink-3);max-width:780px;margin:0}.site-footer{background:linear-gradient(135deg,#102a43,#155b7e);color:#fff;padding:60px 28px 22px}.footer-top,.footer-bottom{max-width:1264px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;padding-bottom:48px}.brand-light{color:white}.brand-light small{color:rgba(255,255,255,.58)}.footer-brand p{font-size:11px;color:rgba(255,255,255,.65);max-width:330px;margin-top:18px;line-height:1.9}.footer-column h3{font-size:12px;margin:4px 0 15px;color:#fff}.footer-column a{display:block;font-size:10px;color:rgba(255,255,255,.65);padding:4px 0}.footer-column a:hover,.footer-bottom a:hover{color:#a5dfe8}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;display:flex;justify-content:space-between;gap:15px;color:rgba(255,255,255,.55);font-size:9px}.footer-bottom a{color:rgba(255,255,255,.7)}.search-modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:13vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(16,42,67,.56);backdrop-filter:blur(6px)}.search-dialog{position:relative;z-index:1;width:min(100%,620px);background:#fff;border-radius:24px;padding:40px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.search-dialog h2{font-size:32px;margin:12px 0 22px}.search-close{position:absolute;right:20px;top:18px;border:0;background:var(--cream);width:34px;height:34px;border-radius:50%;font-size:20px;color:var(--ink-2)}.search-dialog form{display:flex;gap:9px}.search-dialog input{flex:1;min-width:0;border:1px solid var(--line-strong);border-radius:30px;padding:0 18px;outline-color:var(--rose)}.search-dialog>p{font-size:10px;color:var(--ink-3);margin:18px 0 0}.search-dialog>p a{color:var(--rose)}.page-hero{max-width:var(--wrap);min-height:350px;margin:auto;padding:72px 28px 65px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(8,126,151,.12);border-radius:50%;right:90px;top:-270px;box-shadow:0 0 0 30px rgba(8,126,151,.025),0 0 0 65px rgba(8,126,151,.02)}.page-hero-copy{max-width:760px;position:relative;z-index:1}.page-hero h1{font-size:clamp(38px,5vw,58px);letter-spacing:-.06em;line-height:1.2;margin:17px 0}.page-hero p{font-size:14px;color:var(--ink-2);line-height:2;max-width:690px;margin:0}.page-hero-orb{width:205px;height:205px;flex:none;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e2f4f6,#b9dce6);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 15px rgba(8,126,151,.035),0 0 0 35px rgba(8,126,151,.02);color:#155b7e;position:relative;z-index:1}.page-hero-orb span{font-size:8px;letter-spacing:.18em}.page-hero-orb b{font-size:72px;line-height:1;font-weight:300;letter-spacing:-.1em}.breadcrumbs{display:flex;gap:9px;font-size:10px;color:var(--ink-3);margin-bottom:22px}.breadcrumbs a:hover{color:var(--rose)}.prose-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:75px;align-items:start}.prose-section h2{font-size:23px;margin:30px 0 10px}.prose-section h2:first-of-type{margin-top:15px}.prose-section p{font-size:13px;color:var(--ink-2);line-height:2.1}.prose-aside,.aside-box,.shelf-note{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:25px}.prose-aside h3,.aside-box h3,.shelf-note h3{font-size:18px;margin:10px 0}.prose-aside ol{padding-left:18px;color:var(--ink-2);font-size:11px;line-height:2.3}.aside-callout{padding:15px;border-radius:12px;background:var(--cream-2);margin:22px 0}.aside-callout b{font-size:10px;color:var(--rose);letter-spacing:.15em}.aside-callout p{font-size:10px;color:var(--ink-2);margin:6px 0 0}.prose-aside>a,.aside-box>a,.shelf-note>a{font-size:11px;color:var(--rose);font-weight:700}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{position:relative;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}.related-links span,.related-links b,.related-links small{display:block}.related-links span{font-size:10px;color:var(--rose)}.related-links b{font-size:15px;margin:12px 0 4px}.related-links small{font-size:10px;color:var(--ink-3)}.related-links i{position:absolute;right:20px;top:20px;font-style:normal;color:var(--rose)}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.filter-row a{padding:8px 16px;border:1px solid var(--line-strong);border-radius:30px;font-size:11px;color:var(--ink-2)}.filter-row a.selected,.filter-row a:hover{background:var(--plum-dark);color:white;border-color:var(--plum-dark)}.detail-hero{min-height:460px}.detail-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.detail-tags span{padding:5px 10px;border-radius:30px;background:#e5f2f5;color:var(--mauve-deep);font-size:10px}.detail-art{width:290px;height:290px;border-radius:40% 60% 55% 45%;background:linear-gradient(145deg,#dff2f5,#8fbaca 55%,#155b7e);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;position:relative;transform:rotate(7deg)}.detail-art:before{content:"";position:absolute;inset:22px;border:1px solid rgba(255,255,255,.7);border-radius:50%}.detail-art span,.detail-art b,.detail-art small{position:relative;transform:rotate(-7deg)}.detail-art span{font-size:11px;letter-spacing:.1em}.detail-art b{font-size:90px;font-weight:200;line-height:1}.detail-art small{font-size:8px;letter-spacing:.15em}.detail-content{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:start}.detail-aside{display:grid;gap:14px}.aside-box dl{display:grid;grid-template-columns:90px 1fr;gap:9px;font-size:11px}.aside-box dt{color:var(--ink-3)}.aside-box dd{margin:0;color:var(--ink-2)}.aside-blue{background:#e5f2f5}.aside-blue p{font-size:11px;color:var(--ink-2)}.search-result-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.search-result-head h2{font-size:26px;margin:0}.search-result-head span{font-size:11px;color:var(--ink-3)}.empty-state{padding:55px 25px;text-align:center;background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-card)}.empty-state>span{font-size:40px;color:var(--rose)}.empty-state h3{font-size:20px;margin:10px 0}.empty-state p{font-size:12px;color:var(--ink-3)}.shelf-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:start}.shelf-note{background:#eaf2f8;position:sticky;top:95px}.shelf-note p{font-size:11px;color:var(--ink-2)}.shelf-note ul{padding-left:17px;font-size:10px;color:var(--ink-3);line-height:2}.text-button{border:0;background:transparent;color:var(--rose);font-size:11px;font-weight:700}.shelf-history-heading{margin-top:60px}.saved-list{display:grid;gap:8px}.saved-row{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--line);background:#fff;border-radius:12px}.saved-symbol{width:36px;height:36px;border-radius:12px;background:var(--rose-soft);display:grid;place-items:center;color:var(--rose);font-weight:800}.saved-row span:nth-child(2){flex:1}.saved-row b,.saved-row small{display:block}.saved-row b{font-size:12px}.saved-row small{font-size:9px;color:var(--ink-3)}.saved-row i{font-style:normal;color:var(--rose)}.muted{font-size:11px;color:var(--ink-3)}.faq-page{display:grid;grid-template-columns:.65fr 1.35fr;gap:75px}.faq-intro h2{font-size:31px}.faq-intro p{font-size:12px;color:var(--ink-3)}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line);padding:16px 0}.faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:35px 1fr 25px;align-items:center;font-size:13px;font-weight:700}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:10px;color:var(--rose)}.faq-item summary b{font-size:17px;color:var(--rose);font-weight:400}.faq-item p{padding-left:35px;font-size:11px;color:var(--ink-2);line-height:2;margin:12px 0 0}.not-found{text-align:center;padding:80px 20px 120px;max-width:700px;margin:auto}.not-found-number{font-size:150px;line-height:1;font-weight:800;letter-spacing:-.1em;color:#d6e9ef;margin:15px 0}.not-found h1{font-size:32px}.not-found p{font-size:13px;color:var(--ink-3);margin:0 auto 25px}.not-found .hero-ctas{justify-content:center}.section.is-visible{animation:rise .55s ease both}@keyframes rise{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reader-dim{background:#e8eef2}.reader-dim .page-hero,.reader-dim .section{filter:saturate(.8)}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:11px}.header-inner{gap:18px}.hero{gap:15px}.hero-stage{transform:scale(.92)}.feature-editorial,.live-feature{gap:40px}.split-section{gap:45px}.creator-grid{grid-template-columns:repeat(2,1fr)}.knowledge-section{gap:35px}.footer-top{gap:25px}}
@media(max-width:900px){.desktop-nav,.header-actions>.icon-link,.header-actions>.button{display:none}.header-inner{justify-content:space-between}.menu-toggle{display:block}.mobile-nav{display:grid;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 28px 20px;grid-template-columns:repeat(2,1fr);gap:0 18px;box-shadow:var(--shadow)}.mobile-nav[hidden]{display:none}.mobile-nav a{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{max-width:720px}.hero-stage{height:400px;transform:none}.hero-art{height:360px;width:440px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:20px}.trust-strip div:nth-child(2){border:0}.feature-editorial,.live-feature,.acg-layout,.split-section,.ranking-preview,.knowledge-section,.community-preview,.app-preview,.web-preview,.faq-preview,.prose-layout,.detail-content,.shelf-layout,.faq-page{grid-template-columns:1fr;gap:35px}.editorial-visual{height:330px}.live-panel{max-width:620px}.acg-side{grid-template-columns:repeat(3,1fr)}.horizontal-rail{grid-template-columns:repeat(2,1fr)}.rail-item:nth-child(2){border-right:0}.rail-item:nth-child(n+3){border-top:1px solid var(--line)}.guide-section{grid-template-columns:100px 1fr}.guide-checks{grid-column:2;grid-template-columns:repeat(2,1fr)}.privacy-band{grid-template-columns:60px 1fr}.privacy-band .button{grid-column:2;justify-self:start}.device-visual{max-width:500px;width:100%;margin:auto}.page-hero-orb{width:160px;height:160px}.page-hero-orb b{font-size:58px}.detail-art{width:220px;height:220px}.shelf-note{position:static}.faq-intro{max-width:650px}}
@media(max-width:650px){body{font-size:14px}.header-inner{padding:0 18px}.section{padding:65px 18px}.hero{padding:48px 18px 40px;min-height:0}.hero h1{font-size:40px}.hero-copy>p{font-size:13px}.hero-search{height:55px}.hero-search button{padding:0 13px}.hero-quick{gap:10px}.hero-stage{height:330px;margin-top:10px}.hero-art{width:calc(100% - 30px);height:300px;border-radius:42% 42% 28% 28%}.art-caption{left:35px;bottom:55px}.art-caption strong{font-size:27px}.art-sun{width:130px;height:130px;right:45px}.note-top{left:0;top:20px}.note-bottom{right:0;bottom:25px}.float-note{padding:9px 11px}.float-note b{font-size:10px}.float-note small{font-size:8px}.stage-tags{font-size:7px;gap:8px}.trust-strip{padding:20px 18px;gap:16px}.trust-strip div{padding:0 10px}.trust-strip div:first-child{padding-left:0}.trust-strip b{font-size:11px}.trust-strip span{font-size:9px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading h2,.section h2{font-size:29px}.category-tiles{grid-template-columns:repeat(2,1fr);gap:9px}.category-tile{min-height:160px;padding:17px}.category-tile h3{font-size:17px;margin-top:30px}.category-tile p{font-size:9px}.feature-editorial{gap:28px}.editorial-visual{height:270px}.editorial-caption{left:25px;bottom:25px}.editorial-caption strong{font-size:29px}.editorial-stamp{left:22px;top:22px;width:70px;height:70px;font-size:8px}.media-grid{grid-template-columns:1fr;gap:12px}.media-card{display:grid;grid-template-columns:38% 1fr}.media-card__visual{height:100%;min-height:170px;padding:12px;display:block}.visual-mark{position:absolute;bottom:13px;right:10px;font-size:32px}.media-card__body{padding:14px}.media-card h3{font-size:14px}.media-card p{font-size:9px;min-height:0;margin-bottom:8px}.card-meta{font-size:8px}.live-feature{gap:25px}.live-copy h2{font-size:35px}.live-points{gap:7px}.live-points b{font-size:10px}.live-points span{font-size:8px}.live-panel{padding:22px;min-height:290px}.acg-lead{min-height:300px;padding:25px}.acg-lead h3{font-size:25px;margin-top:105px}.acg-symbol{font-size:110px;right:55px}.acg-side{grid-template-columns:1fr}.creator-grid{gap:9px}.creator-card{padding:15px}.creator-avatar{width:52px;height:52px;border-radius:17px}.creator-card h3{font-size:14px}.creator-card p{font-size:9px;min-height:95px}.horizontal-rail{grid-template-columns:1fr}.rail-item{min-height:0;border-right:0;border-bottom:1px solid var(--line);margin:0;padding:17px 35px 17px 0}.rail-item:nth-child(n+3){border-top:0}.rail-item b{max-width:none;margin:7px 0}.rail-item small{max-width:none}.split-section{gap:25px}.split-copy h2{font-size:34px}.ranking-preview{gap:25px}.rank-list li{grid-template-columns:35px 1fr 20px}.discovery-bento{grid-template-columns:1fr;grid-template-rows:200px 135px 135px}.bento-large{grid-row:auto}.bento-large strong{margin-top:35px;font-size:29px}.timeline-row{grid-template-columns:52px 14px 1fr;gap:12px}.timeline-row:not(:last-child):after{left:59px}.timeline-row time{font-size:10px}.guide-section{grid-template-columns:1fr;gap:15px}.guide-number{font-size:54px}.guide-checks{grid-column:auto;grid-template-columns:1fr 1fr}.knowledge-list{grid-template-columns:1fr}.featured-wide{gap:25px}.wide-art{height:210px}.wide-art b{font-size:30px;margin-top:40px}.share-section,.about-band{align-items:flex-start;flex-direction:column}.share-section h2,.about-band h2{font-size:25px}.community-preview{gap:25px}.privacy-band{grid-template-columns:1fr;gap:15px}.privacy-band .button{grid-column:auto}.privacy-band h2{font-size:25px}.app-preview{gap:25px}.device-visual{height:330px}.device-frame{transform:scale(.88) rotate(-7deg)}.web-preview{gap:25px}.browser-window{height:200px}.faq-preview{gap:25px}.faq-preview-head h2{font-size:28px}.about-band{margin:0 18px 60px;padding:28px 22px}.footer-top{grid-template-columns:repeat(2,1fr);gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:52px 18px;min-height:280px}.page-hero h1{font-size:39px}.page-hero p{font-size:12px}.page-hero-orb{width:95px;height:95px}.page-hero-orb b{font-size:37px}.page-hero-orb span{font-size:6px}.page-hero:before{right:-180px}.prose-layout,.detail-content,.shelf-layout,.faq-page{gap:25px}.prose-aside,.aside-box,.shelf-note{padding:20px}.related-links{grid-template-columns:1fr}.detail-hero{display:block}.detail-art{margin:30px auto 0;width:170px;height:170px}.detail-art b{font-size:60px}.detail-content{padding-top:25px}.search-result-head{align-items:flex-start;flex-direction:column;gap:5px}.search-dialog{padding:32px 22px}.search-dialog form{flex-direction:column}.search-dialog input{height:48px}.search-dialog .button{width:100%}.not-found-number{font-size:110px}.not-found h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Editorial page details */
.curation-list{border-top:1px solid var(--line)}.curation-entry{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.curation-no{font-size:50px;line-height:1;color:#c8e2e9;font-weight:300;letter-spacing:-.08em}.curation-main h2{font-size:27px;margin:9px 0}.curation-main>p{font-size:12px;color:var(--ink-2);max-width:850px;line-height:2}.curation-meta{display:flex;gap:35px;margin:17px 0}.curation-meta span{font-size:10px;color:var(--ink-3)}.curation-meta b{display:block;color:var(--ink);margin-bottom:3px}.curation-links{display:flex;gap:10px;flex-wrap:wrap}.curation-links a{font-size:10px;color:var(--rose);font-weight:700}.creator-grid-large{margin-bottom:40px}.creator-grid-large .creator-card{min-height:310px}.community-board{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}.board-intro h2{font-size:34px}.board-intro p{font-size:12px;color:var(--ink-3)}.board-posts{border-top:1px solid var(--line)}.board-posts article{padding:22px 0;border-bottom:1px solid var(--line)}.board-posts h3{font-size:17px;margin:7px 0}.board-posts p{font-size:11px;color:var(--ink-3);max-width:650px}.board-posts button{border:1px solid var(--line);background:#fff;border-radius:30px;padding:5px 13px;font-size:10px;color:var(--rose)}.board-posts button.liked{background:var(--rose-soft);border-color:var(--rose-light)}
@media(max-width:900px){.community-board{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.curation-entry{grid-template-columns:45px 1fr;gap:12px}.curation-no{font-size:32px}.curation-main h2{font-size:21px}.curation-meta{display:grid;gap:10px}.creator-grid-large .creator-card{min-height:0}}

.mobile-bottom-nav{display:none}.ranking-page .filter-row button{padding:8px 16px;border:1px solid var(--line-strong);border-radius:30px;background:transparent;color:var(--ink-2);font-size:11px}.ranking-page .filter-row button.selected,.ranking-page .filter-row button:hover{background:var(--plum-dark);color:#fff;border-color:var(--plum-dark)}.rank-feature-row{display:grid;grid-template-columns:65px 1fr 70px;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.rank-feature-row h2{font-size:19px;margin:5px 0}.rank-feature-row p{font-size:11px;color:var(--ink-3);margin:0 0 6px}.rank-feature-row small{font-size:9px;color:var(--rose)}.rank-feature-row>a{font-size:11px;color:var(--rose);font-weight:700;text-align:right}
@media(max-width:900px){.mobile-bottom-nav{position:fixed;z-index:45;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:62px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(16,42,67,.06)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:0;color:var(--ink-3);font-size:9px;min-width:48px}.mobile-bottom-nav a span{font-size:18px;line-height:1.35;color:var(--mauve-deep)}body{padding-bottom:62px}.rank-feature-row{grid-template-columns:40px 1fr 45px;gap:10px}.rank-feature-row h2{font-size:15px}}