:root{--bg:#F6EDE0;--paper:#FFFFFF;--cream:#FFF6EA;--panel:#EAD7C0;--panel2:#E8D2B4;--title:#3A2414;--text:#4A3220;--sub:#7A5634;--muted:#9A7450;--gold:#C4843C;--bright:#D9A05A;--deepgold:#8B5A2B;--line:rgba(196,132,60,.18);--line-strong:rgba(196,132,60,.46);--shadow:0 12px 28px rgba(58,36,20,.08);--radius:12px;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;width:100%;min-width:0;max-width:100%;overflow-x:clip;font-family:"Noto Sans CJK SC","Microsoft Yahei",PingFang SC,Arial,sans-serif;background:radial-gradient(circle at 92% 9%,rgba(225,188,74,.12),transparent 22rem),var(--bg);color:var(--text);font-size:15px;line-height:1.7}body.dialog-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #B78624;outline-offset:3px}a,button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}img,svg{max-width:100%}img{display:block}p{margin:0 0 12px}h1,h2,h3{color:var(--title);margin:0;line-height:1.3}h1{font-size:24px;letter-spacing:.4px;font-weight:800}h2{font-size:20px;font-weight:800}h3{font-size:16px;font-weight:800}small{font-size:12px}.container{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip-to-content{position:fixed;z-index:300;top:-100px;left:12px;padding:8px 12px;background:var(--cream);color:var(--title)}.skip-to-content:focus{top:8px}
/* Fixed header background is viewport-wide; inner spacing is independent. */
.top-shell{position:fixed;inset:0 0 auto;width:100%;z-index:60;background:var(--paper);box-shadow:0 6px 25px rgba(58,36,20,.045)}.top-inner{width:100%;max-width:1152px;margin:0 auto;padding:0 16px}.crown-line{height:22px;background:var(--title);color:var(--cream);font-size:12px;line-height:22px}.crown-inner{position:relative;height:22px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.04em}.crown-inner>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:60px}.search-trigger{position:relative;z-index:2;margin-top:0;width:44px;height:44px;min-width:44px;border:0;background:transparent;color:var(--cream);display:grid;place-items:center;border-radius:9px;align-self:flex-start;transform:translateY(-11px)}.search-trigger:hover{background:rgba(255,246,234,.14)}.search-trigger svg{width:18px;height:18px}.palace-bar{height:60px;background:var(--paper);border-bottom:1px solid var(--line)}.palace-inner{height:60px;display:grid;grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);align-items:center;gap:6px}.brand{display:inline-flex;align-items:center;justify-content:flex-start;min-width:0}.brand img{width:auto;max-width:100%;height:28px;object-fit:contain;object-position:left center}.brand-fallback{font-size:17px;color:var(--title);font-weight:800;line-height:1}.brand-fallback small{display:block;margin-top:6px;font-size:9px;color:var(--deepgold);letter-spacing:1px}.brand--header{width:212px;max-width:100%;min-height:44px}.drawer-trigger{min-width:44px;width:66px;min-height:44px;border-radius:10px;border:1px solid var(--line-strong);background:var(--cream);color:var(--title);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:11px;line-height:1.1;letter-spacing:.08em}.drawer-trigger:hover,.drawer-trigger[aria-expanded=true]{background:var(--panel)}.hamburger{display:grid;gap:4px;width:19px}.hamburger i{display:block;height:1.6px;background:var(--title);border-radius:2px}.bar-app-link{color:var(--cream);justify-self:end;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;color:var(--cream);background:linear-gradient(135deg,var(--bright),var(--gold) 55%,var(--deepgold));font-size:14px;font-weight:800;white-space:nowrap}.bar-app-link:hover{box-shadow:0 5px 14px rgba(139,90,43,.3);transform:translateY(-1px)}.seat-tabs{height:40px;border-bottom:1px solid var(--line);background:var(--cream)}.seat-inner{height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.seat-inner a{font-size:13px;padding:5px 19px;min-height:44px;display:inline-flex;align-items:center;border-radius:7px;color:var(--sub)}.seat-inner a:hover{background:var(--panel)}.seat-inner a.active{background:var(--gold);color:var(--cream);font-weight:800}
.page-main{padding:151px 0 70px;min-height:60vh}.eyebrow{font-weight:800;color:var(--deepgold);font-size:12px;letter-spacing:.17em;text-transform:uppercase}.eyebrow::before{content:"";display:inline-block;width:23px;height:2px;margin-right:9px;vertical-align:middle;background:var(--gold)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.media-slot{background:linear-gradient(135deg,#FFF6EA,#E8D2B4);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:100px;border:1px solid var(--line);border-radius:11px}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-fallback{color:var(--title);font-size:19px;font-weight:800;letter-spacing:.12em;padding:22px;text-align:center}.btn-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:44px;padding:0 21px;font-size:14px;font-weight:800;border-radius:10px;white-space:nowrap;border:1px solid transparent}.btn-primary{color:var(--cream);background:linear-gradient(135deg,#D9A05A,#C4843C 55%,#8B5A2B)}.btn-secondary{color:var(--title);background:var(--paper);border-color:var(--line-strong)}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(139,90,43,.15)}.text-link{color:var(--deepgold);font-weight:800;display:inline-flex;align-items:center;gap:7px;min-height:44px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}
.home-layout{display:grid;gap:26px}.hero-card{overflow:hidden}.hero-visual{height:260px;margin:18px 18px 0;background:var(--cream)}.hero-visual img{object-fit:contain}.hero-body{padding:29px 38px 36px}.hero-body h1{font-size:24px;margin:9px 0 15px}.hero-body p{max-width:780px;font-size:15px;line-height:1.85}.section-block{margin-top:3px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}.section-head p{margin:5px 0 0;color:var(--sub);font-size:14px}.section-kicker{font-size:12px;color:var(--deepgold);font-weight:800;letter-spacing:.12em}.section-head h2{margin-top:5px}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{display:flex;flex-direction:column;overflow:hidden}.feature-card .media-slot{height:180px;margin:14px 14px 0}.feature-content{padding:18px 20px 20px;display:flex;flex:1;flex-direction:column}.feature-content h3{font-size:18px;margin-bottom:9px}.feature-content p{flex:1;font-size:15px;color:var(--text);line-height:1.85;margin:0}.feature-content .text-link{align-self:flex-start;margin-top:10px}
.issue-card{display:grid;grid-template-columns:1.02fr 1fr;gap:25px;padding:24px;align-items:center}.issue-media{height:200px}.issue-body h2{margin:10px 0}.issue-body>p{line-height:1.9}.index-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.index-four a{display:flex;align-items:center;min-height:48px;gap:11px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--cream);font-size:14px;font-weight:700}.index-four a:hover{border-color:var(--line-strong);background:var(--panel)}.index-four b{font:800 20px Georgia,serif;color:var(--deepgold)}.collection-panel{padding:23px}.collection-media{height:184px;margin-bottom:18px}.collection-panel .two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.shelf-list{display:grid;gap:9px}.shelf-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--cream)}.shelf-item:hover{background:var(--panel);border-color:var(--line-strong)}.shelf-item .shelf-id{font:800 21px Georgia,serif;color:var(--deepgold)}.shelf-item strong{color:var(--title);font-size:15px}.shelf-item span.shelf-summary{display:block;color:var(--sub);font-size:13px;margin-top:3px}.shelf-arr{color:var(--deepgold);font-size:18px}.muted-caption{font-size:13px;color:var(--sub)}.number-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.number-tile{min-height:122px;padding:16px;border-radius:11px;border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;gap:12px}.number-tile b{font:700 34px Georgia,serif;color:var(--deepgold);line-height:1}.number-tile strong{color:var(--title);font-size:14px}.rank-layout{display:grid;grid-template-columns:330px 1fr;gap:19px;align-items:center}.rank-layout .media-slot{height:206px}.timeline-panel{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:20px;align-items:center}.timeline-panel .media-slot{height:212px}.simple-timeline{position:relative;display:grid;gap:15px;padding-left:23px}.simple-timeline:before{content:"";position:absolute;left:6px;top:17px;bottom:19px;width:2px;background:var(--line-strong)}.timeline-node{position:relative;padding:13px 16px;background:var(--cream);border:1px solid var(--line);border-radius:10px}.timeline-node:before{content:"";position:absolute;left:-23px;top:22px;background:var(--gold);border:2px solid var(--paper);box-shadow:0 0 0 1px var(--line-strong);height:10px;width:10px;border-radius:50%}.timeline-node strong{color:var(--title)}.timeline-node p{margin:5px 0 0;color:var(--sub);font-size:14px}.notes-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:22px;padding:19px}.notes-panel .media-slot{height:215px}.notes-columns{display:grid;gap:10px}.mini-note{padding:15px 17px;border-left:4px solid var(--gold);background:var(--cream);border-radius:5px 9px 9px 5px}.mini-note h3{margin-bottom:4px}.mini-note p{margin:0;color:var(--sub);font-size:14px}.app-showcase{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr);gap:35px;align-items:center;padding:26px 36px}.app-showcase .app-media{max-height:360px;height:360px;max-width:360px;justify-self:center;width:100%}.app-showcase .app-media img{height:100%;width:100%}.app-lead{font-size:15px;line-height:1.9}.app-showcase h2{margin:10px 0 12px}.app-label{display:flex;align-items:center;gap:11px;margin-bottom:12px}.app-label img{height:48px;width:48px;object-fit:contain}.app-service-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.app-service-links a{font-size:14px;min-height:44px;border:1px solid var(--line-strong);border-radius:9px;padding:8px 14px;background:var(--cream)}.app-service-links a:hover{background:var(--panel)}.closing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.closing-grid.double-closings{grid-template-columns:repeat(2,minmax(0,1fr))}.closing-card{padding:23px}.closing-card h2{margin:8px 0 13px}.closing-card p{line-height:1.85;font-size:15px}.closing-card a{margin-top:7px}.question-preview{display:grid;gap:7px}.question-preview a{min-height:44px;display:flex;align-items:center;gap:6px;color:var(--title);font-size:14px}.question-preview a:before{content:"›";color:var(--deepgold);font-weight:800}.question-preview a:hover{color:var(--deepgold)}
/* Editorial inner pages */
.inner-layout{display:grid;gap:24px}.inner-hero{padding:27px 31px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);gap:32px;align-items:center}.inner-hero .eyebrow{margin-bottom:10px}.inner-hero h1{margin-bottom:15px}.inner-hero p{font-size:15px;line-height:1.9}.inner-hero .lead-label{font-size:13px;color:var(--deepgold);font-weight:800;margin:14px 0 0}.inner-hero .media-slot{height:235px}.inner-hero .media-slot.app-art{height:300px;max-width:240px;justify-self:center;width:100%}.body-heading{margin:0 0 -4px;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.body-heading h2{font-size:20px}.body-heading p{color:var(--sub);font-size:13px}.article-deck{display:grid;gap:16px}.story-block{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:24px 29px;box-shadow:0 7px 22px rgba(58,36,20,.045)}.story-heading{display:flex;gap:16px;align-items:center;margin-bottom:12px}.story-index{flex:0 0 auto;font:700 26px Georgia,serif;color:var(--deepgold)}.story-block h2{font-size:19px}.story-block p{line-height:1.9;font-size:15px;margin-bottom:0}.story-block p+p{margin-top:12px}.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid .story-block{display:flex;flex-direction:column}.layout-numbered .story-block{display:grid;grid-template-columns:73px 1fr;gap:13px}.layout-numbered .story-heading{align-items:flex-start;flex-direction:column;gap:6px;border-right:1px solid var(--line);margin:0;padding-right:15px}.layout-numbered .story-index{font-size:30px}.layout-numbered .story-block p{align-self:center}.layout-timeline{padding-left:25px;border-left:2px solid var(--line-strong);margin-left:9px}.layout-timeline .story-block{position:relative}.layout-timeline .story-block:before{content:"";position:absolute;left:-35px;top:31px;width:16px;height:16px;background:var(--gold);border-radius:50%;border:3px solid var(--bg)}.layout-shelf .story-block{display:grid;grid-template-columns:170px 1fr;gap:17px;align-items:center}.layout-shelf .story-heading{margin:0}.layout-shelf .story-block:nth-child(odd){border-left:4px solid var(--gold)}.layout-policy .story-block{border-left:4px solid var(--gold)}.layout-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-notes .story-block:nth-child(odd){background:var(--cream)}.editor-note{border:1px solid var(--line-strong);background:var(--cream);border-radius:11px;padding:18px 23px;font-size:14px;line-height:1.85;color:var(--sub)}.editor-note strong{color:var(--title)}.cross-links{padding:22px 28px}.cross-links h2{margin-bottom:12px}.cross-link-wrap{display:flex;flex-wrap:wrap;gap:8px}.cross-link-wrap a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:8px;background:var(--cream);font-weight:700}.cross-link-wrap a:hover{background:var(--panel);border-color:var(--line-strong)}.faq-deck{display:grid;gap:12px}.faq-entry{background:var(--paper);padding:19px 22px;border-radius:11px;border:1px solid var(--line)}.faq-entry h2{font-size:16px;margin-bottom:10px}.faq-entry h2:before{content:"Q";color:var(--deepgold);margin-right:10px;font-family:Georgia,serif;font-size:21px}.faq-entry p{font-size:15px;line-height:1.85;margin:0}.info-callout{background:var(--cream);padding:21px 24px;border-left:4px solid var(--gold);border-radius:0 11px 11px 0}.info-callout p{margin-bottom:0}.mobile-feature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.mobile-feature>div{border:1px solid var(--line);border-radius:10px;background:var(--cream);padding:15px 16px}.mobile-feature strong{color:var(--title);display:block;font-size:16px}.mobile-feature p{font-size:14px;color:var(--sub);margin:7px 0 0}
/* Footer */
.site-footer{background:var(--title);color:var(--panel);border-top:4px solid var(--gold);font-size:13px}.site-footer .container{padding:38px 0 23px}.footer-intro{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid rgba(255,246,234,.18);padding-bottom:27px}.footer-intro>p{max-width:555px;margin:0;color:var(--panel);line-height:1.9}.footer-brandline{display:flex;gap:13px;align-items:center;flex-shrink:0}.brand--footer{min-height:44px}.brand--footer img{height:28px;max-width:140px;filter:brightness(0) invert(1)}.footer-brandline strong{display:block;font-size:17px;color:var(--cream)}.footer-brandline span{font-size:11px;letter-spacing:.1em;color:var(--panel)}.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:30px 0}.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-group h2{color:var(--bright);font-size:15px;margin-bottom:3px}.footer-group a{color:var(--panel);min-height:44px;display:flex;align-items:center}.footer-group a:hover,.footer-bottom a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}.footer-bottom{border-top:1px solid rgba(255,246,234,.18);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--panel)}.footer-bottom p{margin:0}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:17px}.footer-bottom a{color:var(--panel);min-height:44px;display:inline-flex;align-items:center}
/* off canvas and search overlays */
.screen-shade{position:fixed;inset:0;background:rgba(45,26,13,.52);z-index:85;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.screen-shade.is-open{opacity:1;visibility:visible;pointer-events:auto}.palace-drawer{position:fixed;inset:0 0 0 auto;z-index:100;width:min(400px,86vw);max-width:100vw;background:var(--paper);box-shadow:-18px 0 52px rgba(50,30,15,.21);display:flex;flex-direction:column;visibility:hidden;pointer-events:none;transform:translateX(103%);transition:transform .25s ease,visibility .25s}.palace-drawer.is-open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-heading{padding:20px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.drawer-identity{display:flex;align-items:center;gap:8px;min-width:0}.brand--drawer{min-height:44px}.brand--drawer img{height:26px;max-width:112px}.drawer-identity strong{color:var(--title);white-space:nowrap;font-size:15px}.close-control{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line-strong);border-radius:9px;background:var(--cream);color:var(--title);font-size:29px;line-height:1}.close-control:hover{background:var(--panel)}.drawer-scroll{min-height:0;overflow-y:auto;padding:17px 19px 35px}.drawer-group{margin-bottom:18px}.drawer-group h2{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:7px;color:var(--deepgold)}.drawer-link{min-height:63px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:5px;align-items:center;padding:10px 12px;border-radius:9px}.drawer-link strong{font-size:15px;color:var(--title);grid-column:1}.drawer-link span{grid-column:1;font-size:12px;color:var(--sub);line-height:1.65}.drawer-link b{grid-column:2;grid-row:1/3;font-size:22px;color:var(--deepgold)}.drawer-link:hover,.drawer-link.current{background:var(--cream)}.search-panel{position:fixed;z-index:101;top:82px;right:max(16px,calc((100vw - 1120px)/2));width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 95px);overflow-y:auto;padding:22px 25px;background:var(--paper);box-shadow:var(--shadow),0 20px 48px rgba(58,36,20,.22);border:1px solid var(--line-strong);border-radius:0 0 13px 13px;opacity:0;transform:translateY(-15px);visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.search-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}.search-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-eyebrow{color:var(--deepgold);font-size:11px;letter-spacing:.16em;font-weight:800}.search-panel h2{margin:7px 0 8px}.search-panel>p{color:var(--sub);margin-bottom:13px}.search-field{display:flex;align-items:center;gap:9px;padding:0 13px;min-height:48px;border-radius:9px;border:1px solid var(--line-strong);background:var(--cream);margin-bottom:15px}.search-field span{font-size:23px;color:var(--deepgold)}.search-field input{width:100%;height:48px;min-width:0;background:transparent;border:0;outline:none;color:var(--title);font-size:15px}.search-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-presets a{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:10px 13px;border:1px solid var(--line);background:var(--cream);border-radius:8px;font-size:14px;font-weight:700}.search-presets a:hover{background:var(--panel);border-color:var(--line-strong)}.search-presets a[hidden]{display:none}.search-empty[hidden]{display:none}.mobile-bottom{display:none}
@media(max-width:980px){.rank-layout{grid-template-columns:260px 1fr}.inner-hero{grid-template-columns:1.15fr .85fr;gap:20px}.closing-grid{grid-template-columns:1fr 1fr}.closing-card:last-child{grid-column:1/-1}.number-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.app-showcase{gap:20px}}
@media(max-width:760px){body{padding-bottom:calc(48px + env(safe-area-inset-bottom));font-size:15px}.seat-tabs{display:none}.page-main{padding:109px 0 39px}.crown-inner{font-size:11px}.brand--header{width:140px}.brand--header img{max-width:140px;height:28px}.palace-inner{grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr);gap:4px}.drawer-trigger{width:54px}.bar-app-link{padding:0 11px;font-size:12px}.hero-body{padding:22px 21px 25px}.hero-visual{margin:12px 12px 0;height:200px}.home-layout{gap:22px}.three-cards{grid-template-columns:1fr 1fr;gap:13px}.feature-card .media-slot{margin:11px 11px 0;height:180px}.feature-content{padding:15px}.feature-content h3{font-size:16px}.feature-content p{font-size:14px}.issue-card,.timeline-panel,.notes-panel,.app-showcase,.collection-panel .two-col{grid-template-columns:1fr}.issue-card{gap:17px}.issue-media{height:200px}.rank-layout{grid-template-columns:1fr}.rank-layout .media-slot{height:180px}.timeline-panel{gap:18px}.timeline-panel .media-slot{height:180px}.notes-panel .media-slot{height:170px}.app-showcase{padding:22px;gap:18px}.app-showcase .app-media{grid-row:2;max-width:240px;height:330px}.inner-hero{grid-template-columns:1fr}.inner-hero .media-slot{height:200px}.inner-hero .media-slot.app-art{max-width:240px;height:290px}.layout-grid,.layout-notes{grid-template-columns:1fr}.footer-intro{align-items:flex-start;flex-direction:column}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-bottom{flex-direction:column;align-items:flex-start}.mobile-bottom{position:fixed;z-index:70;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line-strong);box-shadow:0 -5px 23px rgba(58,36,20,.09)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;font-size:11px;line-height:1.3;min-width:0;min-height:48px}.mobile-bottom a.active{background:var(--gold);color:var(--cream);font-weight:800}.mobile-bottom a:hover{background:var(--panel)}.bottom-symbol{font-size:18px;line-height:20px}.search-panel{inset:0;width:100vw;max-height:100dvh;border:0;border-radius:0;padding:24px 17px calc(65px + env(safe-area-inset-bottom));background:var(--title);color:var(--cream)}.search-panel h2{color:var(--cream)}.search-panel>p{color:var(--panel)}.search-panel .search-eyebrow{color:var(--bright)}.search-panel .close-control{background:rgba(255,246,234,.12);border-color:rgba(255,246,234,.36);color:var(--cream)}.search-panel .search-field{background:var(--cream)}.search-panel .search-presets a{background:rgba(255,246,234,.09);border-color:rgba(255,246,234,.32);color:var(--cream)}.search-panel .search-presets a:hover{background:rgba(255,246,234,.19)}.search-panel .search-empty{color:var(--cream)}.search-panel.is-open{transform:translateY(0)}.palace-drawer{width:min(86vw,400px)}}
@media(max-width:500px){.three-cards,.closing-grid,.closing-grid.double-closings{grid-template-columns:1fr}.closing-card:last-child{grid-column:auto}.feature-card .media-slot{height:185px}.number-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{height:166px}.hero-body h1{font-size:24px}.section-head{align-items:flex-start}.section-head .text-link{font-size:13px}.inner-hero{padding:22px 18px}.story-block{padding:19px 17px}.layout-numbered .story-block{grid-template-columns:58px 1fr;gap:7px}.layout-shelf .story-block{grid-template-columns:1fr;gap:7px}.layout-shelf .story-heading{margin-bottom:4px}.app-showcase{padding:20px}.issue-card{padding:16px}.collection-panel{padding:16px}.index-four{grid-template-columns:1fr 1fr;gap:8px}.index-four a{padding:7px;font-size:12px;gap:6px}.index-four b{font-size:17px}.footer-nav{gap:16px}.mobile-feature{grid-template-columns:1fr}.body-heading{display:block}.shelf-item{grid-template-columns:32px minmax(0,1fr) 14px;padding:13px;gap:9px}.shelf-item .shelf-id{font-size:17px}}
@media(max-width:340px){.top-inner{padding:0 16px}.crown-inner>span{font-size:10px;letter-spacing:0}.brand--header{max-width:111px}.brand--header img{max-width:111px;height:27px}.bar-app-link{padding:0 8px}.drawer-trigger{width:49px}.palace-inner{grid-template-columns:minmax(0,1fr) 49px minmax(0,1fr)}.hero-visual{height:142px}.btn{padding:0 14px}.mobile-bottom a{font-size:10px}.mobile-bottom .bottom-symbol{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* 麻花麦色品牌补充：微弱纹理、右侧辫匣及可读性交互 */
.hero-card{position:relative;overflow:hidden}
.hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(110deg,#D9A05A 0 17px,#8B5A2B 17px 20px,#C4843C 20px 37px,#FFF6EA 37px 40px);pointer-events:none;z-index:1}
.hero-card .hero-body{position:relative;z-index:1}
.feature-card:hover,.number-tile:hover,.closing-card:hover{border-color:var(--line-strong)}
.story-block p{overflow-wrap:anywhere}
.drawer-link span{overflow-wrap:break-word}
.btn-primary:hover,.bar-app-link:hover{color:#FFF6EA}
:focus-visible{outline:3px solid #8B5A2B;outline-offset:2px}
@media(max-width:760px){.top-shell{width:100vw;left:0;right:0;background:#fff}.crown-line,.palace-bar{width:100%;margin:0}.crown-inner,.palace-inner{max-width:100%;box-sizing:border-box}.search-panel{overflow-x:hidden}}

@media(max-width:760px){.search-panel{background:#8B5A2B;color:#FFF6EA}.search-panel h2,.search-panel .search-empty{color:#FFF6EA}.search-panel>p{color:#FFF6EA}.search-panel .search-presets a{background:rgba(255,246,234,.13);color:#FFF6EA}}

@media(max-width:760px){.search-panel .search-eyebrow{color:#FFF6EA}}