@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}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;font-size:15px;line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.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:-999px;top:8px;background:#fff;padding:8px 14px;z-index:100}.skip-link:focus{left:8px}.site-header{height:72px;position:sticky;top:0;z-index:30;background:rgba(245,249,252,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:box-shadow .2s}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 5px 22px rgba(16,42,67,.06)}.header-inner{height:100%;max-width:var(--wrap);padding:0 28px;margin:auto;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;letter-spacing:-.04em;white-space:nowrap}.brand>span:last-child{line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:.17em;color:var(--ink-3);font-weight:650;margin-top:5px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--rose),var(--mauve-deep));display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.08em}.brand-logo{width:38px;height:38px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:23px;flex:1}.desktop-nav a{font-size:13px;color:var(--ink-2);position:relative;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a:focus{color:var(--mauve-deep)}.desktop-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--rose-2)}.header-tools{display:flex;align-items:center;gap:17px}.icon-button,.menu-toggle{border:0;background:transparent;color:var(--ink);font-size:24px;padding:4px 7px}.header-favorite{font-size:13px;color:var(--ink-2)}.header-app{background:var(--plum-dark);color:#fff;padding:8px 16px;border-radius:var(--radius-pill);font-size:12px}.menu-toggle{display:none}.mobile-nav{display:none}.site-main{min-height:60vh;max-width:var(--wrap);margin:auto;padding:0 28px 80px}.home-hero{min-height:590px;margin:0 -28px;padding:74px max(28px,calc((100vw - 1264px)/2)) 70px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;background:linear-gradient(135deg,#F5F9FC 0%,#EAF2F8 52%,#D5EAF3 100%);position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(8,126,151,.12);border-radius:50%;right:-100px;top:-180px;box-shadow:0 0 0 55px rgba(255,255,255,.18),0 0 0 110px rgba(255,255,255,.12)}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow{display:inline-block;color:var(--rose);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-copy h1{font-size:clamp(38px,4.3vw,62px);line-height:1.2;letter-spacing:-.055em;margin:18px 0 20px;font-weight:760}.hero-copy h1 em{font-style:normal;color:var(--mauve-deep)}.hero-copy>p{max-width:560px;color:var(--ink-2);font-size:16px;line-height:1.95;margin:0 0 28px}.hero-search{display:flex;align-items:center;gap:12px;max-width:600px;padding:8px 9px 8px 18px;background:#fff;border:1px solid rgba(36,73,102,.12);border-radius:14px;box-shadow:var(--shadow)}.hero-search>span{font-size:23px;color:var(--ink-3)}.hero-search input{border:0;outline:0;min-width:0;flex:1;font-size:13px;color:var(--ink)}.hero-search button{border:0;border-radius:10px;background:var(--rose);color:#fff;padding:11px 18px;font-size:12px}.hot-words{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:16px;font-size:11px}.hot-words span{color:var(--ink-3)}.hot-words a{color:var(--ink-2)}.hot-words a:hover{color:var(--rose)}.hero-actions{display:flex;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:11px 18px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button-primary{background:var(--rose);color:white}.button-outline{border-color:var(--line-strong);color:var(--ink-2);background:transparent}.button-light{background:var(--cream-2);color:var(--ink-2)}.button-dark{background:var(--plum-dark);color:#fff}.hero-visual{min-height:410px;padding:25px 28px 20px 0}.hero-image{height:390px;position:relative;border-radius:28px 28px 90px 28px;overflow:hidden;background:#d7e9f1;box-shadow:0 28px 65px rgba(16,42,67,.15)}.hero-image>img{width:100%;height:100%;object-fit:cover}.hero-image:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(16,42,67,.68))}.hero-image-caption{position:absolute;z-index:1;left:28px;bottom:25px;color:white;display:grid}.hero-image-caption span{font-size:9px;letter-spacing:.2em}.hero-image-caption strong{font-size:21px;margin-top:5px}.floating-note{position:absolute;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.94);padding:13px 17px;border-radius:13px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:12px}.floating-note small{font-size:10px;color:var(--ink-3)}.note-one{left:-28px;top:64px}.note-two{right:-5px;bottom:45px}.note-dot{width:10px;height:10px;border-radius:50%;background:var(--sage)}.note-icon{width:30px;height:30px;border-radius:9px;background:var(--rose-soft);color:var(--rose);display:grid;place-items:center}.hero-side-label{position:absolute;right:0;top:10px;writing-mode:vertical-rl;color:var(--ink-3);font-size:9px;letter-spacing:.22em}.quick-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:white;border:1px solid var(--line);border-radius:0 0 18px 18px;box-shadow:var(--shadow);margin:0 0 80px}.quick-categories>a{padding:23px 25px;position:relative;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto}.quick-categories>a:last-child{border:0}.quick-categories span{font-size:10px;color:var(--rose);grid-column:1/-1}.quick-categories b{font-size:16px}.quick-categories small{grid-column:1;color:var(--ink-3);font-size:10px}.quick-categories i{grid-column:2;grid-row:2/4;align-self:center;color:var(--rose);font-style:normal}.section-block{margin:0 0 94px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2,.feature-lead h2,.split-copy h2,.ranking-teaser h2,.browser-copy h2,.community-band h2,.privacy-band h2,.app-band h2,.long-guide h2,.about-band h2{font-size:clamp(27px,3vw,39px);letter-spacing:-.045em;line-height:1.3;margin:9px 0 10px}.section-heading p{margin:0;color:var(--ink-3);font-size:13px;max-width:630px}.text-link{font-size:12px;color:var(--mauve-deep);font-weight:700;white-space:nowrap}.text-link span{margin-left:7px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.content-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;transition:transform .25s,box-shadow .25s}.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.card-media{display:block;position:relative;aspect-ratio:16/9;background:var(--cream-2);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.content-card:hover .card-media img{transform:scale(1.04)}.media-tag{position:absolute;left:14px;top:13px;padding:5px 9px;background:rgba(255,255,255,.91);color:var(--mauve-deep);border-radius:5px;font-size:9px;font-weight:700}.card-copy{padding:17px 18px 16px}.card-copy h3{font-size:16px;line-height:1.45;margin:0 0 8px}.card-copy p{font-size:12px;line-height:1.8;color:var(--ink-3);margin:0;min-height:44px}.card-meta{border-top:1px solid var(--line);margin-top:15px;padding-top:11px;display:flex;justify-content:space-between;color:var(--ink-3);font-size:10px}.card-meta a{color:var(--rose);font-weight:700}.section-featured{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;position:relative;padding:25px 5% 25px 0}.feature-lead p,.split-copy p,.ranking-teaser p,.browser-copy p,.community-band p,.privacy-band p,.app-band p,.about-band p{color:var(--ink-2);font-size:14px;line-height:2;max-width:500px}.feature-art{height:330px;position:relative;border-radius:20px 90px 20px 20px;overflow:hidden}.feature-art img{width:100%;height:100%;object-fit:cover}.art-stamp{position:absolute;right:20px;bottom:20px;background:rgba(255,255,255,.91);padding:13px 17px;color:var(--mauve-deep);font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.4}.feature-mini{position:absolute;bottom:0;left:26%;background:var(--plum-dark);color:#fff;border-radius:12px;padding:13px 20px;display:flex;gap:16px;align-items:center}.feature-mini b{font-size:12px}.feature-mini span{font-size:10px;color:rgba(255,255,255,.7)}.split-section{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center;background:var(--cream-2);padding:34px;border-radius:24px}.split-visual{height:330px;position:relative;border-radius:15px;overflow:hidden}.split-visual img{width:100%;height:100%;object-fit:cover}.image-index{position:absolute;bottom:15px;left:18px;color:#fff;font-size:9px;letter-spacing:.15em}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creator-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.creator-card>img{width:100%;aspect-ratio:4/3;object-fit:cover}.creator-card>div{padding:16px}.creator-card h3,.creator-card h2{font-size:15px;margin:6px 0}.creator-card p{font-size:11px;color:var(--ink-3);margin:0 0 10px}.creator-card small{font-size:9px;color:var(--ink-3)}.ranking-teaser{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding:48px 5%;background:linear-gradient(120deg,#EAF2F8,#DDEEF4);border-radius:22px}.rank-preview{background:rgba(255,255,255,.8);border-radius:14px;padding:12px 22px}.rank-preview>a{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.rank-preview>a:last-child{border:0}.rank-preview b{font-size:19px;color:var(--rose)}.rank-preview span{font-size:12px;flex:1}.rank-preview small{display:block;font-size:10px;color:var(--ink-3)}.rank-preview i{font-style:normal;color:var(--rose)}.update-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.update-strip article{padding:20px 25px;border-right:1px solid var(--line)}.update-strip article:last-child{border:0}.update-strip time{display:block;font-size:23px;font-weight:700;color:var(--mauve-deep);margin-bottom:10px}.update-strip h3{font-size:14px;margin:7px 0}.update-strip p{font-size:11px;color:var(--ink-3);margin:0}.bento-section{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:210px 210px;gap:15px}.bento-intro{grid-row:1/3;padding:35px 20px 25px 0}.bento-intro h2{font-size:35px;line-height:1.3;letter-spacing:-.04em}.bento-intro p{color:var(--ink-3);font-size:13px;max-width:290px}.bento-tile{position:relative;border-radius:17px;overflow:hidden;background:var(--cream-2);display:flex;align-items:end;padding:20px;color:white}.bento-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,42,67,.78),transparent 80%)}.bento-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bento-tile>span,.bento-tile>i{position:relative;z-index:1}.bento-tile>span small,.bento-tile>span b{display:block}.bento-tile>span small{font-size:9px;letter-spacing:.15em}.bento-tile>span b{font-size:19px;line-height:1.4}.bento-tile>i{font-style:normal;margin-left:auto}.bento-large{grid-row:1/3}.bento-guide{background:var(--plum-dark);display:block;padding:25px}.bento-guide:after{display:none}.bento-guide .guide-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--rose);font-size:20px;margin-bottom:15px}.bento-guide small,.bento-guide b,.bento-guide p{display:block;position:relative;z-index:1}.bento-guide b{font-size:19px}.bento-guide p{font-size:10px;color:rgba(255,255,255,.65)}.browser-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#EAF2F8;border-radius:25px;padding:50px 6%}.browser-points{display:grid;gap:8px;margin:20px 0 25px;color:var(--mauve-deep);font-size:12px}.browser-device{position:relative;height:310px;display:flex;align-items:center;justify-content:center}.browser-device img{height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(16,42,67,.13))}.device-label{position:absolute;right:0;bottom:0;background:#fff;padding:9px 14px;border-radius:8px;font-size:9px;letter-spacing:.14em;color:var(--rose)}.community-band{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.community-image{height:240px;overflow:hidden;border-radius:18px}.community-image img{width:100%;height:100%;object-fit:cover}.privacy-band{display:flex;align-items:center;gap:25px;background:#DDF2F2;border-radius:18px;padding:25px 32px}.privacy-band>div:nth-child(2){flex:1}.privacy-band h2{font-size:24px}.privacy-band p{font-size:12px;margin:0}.privacy-icon{font-size:30px;color:var(--sage)}.app-band{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px 7%;overflow:hidden}.app-band>img{height:250px;width:100%;object-fit:contain}.long-guide{display:grid;grid-template-columns:180px 1fr;gap:40px;padding:20px 4%;border-left:3px solid var(--rose-light)}.guide-index b,.guide-index small{display:block}.guide-index b{font-size:25px;color:var(--rose);margin-top:20px}.guide-index small{color:var(--ink-3)}.long-guide p{color:var(--ink-2);font-size:13px;line-height:2;max-width:850px}.guide-links{display:flex;gap:25px;font-size:12px;color:var(--mauve-deep);font-weight:700}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:17px 5px}.faq-list summary{cursor:pointer;font-size:14px;font-weight:700;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"＋";color:var(--rose)}.faq-list details[open] summary:after{content:"－"}.faq-list p{max-width:900px;color:var(--ink-2);font-size:12px;line-height:1.9;margin:12px 0 0}.about-band{display:grid;grid-template-columns:1fr .8fr;gap:10%;align-items:center;padding:20px 5%}.about-band img{width:100%;height:250px;object-fit:cover;border-radius:18px}.site-footer{background:linear-gradient(135deg,#102A43,#155B7E);color:#fff;padding:55px max(28px,calc((100vw - 1264px)/2)) 20px}.footer-main{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:35px;padding-bottom:42px}.brand-invert{color:white}.brand-invert small{color:rgba(255,255,255,.55)}.footer-brand p{max-width:230px;color:rgba(255,255,255,.62);font-size:11px;margin-top:18px}.footer-main h3{font-size:12px;margin:0 0 15px}.footer-main>div:not(:first-child)>a{display:block;color:rgba(255,255,255,.68);font-size:11px;margin:9px 0}.footer-main a:hover,.footer-bottom a:hover{color:var(--rose-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.6);font-size:10px}.footer-bottom a{color:inherit}.bottom-nav{display:none}.search-modal{display:none;position:fixed;inset:0;z-index:80;align-items:center;justify-content:center;padding:20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(16,42,67,.55);backdrop-filter:blur(5px)}.search-dialog{position:relative;width:min(580px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 30px 90px rgba(0,0,0,.2)}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:25px;color:var(--ink-3)}.search-dialog h2{font-size:27px;margin:7px 0 20px}.search-dialog form{display:flex;gap:10px}.search-dialog input{min-width:0;flex:1;border:1px solid var(--line-strong);border-radius:9px;padding:12px}.search-dialog>p{font-size:11px;color:var(--ink-3);margin-top:17px}.search-dialog>p a{color:var(--rose)}
.page-hero{display:grid;grid-template-columns:1fr .7fr;gap:8%;align-items:center;padding:70px 4% 55px;background:linear-gradient(120deg,#EAF2F8,#F5F9FC);margin:0 -28px 55px}.page-hero h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.05em;line-height:1.2;margin:10px 0}.page-hero p{max-width:650px;color:var(--ink-2);line-height:2}.page-hero>img{height:230px;width:100%;object-fit:cover;border-radius:20px}.page-hero.compact{padding-top:45px;padding-bottom:40px}.prose-section{max-width:900px;margin:40px auto;padding:5px 0 25px;border-bottom:1px solid var(--line)}.prose-section h2{font-size:22px;margin:18px 0 8px}.prose-section p,.prose-section li{font-size:13px;color:var(--ink-2);line-height:2}.prose-section ul{padding-left:20px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:55px 3%}.detail-image{width:100%;height:350px;object-fit:cover;border-radius:20px}.detail-hero h1{font-size:38px;line-height:1.3}.detail-hero p{color:var(--ink-2);line-height:2}.button-row{display:flex;gap:10px;margin:25px 0}.fine-print{font-size:10px!important;color:var(--ink-3)!important}.reader-layout{display:grid;grid-template-columns:1fr 280px;gap:35px;padding-top:45px}.player-shell{background:#102A43;border-radius:20px;padding:12px}.player-art{height:480px;position:relative;overflow:hidden;border-radius:13px;background:#183b56}.player-art>img{width:100%;height:100%;object-fit:cover;opacity:.5}.player-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.play-mark{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--rose);padding-left:4px;margin-bottom:15px}.player-message small{color:rgba(255,255,255,.7)}.reader-toolbar{display:flex;gap:14px;align-items:center;padding:15px 0}.reader-toolbar>a{margin-right:auto;color:var(--rose);font-size:12px}.reader-main>p{color:var(--ink-2);line-height:2}.reader-aside{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px;height:max-content}.reader-aside h2{font-size:18px}.reader-aside p,.reader-aside a{font-size:12px;color:var(--ink-2);display:block;margin:10px 0}.notice-box{background:#E1F5F8;border-left:3px solid var(--rose);padding:16px 20px;color:var(--ink-2);font-size:12px;margin:25px 0;border-radius:0 10px 10px 0}.topic-tabs{display:flex;gap:12px;margin:0 0 35px}.topic-tabs a{padding:9px 17px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:12px}.editorial-list{border-top:1px solid var(--line)}.editorial-row{display:grid;grid-template-columns:70px 1fr 130px;gap:25px;align-items:center;padding:28px 10px;border-bottom:1px solid var(--line)}.row-number{font-size:25px;color:var(--rose);font-weight:700}.editorial-row h2{margin:4px 0;font-size:20px}.editorial-row p{color:var(--ink-2);font-size:12px;max-width:800px}.editorial-row small{color:var(--ink-3);font-size:10px}.editorial-row>a{font-size:11px;color:var(--rose)}.ranking-list{max-width:850px;margin:auto}.ranking-row{display:flex;gap:22px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.ranking-row>b{font-size:24px;color:var(--rose)}.ranking-row span{flex:1}.ranking-row strong,.ranking-row small{display:block}.ranking-row small{color:var(--ink-3);font-size:10px}.ranking-row em{font-style:normal;color:var(--rose);font-size:11px}.timeline{max-width:900px;margin:20px auto}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.timeline time{font-size:18px;font-weight:700;color:var(--rose)}.timeline h2{font-size:17px;margin:5px 0}.timeline p{font-size:12px;color:var(--ink-3)}.shelf-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.shelf-panel p{font-size:13px;color:var(--ink-2)}.empty-state,.not-found{text-align:center;padding:90px 20px}.empty-state p,.not-found p{color:var(--ink-3)}.not-found strong{display:block;font-size:110px;line-height:1;color:var(--rose-light)}.community-intro{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding:35px 3%;background:#EAF2F8;border-radius:20px}.community-intro img{height:270px;width:100%;object-fit:cover;border-radius:15px}.community-intro h2{font-size:32px;line-height:1.35}.community-intro p{color:var(--ink-2);font-size:13px}.community-feed{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}.community-feed article{background:#fff;border:1px solid var(--line);padding:25px;border-radius:15px}.community-feed h2{font-size:18px}.community-feed p{color:var(--ink-3);font-size:12px}.community-feed button{margin-top:10px}.reader-dim{background:#0d1b28;color:#edf5f8}.reader-dim .reader-main>p{color:#c1d2dc}.reader-dim .reader-aside{background:#182d3e;color:#fff}.reader-dim .reader-aside p,.reader-dim .reader-aside a{color:#c1d2dc}
@media(max-width:1100px){.desktop-nav{gap:13px}.desktop-nav a{font-size:11px}.header-inner{gap:18px;padding:0 20px}.header-tools{gap:10px}.site-main{padding-left:20px;padding-right:20px}.home-hero{margin:0 -20px;padding-left:35px;padding-right:35px}.footer-main{grid-template-columns:1.4fr repeat(2,1fr)}.footer-main>div:nth-child(4),.footer-main>div:nth-child(5){margin-top:15px}}
@media(max-width:900px){.desktop-nav,.header-favorite,.header-app{display:none}.menu-toggle{display:block}.header-inner{justify-content:space-between}.mobile-nav{position:absolute;top:72px;left:0;right:0;background:#fff;padding:15px 22px 22px;box-shadow:var(--shadow);grid-template-columns:repeat(2,1fr);gap:0 18px}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{padding:11px 4px;border-bottom:1px solid var(--line);font-size:13px}.home-hero{grid-template-columns:1fr;gap:25px;padding-top:55px}.hero-copy{max-width:750px}.hero-visual{min-height:330px;max-width:680px;width:100%;margin:auto}.hero-image{height:330px}.quick-categories{grid-template-columns:repeat(2,1fr);margin-bottom:65px}.quick-categories>a:nth-child(2){border-right:0}.quick-categories>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-featured,.split-section,.ranking-teaser,.browser-section,.community-band,.app-band,.about-band{grid-template-columns:1fr}.feature-art{order:2}.feature-mini{position:relative;left:auto;bottom:auto;width:max-content;margin:-10px 0 0 25px}.split-visual{order:2}.browser-device{height:250px}.community-image{order:2}.app-band>img{height:220px}.bento-section{grid-template-columns:1fr 1fr;grid-template-rows:auto 190px 190px}.bento-intro{grid-column:1/-1;grid-row:auto}.bento-large{grid-row:auto}.bento-guide{grid-column:1/-1}.page-hero{grid-template-columns:1fr .6fr}.reader-layout{grid-template-columns:1fr}.reader-aside{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.footer-main{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){body{font-size:14px}.site-header{height:64px}.header-inner{padding:0 16px}.brand{font-size:18px}.brand-mark,.brand-logo{width:34px;height:34px}.mobile-nav{top:64px}.site-main{padding:0 16px 80px}.home-hero{margin:0 -16px;padding:43px 18px 40px;min-height:0}.hero-copy h1{font-size:36px}.hero-copy>p{font-size:13px}.hero-search{padding:7px 7px 7px 12px;gap:7px}.hero-search input{font-size:11px}.hero-search button{padding:10px;font-size:10px}.hot-words{gap:10px}.hero-actions{flex-wrap:wrap}.hero-visual{min-height:270px;padding:15px 12px 10px 0}.hero-image{height:260px;border-radius:18px 18px 55px 18px}.note-one{left:-7px;top:20px}.note-two{right:-5px;bottom:20px}.floating-note{padding:9px 11px}.floating-note b{font-size:10px}.floating-note small{font-size:8px}.hero-side-label{display:none}.quick-categories{margin-bottom:55px}.quick-categories>a{padding:16px 13px}.quick-categories b{font-size:14px}.quick-categories small{font-size:9px}.section-block{margin-bottom:65px}.section-heading{align-items:start;flex-direction:column;gap:10px;margin-bottom:20px}.section-heading h2,.feature-lead h2,.split-copy h2,.ranking-teaser h2,.browser-copy h2,.community-band h2,.privacy-band h2,.app-band h2,.long-guide h2,.about-band h2{font-size:27px}.section-heading p{font-size:11px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-copy{padding:12px}.card-copy h3{font-size:12px}.card-copy p{font-size:10px;min-height:60px}.card-meta{font-size:8px}.media-tag{font-size:8px;left:8px;top:8px}.section-featured{padding:0;gap:20px}.feature-art{height:230px}.feature-mini{max-width:90%;padding:10px 13px;gap:8px}.feature-mini span{font-size:8px}.split-section,.ranking-teaser,.browser-section,.app-band{padding:25px 18px}.split-visual{height:220px}.creator-grid{grid-template-columns:repeat(2,1fr);gap:12px}.creator-card>div{padding:12px}.creator-card h3{font-size:13px}.creator-card p{font-size:10px}.rank-preview{padding:8px 13px}.rank-preview>a{gap:12px}.rank-preview span{font-size:10px}.update-strip{grid-template-columns:1fr}.update-strip article{border-right:0;border-bottom:1px solid var(--line);padding:17px 10px}.update-strip article:last-child{border-bottom:0}.update-strip time{font-size:18px}.bento-section{grid-template-columns:1fr 1fr;grid-template-rows:auto 170px 150px 160px;gap:10px}.bento-intro{grid-column:1/-1;padding:0}.bento-intro h2{font-size:28px}.bento-large{grid-column:1/-1}.bento-tile{padding:14px}.bento-tile>span b{font-size:15px}.bento-guide{grid-column:1/-1}.browser-device{height:190px}.browser-points{font-size:10px}.privacy-band{align-items:flex-start;flex-wrap:wrap;padding:20px}.privacy-band>div:nth-child(2){flex:1 1 75%}.privacy-band .button{margin-left:48px}.app-band>img{height:180px}.long-guide{grid-template-columns:1fr;gap:10px;padding:10px 5%}.guide-index b{display:inline;margin:0 10px}.guide-links{gap:15px;flex-wrap:wrap}.about-band img{height:180px}.footer-main{grid-template-columns:repeat(2,1fr);gap:25px 18px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.site-footer{padding:38px 20px 85px}.bottom-nav{position:fixed;z-index:25;bottom:0;left:0;right:0;height:60px;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:center;backdrop-filter:blur(14px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;font-size:17px;color:var(--ink-2);line-height:1.2}.bottom-nav small{font-size:9px}.page-hero{grid-template-columns:1fr;margin:0 -16px 35px;padding:40px 20px 30px;gap:15px}.page-hero h1{font-size:34px}.page-hero p{font-size:12px}.page-hero>img{height:160px}.page-hero.compact{padding-top:30px}.detail-hero{grid-template-columns:1fr;padding:35px 0;gap:20px}.detail-image{height:220px}.detail-hero h1{font-size:28px}.reader-layout{padding-top:20px}.player-art{height:250px}.reader-toolbar{flex-wrap:wrap}.reader-aside{display:block}.editorial-row{grid-template-columns:35px 1fr;gap:12px;padding:20px 0}.editorial-row h2{font-size:16px}.editorial-row>a{grid-column:2}.row-number{font-size:18px}.timeline article{grid-template-columns:65px 1fr;gap:12px}.timeline time{font-size:14px}.community-intro{grid-template-columns:1fr;padding:18px}.community-intro img{height:180px;order:2}.community-intro h2{font-size:25px}.community-feed{grid-template-columns:1fr}.search-dialog{padding:30px 20px}.search-dialog h2{font-size:22px}.search-dialog form{flex-direction:column}.topic-tabs{flex-wrap:wrap}.prose-section{margin:25px auto}.not-found{padding:60px 10px}.not-found strong{font-size:80px}}