:root{--page:#F6EDE0;--deep:#EAD7C0;--paper:#FFFFFF;--sub:#E8D2B4;--ink:#3A2414;--copy:#4A3220;--muted:#7A5634;--soft:#9A7450;--wheat:#C4843C;--lightwheat:#D9A05A;--darkwheat:#8B5A2B;--cream:#FFF6EA;--line:rgba(196,132,60,.18);--strongline:rgba(196,132,60,.46);--shadow:0 12px 28px rgba(58,36,20,.08);--content:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;padding:122px 0 0;background:var(--page);color:var(--copy);font:400 15px/1.7 "Noto Sans CJK SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;overflow-x:clip;-webkit-font-smoothing:antialiased}body.overlay-open{overscroll-behavior:none}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #A4682D;outline-offset:3px}p{margin:0 0 16px}img{display:block;max-width:100%;height:auto}h1,h2,h3{color:var(--ink);margin:0;font-weight:700}h1{font-size:24px;line-height:1.3;letter-spacing:.02em}h2{font-size:20px;line-height:1.4}h3{font-size:16px;line-height:1.4}small{font-size:12px}.container,.header-inner{width:min(var(--content),calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;top:-80px;left:16px;z-index:1500;background:var(--ink);color:var(--cream);padding:9px 14px;border-radius:6px}.skip-link:focus{top:88px}
/* Fixed crown and palace bar: backgrounds span the entire viewport, not the content inset. */
.site-header{position:fixed;z-index:900;top:0;left:0;right:0;width:100%;box-shadow:0 5px 16px rgba(77,50,27,.04)}
.crown-bar{height:22px;background:var(--ink);color:var(--cream);font-size:12px;line-height:1}.crown-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;white-space:nowrap}.crown-search{background:none;border:0;color:var(--cream);font-size:12px;display:inline-flex;align-items:center;gap:7px;min-width:44px;min-height:22px;justify-content:flex-end;padding:0 2px}.search-glyph{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;position:relative;flex-shrink:0}.search-glyph::after{content:"";position:absolute;width:6px;height:2px;background:currentColor;right:-5px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.palace-bar{height:60px;background:#fff;border-bottom:1px solid var(--strongline)}.palace-inner{height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.brand-link{display:inline-flex;align-items:center;justify-self:start;min-width:0;min-height:44px}.brand-logo{height:28px;width:auto;max-width:148px;object-fit:contain;object-position:left center}.brand-word{font:700 20px/1.2 "Noto Serif CJK SC",serif;color:var(--ink)}.drawer-trigger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:100px;height:44px;background:#fff;border:1px solid var(--strongline);border-radius:10px;color:var(--ink);font-size:14px;font-weight:700}.drawer-trigger:hover{background:var(--cream);border-color:var(--wheat)}.menu-glyph{width:20px;display:grid;gap:4px}.menu-glyph i{display:block;height:2px;background:var(--ink);border-radius:2px}.menu-glyph i:nth-child(2){width:76%}.open-app{min-height:44px;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--wheat);background:linear-gradient(135deg,#D9A05A,#C4843C 55%,#8B5A2B);font-size:14px;font-weight:700;color:var(--cream);text-shadow:0 1px 2px rgba(48,30,13,.28);padding:0 18px;border-radius:10px;white-space:nowrap}.open-app:hover{filter:brightness(1.06);box-shadow:0 6px 16px rgba(139,90,43,.16)}.seat-tabs{height:40px;background:var(--cream);border-bottom:1px solid var(--line)}.seats-inner{height:100%;display:flex;justify-content:center;align-items:center;gap:8px}.seat-tabs a{min-width:84px;text-align:center;padding:5px 14px;border-radius:7px;font-size:13px;color:var(--ink);transition:background .18s}.seat-tabs a:hover{background:var(--deep)}.seat-tabs a.active{background:var(--wheat);font-weight:700;color:var(--cream)}
.site-main{min-height:65vh;padding:30px 0 75px}.eyebrow,.section-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--darkwheat)}.eyebrow::before,.section-eyebrow::before{content:"";display:inline-block;width:23px;height:2px;background:var(--wheat)}.pill-note{display:inline-block;background:var(--cream);border:1px solid var(--line);padding:4px 10px;font-size:12px;border-radius:7px;color:var(--darkwheat)}.lede{color:var(--muted);font-size:15px;line-height:1.85}.wheat-rule{height:1px;background:linear-gradient(90deg,var(--wheat),var(--line),transparent)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.panel-soft{background:var(--cream);border:1px solid var(--line);border-radius:12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:19px}.section-heading h2{margin-top:7px}.section-heading>a{font-size:13px;color:var(--darkwheat);font-weight:700;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.section-heading>a:hover{color:var(--ink)}.section-block{margin-top:28px}.media-frame{background:radial-gradient(circle at 60% 16%,#FFF5E8 0,var(--deep) 100%);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;isolation:isolate}.media-frame img{width:100%;height:100%;object-fit:contain;object-position:center}.media-placeholder{display:block;width:84%;height:65%;border:1px solid var(--strongline);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.65),rgba(196,132,60,.10));position:relative}.media-placeholder:after{content:"";position:absolute;width:54px;height:54px;border:2px solid rgba(140,106,18,.25);border-radius:50%;top:calc(50% - 27px);left:calc(50% - 27px)}.media-frame.banner{height:260px;border-radius:11px}.media-frame.card-media{height:180px;border:0;border-radius:10px 10px 0 0;background:var(--deep)}.media-frame.feature-media{height:200px}.media-frame.phone-media{height:360px;background:var(--cream)}.media-frame.icon-media{width:50px;height:50px;flex:0 0 50px;border-radius:12px}.media-frame.icon-media img{width:100%;height:100%}
/* Homepage */
.home-cover{overflow:hidden;background:#fff;box-shadow:var(--shadow)}.cover-under{padding:26px 31px 28px}.cover-under .eyebrow{margin-bottom:9px}.cover-under h1{margin-bottom:12px}.cover-under .lede{max-width:830px;margin-bottom:16px}.action-row{display:flex;gap:12px;flex-wrap:wrap}.action{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:44px;min-width:124px;padding:0 18px;border-radius:10px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s}.action.primary{background:linear-gradient(135deg,#D9A05A 0%,#C4843C 55%,#8B5A2B 100%);color:var(--cream);text-shadow:0 1px 2px rgba(48,30,13,.3)}.action.secondary{background:#fff;border:1px solid var(--wheat);color:var(--ink)}.action:hover{transform:translateY(-2px);box-shadow:0 9px 16px rgba(58,36,20,.1)}.grid-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.editorial-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.editorial-card .card-body{padding:19px 19px 22px;display:flex;flex-direction:column;flex:1}.editorial-card h3{margin:0 0 9px;font-size:16px}.editorial-card p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 14px}.read-arrow{font-size:13px;color:var(--darkwheat);font-weight:700;display:inline-flex;min-height:44px;align-items:center;gap:4px;align-self:flex-start;margin-top:auto;text-decoration:underline;text-underline-offset:4px}.read-arrow:hover{color:var(--ink)}.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;padding:23px;align-items:center}.feature-copy{padding:7px}.feature-copy h2{margin:9px 0 13px}.feature-copy p{font-size:15px;line-height:1.8}.feature-copy .mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.number-item{padding:11px 12px;background:var(--cream);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;min-width:0}.number-item b{font-family:Georgia,serif;font-size:25px;line-height:1;color:var(--wheat)}.number-item a{font-size:14px;font-weight:700}.number-item a:hover{text-decoration:underline}.shelf-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shelf-row{border:1px solid var(--line);background:white;border-radius:10px;display:flex;align-items:center;gap:16px;padding:15px;min-height:80px}.shelf-row .shelf-code{color:var(--darkwheat);font:700 24px/1 Georgia,serif;min-width:35px}.shelf-row strong{display:block;color:var(--ink);font-size:15px}.shelf-row p{font-size:13px;margin:3px 0 0;color:var(--muted)}.duo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.rank-strip{margin-top:14px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.rank-tile{padding:20px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:125px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px}.rank-tile b{font:700 38px/1 Georgia,serif;color:var(--wheat)}.rank-tile a{font-size:14px;font-weight:700;color:var(--ink)}.rank-tile a:hover{text-decoration:underline}.timeline-home{border-left:2px solid var(--wheat);margin:8px 0 8px 17px;display:grid;gap:14px}.timeline-home article{position:relative;padding:11px 15px 12px 23px;background:white;border:1px solid var(--line);border-radius:0 10px 10px 0}.timeline-home article:before{content:"";position:absolute;left:-24px;top:18px;width:11px;height:11px;border:3px solid var(--wheat);border-radius:50%;background:var(--cream)}.timeline-home h3{font-size:15px}.timeline-home p{font-size:14px;margin:4px 0 0;color:var(--muted)}.split-section{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:stretch}.split-section.reverse{grid-template-columns:330px minmax(0,1fr)}.split-copy{padding:24px}.split-copy h2{margin:8px 0 14px}.split-copy p{line-height:1.9}.app-feature{grid-template-columns:minmax(0,1fr) minmax(270px,.68fr)}.app-feature .media-frame.phone-media{max-width:285px;justify-self:center;width:100%;border:0}.app-info-row{display:flex;gap:13px;align-items:center;margin:16px 0;padding:12px;background:var(--cream);border-radius:10px}.app-info-row p{margin:0;font-size:13px;color:var(--muted)}.late-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.late-card{padding:22px}.late-card h2{margin:10px 0;font-size:18px}.late-card p{font-size:14px;color:var(--muted)}.mini-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-faq article{background:white;border:1px solid var(--line);border-radius:10px;padding:16px}.mini-faq h3{margin-bottom:8px}.mini-faq p{font-size:14px;color:var(--muted);margin:0}.brand-final{padding:30px;background:linear-gradient(125deg,#f6eacb,#fff 58%,#f4e6c7);border:1px solid var(--line);border-radius:13px}.brand-final h2{margin:8px 0 12px}.brand-final p{max-width:920px}
/* Individual pages, composed as complete server-side HTML */
.page-hero{padding:28px 30px 24px;background:linear-gradient(145deg,#fff,#FFF5E8);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:23px;align-items:center}.page-hero.no-art{display:block}.page-hero .eyebrow{margin-bottom:11px}.page-hero h1{margin-bottom:11px}.page-hero .subtitle{font-family:"Noto Serif CJK SC",serif;font-size:17px;line-height:1.65;color:var(--muted);margin-bottom:13px}.page-hero .intro{font-size:15px;color:var(--copy);line-height:1.85;margin-bottom:0}.page-hero .media-frame{height:220px}.page-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:23px 0 18px;padding:0 4px;color:var(--muted);font-size:13px}.page-meta .wheat-bar{height:1px;background:var(--strongline);flex:1}.reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.reading-panel{position:relative;padding:23px 23px 20px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 7px 19px rgba(58,36,20,.05)}.reading-panel .section-index{font:700 27px/1 Georgia,serif;color:var(--wheat);margin-bottom:7px;display:block}.reading-panel h2{font-size:19px;margin:0 0 10px}.reading-panel p{font-size:15px;margin:0;line-height:1.85}.reading-panel p+p{margin-top:12px}.reading-panel:nth-child(4n+2){background:var(--cream)}.reading-list.edition .reading-panel:first-child,.reading-list.manifesto .reading-panel:first-child{grid-column:1/-1;background:linear-gradient(115deg,#f4e7c8,#fff)}.reading-list.ranking{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-list.ranking .section-index{font-size:40px}.reading-list.timeline,.reading-list.steps{display:block;border-left:2px solid var(--wheat);margin-left:15px;padding-left:25px}.reading-list.timeline .reading-panel,.reading-list.steps .reading-panel{margin-bottom:15px}.reading-list.timeline .reading-panel:before,.reading-list.steps .reading-panel:before{content:"";position:absolute;left:-33px;top:31px;background:var(--wheat);height:13px;width:13px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--wheat)}.reading-list.library .reading-panel{border-left:5px solid var(--wheat)}.reading-list.notes .reading-panel{background:#fffbf0}.reading-list.terms{grid-template-columns:1fr}.reading-list.terms .reading-panel{border-radius:8px;box-shadow:none}.reading-list.methods .reading-panel{border-top:3px solid var(--wheat)}.reading-list.shelf .reading-panel{background:linear-gradient(180deg,#fff,#fdf7e9)}.reading-list.support{grid-template-columns:1fr 1fr}.reading-list.product .reading-panel{background:linear-gradient(160deg,#fff,#fcf5e3)}.page-closing{margin-top:19px;padding:24px 30px;background:var(--cream);border:1px solid var(--line);border-radius:11px}.page-closing h2{font-size:18px;margin-bottom:12px}.page-closing p:last-child{margin-bottom:0}.related-links{margin-top:22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.related-links strong{color:var(--ink);font-size:14px;margin-right:6px}.related-links a{padding:10px 15px;border-radius:9px;border:1px solid var(--strongline);background:#fff;font-size:14px;min-height:44px;display:inline-flex;align-items:center}.related-links a:hover{background:var(--cream)}
/* FAQ */
.faq-intro{padding:30px;margin-bottom:21px}.faq-intro h1{margin:10px 0}.faq-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.faq-item{padding:21px;border:1px solid var(--line);border-radius:11px;background:#fff}.faq-item .faq-count{font:700 25px/1 Georgia,serif;color:var(--wheat)}.faq-item h2{font-size:17px;margin:10px 0}.faq-item p{line-height:1.82;margin:0}
/* Footer */
.site-footer{background:var(--darkwheat);color:var(--cream);border-top:4px solid var(--wheat);font-size:13px}.footer-inner{padding:42px 0 25px}.footer-brand-row{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,246,234,.22)}.footer-brand{display:flex;align-items:center;gap:18px;color:var(--cream);font-size:18px;font-weight:700}.footer-brand .brand-logo{filter:brightness(1.36);height:28px}.footer-brand small{display:block;letter-spacing:.13em;font-size:10px;font-weight:400;color:var(--deep)}.footer-brand .brand-word{color:var(--cream)}.footer-intro{max-width:370px;color:var(--cream);font-size:13px;margin:0}.footer-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:29px 0}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-column h2{font-size:14px;color:var(--cream);margin-bottom:5px}.footer-column a{display:flex;align-items:center;font-size:13px;min-height:44px;color:var(--deep)}.footer-column a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}.footer-disclaimer{padding:18px 0;border-top:1px solid rgba(255,246,234,.22);color:var(--cream);font-size:13px;line-height:1.85}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid rgba(255,246,234,.22);padding-top:17px;color:var(--deep);font-size:12px}.footer-bottom span:last-child{display:flex;gap:16px}.footer-bottom a:hover{text-decoration:underline}
/* Drawer, backdrop, search */
.overlay-mask{position:fixed;inset:0;background:rgba(36,26,12,.54);z-index:1050;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.overlay-mask.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer-panel{position:fixed;top:0;bottom:0;right:0;width:min(400px,86vw);max-width:100%;background:var(--cream);box-shadow:-12px 0 40px rgba(30,24,14,.2);z-index:1080;transform:translateX(105%);opacity:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;transition:transform .24s ease,opacity .24s,visibility .24s}.drawer-panel.is-open{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.drawer-head{height:83px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 19px;background:#fff;border-bottom:1px solid var(--strongline)}.drawer-brand{display:flex;align-items:center;min-width:0;gap:8px}.drawer-brand .brand-logo{height:27px;width:auto;max-width:118px}.drawer-brand strong{font-size:13px;white-space:nowrap;color:var(--ink)}.drawer-scroller{overflow:auto;overscroll-behavior:contain;padding:14px 17px 28px;flex:1}.close-circle{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--strongline);border-radius:10px;color:var(--ink);font:400 25px/1 system-ui}.close-circle:hover{background:var(--deep)}.drawer-group{margin-bottom:20px}.drawer-group h2{margin:0 0 8px;font-size:14px;color:var(--darkwheat);padding:0 5px}.drawer-links{display:grid;gap:7px}.drawer-links a{display:block;border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:9px;min-height:66px;transition:transform .15s,border .15s}.drawer-links a strong{display:block;font-size:14px;line-height:1.4;color:var(--ink)}.drawer-links a span{display:block;font-size:12px;line-height:1.6;color:var(--muted);margin-top:3px}.drawer-links a:hover{border-color:var(--wheat);transform:translateX(-3px)}.search-panel{position:fixed;z-index:1080;top:83px;right:max(16px,calc((100vw - 1120px)/2));width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 105px);overflow:auto;background:var(--cream);color:var(--ink);padding:22px 26px 26px;border:1px solid var(--strongline);border-radius:0 0 13px 13px;box-shadow:0 16px 40px rgba(45,31,9,.2);transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s,opacity .2s,visibility .2s}.search-panel.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.search-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.search-caption{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--darkwheat)}.search-panel h2{margin:5px 0 7px;font-size:22px}.search-panel>p{font-size:14px;color:var(--muted)}.search-input-wrap{background:#fff;border:1px solid var(--strongline);border-radius:10px;min-height:52px;display:flex;align-items:center;padding:0 17px;gap:15px;margin:16px 0}.search-input-wrap .search-glyph{color:var(--darkwheat)}.search-input-wrap input{border:0;outline:0;flex:1;min-width:0;background:transparent;color:var(--ink);font-size:14px}.search-input-wrap input:focus{outline:0}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.search-results a{display:flex;justify-content:space-between;align-items:center;min-height:47px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:11px 14px;font-size:14px;font-weight:700;color:var(--ink)}.search-results a:hover{background:var(--deep);border-color:var(--wheat)}.search-results a[hidden]{display:none}.search-results a span{color:var(--darkwheat)}.search-panel .search-empty{padding:13px 0 0;margin:0;font-size:13px}.mobile-bottom{display:none}
@media(max-width:980px){.grid-three{gap:12px}.feature{gap:16px;padding:18px}.rank-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.rank-tile{padding:14px 9px}.split-section{grid-template-columns:minmax(0,1fr) 280px}.split-section.reverse{grid-template-columns:280px minmax(0,1fr)}.footer-columns{gap:18px}}
@media(max-width:760px){html{scroll-padding-top:95px}body{padding-top:82px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.site-main{padding:20px 0 55px}.seat-tabs{display:none}.palace-inner{gap:6px}.brand-logo{max-width:126px}.drawer-trigger{min-width:72px;padding:0 10px;gap:6px;font-size:13px}.open-app{padding:0 12px}.grid-three,.duo-grid{grid-template-columns:1fr}.editorial-card{flex-direction:row;align-items:stretch}.editorial-card .media-frame.card-media{width:36%;flex:0 0 36%;height:auto;min-height:175px;border-radius:10px 0 0 10px}.editorial-card .card-body{padding:15px}.feature,.app-feature{grid-template-columns:1fr}.media-frame.banner{height:clamp(110px,25vw,195px)}.feature .media-frame.feature-media{order:-1;height:200px}.feature-copy{padding:0}.shelf-list{grid-template-columns:1fr}.rank-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.split-section,.split-section.reverse{grid-template-columns:1fr}.split-section .media-frame{height:200px}.late-grid{grid-template-columns:1fr}.page-hero{grid-template-columns:1fr;padding:22px}.page-hero .media-frame{order:-1;height:205px}.reading-list,.reading-list.ranking,.reading-list.support{grid-template-columns:1fr}.reading-list.edition .reading-panel:first-child,.reading-list.manifesto .reading-panel:first-child{grid-column:auto}.faq-items{grid-template-columns:1fr}.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.footer-inner{padding-bottom:24px}.mobile-bottom{position:fixed;z-index:700;left:0;right:0;bottom:0;width:100%;height:calc(48px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid var(--strongline);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:0 -6px 19px rgba(52,34,13,.07)}.mobile-bottom a{color:var(--muted);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;height:48px;gap:1px;font-size:11px}.mobile-bottom a span{font-size:18px;line-height:1.1}.mobile-bottom a em{font-style:normal;line-height:1.2;font-size:11px}.mobile-bottom a.active{color:var(--cream);background:var(--wheat);font-weight:700}.site-footer{padding-bottom:0}.search-panel{top:0;right:0;left:0;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;background:var(--ink);color:var(--cream);padding:28px 21px calc(36px + env(safe-area-inset-bottom,0px));transform:translateY(-15px)}.search-panel h2,.search-panel .search-caption,.search-panel>p{color:var(--cream)}.search-panel .close-circle{background:#fff;color:var(--ink)}.search-input-wrap{background:var(--cream)}.search-results a{background:#FFF5E8}.search-panel .search-empty{color:var(--cream)}.drawer-head{height:78px}.drawer-scroller{padding-bottom:35px}}
@media(max-width:420px){.crown-inner{font-size:11px}.crown-search{gap:5px}.brand-logo{max-width:116px;max-height:28px}.brand-word{font-size:16px}.drawer-trigger{min-width:60px;gap:5px;padding:0 7px}.drawer-trigger .menu-glyph{width:16px}.open-app{font-size:12px;padding:0 9px;gap:3px}.open-app span{display:none}.site-main{padding-top:16px}.cover-under{padding:19px}.media-frame.banner{height:clamp(102px,32vw,130px)}.cover-under h1{font-size:24px}.action-row{gap:9px}.action{min-width:0;padding:0 13px;font-size:13px}.editorial-card{display:block}.editorial-card .media-frame.card-media{width:100%;height:184px;min-height:0;border-radius:10px 10px 0 0}.editorial-card .card-body{padding:17px}.feature{padding:15px}.feature-copy .mini-grid{gap:7px}.number-item{padding:10px 7px}.number-item b{font-size:23px}.number-item a{font-size:12px}.rank-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-tile{min-height:106px}.mini-faq{grid-template-columns:1fr}.footer-brand-row{display:block}.footer-intro{margin-top:14px}.footer-bottom{display:block}.footer-bottom span:last-child{margin-top:12px}.drawer-brand .brand-logo{max-width:101px}.drawer-brand strong{font-size:12px}.page-hero{padding:17px}.reading-panel{padding:18px}.page-closing{padding:20px}.page-meta{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* 麻花影视：麦色编织边线与右侧辫匣细节 */
:root{color-scheme:light}
.site-header{background:var(--cream)}
.palace-bar{position:relative}
.palace-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:repeating-linear-gradient(108deg,var(--wheat) 0 14px,var(--lightwheat) 14px 28px,var(--darkwheat) 28px 29px);opacity:.38;pointer-events:none}
.home-cover{border-top:3px solid var(--wheat)}
.section-block>.section-heading{padding-bottom:9px;border-bottom:1px solid var(--line)}
.editorial-card:hover{border-color:var(--strongline);transform:translateY(-2px);transition:transform .18s,border-color .18s}
.drawer-panel{border-left:3px solid var(--wheat)}
.drawer-head{border-bottom:3px double var(--wheat)}
.drawer-group h2{letter-spacing:.05em}
.drawer-links a:focus-visible{outline:3px solid var(--wheat)}
.search-panel .search-input-wrap:focus-within{outline:3px solid var(--lightwheat);outline-offset:2px}
.site-footer{border-top:4px solid var(--lightwheat)}
.footer-column a:hover{color:#fff}
.footer-brand small,.footer-intro,.footer-disclaimer,.footer-bottom{color:var(--cream)}
/* 连续覆盖320px视口背景，不与正文 container 宽度绑定 */
.crown-bar,.palace-bar,.seat-tabs,.mobile-bottom{width:100%;left:0;right:0}
@media(max-width:760px){.search-panel{background:var(--darkwheat)}.drawer-panel{width:min(400px,86vw)}.mobile-bottom a.active{color:var(--cream)}}

/* The front-page cover retains its requested full-height media slot on narrow screens.
   Images remain entirely contained; the original ratio is never cropped. */
@media (max-width:760px) {
  .media-frame.banner { height:260px; }
}