:root{--rose:#F2A23A;--rose-2:#F6B65D;--rose-light:#FFE0A7;--rose-soft:#FFF5E6;--cream:#F7F9FC;--cream-2:#F0F5FA;--cream-3:#E5EDF5;--mauve:#3BA7B3;--mauve-deep:#187E8D;--plum:#203A58;--plum-dark:#10243B;--lavender:#BFDCE6;--lavender-soft:#EAF6F8;--peach:#F2A23A;--peach-soft:#FFF1D9;--sage:#8FA9BA;--sage-soft:#EDF3F7;--ink:#172B43;--ink-2:#4B6178;--ink-3:#7C91A4;--surface:#fff;--line:rgba(23,43,67,.11);--line-strong:rgba(23,43,67,.23);--shadow:0 8px 26px rgba(20,48,78,.07);--shadow-hover:0 18px 42px rgba(20,48,78,.14);--radius:10px;--radius-card:16px;--radius-large:24px;--radius-pill:999px;--wrap:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.75 Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}p{color:var(--ink-2);margin:0 0 1em}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{line-height:1.25;letter-spacing:-.025em}h1{font-size:clamp(2.3rem,5vw,4.8rem);margin:.35em 0 .28em}h2{font-size:clamp(1.55rem,2.6vw,2.35rem);margin:.35em 0 .55em}h3{font-size:1.1rem}.wrap{width:min(var(--wrap),calc(100% - 48px));margin-inline:auto}.site-main{min-height:65vh}.skip-link{position:absolute;left:-9999px;top:0}.skip-link:focus{left:12px;z-index:1000;background:#fff;padding:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{height:70px;position:sticky;top:0;z-index:30;background:rgba(247,249,252,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:box-shadow .2s}.site-header.is-scrolled{box-shadow:0 8px 24px rgba(20,48,78,.08);background:rgba(255,255,255,.985)}.header-inner{width:min(var(--wrap),calc(100% - 48px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:none}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--plum);color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:-.08em;font-size:17px;box-shadow:inset -7px -7px 0 rgba(59,167,179,.45)}.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.2}.brand small{font-size:10px;color:var(--ink-3);letter-spacing:.08em;margin-top:3px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.25vw,18px);flex:1}.desktop-nav a{font-size:12px;color:var(--ink-2);white-space:nowrap;position:relative}.desktop-nav a:hover{color:var(--mauve-deep)}.desktop-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--mauve)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--ink);font-size:20px}.menu-toggle{display:none;border-radius:var(--radius-pill);width:auto;padding:0 14px;font-size:12px}.mobile-nav{display:none}.mobile-nav:not([hidden]){display:grid}
.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mauve-deep);font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--radius-pill);font-size:13px;font-weight:700;border:1px solid transparent;transition:.2s}.button-primary{background:var(--plum);color:#fff}.button-primary:hover{background:var(--plum-dark);transform:translateY(-2px)}.button-outline{border-color:var(--line-strong);color:var(--ink);background:rgba(255,255,255,.5)}.button-outline:hover{border-color:var(--mauve);color:var(--mauve-deep)}.button-warm{background:var(--rose);color:var(--plum-dark)}.text-link{font-size:13px;font-weight:750;color:var(--mauve-deep);display:inline-flex;gap:8px;align-items:center}.text-link:hover{gap:13px}.tag{font-size:10px;padding:4px 9px;border-radius:var(--radius-pill);background:var(--lavender-soft);color:var(--mauve-deep);white-space:nowrap}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:11px;color:var(--ink-2);background:#fff}.chip:hover{border-color:var(--mauve);color:var(--mauve-deep)}
.hero-shell{background:linear-gradient(125deg,#F7F9FC 0%,#EAF6F8 55%,#E5EDF5 100%);padding:18px 0 26px;border-bottom:1px solid var(--line)}.ticker{display:flex;gap:22px;align-items:center;overflow:auto;white-space:nowrap;padding:8px 0 17px;border-bottom:1px solid var(--line)}.ticker>b{font-size:10px;color:var(--rose);letter-spacing:.14em}.ticker a{font-size:11px;color:var(--ink-2)}.ticker a:hover{color:var(--mauve-deep)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:8%;align-items:center;padding:55px 0 48px}.hero-copy h1{color:var(--plum-dark);font-size:clamp(3rem,6.2vw,6rem);line-height:1.04;letter-spacing:-.07em}.hero-copy h1 em{font-style:normal;color:var(--mauve-deep);font-size:.47em;letter-spacing:-.025em}.hero-lead{max-width:680px;font-size:16px;line-height:1.9;margin:25px 0}.hero-search{display:flex;max-width:650px;padding:6px;background:#fff;border:1px solid rgba(23,43,67,.13);border-radius:var(--radius-pill);box-shadow:var(--shadow)}.hero-search input,.search-page-form input,.search-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 16px;color:var(--ink)}.hero-search button{border:0;border-radius:var(--radius-pill);background:var(--rose);padding:0 23px;color:var(--plum-dark);font-weight:800}.hero-cta{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.hero-note{font-size:11px;color:var(--ink-3);margin-top:23px}.hero-side{display:grid;gap:14px}.side-panel{border-radius:var(--radius-large);padding:25px 26px;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line)}.side-dark{background:var(--plum-dark);color:#fff;min-height:235px;position:relative;overflow:hidden}.side-dark:after{content:"51";position:absolute;right:-10px;bottom:-70px;font-size:180px;line-height:1;font-weight:900;color:rgba(255,255,255,.045)}.side-panel>span{display:block;font-size:10px;letter-spacing:.1em;color:var(--sage)}.side-dark strong{display:block;font-size:29px;line-height:1.25;margin:25px 0 10px;position:relative;z-index:1}.side-dark p{color:rgba(255,255,255,.65);font-size:12px;max-width:260px;position:relative;z-index:1}.side-dark>a{font-size:11px;color:#9ce2e5;position:relative;z-index:1}.side-panel>a{display:block;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px;color:var(--ink-2)}.side-panel>a:hover{color:var(--mauve-deep)}.hero-bottomline{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:14px;font-size:10px;color:var(--ink-3);letter-spacing:.08em}.hero-bottomline a{color:var(--mauve-deep)}.quick-index{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:12px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.quick-index>a{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:12px}
.home-section{display:grid;grid-template-columns:72px minmax(0,1.2fr) minmax(220px,.8fr);gap:26px;padding:45px 0;border-bottom:1px solid var(--line);align-items:center}.section-number{font-size:12px;color:var(--rose);font-weight:800;letter-spacing:.1em;align-self:start;padding-top:8px}.home-section h2{margin:.3em 0 .45em}.home-section p{max-width:700px;margin-bottom:13px}.home-section aside{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:20px 23px;min-height:126px}.home-section aside strong{display:block;font-size:17px;margin:9px 0 3px}.home-section aside p{font-size:11px;margin:0}.layout-1 aside{background:var(--plum);color:#fff}.layout-1 aside strong{font-size:19px}.layout-1 aside b{color:#9bdde1}.layout-2 aside{background:var(--lavender-soft)}.layout-3 aside strong{font-size:34px;color:var(--mauve-deep)}.layout-4 aside{border-radius:30px;background:var(--cream-2)}.content-preview,.home-faq{padding:64px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{margin:.3em 0}.section-heading p{max-width:720px;margin:0}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);min-height:205px;display:flex;flex-direction:column;transition:.2s}.story-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--lavender)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.story-card h3{margin:22px 0 9px}.story-card p{font-size:12px;line-height:1.8}.story-card .text-link{margin-top:auto}.editorial-strip{margin:25px auto 65px;padding:38px 44px;border-radius:var(--radius-large);background:linear-gradient(115deg,#10243B,#203A58);display:flex;align-items:center;justify-content:space-between;gap:24px}.editorial-strip h2{color:#fff}.editorial-strip p{color:rgba(255,255,255,.67);max-width:720px;margin:0}.editorial-strip .eyebrow{color:#82D7DE}
.page-wrap{padding-top:34px;padding-bottom:80px}.page-intro{padding:35px 0 42px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:8%;align-items:center;border-bottom:1px solid var(--line);margin-bottom:35px}.page-intro h1{font-size:clamp(2.2rem,4vw,4rem);margin:.25em 0}.page-intro p{max-width:760px;font-size:15px}.intro-aside{background:var(--lavender-soft);padding:22px 25px;border-radius:var(--radius-card);border-left:3px solid var(--mauve)}.intro-aside b{display:block;margin:8px 0;font-size:17px}.intro-aside p{font-size:11px;margin:0}.filter-console{padding:25px 30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.filter-console h2{font-size:22px}.discover-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}.discover-layout>aside{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;position:sticky;top:90px}.discover-layout>aside a{display:block;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-2)}.prose-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:30px 34px;margin-top:32px}.prose-panel h2{font-size:20px;margin-top:1.3em}.prose-panel h2:first-child{margin-top:0}.prose-panel p,.prose-panel li{font-size:13px;line-height:2}.prose-panel ul{padding-left:20px}.category-feature{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center;padding:30px;background:linear-gradient(120deg,#fff,#EAF6F8);border-radius:var(--radius-large);margin-bottom:38px}.category-feature h2{font-size:27px}.category-stamp{width:190px;height:190px;border-radius:50%;background:var(--plum);color:#fff;display:grid;place-items:center;text-align:center;margin:auto;box-shadow:inset 0 0 0 9px rgba(130,215,222,.18)}.ranking-tabs,.shelf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.ranking-tabs a,.shelf-tabs button{padding:9px 15px;border:1px solid var(--line);border-radius:var(--radius-pill);background:#fff;color:var(--ink-2);font-size:12px}.ranking-board{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.ranking-row{display:grid;grid-template-columns:55px 1fr 100px;gap:18px;padding:22px 24px;border-top:1px solid var(--line);align-items:center}.ranking-row>b{font-size:25px;color:var(--rose)}.ranking-row h3{margin:5px 0}.ranking-row p{font-size:12px;margin:0}.update-ledger{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:stretch}.update-ledger>div:first-child{padding:28px;background:var(--plum);border-radius:var(--radius-card);color:#fff}.update-ledger>div:first-child h2{color:#fff}.update-ledger>div:first-child p{color:rgba(255,255,255,.7)}.ledger-empty{background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-card);padding:30px;display:flex;flex-direction:column;justify-content:center}.ledger-empty p{font-size:12px}.update-types{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.update-types article,.author-grid article,.safety-principles article{padding:23px;background:#fff;border-radius:var(--radius-card);border:1px solid var(--line)}.update-types b,.safety-principles b{color:var(--rose);font-size:22px}.update-types h3{margin:15px 0 7px}.update-types p{font-size:12px;margin:0}.featured-lead{display:grid;grid-template-columns:.7fr 1.3fr;gap:6%;align-items:center;padding:35px;background:#fff;border-radius:var(--radius-large);margin-bottom:35px}.featured-visual{aspect-ratio:1.1;background:linear-gradient(145deg,#10243B,#3BA7B3);border-radius:18px;color:#fff;padding:28px;position:relative;overflow:hidden;font-size:20px}.featured-visual b{display:block;font-size:45px;line-height:.98;margin-top:30px;letter-spacing:-.06em}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.collection-grid article{padding:28px;border-radius:var(--radius-card);border:1px solid var(--line);background:#fff;min-height:300px}.collection-grid article:nth-child(2){background:var(--lavender-soft)}.collection-grid article:nth-child(3){background:var(--cream-2)}.collection-grid article:nth-child(4){background:var(--plum);color:#fff}.collection-grid p{font-size:13px}.collection-grid dl{font-size:11px;color:var(--ink-2)}.collection-grid dt{color:var(--ink-3)}.collection-grid dd{margin:0 0 8px}.collection-grid article:nth-child(4) p,.collection-grid article:nth-child(4) dl{color:rgba(255,255,255,.7)}.author-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.author-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:var(--plum);color:#fff;font-size:18px;margin-bottom:20px}.author-grid h2{font-size:20px}.author-grid p{font-size:12px}
.detail-actions{display:flex;gap:10px;margin:20px 0}.reader-top{display:flex;justify-content:space-between;align-items:center;padding:10px 0 20px}.reader-top a,.reader-top button{font-size:12px;color:var(--mauve-deep);border:0;background:transparent}.reader-top div{display:flex;gap:15px}.reader-heading{padding:35px 7%;background:var(--plum);border-radius:var(--radius-large);color:#fff}.reader-heading h1{font-size:clamp(2rem,4vw,3.3rem)}.reader-heading p{color:rgba(255,255,255,.7);max-width:800px}.reader-heading .eyebrow{color:#9ce2e5}.reader-progress{display:flex;gap:14px;align-items:center;margin:24px 0;font-size:11px;color:var(--ink-3)}.reader-progress>div{height:5px;background:var(--cream-3);border-radius:9px;flex:1;overflow:hidden}.reader-progress i{display:block;height:100%;width:0;background:var(--mauve)}.reader-article{max-width:900px;margin:0 auto;padding:40px 7%}.reader-article h2{font-size:21px;margin-top:1.6em}.reader-related{max-width:900px;margin:25px auto;display:flex;gap:20px;flex-wrap:wrap}.reader-related h2{width:100%}.reader-related a{font-size:12px;color:var(--mauve-deep)}
.search-page-form{display:flex;max-width:700px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-pill)}.empty-state{text-align:center;padding:70px 20px;background:#fff;border-radius:var(--radius-card);margin-top:25px}.empty-state h2{font-size:25px}.empty-state p{font-size:13px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}.community-banner{padding:28px;background:var(--plum);border-radius:var(--radius-card);color:#fff}.community-banner h2{color:#fff}.community-banner p{color:rgba(255,255,255,.7)}.discussion{padding:23px 4px;border-bottom:1px solid var(--line)}.discussion>span{font-size:10px;color:var(--mauve-deep)}.discussion h3{margin:8px 0}.discussion p{font-size:12px}.discussion a{font-size:12px;color:var(--mauve-deep)}.community-aside,.contact-note{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);height:max-content}.community-aside ul{padding-left:18px;font-size:12px;color:var(--ink-2);line-height:2.1}.shelf-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:25px;margin-bottom:20px}.local-item{display:flex;justify-content:space-between;gap:12px;padding:13px;border-bottom:1px solid var(--line);font-size:12px}.local-item button{border:0;background:transparent;color:var(--mauve-deep)}.notice-box{padding:20px;background:var(--lavender-soft);border-radius:12px}.notice-box p{font-size:12px;margin:6px 0 0}.topic-map{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.topic-map a{padding:22px;background:#fff;border:1px solid var(--line);border-radius:16px;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.topic-map b{font-size:20px}.topic-map span{font-size:10px;color:var(--ink-3)}.new-content-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:0 25px}.new-content-list article{display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.new-content-list article:last-child{border:0}.new-content-list article>b{font-size:25px;color:var(--rose)}.new-content-list h2{font-size:19px;margin:4px 0}.new-content-list p{font-size:12px;margin:0}.series-path{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.series-path article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.series-path b{font-size:32px;color:var(--rose)}.series-path h2{font-size:20px}.series-path p{font-size:12px}.series-path a{font-size:12px;color:var(--mauve-deep)}
.app-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center;padding:35px;background:linear-gradient(120deg,#EAF6F8,#fff);border-radius:var(--radius-large)}.device-art{display:grid;place-items:center;min-height:430px}.device-screen{width:220px;height:390px;border:9px solid var(--plum-dark);border-radius:34px;background:linear-gradient(160deg,#fff,#BFDCE6);padding:24px 18px;box-shadow:20px 25px 40px rgba(16,36,59,.18);position:relative}.device-screen:before{content:"";position:absolute;top:6px;left:calc(50% - 24px);width:48px;height:8px;background:var(--plum-dark);border-radius:8px}.device-screen>b{display:block;font-size:30px;line-height:1.1;margin:35px 0 20px}.device-screen>i{display:block;height:40px;margin:9px 0;background:rgba(255,255,255,.8);border-radius:9px}.device-screen small{font-size:8px;letter-spacing:.15em;color:var(--ink-3)}.app-showcase li{font-size:13px;color:var(--ink-2);padding:5px 0}.download-status{display:flex;gap:25px;align-items:center;padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.download-symbol{width:90px;height:90px;border-radius:25px;background:var(--peach-soft);display:grid;place-items:center;font-size:44px;color:var(--rose)}.download-status h2{font-size:25px}.download-status p{max-width:760px}.safety-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.safety-check-grid article{padding:20px;background:var(--cream-2);border-radius:14px}.safety-check-grid b{font-size:10px;color:var(--mauve-deep)}.safety-check-grid h3{margin:14px 0 6px}.safety-check-grid p{font-size:11px;margin:0}.help-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.help-columns section{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.help-columns h2{font-size:21px}.help-columns ol{padding-left:18px;color:var(--ink-2);font-size:12px;line-height:2.2}.faq-intro{padding:25px;background:var(--lavender-soft);border-radius:var(--radius-card);margin-bottom:24px}.faq-intro h2{font-size:25px}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-list details{border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px 19px}.faq-list summary{cursor:pointer;font-weight:700;font-size:13px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:var(--mauve-deep);font-size:18px}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:12px;margin:12px 0 0}.safety-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.safety-principles h2{font-size:19px}.safety-principles p{font-size:12px;margin:0}.privacy-highlight,.about-manifesto{padding:35px;background:linear-gradient(120deg,#10243B,#203A58);border-radius:var(--radius-large);color:#fff}.privacy-highlight h2,.about-manifesto h2{color:#fff;font-size:30px}.privacy-highlight p,.about-manifesto p{color:rgba(255,255,255,.72);max-width:850px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.about-columns section{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.about-columns h2{font-size:20px}.about-columns p{font-size:12px}.contact-layout{display:grid;grid-template-columns:1fr 340px;gap:35px}.contact-layout h2{font-size:27px}.contact-layout article{padding:18px 0;border-bottom:1px solid var(--line)}.contact-layout article p{font-size:12px;margin:5px 0 0}.contact-note{background:var(--plum);color:#fff}.contact-note li,.contact-note p{font-size:12px;color:rgba(255,255,255,.7)}.contact-note ul{padding-left:18px;line-height:2}.error-page{text-align:center;padding:110px 20px}.error-page>span{font-size:clamp(5rem,15vw,12rem);font-weight:900;line-height:1;color:var(--lavender)}.error-page h1{font-size:35px}.error-page p{max-width:560px;margin:0 auto 25px}.error-page>a{margin:5px}
.search-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:14vh 20px 20px}.search-modal[hidden]{display:none!important}.search-backdrop{position:absolute;inset:0;background:rgba(16,36,59,.55);backdrop-filter:blur(5px)}.search-dialog{position:relative;width:min(650px,100%);padding:35px;background:#fff;border-radius:22px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.search-dialog h2{font-size:27px}.search-close{position:absolute;right:18px;top:14px;border:0;background:transparent;font-size:27px;color:var(--ink-3)}.search-form{display:flex;padding:7px;border:1px solid var(--line);border-radius:var(--radius-pill)}.search-suggestions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;font-size:11px;color:var(--ink-3)}.search-suggestions a{color:var(--mauve-deep)}
.site-footer{background:linear-gradient(135deg,#10243B,#203A58);color:#fff;margin-top:35px;padding:55px 0 20px}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px;padding-bottom:38px}.brand-light strong{color:#fff}.brand-light small{color:rgba(255,255,255,.55)}.brand-light .brand-mark{background:#3BA7B3}.footer-brand p{font-size:12px;color:rgba(255,255,255,.62);max-width:320px;margin-top:18px}.footer-main h3{font-size:13px;color:#fff;margin:0 0 15px}.footer-main>div:not(:first-child) a{display:block;font-size:11px;color:rgba(255,255,255,.66);padding:5px 0}.footer-main a:hover{color:#82D7DE}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);font-size:10px;color:rgba(255,255,255,.5)}.mobile-bottom{display:none}
@media(max-width:1200px){.desktop-nav{gap:9px}.desktop-nav a{font-size:11px}.header-inner{gap:15px}.discover-layout{grid-template-columns:160px minmax(0,1fr)}.safety-check-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:block}.header-inner{justify-content:space-between}.mobile-nav{position:absolute;top:70px;left:0;right:0;background:#fff;padding:12px 24px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow);grid-template-columns:repeat(3,1fr);gap:8px}.mobile-nav a{padding:10px;background:var(--cream);border-radius:9px;font-size:12px}.hero-grid{gap:4%}.hero-copy h1{font-size:clamp(3rem,7vw,5rem)}.home-section{grid-template-columns:55px minmax(0,1fr) minmax(190px,.65fr)}.discover-layout{grid-template-columns:1fr}.discover-layout>aside{position:static;display:flex;gap:15px;flex-wrap:wrap}.discover-layout>aside h3{width:100%}.footer-main{gap:25px}.topic-map{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:28px;padding:40px 0}.hero-side{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(3.2rem,10vw,5rem)}.quick-index{grid-template-columns:repeat(2,1fr)}.quick-index>b{grid-column:span 2}.home-section{grid-template-columns:42px 1fr}.home-section aside{grid-column:2}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro{grid-template-columns:1fr;gap:15px}.intro-aside{max-width:600px}.category-feature{grid-template-columns:1fr}.category-stamp{width:140px;height:140px}.author-grid{grid-template-columns:repeat(2,1fr)}.update-ledger{grid-template-columns:1fr}.app-showcase{grid-template-columns:1fr}.device-art{min-height:360px}.help-columns{grid-template-columns:1fr 1fr}.series-path{grid-template-columns:repeat(2,1fr)}.safety-principles{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.contact-layout{grid-template-columns:1fr}}
@media(max-width:768px){.wrap,.header-inner{width:min(100% - 32px,var(--wrap))}.site-header{height:64px}.mobile-nav{top:64px}.brand-mark{width:34px;height:34px}.hero-shell{padding-top:10px}.ticker{gap:16px}.hero-grid{padding:35px 0}.hero-lead{font-size:14px}.hero-side{grid-template-columns:1fr}.side-dark{min-height:205px}.hero-bottomline{flex-wrap:wrap}.quick-index{gap:8px}.quick-index>a{font-size:11px;padding:10px}.home-section{padding:30px 0;gap:14px}.section-number{font-size:10px}.home-section h2{font-size:22px}.home-section p{font-size:12px}.home-section aside{padding:17px}.content-preview,.home-faq{padding:42px 0}.section-heading{align-items:flex-start;flex-direction:column}.story-grid{grid-template-columns:1fr}.story-card{min-height:0}.editorial-strip{padding:27px;align-items:flex-start;flex-direction:column}.faq-list{grid-template-columns:1fr}.page-wrap{padding-top:20px}.page-intro{padding:25px 0 28px}.page-intro h1{font-size:34px}.filter-console{align-items:flex-start;flex-direction:column}.category-feature{padding:22px}.ranking-row{grid-template-columns:38px 1fr}.collection-grid{grid-template-columns:1fr}.author-grid{grid-template-columns:1fr}.featured-lead{grid-template-columns:1fr}.featured-visual{max-width:300px}.reader-heading{padding:28px 24px}.reader-article{padding:25px 22px}.topic-map{grid-template-columns:repeat(2,1fr)}.new-content-list{padding:0 16px}.new-content-list article{grid-template-columns:34px 1fr;gap:12px}.new-content-list article>.tag{grid-column:2;justify-self:start}.new-content-list h2{font-size:16px}.series-path{grid-template-columns:1fr 1fr}.help-columns{grid-template-columns:1fr}.safety-principles{grid-template-columns:1fr}.download-status{align-items:flex-start;flex-direction:column}.about-columns{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.mobile-bottom{display:grid;position:fixed;z-index:25;bottom:0;left:0;right:0;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-bottom a{text-align:center;font-size:10px;color:var(--ink-2)}.site-footer{padding-bottom:85px}.search-dialog{padding:28px 20px}.community-layout{grid-template-columns:1fr}}
@media(max-width:600px){.hero-copy h1{font-size:clamp(2.8rem,14vw,4.1rem)}.hero-search{border-radius:15px;flex-direction:column;padding:7px}.hero-search input{height:43px}.hero-search button{height:42px}.hero-cta .button{flex:1}.quick-index{grid-template-columns:1fr 1fr}.quick-index>b{grid-column:span 2}.home-section{grid-template-columns:28px minmax(0,1fr)}.home-section aside{grid-column:2}.page-intro h1{font-size:29px}.page-intro p{font-size:13px}.story-card{padding:19px}.collection-grid dl{grid-template-columns:1fr}.topic-map{gap:8px}.topic-map a{padding:15px;min-height:110px}.topic-map b{font-size:16px}.series-path{grid-template-columns:1fr}.safety-check-grid,.update-types{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:25px 15px}.footer-brand{grid-column:span 2}.footer-bottom{font-size:9px}.search-modal{padding-top:10vh}.search-form{flex-direction:column;border-radius:14px}.search-form input{height:42px}.search-form .button{width:100%}.ranking-row{padding:18px 14px}.ranking-row p{font-size:11px}.contact-note{padding:20px}.error-page{padding:80px 15px}.error-page h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}