*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F1D8;color:#2A2614;font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(960px,calc(100% - 32px));margin-inline:auto}.site-head{position:fixed;top:0;left:0;right:0;z-index:50;box-shadow:0 7px 18px rgba(22,20,12,.06)}.utility{height:20px;background:#16140C;color:#E8C430;font-size:12px}.utility-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.plain-btn{border:0;background:transparent;color:#E8C430;padding:0 4px;cursor:pointer}.brandbar{height:54px;background:#FFF9E8;border-bottom:1px solid rgba(22,20,12,.12)}.brandbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;min-height:44px;align-items:center;font-size:16px}.brand-logo{height:24px;width:auto;object-fit:contain}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-open{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;border:1px solid rgba(22,20,12,.2);background:#FFF9E8;color:#16140C;font-size:14px}.menu-open{cursor:pointer}.focus-nav{height:48px;background:#F0E8C0;border-bottom:1px solid rgba(22,20,12,.1)}.focus-nav-inner{height:48px;display:flex;align-items:center;gap:10px}.focus-nav a{min-width:120px;height:30px;border:1px solid rgba(22,20,12,.2);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;background:#FFF9E8}.focus-nav a.active{background:#16140C;color:#E8C430;border-color:#16140C}.site-main{padding-top:122px;min-height:60vh}.section-gap{margin-top:28px;margin-bottom:28px}.hero{padding:44px 36px 38px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:18px;box-shadow:0 12px 28px rgba(22,20,12,.08);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-100px;border:38px solid #E8C430;border-radius:50%;opacity:.35}.hero-kicker,.section-head span,.inner-hero>span,.collection-intro>span,.period-board>div>span,.progress-board>div>span,.app-top>span,.brand-block>div>span{font-size:12px;font-weight:700;letter-spacing:.08em;color:#5A5428;text-transform:uppercase}.hero h1,.inner-hero h1{font-size:24px;line-height:1.3;margin:10px 0 12px;max-width:720px;color:#16140C}.hero-line{font-size:18px;font-weight:700;margin:0 0 10px}.hero-copy{max-width:760px;margin:0 0 22px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{min-height:44px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;border:1px solid #16140C}.btn.primary{background:linear-gradient(135deg,#16140C 0%,#E8C430 100%);color:#16140C;font-weight:800}.btn.secondary{background:#FFF9E8;color:#16140C}.btn:hover,.btn:focus-visible,.focus-nav a:hover,.focus-nav a:focus-visible,.app-link:hover,.menu-open:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(22,20,12,.12);outline:none}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px;border-bottom:1px solid rgba(22,20,12,.14);padding-bottom:10px}.section-head h2{margin:0;font-size:20px;line-height:1.35}.section-head span{flex:none}.img-slot{background:#FFF9E8;border:1px dashed rgba(22,20,12,.18);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.img-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.ribbon-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.ribbon-grid article{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:15px;padding:18px;min-height:190px}.ribbon-feature{grid-row:span 2}.ribbon-img{height:160px;margin:-5px -5px 14px}.ribbon-grid h3{margin:0 0 8px;font-size:16px}.ribbon-grid p{margin:0 0 10px}.ribbon-grid a,.text-link,.help-map a,.collection-cards a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.story-stack{display:grid;gap:10px}.story-card{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:15px;padding:18px;display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.story-card:not(.lead-card){margin-left:9%;grid-template-columns:1fr}.story-img{height:110px}.story-card h3{margin:0 0 6px}.story-card p{margin:0}.scene-fold{background:#E8DFA8;border-radius:18px;padding:24px}.scene-fold-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.scene-fold article{background:#FFF9E8;padding:18px;border-radius:14px;border:1px solid rgba(22,20,12,.1)}.scene-img{height:170px;margin-bottom:12px}.scene-fold h3{margin:0 0 7px}.collection-panel{display:grid;grid-template-columns:1fr 42%;gap:20px;align-items:center;background:#16140C;color:#F7F1D8;padding:26px;border-radius:18px}.collection-panel h2{color:#E8C430;margin:8px 0 10px;font-size:20px}.collection-panel .collection-intro>span{color:#E8C430}.collection-panel .btn.secondary{border-color:#E8C430}.collection-img{height:230px;background:#FFF9E8}.period-board{display:grid;grid-template-columns:34% 1fr;gap:20px;align-items:center}.period-img{height:230px}.period-board h2,.progress-board h2,.app-showcase h2,.brand-block h2{font-size:20px;margin:8px 0}.period-list{display:grid;gap:8px}.period-list article{display:grid;grid-template-columns:62px 1fr;gap:12px;background:#FFF9E8;border-left:4px solid #E8C430;padding:12px 14px;border-radius:0 12px 12px 0}.period-list p{margin:0}.progress-board{display:grid;grid-template-columns:1fr 38%;gap:20px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);padding:24px;border-radius:18px}.progress-img{height:190px}.status-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.status-pills span{padding:6px 12px;border-radius:999px;background:#E8C430;color:#16140C;font-weight:800;font-size:13px}.app-showcase{text-align:center;background:#F0E8C0;border-radius:18px;padding:28px}.app-top{max-width:720px;margin:auto}.app-visual{display:flex;flex-direction:column;align-items:center;gap:10px;margin:18px 0}.app-icon{width:48px;height:48px;object-fit:contain}.app-img{height:300px;width:min(360px,100%)}.app-showcase>p{max-width:760px;margin:0 auto 16px}.app-showcase .hero-actions{justify-content:center}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-grid .section-head{grid-column:1/-1}.guide-grid article{padding:20px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px}.guide-grid article>strong{font-size:24px;color:#7A7440}.guide-grid h3{margin:4px 0 6px}.home-faq details,.faq-page details{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:12px;margin:8px 0;padding:4px 15px}.home-faq summary,.faq-page summary{cursor:pointer;font-weight:800;min-height:44px;display:flex;align-items:center}.home-faq details p,.faq-page details p{margin:0 0 14px}.brand-block{display:grid;grid-template-columns:34% 1fr;gap:22px;align-items:center}.brand-img{height:210px}.inner-hero{padding:30px 32px;background:#FFF9E8;border-left:5px solid #E8C430;border-radius:0 16px 16px 0}.inner-hero p{max-width:780px;margin:0}.editorial-stack,.parallel-lines,.folded-notes,.production-flow,.period-columns,.status-track,.checklist-page,.method-steps,.topic-list,.center-collections,.app-details,.plain-sections,.legal-page,.help-map,.contact-grid,.about-story{display:grid;gap:14px}.editorial-stack article,.parallel-lines article,.folded-notes article,.production-flow .flow-step,.period-columns article,.status-track article,.checklist-page article,.method-steps article,.topic-list article,.app-details article,.plain-sections article,.legal-page article,.help-map article,.contact-grid article,.about-story article{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:15px;padding:22px}.editorial-stack h2,.parallel-lines h2,.folded-notes h2,.production-flow h2,.period-columns h2,.status-track h2,.checklist-page h2,.method-steps h2,.topic-list h2,.app-details h2,.plain-sections h2,.legal-page h2,.help-map h2,.contact-grid h2,.about-story h2{font-size:20px;margin:0 0 9px}.editorial-lead{display:grid!important;grid-template-columns:34% 1fr;gap:20px}.editorial-img{height:260px}.parallel-lines{grid-template-columns:1fr 1fr}.parallel-lines article:first-child{grid-row:span 2}.parallel-img{height:240px;margin-bottom:14px}.folded-feature{display:grid!important;grid-template-columns:38% 1fr;gap:18px}.folded-img{height:230px}.production-img,.period-wide,.status-visual,.checklist-img{height:260px}.flow-step{display:grid!important;grid-template-columns:64px 1fr;align-items:start}.flow-step>strong,.method-steps article>span,.period-columns article>span,.state-mark{display:inline-flex;align-items:center;justify-content:center;background:#E8C430;color:#16140C;border-radius:999px;min-height:34px;padding:5px 10px;font-weight:800;font-size:13px}.period-columns{grid-template-columns:repeat(3,1fr)}.period-columns .period-wide{grid-column:1/-1}.status-track{grid-template-columns:repeat(3,1fr)}.status-track .status-visual{grid-column:1/-1}.method-steps{grid-template-columns:1fr 1fr}.topic-list article:nth-child(even){margin-left:7%}.topic-list article:nth-child(odd){margin-right:7%}.center-collections{text-align:center}.center-collection-img{height:260px;max-width:640px;margin:auto}.collection-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.collection-cards article{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);padding:20px;border-radius:15px}.collection-cards h2{font-size:18px;margin:0 0 8px}.center-note{max-width:760px;margin:0 auto;background:#E8DFA8;border-radius:12px;padding:16px}.app-page{display:grid;grid-template-columns:1fr 38%;gap:22px;align-items:center}.app-page-copy{background:#FFF9E8;border-radius:16px;padding:22px;border:1px solid rgba(22,20,12,.12)}.app-page-copy h2{font-size:20px;margin:0 0 8px}.app-page-copy h2:not(:first-child){margin-top:22px}.app-page-visual{text-align:center}.app-page-visual .app-icon{margin:0 auto 10px}.app-tall{height:320px}.app-details{grid-template-columns:1fr 1fr}.help-map,.contact-grid,.about-story{grid-template-columns:1fr 1fr}.help-map a{display:inline-block;margin-top:5px}.about-banner-img{height:200px}.about-story article:first-child{grid-column:1/-1}.site-footer{background:#16140C;color:#F7F1D8;border-top:2px solid #E8C430;margin-top:36px;padding:30px 0 calc(22px + env(safe-area-inset-bottom))}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:18px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.footer-logo{height:24px;object-fit:contain}.footer-brand span{color:#E8C430;font-size:12px}.footer-brand p{font-size:13px;color:#d9d3b6}.footer-grid section h2{font-size:14px;color:#E8C430;margin:0 0 8px}.footer-grid section a{display:block;font-size:13px;color:#F7F1D8;padding:3px 0}.footer-note,.footer-copy{font-size:13px;color:#d9d3b6;border-top:1px solid rgba(232,196,48,.2);padding-top:13px;margin-top:16px}.overlay{position:fixed;inset:0;background:rgba(22,20,12,.42);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.drawer{position:fixed;z-index:80;right:0;top:0;width:min(520px,32vw);min-width:360px;max-height:100vh;overflow:auto;background:#FFF9E8;border-left:1px solid rgba(22,20,12,.15);box-shadow:-14px 0 30px rgba(22,20,12,.15);transform:translateX(105%);visibility:hidden;pointer-events:none;transition:.25s}.drawer-head{position:sticky;top:0;background:#FFF9E8;border-bottom:1px solid rgba(22,20,12,.12);display:flex;justify-content:space-between;align-items:center;padding:14px 18px}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-brand img{height:24px;object-fit:contain}.drawer-brand div{display:flex;flex-direction:column}.drawer-brand span{font-size:11px;color:#7A7440}.drawer-close,.search-close{min-height:44px;border:1px solid rgba(22,20,12,.2);background:#FFF9E8;border-radius:12px;padding:0 13px;cursor:pointer}.drawer-body{padding:14px 18px 24px}.drawer-body section{margin-bottom:18px}.drawer-body h2{font-size:14px;margin:0 0 7px;color:#5A5428}.drawer-body a{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid rgba(22,20,12,.08)}.drawer-body a strong{font-size:14px}.drawer-body a span{font-size:12px;color:#7A7440;text-align:right}.drawer-on .overlay,.search-on .overlay{opacity:1;visibility:visible;pointer-events:auto}.drawer-on .drawer{transform:none;visibility:visible;pointer-events:auto}.locked{overflow:hidden}.search-panel{position:fixed;z-index:85;top:74px;left:0;right:0;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-on .search-panel{visibility:visible;pointer-events:auto;opacity:1}.search-card{width:min(760px,calc(100% - 32px));margin:auto;background:#FFF9E8;border:1px solid rgba(22,20,12,.15);border-radius:0 0 16px 16px;padding:18px;box-shadow:0 18px 30px rgba(22,20,12,.16)}.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.search-head h2{font-size:18px;margin:0}.search-card p{margin:5px 0 12px}.search-links{display:flex;gap:8px;flex-wrap:wrap}.search-links a{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid rgba(22,20,12,.18);border-radius:12px}.mobile-bottom{display:none}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.focus-nav{display:none}.site-main{padding-top:74px;padding-bottom:66px}.hero{padding:30px 20px}.hero h1,.inner-hero h1{font-size:24px}.ribbon-grid,.scene-fold-grid,.collection-panel,.period-board,.progress-board,.guide-grid,.brand-block,.editorial-lead,.parallel-lines,.folded-feature,.period-columns,.status-track,.method-steps,.collection-cards,.app-page,.app-details,.help-map,.contact-grid,.about-story{grid-template-columns:1fr}.ribbon-feature{grid-row:auto}.story-card,.story-card:not(.lead-card){grid-template-columns:1fr;margin-left:0}.collection-panel{padding:20px}.period-columns .period-wide,.status-track .status-visual,.about-story article:first-child{grid-column:auto}.topic-list article:nth-child(even),.topic-list article:nth-child(odd){margin:0}.drawer{width:88vw;min-width:0}.search-panel{top:0;bottom:0;background:#16140C;color:#E8C430;padding-top:env(safe-area-inset-top)}.search-card{width:100%;height:100%;border:0;border-radius:0;background:#16140C;color:#F7F1D8;box-shadow:none;padding:24px 16px}.search-close{background:#E8C430;border-color:#E8C430}.search-links a{border-color:rgba(232,196,48,.5);color:#E8C430}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:60;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFF9E8;border-top:1px solid rgba(22,20,12,.16)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bottom a.active{background:#E8C430;color:#16140C;font-weight:800}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.section-head{align-items:flex-start;flex-direction:column;gap:4px}.app-link,.menu-open{padding:0 10px}.brand-actions{gap:5px}.flow-step{grid-template-columns:50px 1fr!important}.editorial-img,.parallel-img,.folded-img,.production-img,.period-wide,.status-visual,.checklist-img,.center-collection-img{height:220px}.app-img,.app-tall{height:300px}}
@media(max-width:430px){.footer-grid{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}.drawer-body a{display:block}.drawer-body a span{display:block;text-align:left;margin-top:2px}.ribbon-grid{grid-template-columns:1fr}.brandbar-inner{gap:8px}.brand-link{min-width:78px}.app-link,.menu-open{font-size:13px}.menu-open{padding-inline:9px}}