:root{--bg:#fff6f4;--deep:#f6e4e2;--paper:#fff;--soft:#fbecea;--ink:#1c1212;--text:#3e2424;--muted:#6e4848;--light:#9a7070;--red:#b4232c;--bright:#e23b44;--dark:#7a1520;--gold:#c4a06a;--border:rgba(180,35,44,.16);--shadow:0 12px 28px rgba(28,18,18,.08);--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",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:auto}.top-note{height:18px;position:fixed;z-index:80;left:0;right:0;top:0;background:var(--dark);color:#fff;font-size:12px}.top-note .shell{height:18px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:none;color:#fff;padding:0 3px;cursor:pointer}.brand-head{height:54px;position:fixed;z-index:79;top:18px;left:0;right:0;background:#fffaf8;border-bottom:1px solid var(--border)}.brand-row{height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-mark{min-height:44px;display:flex;align-items:center}.brand-mark img{height:24px;width:auto;object-fit:contain}.brand-mark strong{font-size:16px;color:var(--ink)}.head-actions{display:flex;gap:8px;align-items:center}.quiet-link,.menu-button{height:40px;display:inline-flex;align-items:center;border-radius:10px;padding:0 14px;font-size:14px}.quiet-link{border:1px solid var(--border);background:#fff;color:var(--dark)}.menu-button{border:0;background:linear-gradient(135deg,var(--bright),var(--red) 55%,var(--dark));color:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(180,35,44,.18)}.quick-nav{position:fixed;z-index:78;top:72px;left:0;right:0;height:44px;background:var(--soft);border-bottom:1px solid var(--border)}.quick-inner{height:44px;display:flex;align-items:center;gap:8px}.quick-home,.quick-item{height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:10px;font-size:13px;color:var(--muted)}.quick-item span{width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--red);color:var(--dark);border-radius:6px;font-weight:700}.quick-home.is-current,.quick-item.is-current{background:var(--dark);color:#fff;box-shadow:0 6px 16px rgba(180,35,44,.18)}.quick-item.is-current span{background:#fff;color:var(--dark);border-color:var(--gold)}.site-main{padding-top:140px;padding-bottom:42px}.crumb{font-size:13px;color:var(--light);margin-bottom:16px}.crumb a{color:var(--dark)}h1,h2,h3{margin:0;color:var(--ink);line-height:1.3}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}p{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--dark);margin-bottom:10px}.eyebrow:before{content:"";width:20px;height:2px;background:var(--red);border-radius:2px}.lead{font-size:16px;color:var(--muted);margin-top:10px;max-width:780px}.hero-note{padding:26px 0 20px}.hero-note .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.primary-btn,.secondary-btn{min-height:44px;padding:0 18px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:.18s ease}.primary-btn{background:linear-gradient(135deg,var(--bright),var(--red) 55%,var(--dark));color:#fff;box-shadow:0 6px 16px rgba(180,35,44,.18)}.secondary-btn{background:#fff;border:1px solid var(--border);color:var(--dark)}.primary-btn:hover,.menu-button:hover,.quick-home.is-current:hover,.quick-item.is-current:hover,.mobile-bar a.is-current:hover{filter:brightness(1.06);box-shadow:0 0 0 3px rgba(226,59,68,.28),0 10px 24px rgba(122,21,32,.28)}.primary-btn:active,.menu-button:active{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(196,160,106,.42),0 0 22px rgba(226,59,68,.5)}a:focus-visible,button:focus-visible{outline:2px solid var(--bright);outline-offset:2px}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:12px}.section-head p{color:var(--muted);font-size:14px;max-width:600px}.paper{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.soft-paper{background:var(--soft);border:1px solid var(--border);border-radius:var(--radius)}.media-slot{display:flex;align-items:center;justify-content:center;background:#fffaf8;border:1px solid var(--border);border-radius:12px;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.media-wide{width:100%;height:168px}.media-short{width:100%;height:160px}.media-square{width:240px;height:176px;flex:0 0 240px}.media-app{width:240px;height:320px}.split-feature{display:flex;gap:22px;align-items:stretch;padding:18px}.split-feature .copy{flex:1;display:flex;flex-direction:column;justify-content:center}.split-feature .copy p{margin-top:10px}.link-inline{display:inline-flex;color:var(--dark);font-weight:700;margin-top:14px}.feature-band{padding:20px;display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature-band .band-copy{display:flex;flex-direction:column;justify-content:center}.feature-band p{margin-top:9px}.two-story{display:grid;grid-template-columns:1fr 1fr;gap:14px}.story{padding:16px}.story p{margin-top:9px}.story .media-slot{margin-bottom:12px}.story-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.story-meta span,.pill{font-size:12px;color:var(--dark);background:#fff7f4;border:1px solid var(--border);border-radius:999px;padding:3px 8px}.path-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.path-card{padding:18px}.path-card ul,.text-block ul{margin:12px 0 0;padding-left:20px}.path-card li,.text-block li{margin:7px 0}.progress-list{display:grid;gap:10px}.progress-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:14px 16px}.progress-row b{color:var(--ink)}.status{font-size:12px;border-radius:999px;padding:4px 9px;background:#fff;color:var(--dark);border:1px solid var(--border)}.status.done{background:var(--dark);color:#fff}.status.work{background:#fff4e4;border-color:rgba(196,160,106,.4)}.editor-note{padding:20px;border-left:4px solid var(--red)}.editor-note p+p{margin-top:12px}.topic-stack{display:grid;gap:12px}.topic-row{display:grid;grid-template-columns:110px 1fr auto;gap:14px;align-items:center;padding:16px}.topic-row strong{font-size:16px;color:var(--ink)}.topic-row span{color:var(--muted)}.scene-block{padding:18px}.scene-block .media-slot{margin-bottom:14px}.app-wrap{display:flex;gap:22px;align-items:flex-start;padding:18px}.app-visuals{width:240px;flex:0 0 240px}.app-icon{width:48px;height:48px;margin:10px auto 0;display:flex;align-items:center;justify-content:center}.app-icon img{width:48px;height:48px;object-fit:contain}.app-copy{flex:1}.app-copy p{margin-top:10px}.article-head{padding:6px 0 18px}.article-head .lead{margin-top:12px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px}.article-main{display:grid;gap:14px}.text-block{padding:20px}.text-block p+p{margin-top:12px}.side-note{padding:16px;align-self:start;position:sticky;top:132px}.side-note h2{font-size:16px;margin-bottom:8px}.side-note a{display:block;color:var(--dark);padding:8px 0;border-bottom:1px solid var(--border)}.side-note a:last-child{border-bottom:0}.full-media{margin:0 0 14px}.quote-card{padding:18px;background:linear-gradient(145deg,#fff,#fbecea)}.quote-card strong{color:var(--dark)}.terms{display:grid;gap:12px}.terms section{padding:18px}.faq-list{display:grid;gap:12px}.faq-item{padding:18px}.faq-item h2{font-size:17px;margin-bottom:8px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px;padding:34px 0}.site-footer{background:var(--ink);color:var(--soft);border-top:2px solid var(--red);font-size:13px}.site-footer h2{color:#fff;font-size:14px;margin-bottom:8px}.site-footer a{display:block;color:#fbecea;padding:3px 0}.footer-brand{display:grid;align-content:start;justify-items:start;gap:7px}.footer-brand img{height:24px;width:auto;object-fit:contain}.footer-brand strong{font-size:16px;color:#fff}.footer-brand span{color:var(--gold);font-size:12px}.footer-brand p{max-width:340px;color:#d9c5c3}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:14px 0 24px;display:flex;justify-content:space-between;gap:20px;color:#d9c5c3}.page-mask{position:fixed;inset:0;background:rgba(28,18,18,.46);z-index:90;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.page-mask.open{opacity:1;visibility:visible;pointer-events:auto}.menu-sheet{position:fixed;z-index:100;right:16px;top:28px;width:min(420px,calc(100% - 32px));max-height:68vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px rgba(28,18,18,.25);padding:16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.98);transition:.18s}.menu-sheet.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}.sheet-brand{display:flex;align-items:center;gap:9px}.sheet-brand img{height:24px;width:auto;object-fit:contain}.sheet-brand div{display:grid;line-height:1.2}.sheet-brand span{font-size:11px;color:var(--light)}.close-button{height:38px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--dark);cursor:pointer}.sheet-groups{display:grid;gap:14px;padding-top:12px}.sheet-groups h2{font-size:13px;color:var(--light);margin-bottom:5px}.sheet-groups a{display:grid;grid-template-columns:92px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid rgba(180,35,44,.09)}.sheet-groups a:last-child{border-bottom:0}.sheet-groups b{color:var(--ink);font-size:14px}.sheet-groups span{color:var(--muted);font-size:12px}.search-panel{position:fixed;z-index:99;top:76px;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.search-panel.open{opacity:1;visibility:visible;pointer-events:auto}.search-card{width:min(720px,calc(100% - 32px));margin:auto;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 60px rgba(28,18,18,.2);padding:18px}.search-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.search-head p{color:var(--muted);font-size:13px;margin-top:4px}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border-radius:9px;background:var(--soft);color:var(--dark);border:1px solid var(--border)}.mobile-bar{display:none}.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice-grid .paper{padding:18px}.notice-grid p{margin-top:8px}.about-banner{height:200px;width:100%;margin-bottom:16px}.about-banner img{object-fit:contain}.brand-cover{height:170px;width:100%;margin-top:14px}.brand-cover img{object-fit:contain}@media(max-width:760px){.quick-nav{display:none}.site-main{padding-top:92px;padding-bottom:78px}.brand-head{top:18px}.shell{width:calc(100% - 32px)}.quiet-link,.menu-button{padding:0 10px}.two-story,.path-grid,.article-layout,.notice-grid{grid-template-columns:1fr}.split-feature,.app-wrap{flex-direction:column}.media-square,.media-app,.app-visuals{width:100%;flex-basis:auto}.media-square{height:176px}.media-app{height:320px}.app-icon{margin-left:0}.feature-band{grid-template-columns:1fr}.progress-row,.topic-row{grid-template-columns:1fr;gap:6px}.side-note{position:static}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.menu-sheet{right:5%;width:90%;max-height:80vh}.search-panel{inset:18px 0 0;background:var(--dark);top:18px;padding-top:54px}.search-card{background:var(--dark);color:#fff;border:0;box-shadow:none}.search-head strong,.search-head p{color:#fff}.search-links a{background:#fff;color:var(--dark)}.mobile-bar{position:fixed;z-index:70;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border)}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bar a.is-current{background:var(--dark);color:#fff;box-shadow:0 -4px 18px rgba(180,35,44,.18)}.section-head{align-items:flex-start;flex-direction:column;gap:5px}}@media(max-width:430px){.head-actions{gap:5px}.quiet-link,.menu-button{padding:0 8px;font-size:13px}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.sheet-groups a{grid-template-columns:82px 1fr}}
