*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E4E8EA;color:#2E3C42;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,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}img{display:block;max-width:100%;object-fit:contain;object-position:center}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.narrow{width:min(760px,calc(100% - 32px));margin:0 auto}.center{text-align:center}.site-top{position:fixed;z-index:80;top:0;left:0;right:0}.microbar{height:20px;background:#5A7A80;color:#F2F5F6;font-size:12px}.microbar-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-button,.close-button{border:0;background:transparent;color:inherit;cursor:pointer}.text-button{height:20px;padding:0 4px;font-size:12px}.brandbar{height:54px;background:#F2F5F6;border-bottom:1px solid rgba(184,136,96,.5)}.brandbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.logo-slot{min-width:0}.brand-logo{height:24px;width:auto;max-width:150px}.brand-name{font-size:16px;font-weight:700;color:#1E2A2E}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:6px}.app-link{color:#2E3C42}.menu-button{border:1px solid rgba(90,122,128,.48);color:#1E2A2E;background:#F2F5F6}.quicktracks{height:44px;background:#F2F5F6;border-bottom:1px solid rgba(30,42,46,.12)}.quicktracks-inner{height:44px;display:flex;align-items:flex-start;justify-content:center;gap:34px}.quicktrack{width:96px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:13px;color:#5A6A70}.quicktrack span{display:block;width:88px;height:4px;background:#C8D0D4}.quicktrack b{font-weight:600}.quicktrack.is-current span{height:6px;background:#B88860}.quicktrack.is-current b{color:#1E2A2E}.site-main{padding-top:118px;min-height:70vh}.hero,.page-hero{padding:54px 0 44px;background:linear-gradient(180deg,#D6DDE0 0,#E4E8EA 100%);border-bottom:1px solid rgba(30,42,46,.12)}.hero-v2{padding-top:46px}.eyebrow{display:inline-block;margin-bottom:10px;color:#5A7A80;font-size:13px;font-weight:700;letter-spacing:.08em}.hero h1,.page-hero h1{font-size:24px;line-height:1.3;margin:0 0 12px;color:#1E2A2E}.lead{font-size:17px;color:#1E2A2E;margin:0 0 12px}.hero p,.page-hero p{max-width:780px}.home-strips{display:flex;justify-content:flex-start;gap:14px;margin-bottom:28px}.home-strips a{width:126px;text-align:center;font-size:13px;color:#5A6A70}.home-strips i{display:block;height:4px;background:#6A8890;margin-bottom:6px}.home-strips a:nth-child(2){transform:translateY(-4px)}.section{padding:54px 0}.section.soft{background:#D6DDE0}.section-head{margin-bottom:24px}.section-head>span,.split-label span,.topic-copy>span,.brand-copy>span{font-size:13px;color:#5A7A80;font-weight:700;letter-spacing:.06em}.section h2{font-size:20px;line-height:1.4;color:#1E2A2E;margin:4px 0 12px}.section h3{font-size:16px;line-height:1.4;color:#1E2A2E;margin:12px 0 8px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.button{min-height:42px;padding:0 16px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap}.button.primary{background:linear-gradient(135deg,#5A7A80 0%,#B88860 100%);color:#F2F5F6}.button.secondary{background:#F2F5F6;border:1px solid rgba(90,122,128,.48);color:#1E2A2E}.button:hover,.button:focus-visible,.app-link:hover,.app-link:focus-visible,.menu-button:hover,.menu-button:focus-visible,.text-link:hover,.text-link:focus-visible{outline:2px solid rgba(90,122,128,.48);outline-offset:2px}.media-slot{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);border-radius:6px;min-height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot.tall{height:180px}.media-slot.medium{height:160px}.media-slot.slim{height:140px}.media-slot.wide{height:190px}.media-slot.app{max-height:320px;min-height:260px}.media-slot.icon{width:56px;height:56px;min-height:56px;padding:4px}.media-slot.banner{height:200px;margin-bottom:26px}.offset-pair{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}.feature-card{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);box-shadow:0 12px 28px rgba(30,42,46,.08);border-radius:6px;padding:20px}.feature-card.rise{transform:translateY(-4px)}.feature-card.drop{transform:translateY(28px)}.text-link{display:inline-block;margin-top:10px;color:#5A7A80;font-weight:700}.mini-rule{height:1px;background:rgba(184,136,96,.6);margin:20px 0}.muted{color:#5A6A70}.record-rail{display:grid;gap:14px}.record-rail article{display:grid;grid-template-columns:180px 1fr;gap:20px;background:#F2F5F6;border-left:4px solid #6A8890;padding:18px;border-radius:4px}.record-rail article:nth-child(2){margin-left:46px}.record-rail article:nth-child(3){margin-left:92px}.record-rail b,.rail-mark{font-size:24px;color:#B88860}.fold-v2{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(30,42,46,.12);background:#F2F5F6}.fold-v2 article{padding:24px}.fold-v2 article+article{border-left:1px dashed rgba(90,122,128,.48)}.split-label{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.topic-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;align-items:stretch}.topic-copy{padding:22px;background:#F2F5F6;border-left:4px solid #B88860}.topic-media{height:auto}.index-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.index-cards article{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);padding:18px;border-radius:6px}.phase-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.phase-grid{display:grid;grid-template-columns:1fr;gap:10px}.phase-grid article{background:#F2F5F6;padding:14px 18px;border-left:4px solid #B88860}.status-board{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px}.status-image{height:100%}.status-stack{display:grid;gap:10px}.status-stack article{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:start;background:#F2F5F6;padding:14px 18px}.status-stack span{font-weight:700;color:#5A7A80}.status-stack p{margin:0}.app-v2{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:center}.app-visual-v2{display:flex;flex-direction:column;gap:10px;align-items:center}.app-text p{margin-top:0}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-steps article{background:#F2F5F6;padding:18px;border-top:4px solid #6A8890}.method-steps b{color:#B88860}.faq-mini-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-mini-v2 details,.faq-full details{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);border-radius:6px;padding:14px 16px}.faq-mini-v2 summary,.faq-full summary{cursor:pointer;font-weight:700;color:#1E2A2E}.brand-end{border-top:2px solid #B88860;padding-top:28px}.brand-copy{max-width:780px}.rail-page{display:grid;gap:22px}.rail-entry{display:grid;grid-template-columns:120px 1fr;gap:22px;padding:20px 0;border-bottom:1px solid rgba(30,42,46,.12)}.rail-entry.image-entry{grid-template-columns:220px 1fr}.rail-entry span,.rail-no{font-size:28px;color:#B88860;font-weight:700}.page-offset{margin-top:10px}.reading-band{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reading-band>div{padding:20px;background:#F2F5F6;border-top:4px solid #B88860}.fold-page{display:grid;grid-template-columns:1fr 1fr;background:#F2F5F6;border:1px solid rgba(30,42,46,.12)}.fold-page>article{padding:24px}.fold-page>article+article{border-left:1px dashed rgba(90,122,128,.48)}.single-flow{display:grid;gap:0;margin-top:24px}.single-flow section{padding:22px 0 22px 110px;position:relative;border-bottom:1px solid rgba(30,42,46,.12)}.single-flow section>span{position:absolute;left:0;top:28px;color:#B88860;font-weight:700}.phase-feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:center;margin-bottom:28px}.phase-feature.reverse{grid-template-columns:1.2fr .8fr}.phase-feature>article{background:#F2F5F6;padding:22px;border-radius:6px}.phase-feature>article>span{color:#B88860;font-weight:700}.phase-note{background:#5A7A80;color:#F2F5F6;padding:22px;border-radius:6px}.status-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px}.status-list-v2{display:grid;gap:12px}.status-list-v2 article{background:#F2F5F6;padding:18px;border-left:5px solid #6A8890}.status-list-v2 span{font-size:13px;font-weight:700;color:#B88860}.notice-box{margin-top:24px;background:#F2F5F6;border:1px solid rgba(184,136,96,.55);padding:20px;border-radius:6px}.memo-board{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-board>.media-slot{grid-column:1/-1}.memo-board article{background:#F2F5F6;padding:20px;border:1px solid rgba(30,42,46,.12)}.memo-board b{color:#B88860}.method-chapters section{position:relative;padding:0 0 28px 132px;margin-bottom:26px;border-bottom:1px solid rgba(30,42,46,.12)}.method-chapters span{position:absolute;left:0;top:3px;color:#B88860;font-weight:700}.method-summary{background:#5A7A80;color:#F2F5F6;padding:24px;border-radius:6px}.method-summary h2{color:#F2F5F6}.topic-list-v2{display:grid;gap:12px}.topic-list-v2 article{display:grid;grid-template-columns:90px 1fr;gap:18px;background:#F2F5F6;padding:20px;border-left:4px solid #6A8890}.topic-list-v2 span{font-size:26px;color:#B88860;font-weight:700}.topic-list-v2 a,.center-cards a,.help-map a{color:#5A7A80;font-weight:700;margin-right:12px}.index-visual{max-width:760px;margin:0 auto 22px}.center-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.center-cards article{background:#F2F5F6;padding:22px;text-align:center;border:1px solid rgba(30,42,46,.12);border-radius:6px}.app-page-v2{max-width:780px;margin:0 auto}.app-top{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:28px}.app-top .app{width:min(520px,100%)}.app-body{display:grid;gap:16px}.app-body section{background:#F2F5F6;padding:20px;border-left:4px solid #B88860}.guide-timeline{display:grid;gap:0}.guide-timeline section{padding:0 0 26px 150px;position:relative;border-left:2px solid #6A8890;margin-left:40px}.guide-timeline span{position:absolute;left:-42px;top:0;width:84px;text-align:center;background:#B88860;color:#F2F5F6;padding:5px;border-radius:4px;font-weight:700}.legal-grid,.content-types,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.legal-grid article,.content-types article,.contact-grid article{background:#F2F5F6;padding:20px;border:1px solid rgba(30,42,46,.12);border-radius:6px}.content-types b{color:#B88860}.reading-advice{margin-top:18px;padding:22px;background:#5A7A80;color:#F2F5F6}.reading-advice h2{color:#F2F5F6}.privacy-sections{display:grid;gap:14px}.privacy-sections section{display:grid;grid-template-columns:190px 1fr;gap:24px;background:#F2F5F6;padding:20px}.help-map{display:grid;grid-template-columns:1fr 1fr;gap:14px}.help-map article{background:#F2F5F6;padding:20px;border-top:4px solid #6A8890}.faq-full{display:grid;gap:10px}.faq-full details p{margin-bottom:0}.about-story{display:grid;gap:0}.about-story section{display:grid;grid-template-columns:180px 1fr;gap:26px;padding:22px 0;border-bottom:1px solid rgba(30,42,46,.12)}.brand-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.brand-principles article{background:#F2F5F6;padding:16px;text-align:center}.brand-principles b{color:#B88860}.site-footer{background:#1E2A2E;color:#E4E8EA;border-top:2px solid #B88860;padding:34px 0 72px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.footer-logo{display:inline-flex}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:14px;color:#F2F5F6;margin:0 0 8px}.footer-grid a{display:block;color:#E4E8EA;padding:4px 0}.footer-note{margin-top:28px;border-top:1px solid rgba(242,245,246,.16);padding-top:18px;color:#C8D0D4}.overlay{position:fixed;z-index:90;inset:0;background:rgba(30,42,46,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-sheet{position:fixed;z-index:100;right:20px;bottom:64px;width:260px;max-height:360px;background:#F2F5F6;color:#2E3C42;border:1px solid rgba(30,42,46,.12);box-shadow:0 12px 28px rgba(30,42,46,.18);border-radius:8px;overflow:auto;transform:translateY(18px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.menu-sheet.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.menu-head{position:sticky;top:0;background:#F2F5F6;display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid rgba(30,42,46,.12);z-index:2}.brand-mini{display:flex;align-items:center;gap:8px}.close-button{min-width:44px;min-height:44px;color:#1E2A2E}.menu-body{padding:8px 12px 14px}.menu-body section+section{border-top:1px solid rgba(30,42,46,.12);margin-top:10px;padding-top:10px}.menu-body h2{font-size:12px;color:#5A7A80;margin:0 0 4px}.menu-body a{display:block;padding:7px 0}.menu-body a b{display:block;font-size:14px}.menu-body a span{display:block;color:#5A6A70;font-size:12px;line-height:1.45}.search-layer{position:fixed;z-index:95;left:0;right:0;top:74px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-layer.is-open{opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);box-shadow:0 12px 28px rgba(30,42,46,.18);padding:18px;border-radius:0 0 8px 8px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-head h2{font-size:18px;margin:0}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{padding:8px 12px;background:#D6DDE0;border-radius:4px}.mobile-nav{display:none}
@media(max-width:760px){.site-main{padding-top:74px;padding-bottom:56px}.quicktracks{display:none}.hero,.page-hero{padding:38px 0 32px}.home-strips{gap:8px}.home-strips a{width:31%}.offset-pair,.topic-intro,.phase-layout,.status-board,.app-v2,.reading-band,.fold-page,.status-layout,.legal-grid,.content-types,.contact-grid,.help-map,.center-cards{grid-template-columns:1fr}.feature-card.drop{transform:none}.record-rail article,.record-rail article:nth-child(2),.record-rail article:nth-child(3){grid-template-columns:1fr;margin-left:0}.fold-v2{grid-template-columns:1fr}.fold-v2 article+article,.fold-page>article+article{border-left:0;border-top:1px dashed rgba(90,122,128,.48)}.index-cards,.method-steps,.brand-principles{grid-template-columns:1fr 1fr}.phase-feature,.phase-feature.reverse{grid-template-columns:1fr}.status-stack article{grid-template-columns:84px 1fr}.faq-mini-v2{grid-template-columns:1fr}.rail-entry,.rail-entry.image-entry{grid-template-columns:1fr}.single-flow section{padding-left:0;padding-top:48px}.single-flow section>span{top:12px}.memo-board{grid-template-columns:1fr}.method-chapters section{padding-left:0;padding-top:44px}.method-chapters span{top:0}.topic-list-v2 article{grid-template-columns:56px 1fr}.privacy-sections section,.about-story section{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.site-footer{padding-bottom:84px}.menu-sheet{right:6%;width:88%;bottom:58px;max-height:360px}.search-layer{inset:0;background:#5A7A80;padding:16px;overflow:auto}.search-card{width:100%;background:#5A7A80;color:#F2F5F6;border:0;box-shadow:none;padding-top:60px}.search-head h2,.search-card p,.search-card .close-button{color:#F2F5F6}.search-links a{background:#F2F5F6;color:#1E2A2E}.mobile-nav{display:grid;position:fixed;z-index:85;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);background:#F2F5F6;border-top:1px solid rgba(30,42,46,.12);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-nav a.is-current{background:#5A7A80;color:#F2F5F6}.brand-actions{gap:2px}.app-link,.menu-button{padding:0 8px}.brand-logo{max-width:105px}}
@media(max-width:480px){.index-cards,.method-steps,.brand-principles,.footer-grid{grid-template-columns:1fr}.split-label{align-items:flex-start;flex-direction:column}.status-stack article{grid-template-columns:1fr}.topic-list-v2 article{grid-template-columns:1fr}.privacy-sections section,.about-story section{gap:6px}.page-hero h1,.hero h1{font-size:23px}}
