:root{
    --bg:#FFF8E8;--deep:#F7E8C4;--card:#FFFDF6;--soft:#F3DFA3;--title:#3A2A12;--text:#4A3820;--muted:#7A5E38;--assist:#9A7A52;--brand:#F4B942;--ripe:#E89B20;--orange:#E07A2F;--cocoa:#3A2A12;--border:rgba(232,155,32,.22);--shadow:0 12px 28px rgba(58,42,18,.10);--glow:0 6px 16px rgba(232,155,32,.22);--radius:12px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;left:12px;top:-60px;z-index:9999;background:var(--cocoa);color:var(--deep);padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.site-header{position:fixed;inset:0 0 auto 0;z-index:1000}.fruit-brow{height:18px;background:var(--ripe);color:var(--cocoa);font-size:12px;line-height:18px}.top-shell,.content-shell{width:min(960px,calc(100% - 32px));margin:0 auto}.top-shell{height:100%}.fruit-brow .top-shell{display:flex;align-items:center;justify-content:space-between}.text-control,.bag-button,.close-control{border:0;background:none;cursor:pointer;min-height:44px;min-width:44px}.fruit-brow .text-control{min-height:18px;height:18px;padding:0 4px;font-size:12px}.yellow-head{height:54px;background:var(--card);border-bottom:1px solid var(--border)}.head-row{display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo{display:block;height:24px;max-width:180px;object-fit:contain;object-position:center}.brand-fallback{font-weight:800;font-size:16px;color:var(--title)}.head-actions{display:flex;align-items:center;gap:8px}.mini-app,.bag-button{min-height:44px;padding:0 14px;border-radius:10px;font-size:14px}.mini-app{display:flex;align-items:center;border:1px solid var(--ripe);background:var(--card)}.bag-button{background:linear-gradient(135deg,var(--brand) 0%,var(--ripe) 55%,var(--orange) 100%);color:var(--cocoa);box-shadow:var(--glow);font-weight:800}.fruit-pins{height:44px;background:var(--soft);border-bottom:1px solid var(--border)}.pin-row{display:flex;align-items:center;gap:10px}.pin-link{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--orange);border-radius:999px;font-size:13px;background:var(--card)}.pin-dot{width:18px;height:18px;display:grid;place-items:center;font-size:13px;border:1px solid var(--orange);border-radius:50%}.pin-link.is-current{background:var(--ripe);color:var(--cocoa);border-color:var(--cocoa);box-shadow:var(--glow)}.site-main{padding-top:132px;min-height:70vh}.page-wrap{width:min(960px,calc(100% - 32px));margin:0 auto;padding:28px 0 64px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:18px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--orange);text-transform:uppercase}.hero-copy{max-width:760px}.hero-copy h1,.page-title{font-size:24px;line-height:1.3;margin:8px 0 10px;color:var(--title)}h1,h2,h3{color:var(--title)}h2{font-size:20px;line-height:1.4;margin:0 0 12px}h3{font-size:16px;line-height:1.45;margin:0 0 8px}p{margin:0 0 14px}.lead{font-size:16px;line-height:1.75;color:var(--text)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;font-size:14px;white-space:nowrap;transition:filter 180ms ease,box-shadow 180ms ease,transform 180ms ease}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--ripe) 55%,var(--orange) 100%);color:var(--cocoa);box-shadow:var(--glow);font-weight:800}.btn-secondary{background:var(--card);color:var(--cocoa);border:1px solid var(--ripe)}.btn:hover,.bag-button:hover,.pin-link.is-current:hover,.mobile-bottom a.is-current:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(244,185,66,.36),0 10px 24px rgba(224,122,47,.28)}.btn:active,.bag-button:active,.pin-link.is-current:active,.mobile-bottom a.is-current:active{filter:brightness(1.06);box-shadow:0 0 0 4px rgba(224,122,47,.36),0 0 22px rgba(244,185,66,.48)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ripe);outline-offset:2px}.section{margin-top:34px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.soft-card{background:var(--deep)}.media-slot{display:grid;place-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.media-slot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.slot-160{height:160px}.slot-168{height:168px}.slot-176{height:176px}.slot-200{height:200px}.slot-app{width:min(240px,100%);height:320px}.round-slot{width:min(240px,100%);height:176px;border-radius:50%;margin-inline:auto}.icon-48{width:48px;height:48px;object-fit:contain}.kicker-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.kicker{font-size:13px;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--cocoa);border:1px solid var(--border)}.mini-index{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.mini-index a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:var(--card);border:1px solid var(--border)}

/* 首页：钉口说明 + 钉切 + 双列果 + 钉页 + 纵向主题片 */
.home-intro{padding:24px 0 4px}.hot-cut{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;background:var(--deep);border-radius:18px;padding:24px}.two-fruit{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fruit-column{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.pin-pages{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.topic-strip{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--border)}.topic-strip.reverse{grid-template-columns:1fr 200px}.topic-strip.reverse .topic-media{order:2}.app-wrap{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start;background:var(--deep);padding:24px;border-radius:18px}.app-images{display:grid;gap:10px;justify-items:center}.brand-zone{display:grid;grid-template-columns:1fr 220px;gap:20px;align-items:center}.faq-six{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-mini{padding:16px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}

/* 早看：双列果 */
.layout-zao{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.zao-wide{grid-column:1/-1}.zao-note{border-left:4px solid var(--ripe);padding:16px 18px;background:var(--deep);border-radius:0 var(--radius) var(--radius) 0}
/* 热场：钉切 */
.layout-re{display:grid;gap:18px}.re-cut{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}.re-mark{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--ripe);color:var(--cocoa);font-weight:900;font-size:20px;box-shadow:var(--glow)}.re-band{padding:18px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
/* 城戏：钉页 */
.city-pages{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.city-page{position:relative;padding:24px 20px 20px;background:var(--card);border-radius:var(--radius);border:1px solid var(--border)}.city-page:before{content:"";position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:var(--ripe)}
/* 甜场 */
.sweet-ribbon{display:grid;grid-template-columns:1fr 210px;gap:20px;align-items:center}.sweet-points{display:flex;flex-wrap:wrap;gap:10px}.sweet-points span{padding:10px 12px;border-radius:10px;background:var(--deep)}
/* 翻场 */
.rise-steps{counter-reset:rise;display:grid;gap:14px}.rise-step{counter-increment:rise;display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.rise-step:before{content:counter(rise);display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--brand);color:var(--cocoa);font-weight:900}
/* 古场 */
.costume-scroll{display:grid;grid-template-columns:190px 1fr;gap:22px}.costume-aside{padding:18px;background:var(--cocoa);color:var(--deep);border-radius:var(--radius)}.costume-aside h2{color:var(--deep)}
/* 疑场 */
.mystery-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mystery-node{padding:18px;background:var(--card);border:1px dashed var(--orange);border-radius:var(--radius)}
/* 关注 */
.watch-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.watch-list{display:grid;gap:12px}.watch-item{padding:16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}
/* 档表 */
.status-stack{display:grid;gap:12px}.status-row{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;padding:14px 16px;border-radius:var(--radius);background:var(--card);border:1px solid var(--border)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:999px;background:var(--soft);font-weight:800}
/* 幕后 */
.production-flow{display:grid;gap:18px}.production-step{display:grid;grid-template-columns:140px 1fr;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--border)}
/* 作者 */
.author-mosaic{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.author-stack{display:grid;gap:18px}.quote-note{font-size:18px;line-height:1.65;padding:22px;background:var(--deep);border-radius:var(--radius);color:var(--title)}
/* 看法 */
.editorial{max-width:760px;margin-inline:auto}.editorial .editor-note{padding:16px 18px;background:var(--deep);border-radius:var(--radius);font-weight:700}.editorial section{margin-top:28px}.editorial ul{padding-left:20px}
/* APP：文绕钉 */
.app-page-wrap{display:grid;grid-template-columns:1fr 250px;gap:24px;align-items:start}.app-side{position:sticky;top:152px}.app-feature{padding:18px 0;border-bottom:1px solid var(--border)}
/* 条款页 */
.policy-layout{display:grid;grid-template-columns:210px 1fr;gap:24px}.policy-nav{position:sticky;top:148px;align-self:start;background:var(--deep);border-radius:var(--radius);padding:14px}.policy-nav a{display:block;padding:8px 10px;border-radius:8px}.policy-nav a:hover{background:var(--card)}.policy-body section{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--border)}
/* 帮助 */
.help-board{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-card{padding:18px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}
/* FAQ */
.faq-list{display:grid;gap:14px}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.faq-item h2{font-size:16px;margin-bottom:8px}
/* 联系 */
.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-card{padding:20px;background:var(--deep);border-radius:var(--radius)}
/* 关于 */
.about-banner{height:200px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);display:grid;place-items:center;overflow:hidden}.about-banner img{width:100%;height:100%;object-fit:contain;object-position:center}.about-flow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-statement{padding:22px;background:var(--cocoa);color:var(--deep);border-radius:var(--radius)}.about-statement h2{color:var(--deep)}

.site-footer{background:var(--cocoa);color:var(--deep);border-top:1px solid var(--orange);padding:34px 0 calc(32px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-brand div{display:grid}.footer-brand span{font-size:12px;color:#ead7ae}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{font-size:14px;color:var(--deep);margin:0 0 8px}.footer-grid a{display:block;font-size:13px;color:var(--deep);padding:4px 0}.footer-note,.copyright{font-size:13px;color:#ead7ae}.footer-note{margin-top:22px}.copyright{margin-bottom:0}.page-overlay{position:fixed;inset:0;background:rgba(58,42,18,.32);z-index:1100;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 180ms ease,visibility 180ms ease}.page-overlay.is-visible{opacity:1;visibility:visible;pointer-events:auto}.yellow-bag{position:fixed;z-index:1200;right:16px;top:82px;width:min(36vw,420px);max-height:70vh;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 50px rgba(58,42,18,.22);transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:transform 180ms ease,visibility 180ms ease;overflow:hidden}.bag-open .yellow-bag{transform:translateX(0);visibility:visible;pointer-events:auto}.bag-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--border)}.bag-brand{display:flex;align-items:center;gap:10px}.bag-scroll{max-height:calc(70vh - 58px);overflow:auto;padding:12px 14px 18px}.bag-scroll h2{font-size:14px;margin:12px 0 6px}.bag-scroll a{display:block;padding:10px 8px;border-radius:10px}.bag-scroll a:hover{background:var(--deep)}.bag-scroll span{display:block;font-weight:800}.bag-scroll small{display:block;color:var(--muted);font-size:12px;margin-top:2px}.close-control{padding:0 10px;border-radius:8px}.search-panel{position:fixed;z-index:1200;top:72px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%,-20px);opacity:0;visibility:hidden;pointer-events:none;transition:all 180ms ease}.search-open .search-panel{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 50px rgba(58,42,18,.20);padding:18px}.search-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-card label{display:block;font-size:13px;color:var(--muted);margin-top:8px}.search-card input{width:100%;height:44px;border:1px solid var(--ripe);border-radius:10px;background:#fffaf0;color:var(--cocoa);padding:0 12px;margin-top:6px}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;background:var(--soft)}.lock-scroll{overflow:hidden}.mobile-bottom{display:none}

@media (max-width:760px){
    .top-shell,.content-shell,.page-wrap{width:calc(100% - 32px)}.fruit-pins{display:none}.site-main{padding-top:72px;padding-bottom:64px}.head-actions{gap:4px}.mini-app,.bag-button{padding:0 10px}.brand-logo{max-width:132px}.yellow-bag{top:74px;right:8px;width:86vw;max-height:70vh}.search-panel{inset:0;top:0;left:0;width:100%;height:100%;transform:none;background:var(--cocoa);padding:88px 16px 70px}.search-open .search-panel{transform:none}.search-card{background:transparent;border:0;box-shadow:none;color:var(--deep);padding:0}.search-card strong,.search-card label{color:var(--deep)}.search-card input{background:var(--card)}.search-presets a{background:var(--brand);color:var(--cocoa)}.mobile-bottom{position:fixed;z-index:1050;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--border)}.mobile-bottom a{display:grid;place-items:center;min-height:48px;font-size:13px}.mobile-bottom a.is-current{background:var(--ripe);color:var(--cocoa);box-shadow:var(--glow)}.bag-open .mobile-bottom,.search-open .mobile-bottom{z-index:1000}.hot-cut,.app-wrap,.brand-zone,.sweet-ribbon,.costume-scroll,.watch-grid,.author-mosaic,.app-page-wrap,.policy-layout{grid-template-columns:1fr}.two-fruit,.pin-pages,.faq-six,.layout-zao,.city-pages,.help-board,.contact-paths,.about-flow{grid-template-columns:1fr}.topic-strip,.topic-strip.reverse{grid-template-columns:1fr}.topic-strip.reverse .topic-media{order:0}.mystery-flow{grid-template-columns:1fr}.status-row,.production-step,.re-cut{grid-template-columns:1fr}.re-mark{width:64px;height:64px}.app-side,.policy-nav{position:static}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media (max-width:420px){.footer-grid{grid-template-columns:1fr}.fruit-brow .top-shell{gap:8px}.fruit-brow span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-actions{flex-shrink:0}.brand-link{min-width:0}.brand-logo{max-width:118px}}