@charset "UTF-8";
:root{--paper:#FFF8F2;--white:#fff;--soft:#F3EBE3;--ink:#1A1230;--body:#2C2440;--muted:#5A5270;--faint:#8A8298;--pink:#E11D8F;--indigo:#6366F1;--cyan:#0891B2;--amber:#D97706;--mint:#059669;--line:rgba(26,18,48,.1);--shadow:0 14px 34px rgba(26,18,48,.08);--button:linear-gradient(135deg,#6366F1 0%,#E11D8F 55%,#D97706 100%);--page-max:1160px}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth}
body{margin:0;min-width:0;background:var(--paper);color:var(--body);font:16px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:clip;padding-top:118px;-webkit-text-size-adjust:100%}
body.overlay-active,html.overlay-active{overflow:hidden;overscroll-behavior:none}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s}
button,input{font:inherit}
button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}
:where(h1,h2,h3,h4,p,ul){margin-top:0}
h1,h2,h3{color:var(--ink);font-weight:800;letter-spacing:-.018em}
h1{font-size:clamp(28px,3vw,34px);line-height:1.34;margin-bottom:18px}
h2{font-size:clamp(21px,2.4vw,26px);line-height:1.36}
h3{font-size:18px;line-height:1.4}
p{margin-bottom:15px}.wrap{width:min(var(--page-max),calc(100% - 40px));margin-inline:auto}
.eyebrow,.caps{font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:var(--pink)}
.site-head{position:fixed;z-index:65;left:0;right:0;top:0;background:var(--paper)}
.masthead{height:72px;background:var(--paper);border-bottom:1px solid var(--line)}
.masthead-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:12px}
.head-side{display:flex;align-items:center;min-width:0}.head-right{justify-content:flex-end;gap:9px}
.icon-btn{border:1px solid var(--line);background:#fff;border-radius:11px;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 15px;white-space:nowrap;min-width:44px;font-weight:750;font-size:13px}
.icon-btn:hover,.dialog-close:hover{border-color:var(--indigo);background:#F4F2FF}
.menu-lines{width:19px;height:15px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative;display:inline-block;flex:0 0 auto}
.menu-lines:after{content:"";position:absolute;left:0;right:0;top:5px;border-top:2px solid currentColor}
.search-glyph{width:17px;height:17px;border:2px solid currentColor;border-radius:50%;display:inline-block;position:relative;flex:0 0 auto;transform:scale(.84);transform-origin:center}
.search-glyph:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(47deg);right:-6px;bottom:-3px;border-radius:2px}
.brand{justify-self:center;display:inline-flex;align-items:center;min-width:0;max-width:100%}.brand-content{display:inline-flex;align-items:center;max-width:100%;min-width:0}.brand-content img{height:36px;max-width:165px;width:auto;object-fit:contain;object-position:center}.brand-text{font-weight:900;font-size:23px;white-space:nowrap;letter-spacing:.025em;color:var(--ink)}
.app-shortcut{display:inline-flex;justify-content:center;align-items:center;height:44px;padding:0 16px;min-width:90px;border-radius:999px;background:var(--button);color:#fff;font-size:13px;font-weight:850;white-space:nowrap;box-shadow:0 6px 16px rgba(99,102,241,.16)}
.app-shortcut:hover{color:white;transform:translateY(-1px);filter:saturate(1.2)}
.chapter-band{height:46px;border-bottom:1px solid var(--line);background:#fff}
.chapter-links{display:flex;justify-content:center;align-items:stretch;gap:32px;height:100%}
.chapter-links a{display:flex;align-items:center;white-space:nowrap;position:relative;padding:0 2px;font-size:14px;font-weight:700;color:var(--muted)}
.chapter-links a:hover,.chapter-links a.active{color:var(--ink)}
.chapter-links a.active:after{content:"";position:absolute;height:3px;border-radius:3px 3px 0 0;background:var(--pink);left:0;right:0;bottom:0}
.nojs-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.nojs-nav a{padding:5px 10px;border-radius:7px;background:white}
.main-content{min-height:50vh}
.mag-cover{padding:28px 0 0}.cover-paper{position:relative;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:20px;padding:34px 38px 34px 48px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:38px;overflow:hidden}
.cover-paper:before{content:"";position:absolute;width:8px;left:0;top:0;bottom:0;background:linear-gradient(to bottom,var(--indigo),var(--pink),var(--amber))}
.cover-paper:after{content:"";position:absolute;width:104px;height:104px;right:-32px;top:-40px;border:12px solid rgba(225,29,143,.08);border-radius:100%}
.cover-copy{position:relative;z-index:1}.cover-copy h1{font-size:clamp(31px,3vw,38px);max-width:520px;margin:12px 0 14px}.cover-copy p{color:var(--muted);max-width:520px;line-height:1.85}.cover-index{display:flex;align-items:center;gap:11px;color:var(--faint);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.cover-index:before{content:"";height:3px;width:26px;border-radius:3px;background:var(--pink)}
.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.pill-btn,.outline-btn{min-height:44px;border-radius:999px;display:inline-flex;justify-content:center;align-items:center;padding:0 20px;font-size:14px;line-height:1.2;white-space:nowrap;font-weight:800}
.pill-btn{color:#fff;background:var(--button)}.outline-btn{color:var(--ink);background:white;border:1px solid rgba(26,18,48,.22)}
.pill-btn:hover{color:#fff;filter:brightness(1.07);transform:translateY(-2px)}.outline-btn:hover{background:#F8F4FF;border-color:var(--indigo)}
.media-frame{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#F4ECF1;border:1px solid rgba(26,18,48,.06);border-radius:16px;overflow:hidden;isolation:isolate;min-width:0}
.media-frame>img{max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:2}
.media-frame.cover-media{height:min(360px,34vw);min-height:250px}.media-frame.section-media{height:210px}.media-frame.card-media{height:170px}.media-frame.portrait-media{height:330px}.media-frame.icon-media{height:64px;width:64px;border-radius:16px;flex-shrink:0}
.art-fallback{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 20%,rgba(225,29,143,.13),transparent 37%),linear-gradient(125deg,#F8F1FF,#EAF8F9 50%,#FFF3E4);overflow:hidden}
.art-fallback i{display:block;position:absolute;transform:rotate(-25deg)}.art-a{width:42%;height:68%;border:3px solid rgba(99,102,241,.24);border-radius:48% 52% 58% 42%;left:10%;bottom:-28%}.art-b{width:42%;height:42%;background:rgba(225,29,143,.11);border-radius:26px;right:8%;top:6%}.art-c{width:20%;height:30%;border:4px solid rgba(5,150,105,.18);border-radius:100px;right:31%;bottom:-13%}
.home-section{margin-top:53px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading .eyebrow{margin-bottom:5px}.section-heading h2{margin:0}.section-heading .see-all{font-size:14px;font-weight:800;white-space:nowrap;color:var(--pink)}.see-all:hover{color:var(--indigo)}
.mag-strip{border-top:3px solid var(--ink);margin-top:40px;padding-top:18px}.mag-strip .section-heading{margin-bottom:18px}
.topic-cloud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-link{min-width:0;display:block;position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px 18px 20px;box-shadow:0 7px 20px rgba(26,18,48,.035)}
.topic-link:before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:var(--pink);margin-bottom:12px}.topic-link:nth-child(4n+2):before{background:var(--indigo)}.topic-link:nth-child(4n+3):before{background:var(--cyan)}.topic-link:nth-child(4n):before{background:var(--amber)}.topic-link strong{font-size:17px;color:var(--ink);display:block}.topic-link p{font-size:13px;color:var(--muted);margin:7px 0 0;line-height:1.65}.topic-link:hover{border-color:var(--indigo);transform:translateY(-2px)}
.featured-story{background:#fff;border-radius:19px;padding:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:27px;align-items:center}.featured-story p{color:var(--muted)}.chapter-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.chapter-stats a{display:flex;align-items:center;gap:10px;background:var(--paper);padding:11px;border-radius:10px;font-weight:700;font-size:14px;min-height:44px}.chapter-stats span{color:var(--pink);font-size:23px;font-weight:950}
.card-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.mag-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 20px;box-shadow:0 7px 18px rgba(26,18,48,.04)}.mag-card:nth-child(2){transform:translateY(12px)}.mag-card h3{margin:17px 2px 8px}.mag-card p{font-size:14px;margin:0 2px 17px;color:var(--muted);flex:1}.mag-card>a{margin:0 2px;color:var(--pink);font-weight:800;font-size:13px}
.editorial-row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.editorial-text{background:#fff;padding:24px;border-radius:18px;border:1px solid var(--line)}.editorial-text p:last-child{margin-bottom:0}.editorial-text h3{margin:0 0 10px}.editorial-list{display:grid;gap:10px}.list-link{min-height:64px;background:white;border-radius:12px;border:1px solid var(--line);display:flex;align-items:center;gap:13px;padding:14px 18px;font-weight:800;color:var(--ink)}.list-link .num{color:var(--pink);font-size:26px;font-weight:900}.list-link:hover{border-color:var(--pink)}
.shelf-list{display:grid;gap:10px}.shelf-row{border-radius:12px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--indigo);padding:16px 18px;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center}.shelf-row:nth-child(4n+2){border-left-color:var(--pink)}.shelf-row:nth-child(4n+3){border-left-color:var(--cyan)}.shelf-row:nth-child(4n){border-left-color:var(--amber)}.shelf-row strong{color:var(--ink)}.shelf-row p{font-size:13px;margin:2px 0 0;color:var(--muted)}.shelf-row .arrow{color:var(--pink);font-weight:900}
.ranking-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:18px}.rank-stack{display:grid;gap:8px}.rank-item{background:#fff;border-radius:12px;padding:13px 17px;border:1px solid var(--line);display:flex;align-items:center;gap:13px}.rank-item b{font-size:29px;color:var(--pink);line-height:1}.rank-item:nth-child(even) b{color:var(--indigo)}.rank-item span{font-weight:750;color:var(--ink)}
.timeline-list{border-left:2px solid rgba(99,102,241,.34);margin-left:12px;padding:0 0 0 23px;display:grid;gap:17px}.timeline-entry{position:relative;background:white;border-radius:15px;padding:17px 21px;box-shadow:0 6px 18px rgba(26,18,48,.035)}.timeline-entry:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--pink);top:23px;left:-30px;box-shadow:0 0 0 4px var(--paper)}.status-pill{font-size:12px;font-weight:800;color:var(--mint);padding:3px 9px;border-radius:20px;background:#E8F7EE;display:inline-block;margin-bottom:8px}.timeline-entry p{margin:8px 0 0;color:var(--muted);font-size:14px}
.split-feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.split-feature .text-box p{color:var(--muted)}
.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.step-card{background:#fff;padding:21px;border-radius:16px;border:1px solid var(--line)}.step-card span{display:block;color:var(--pink);font-size:24px;font-weight:900;margin-bottom:12px}.step-card h3{margin-bottom:10px}.step-card p{font-size:14px;color:var(--muted);margin:0}
.app-panel{background:linear-gradient(125deg,#F1ECFF,#FDF1F9);border:1px solid var(--line);border-radius:20px;padding:27px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:25px;align-items:center}.app-panel p{color:var(--muted)}.app-identity{display:flex;align-items:center;gap:14px;margin-bottom:13px}.app-identity h3{margin:0;font-size:22px}
.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.knowledge-card{background:#fff;padding:24px;border:1px solid var(--line);border-radius:17px}.knowledge-card p{font-size:14px;color:var(--muted)}
.home-endcap{background:#211735;border-radius:20px;padding:30px;color:#F7EFE6;display:grid;grid-template-columns:1fr 1fr;gap:27px}.home-endcap h2,.home-endcap h3{color:white}.home-endcap p{color:#E5DCE9}.home-endcap a{color:#FFD2EF;text-decoration:underline;text-underline-offset:4px}
.home-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.home-faq article{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.home-faq article h3{margin-bottom:7px}.home-faq article p{font-size:14px;color:var(--muted);margin:0}
.page-hero{padding:38px 0 25px}.page-heading{padding:0 0 25px;border-bottom:3px solid var(--ink);position:relative}.page-heading:after{content:"";position:absolute;left:0;bottom:-3px;width:90px;height:3px;background:var(--pink)}.page-heading .eyebrow{margin-bottom:10px}.page-heading p{max-width:850px;color:var(--muted);line-height:1.9;margin-bottom:0}.page-heading h1{margin-bottom:16px}
.page-feature{margin-top:24px;background:#fff;padding:16px;border-radius:19px;box-shadow:var(--shadow)}.page-feature .media-frame{height:230px}
.page-sections{padding:22px 0 0}.page-section{min-width:0}.page-section h2{font-size:21px;margin:0 0 11px}.page-section p{margin:0;color:var(--body);line-height:1.88}.page-section .mini-num{display:block;color:var(--pink);font-size:24px;font-weight:900;line-height:1.2;margin-bottom:9px}
.page-sections.layout-chapters,.page-sections.layout-legal{display:grid;grid-template-columns:1fr 1fr;gap:17px}.layout-chapters .page-section,.layout-legal .page-section{background:#fff;border:1px solid var(--line);padding:23px 25px;border-radius:16px}.layout-legal .page-section{border-left:4px solid var(--indigo)}
.page-sections.layout-character,.page-sections.layout-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.layout-character .page-section,.layout-topics .page-section{padding:23px;background:#fff;border-radius:18px;border-top:5px solid var(--indigo);box-shadow:0 6px 20px rgba(26,18,48,.05)}.layout-character .page-section:nth-child(3n+2),.layout-topics .page-section:nth-child(3n+2){border-top-color:var(--pink)}.layout-character .page-section:nth-child(3n),.layout-topics .page-section:nth-child(3n){border-top-color:var(--cyan)}
.page-sections.layout-index,.page-sections.layout-strips,.page-sections.layout-shelf,.page-sections.layout-ranking,.page-sections.layout-timeline,.page-sections.layout-letter,.page-sections.layout-steps,.page-sections.layout-app{display:grid;gap:17px}
.layout-index .page-section,.layout-strips .page-section,.layout-shelf .page-section,.layout-ranking .page-section,.layout-timeline .page-section,.layout-letter .page-section,.layout-steps .page-section,.layout-app .page-section{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px 27px}
.layout-index .page-section{border-left:7px solid var(--pink)}.layout-index .page-section:nth-child(2n){border-left-color:var(--indigo)}
.layout-strips .page-section{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,1fr);gap:22px;border-radius:9px}.layout-strips .page-section h2{align-self:start}
.layout-shelf .page-section{border-left:5px solid var(--cyan)}.layout-shelf .page-section:nth-child(even){border-left-color:var(--amber)}
.layout-ranking .page-section{display:grid;grid-template-columns:64px minmax(0,.48fr) minmax(0,1fr);gap:20px;align-items:start}.layout-ranking .page-section .mini-num{font-size:37px}.layout-ranking .page-section h2{margin-top:9px}
.layout-timeline{border-left:3px solid var(--indigo);margin-left:8px;padding-left:24px!important}.layout-timeline .page-section{position:relative}.layout-timeline .page-section:before{content:"";position:absolute;width:14px;height:14px;left:-33px;top:26px;background:var(--pink);border:3px solid var(--paper);border-radius:50%}
.layout-letter .page-section{border-radius:7px 23px 7px 23px;padding:27px 34px}.layout-letter .page-section:nth-child(2n){background:#FAF5FF}
.layout-steps{grid-template-columns:1fr 1fr}.layout-steps .page-section{border-bottom:4px solid var(--indigo)}.layout-steps .page-section:nth-child(2n){border-bottom-color:var(--pink)}
.layout-app{grid-template-columns:1fr 1fr}.layout-app .page-section{background:linear-gradient(130deg,#fff,#F8F5FF)}
.page-tail{margin:24px 0 45px;padding:25px 28px;background:#EDE7F5;border-left:5px solid var(--indigo);border-radius:9px;color:var(--ink)}.page-tail p{margin:0}
.related-nav{padding:25px 0 50px;border-top:1px solid var(--line)}.related-nav h2{font-size:21px}.related-links{display:flex;flex-wrap:wrap;gap:11px}.related-links a{background:white;border:1px solid var(--line);border-radius:999px;padding:10px 17px;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:750}.related-links a:hover{border-color:var(--pink);color:var(--pink)}
.faq-list{display:grid;gap:14px;margin:25px 0 38px}.faq-entry{background:white;border:1px solid var(--line);border-radius:16px;padding:22px 25px}.faq-entry h2{font-size:19px;margin:0 0 11px}.faq-entry p{margin:0}
.results-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:24px 0 36px}.result-link{padding:23px;background:#fff;border:1px solid var(--line);border-radius:15px}.result-link h2{margin-bottom:8px}.result-link p{font-size:14px;color:var(--muted);margin:0}.result-link:hover{border-color:var(--indigo)}
.site-footer{background:var(--ink);color:#F7EFE6;padding:47px 0 23px;border-top:5px solid var(--pink)}
.footer-top{display:flex;align-items:center;gap:32px;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.17);padding-bottom:26px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand .brand-text{color:#fff}.footer-english{font-size:12px;letter-spacing:.14em;white-space:nowrap;color:#F1DBEF}.footer-top p{max-width:440px;margin:0;color:#E4D7EE;font-size:14px}
.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:28px 0 24px}.footer-groups nav{display:flex;flex-direction:column;align-items:flex-start;gap:9px}.footer-groups h2{color:white;font-size:15px;margin-bottom:5px}.footer-groups a{font-size:13px;color:#DFD3E8;min-height:24px}.footer-groups a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer-note{font-size:13px;color:#E9DBEF;border-top:1px solid rgba(255,255,255,.15);padding-top:20px}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:18px;font-size:12px;color:#D5C7E2;margin-top:16px}.footer-bottom a{color:#F1DDF4}
.overlay-shade{position:fixed;z-index:80;inset:0;background:rgba(15,9,33,.66);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.overlay-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}
.dialog-book,.dialog-search{position:fixed;z-index:90;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;overflow:auto;overscroll-behavior:contain}
.dialog-book.is-open,.dialog-search.is-open{visibility:visible;pointer-events:auto;opacity:1}
.dialog-book{width:min(840px,calc(100% - 30px));left:50%;top:50%;max-height:calc(100dvh - 36px);transform:translate(-50%,-46%);background:var(--paper);border-radius:19px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.dialog-book.is-open{transform:translate(-50%,-50%)}
.book-shell{min-width:0}.book-top{display:flex;align-items:center;gap:17px;min-height:68px;padding:11px 19px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2}.book-brand{display:inline-flex;align-items:center;flex-shrink:0}.book-brand .brand-content img{height:27px}.book-brand .brand-text{font-size:17px}.book-top h2{font-size:15px;margin:0;min-width:0;flex:1}.dialog-close{border:1px solid var(--line);border-radius:9px;min-height:44px;min-width:70px;padding:0 12px;background:#fff;color:var(--ink);font-weight:700;font-size:13px;white-space:nowrap}.dialog-close span{font-size:19px;margin-left:5px}
.book-pages{display:grid;grid-template-columns:1fr 1fr;position:relative}.book-pages:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:13px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(26,18,48,.075),transparent);pointer-events:none}
.book-page{padding:23px 24px 30px;min-width:0}.book-page:nth-child(2){background:#FFFDF9}.book-group+.book-group{margin-top:21px}.book-group h3{display:flex;align-items:center;gap:9px;font-size:15px;color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:7px}.book-dot{width:9px;height:9px;border-radius:50%;background:var(--pink)}.book-page:nth-child(2) .book-dot{background:var(--indigo)}
.book-link{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:baseline;gap:10px;padding:9px 5px;border-radius:7px;min-height:48px}.book-link:hover{background:#F2E8F8}.book-link strong{font-size:14px;color:var(--ink)}.book-link small{font-size:12px;color:var(--muted);line-height:1.6}
.dialog-search{width:min(650px,calc(100% - 32px));left:50%;top:50%;transform:translate(-50%,-46%);border-radius:20px;background:#fff;max-height:calc(100dvh - 40px);box-shadow:0 30px 90px rgba(0,0,0,.22)}.dialog-search.is-open{transform:translate(-50%,-50%)}.search-shell{padding:28px}.search-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-shell h2{margin:11px 0 16px}.site-search label{display:block;color:var(--muted);font-size:13px;font-weight:700;margin-bottom:8px}.search-input-row{display:flex;gap:9px}.search-input-row input{width:100%;min-width:0;min-height:48px;border:1px solid rgba(26,18,48,.25);border-radius:10px;padding:0 15px;color:var(--ink);font-size:16px;background:white}.search-input-row button{border:0;border-radius:10px;background:var(--button);color:white;font-weight:800;min-width:112px;min-height:48px;font-size:14px}.search-shell>p{margin:18px 0 11px;color:var(--muted);font-size:14px}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;font-weight:750}.search-presets a:hover{border-color:var(--pink);color:var(--pink)}
.mobile-bottom{display:none}
@media(max-width:1000px){.topic-cloud{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-sections.layout-character,.page-sections.layout-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.cover-paper{padding:28px 28px 28px 34px;gap:22px}.ranking-grid{grid-template-columns:1fr 1.3fr}}
@media(max-width:740px){body{padding-top:72px;padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))}.wrap{width:calc(100% - 32px)}.chapter-band{display:none}.masthead{height:72px}.masthead-inner{display:grid;grid-template-columns:minmax(44px,1fr) minmax(0,1.3fr) minmax(88px,1fr);gap:5px}.head-btn-label{display:none}.icon-btn{width:44px;padding:0}.head-right{gap:4px}.app-shortcut{height:44px;min-width:53px;padding:0 9px;font-size:12px}.brand-content img{height:28px;max-width:130px}.brand-text{font-size:clamp(15px,4.4vw,19px);letter-spacing:0}.cover-paper{grid-template-columns:1fr;gap:21px;padding:25px 20px 22px 25px}.mag-cover{padding-top:16px}.cover-copy h1{font-size:29px}.cover-paper .cover-media{min-height:0;height:260px}.home-section{margin-top:35px}.topic-cloud{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-link{padding:15px}.featured-story,.split-feature,.app-panel,.editorial-row,.ranking-grid{grid-template-columns:1fr}.card-trio{grid-template-columns:1fr}.mag-card:nth-child(2){transform:none}.mag-card{padding:12px 12px 19px}.mag-card .card-media{height:200px}.shelf-row{grid-template-columns:22px 1fr auto;padding:13px 11px}.home-faq,.knowledge-grid{grid-template-columns:1fr}.home-endcap{grid-template-columns:1fr}.footer-top{align-items:flex-start;flex-direction:column;gap:12px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.page-hero{padding-top:23px}.page-feature .media-frame{height:205px}.page-sections.layout-chapters,.page-sections.layout-legal,.page-sections.layout-character,.page-sections.layout-topics,.layout-steps,.layout-app,.results-list{grid-template-columns:1fr}.layout-strips .page-section,.layout-ranking .page-section{display:block}.layout-ranking .page-section h2{margin-top:0}.page-sections .page-section{padding:21px 20px}.page-heading h1{font-size:28px}.dialog-book{width:calc(100% - 20px);max-height:calc(100dvh - 26px);border-radius:15px}.book-pages{grid-template-columns:1fr}.book-pages:before{display:none}.book-page{padding:12px 15px 18px}.book-page:nth-child(2){border-top:4px double rgba(26,18,48,.14)}.book-top{padding:8px 12px;gap:8px}.book-top h2{font-size:13px}.book-link{grid-template-columns:76px minmax(0,1fr);padding:10px 4px}.book-link small{font-size:12px}.dialog-search{width:calc(100% - 20px);max-height:calc(100dvh - 26px)}.search-shell{padding:20px}.search-input-row{flex-direction:column}.search-input-row button{min-height:46px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:stretch;justify-content:space-around;background:#fff;min-height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);box-shadow:0 -5px 20px rgba(26,18,48,.07)}.mobile-bottom a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;font-size:12px;white-space:nowrap;color:var(--muted);font-weight:700}.mobile-bottom a.active{color:var(--pink);background:#FFF1F9}.mobile-dot{width:7px;height:7px;border:2px solid currentColor;border-radius:3px}.mobile-bottom a.active .mobile-dot{background:var(--pink)}.media-frame.portrait-media{height:330px}}
@media(max-width:360px){.head-right{gap:3px}.app-shortcut{min-width:52px;padding:0 6px;font-size:11px}.brand-text{font-size:16px}.section-heading{align-items:start}.section-heading h2{font-size:21px}.topic-link{padding:12px}.topic-link strong{font-size:16px}.topic-link p{font-size:12px}.book-link{grid-template-columns:67px 1fr;gap:7px}.book-top .brand-text{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

.accent-pink{color:var(--pink)}.editorial-text-follow{margin-top:12px}.rank-disclaimer{color:var(--muted);font-size:14px;margin-top:13px}.home-last{margin-bottom:54px}.eyebrow-light{color:#FFB6E2}.search-standalone{margin-top:24px}.search-end-space{height:45px}