:root{--bg:#fff8e8;--deep:#f7e8c4;--paper:#fffdf6;--soft:#f3dfa3;--ink:#3a2a12;--text:#4a3820;--muted:#7a5e38;--quiet:#9a7a52;--yellow:#f4b942;--gold:#e89b20;--orange:#e07a2f;--line:rgba(232,155,32,.22);--shadow:0 12px 28px rgba(58,42,18,.10)}*{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","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:10px;top:-60px;z-index:9999;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px}.skip-link:focus{top:10px}.notice-bar{position:fixed;left:0;right:0;top:0;height:18px;background:var(--gold);color:var(--ink);z-index:1100;font-size:12px}.notice-inner{height:18px;display:flex;align-items:center;justify-content:space-between}.notice-bar button{height:18px;border:0;background:transparent;color:var(--ink);padding:0 4px;cursor:pointer;font-size:12px}.site-head{position:fixed;left:0;right:0;top:18px;height:54px;background:rgba(255,253,246,.98);border-bottom:1px solid var(--line);z-index:1090}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{min-height:44px;display:flex;align-items:center;color:var(--ink)}.brand img,.panel-brand img,.footer-brand img{height:24px;width:auto;object-fit:contain}.brand strong{font-size:16px}.head-actions{display:flex;align-items:center;gap:8px}.mini-link,.menu-button{min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:var(--paper);font-size:14px}.menu-button{cursor:pointer}.pin-nav{position:fixed;left:0;right:0;top:72px;height:44px;z-index:1080;background:var(--soft);border-bottom:1px solid var(--line)}.pin-inner{height:44px;display:flex;align-items:center;gap:10px}.pin-inner a{height:34px;display:flex;align-items:center;gap:7px;border:1px solid var(--orange);border-radius:999px;padding:0 12px;color:var(--ink);font-size:13px}.pin-inner a.active{background:var(--gold);box-shadow:0 6px 16px rgba(232,155,32,.22)}.pin{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;border-radius:50%}.site-main{padding-top:148px;padding-bottom:56px;min-height:65vh}.crumb{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px}.crumb a{color:#9a5b08}h1,h2,h3{color:var(--ink);line-height:1.3;margin:0 0 12px}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 14px}.kicker{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:var(--soft);color:var(--ink);font-size:12px;font-weight:800;margin-bottom:12px}.primary-button,.secondary-button{min-height:44px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:filter .18s,box-shadow .18s,transform .18s}.primary-button{background:linear-gradient(135deg,#f4b942 0%,#e89b20 55%,#e07a2f 100%);color:var(--ink);box-shadow:0 6px 16px rgba(232,155,32,.22)}.secondary-button{background:var(--paper);color:var(--ink);border:1px solid var(--gold)}.primary-button:hover,.secondary-button:hover,.pin-inner a.active:hover,.mobile-bar a.active:hover{filter:brightness(1.04);box-shadow:0 0 0 3px rgba(244,185,66,.36),0 10px 24px rgba(224,122,47,.28)}.primary-button:active,.secondary-button: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{outline:2px solid var(--gold);outline-offset:2px}.text-link,.stacked-showcase a,.topic-cards a,.craft-grid a,.home-info a,.help-grid a,.related-strip a{color:#9a5b08;font-weight:800}.action-row{display:flex;gap:10px;flex-wrap:wrap}.media-slot{margin:0;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.intro-map{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:stretch;margin-bottom:34px}.intro-tabs{display:grid;gap:12px}.intro-tabs a{display:grid;grid-template-columns:42px 1fr;gap:4px 12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:16px}.intro-tabs span{grid-row:1/3;width:42px;height:42px;border-radius:12px;background:var(--yellow);display:flex;align-items:center;justify-content:center}.intro-tabs b{color:var(--ink);font-size:16px}.intro-tabs small{color:var(--muted)}.intro-copy{background:linear-gradient(135deg,#fffdf6,#f7e8c4);border:1px solid var(--line);border-radius:20px;padding:28px}.intro-copy p{max-width:650px}.focus-slice{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;background:#3a2a12;color:#f7e8c4;border-radius:22px;padding:26px;margin:34px 0}.focus-slice h2{color:#fff7df}.focus-slice .kicker{background:var(--yellow)}.round-visual{width:240px;height:176px;border-radius:50%;justify-self:end}.daily-pair{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:34px 0}.daily-pair article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px}.daily-pair .media-slot{height:168px;border-radius:14px;margin-bottom:18px}.note-card{align-self:end}.stacked-showcase{display:grid;gap:16px;margin:38px 0}.stacked-showcase article{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px}.stacked-showcase article.reverse{grid-template-columns:330px 1fr}.stacked-showcase article.reverse .show-copy{order:2}.stacked-showcase .media-slot{height:160px;border-radius:14px}.topic-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0}.topic-cards article,.craft-grid article,.home-info article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}.small-slot{height:160px;border-radius:14px;margin-bottom:16px}.craft-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:38px 0}.mini-slot{height:150px;border-radius:14px;margin-bottom:16px}.app-wrap{display:grid;grid-template-columns:1fr 280px;gap:28px;align-items:center;background:var(--deep);border:1px solid var(--line);border-radius:22px;padding:28px;margin:40px 0}.app-media{position:relative;display:flex;justify-content:center}.phone-slot{width:240px;height:320px;border-radius:22px}.app-icon{position:absolute;right:2px;bottom:8px;width:48px;height:48px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}.home-info{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-info .wide{grid-column:1/-1}.page-hero,.two-tone,.soft-hero,.idea-hero,.heritage-hero,.suspense-hero,.trend-hero,.schedule-hero,.production-hero,.creator-hero,.guide-hero,.app-page,.slice-hero{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:26px;margin-bottom:24px}.two-tone,.soft-hero,.idea-hero,.heritage-hero,.suspense-hero,.trend-hero,.schedule-hero,.production-hero,.creator-hero,.guide-hero,.app-page,.slice-hero{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center}.page-hero.compact{max-width:830px}.page-visual{height:210px;border-radius:16px}.two-col-flow{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col-flow article,.notice-box,.tile-pages article,.soft-notes article,.creative-steps article,.heritage-list article,.trend-cards article,.method-notes article,.policy-list article,.contact-cards article,.four-features article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}.notice-box{margin-top:20px;background:var(--deep)}.slice-hero{background:linear-gradient(135deg,#fffdf6,#f7e8c4)}.slice-list{display:grid;gap:12px}.slice-list article{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.slice-list span{width:48px;height:48px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--ink)}.related-strip{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.related-strip h2{width:100%}.related-strip a{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.tile-pages{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tile-image{height:168px;border-radius:14px;margin-bottom:16px}.soft-hero{background:linear-gradient(135deg,#fffdf6,#fff0c8)}.soft-notes,.creative-steps,.heritage-list,.trend-cards,.method-notes,.policy-list,.contact-cards,.four-features{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.idea-hero{background:linear-gradient(135deg,#fff8e8,#f3dfa3)}.creative-steps{grid-template-columns:repeat(3,1fr)}.creative-steps b{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--yellow);color:var(--ink);margin-bottom:10px}.heritage-hero{background:var(--deep)}.suspense-hero{background:#3a2a12;color:#f7e8c4}.suspense-hero h1{color:#fff7df}.clue-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.clue-grid article{background:#3a2a12;color:#f7e8c4;border-radius:16px;padding:20px}.clue-grid b{display:block;color:var(--yellow);font-size:18px;margin-bottom:8px}.trend-hero{background:linear-gradient(135deg,#fffdf6,#f7e8c4)}.schedule-hero{background:linear-gradient(135deg,#fffdf6,#f3dfa3)}.status-list{display:grid;gap:12px}.status-list article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}.status{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;margin-bottom:10px}.status.done{background:#f3dfa3}.status.work{background:#ffe7b4}.status.wait{background:#eee6da}.production-hero,.creator-hero,.guide-hero{background:var(--paper)}.timeline{display:grid;gap:12px}.timeline article{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.timeline span{width:52px;height:52px;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-weight:900}.method-notes{grid-template-columns:1fr 1fr}.method-notes article:last-child{grid-column:1/-1}.long-read{max-width:800px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px}.long-read h2{margin-top:28px}.app-page{background:var(--deep)}.app-page ul{padding-left:20px}.faq-list{display:grid;gap:12px}.faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:0 18px}.faq-list summary{cursor:pointer;min-height:56px;display:flex;align-items:center;font-weight:800;color:var(--ink)}.faq-list p{padding-bottom:18px}.about-banner .banner-slot{width:100%;height:200px;border-radius:20px;margin-bottom:20px}.about-story{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.about-story article{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px}.about-story article:last-child{grid-column:1/-1}.brand-backup{margin-top:18px}.brand-slot{height:176px;border-radius:18px}.site-footer{background:var(--ink);color:#f7e8c4;border-top:2px solid var(--orange);padding:38px 0 76px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:24px}.footer-grid h3{color:#f4b942}.footer-grid a{display:block;color:#f7e8c4;margin:7px 0;font-size:13px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.footer-brand p{font-size:13px;color:#dac69e}.footer-bottom{border-top:1px solid rgba(247,232,196,.18);margin-top:24px;padding-top:18px;display:grid;gap:8px;font-size:12px;color:#dac69e}.overlay{position:fixed;inset:0;background:rgba(58,42,18,.46);z-index:1990;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.side-menu{position:fixed;right:18px;top:90px;width:min(430px,86vw);max-height:70vh;overflow:auto;background:var(--paper);z-index:2000;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:18px;transform:translateX(115%);visibility:hidden;pointer-events:none;transition:.22s}.side-menu.open{transform:none;visibility:visible;pointer-events:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-brand{display:flex;align-items:center;gap:8px}.panel-head strong{font-size:18px;color:var(--ink)}.panel-head button{border:1px solid var(--line);background:var(--soft);border-radius:10px;min-height:44px;padding:0 12px;cursor:pointer}.menu-group{margin-top:18px}.menu-group h3{font-size:12px;color:var(--muted);letter-spacing:.06em}.menu-group a{display:grid;grid-template-columns:108px 1fr;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}.menu-group b{color:var(--ink)}.menu-group span{font-size:12px;color:var(--muted)}.search-panel{position:fixed;left:0;right:0;top:72px;z-index:2000;visibility:hidden;opacity:0;pointer-events:none;transition:.18s}.search-panel.open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(760px,calc(100% - 32px));margin:auto;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:20px}.search-links{display:flex;flex-wrap:wrap;gap:10px}.search-links a{min-height:44px;padding:0 14px;display:flex;align-items:center;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.mobile-bar{display:none}@media(max-width:760px){.pin-nav{display:none}.site-main{padding-top:104px;padding-bottom:88px}.intro-map,.focus-slice,.daily-pair,.stacked-showcase article,.stacked-showcase article.reverse,.app-wrap,.two-tone,.soft-hero,.idea-hero,.heritage-hero,.suspense-hero,.trend-hero,.schedule-hero,.production-hero,.creator-hero,.guide-hero,.app-page,.slice-hero{grid-template-columns:1fr}.stacked-showcase article.reverse .show-copy{order:0}.focus-slice{padding:22px}.round-visual{justify-self:center}.topic-cards,.craft-grid,.home-info,.two-col-flow,.tile-pages,.soft-notes,.creative-steps,.heritage-list,.trend-cards,.method-notes,.policy-list,.contact-cards,.four-features,.about-story{grid-template-columns:1fr}.home-info .wide,.method-notes article:last-child,.about-story article:last-child{grid-column:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:1200;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffdf6;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted);min-height:48px}.mobile-bar a.active{background:var(--gold);color:var(--ink);font-weight:800;box-shadow:0 6px 16px rgba(232,155,32,.22)}.site-footer{padding-bottom:88px}.side-menu{top:80px;right:10px;max-height:76vh}.search-panel.open{inset:0;top:0;background:var(--ink);padding-top:70px}.search-card{background:var(--ink);color:#f7e8c4;border-color:rgba(247,232,196,.16)}.search-card .panel-head strong{color:#f7e8c4}.search-links a{background:#f7e8c4;color:var(--ink)}.clue-grid{grid-template-columns:1fr}}@media(max-width:480px){.mini-link,.menu-button{padding:0 10px}.footer-grid{grid-template-columns:1fr}.menu-group a{grid-template-columns:96px 1fr}.phone-slot{width:min(240px,100%)}}