:root{--paper:#F2E6C8;--deep:#E0D2AE;--card:#FBF4E2;--soft:#EBE0C4;--ink:#161208;--text:#2A2210;--muted:#5A4A28;--hint:#7A6840;--gold:#5C4814;--sea:#B8943A;--line:rgba(22,18,8,.12);--focus:rgba(92,72,20,.5);--shadow:0 12px 28px rgba(22,18,8,.10);--max:960px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.75;overflow-x:hidden;padding-top:114px}body.is-locked{overflow:hidden}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button,a{outline:none}a:focus-visible,button:focus-visible{box-shadow:0 0 0 3px rgba(184,148,58,.28);border-color:var(--focus)}button{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;background:var(--ink);color:var(--card);padding:8px 12px;z-index:1000}.skip-link:focus{top:8px}.top-strip{position:fixed;z-index:90;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--sea);font-size:12px}.top-inner,.head-inner,.ribbon-inner,.footer-inner{width:min(var(--max),calc(100% - 32px));margin:0 auto}.top-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.plain-btn{border:0;background:none;color:var(--sea);padding:0 4px;cursor:pointer}.site-head{position:fixed;z-index:89;top:20px;left:0;right:0;height:54px;background:var(--card);border-bottom:1px solid rgba(92,72,20,.28)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);min-height:44px}.brand:hover{text-decoration:none}.logo-slot{width:92px;height:24px;display:flex;align-items:center}.logo-slot img{max-width:100%;height:24px;object-fit:contain}.brand strong{font-size:16px;letter-spacing:.12em}.head-actions{display:flex;align-items:center;gap:8px}.head-actions a,.head-actions button{height:40px;padding:0 14px;border:1px solid rgba(92,72,20,.34);background:var(--card);color:var(--ink);display:inline-flex;align-items:center;border-radius:4px;cursor:pointer;white-space:nowrap}.head-actions a:hover,.head-actions button:hover{background:var(--soft);text-decoration:none}.ribbon-nav{position:fixed;z-index:88;top:74px;left:0;right:0;height:40px;background:var(--card);border-bottom:1px solid var(--line)}.ribbon-inner{height:40px;display:flex;justify-content:center;gap:4px}.ribbon-inner a{min-width:112px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--muted);position:relative}.ribbon-inner a:after{content:"";position:absolute;bottom:5px;left:18px;right:18px;height:4px;border:1px solid var(--gold);transform:skewX(-25deg)}.ribbon-inner a.is-current:after{background:var(--sea)}.site-main{min-height:60vh}.wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto;padding:46px 0}.section-tag{display:inline-block;font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:700;margin-bottom:8px}.hero{padding-top:58px}.hero-kicker{font-size:12px;letter-spacing:.24em;color:var(--sea);font-weight:800}.hero h1,.page-hero h1,.scene-intro h1,.manual-head h1,.method-head h1,.period-head h1,.progress-head h1,.memo-head h1,.guide-head h1,.collection-head h1,.index-head h1,.app-head h1,.setup-head h1,.policy-head h1,.help-head h1,.faq-head h1,.contact-head h1,.about-banner h1{font-size:24px;line-height:1.3;margin:10px 0 16px;color:var(--ink);max-width:760px}.hero-lead{font-size:18px;color:var(--gold);font-weight:650;max-width:760px}.hero p{max-width:780px}.hero-actions,.link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.btn{min-height:42px;padding:0 18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:650}.btn:hover{text-decoration:none}.btn.primary{background:linear-gradient(135deg,#161208 0%,#B8943A 100%);color:var(--card);border:1px solid var(--ink)}.btn.secondary{background:var(--card);color:var(--ink);border:1px solid var(--gold)}.text-link{font-weight:650}.media-box{background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}.media-box img{width:100%;height:100%;object-fit:contain;object-position:center}.diagonal{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:stretch}.diagonal-copy{padding:30px 0}.diagonal h2,.feature-note h2,.notebook h2,.topic-index h2,.period h2,.progress-board h2,.mobile-preview h2,.principles h2,.faq-preview h2,.brand-block h2,.single-focus h2,.evidence-ladder h2,.reading-cases h2,.source-note h2,.scene-slices h2,.scene-check h2,.scene-ending h2,.manual-card h2,.manual-practice h2,.manual-close h2,.method-flow h2,.method-boundary h2,.period-columns h2,.period-rules h2,.progress-table h2,.progress-explain h2,.progress-note h2,.memo-list h2,.memo-end h2,.guide-path h2,.guide-redline h2,.collection-list h2,.collection-note h2,.index-center h2,.app-story h2,.app-features h2,.app-next h2,.setup-steps h2,.setup-warning h2,.policy-sections h2,.content-types h2,.content-advice h2,.privacy-grid h2,.help-map h2,.help-note h2,.contact-grid h2,.contact-note h2,.about-story h2{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 10px}.diagonal-media{height:200px;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.feature-note{background:var(--card);border:1px solid var(--focus);box-shadow:var(--shadow);padding:28px;display:grid;grid-template-columns:280px 1fr;gap:28px}.feature-image{height:200px}.notebook-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.notebook-grid article{background:var(--soft);border-left:8px solid var(--gold);padding:22px}.small-media{height:150px;margin-bottom:16px}.topic-index{border-top:1px solid var(--focus);border-bottom:1px solid var(--focus)}.topic-index-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.index-art{width:260px;height:130px}.index-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.index-cards article,.principle-list article,.app-features article{background:var(--card);border:1px solid var(--line);padding:20px}.period{display:grid;grid-template-columns:260px 1fr;gap:24px}.period-art{height:230px}.period-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-steps article{padding:18px;background:var(--deep);border-top:4px solid var(--sea)}.period-steps span,.period-columns span{font-size:12px;color:var(--gold);font-weight:700}.progress-board{display:grid;grid-template-columns:1fr 280px;gap:22px}.progress-art{height:170px}.progress-lines{grid-column:1/-1;display:grid;gap:8px}.progress-lines span,.progress-item{display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--card);border:1px solid var(--line);padding:14px 16px}.progress-lines em,.progress-item>span{font-style:normal;font-weight:700;color:var(--gold);white-space:nowrap}.mobile-preview{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center}.phone-art{height:310px}.icon-box{width:54px;height:54px;margin:12px auto 0;display:flex;align-items:center;justify-content:center}.icon-box img{width:48px;height:48px;object-fit:contain}.icon-box.large{width:64px;height:64px}.principle-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.principle-list b{font-size:16px;color:var(--ink)}details{background:var(--card);border:1px solid var(--line);margin:10px 0;border-radius:4px}summary{cursor:pointer;padding:14px 16px;font-weight:700;color:var(--ink)}details p{padding:0 16px 16px;margin:0}.brand-block{border-top:1px solid var(--line)}.page-hero p,.manual-head p,.collection-head p,.guide-head p,.app-head p,.setup-head p,.policy-head p,.help-head p,.faq-head p,.contact-head p{max-width:780px}.single-focus{display:grid;grid-template-columns:340px 1fr;gap:30px;align-items:start}.focus-art{height:300px}.evidence-ladder ol{padding:0;margin:0;list-style:none;display:grid;gap:12px}.evidence-ladder li{background:var(--card);border-left:4px solid var(--sea);padding:18px}.case-stack{display:grid;gap:14px}.case-stack article{padding:22px;border:1px solid var(--line);background:var(--soft)}.source-note{background:var(--card);border-top:1px solid var(--focus);border-bottom:1px solid var(--focus)}.scene-intro{display:grid;grid-template-columns:1fr 360px;gap:26px;align-items:center}.scene-art{height:220px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.scene-slices{display:grid;gap:0}.scene-slices article{padding:28px 0;border-bottom:1px solid var(--line)}.check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.check-grid div{background:var(--card);padding:18px;border:1px solid var(--line)}.manual-spine{display:grid;gap:14px}.manual-card{display:grid;grid-template-columns:160px 1fr;gap:20px;background:var(--card);border-left:10px solid var(--gold);padding:18px}.manual-card:nth-child(even){grid-template-columns:1fr}.manual-art{height:140px}.manual-practice ul,.guide-redline ul,.setup-warning ul{padding-left:20px}.method-head{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center}.method-art{height:230px}.method-flow{display:grid;gap:12px}.method-flow article{position:relative;padding:22px 22px 22px 82px;background:var(--card);border:1px solid var(--line)}.method-flow article>span{position:absolute;left:20px;top:20px;font-size:28px;font-weight:800;color:var(--sea)}.period-banner{height:220px;margin-top:24px}.period-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-columns article{background:var(--card);padding:22px;border-top:5px solid var(--gold)}.rule-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rule-row div{background:var(--deep);padding:18px}.progress-main{height:210px;margin-top:24px}.progress-table{display:grid;gap:10px}.progress-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.progress-explain article{background:var(--card);padding:20px}.memo-head{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:center}.memo-art{height:220px}.memo-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.memo-list article{background:var(--card);border:1px solid var(--line);padding:20px}.memo-list b{font-size:16px;color:var(--gold)}.guide-path{display:grid;gap:10px}.guide-path article{display:grid;grid-template-columns:80px 220px 1fr;gap:20px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}.guide-path span{font-weight:800;color:var(--sea);letter-spacing:.12em}.collection-list{display:grid;gap:16px}.collection-list article{background:var(--card);padding:24px;border-bottom:3px solid var(--sea)}.collection-list article>span{font-size:12px;color:var(--gold);font-weight:800}.index-head{display:grid;grid-template-columns:300px 1fr;gap:26px;align-items:center}.index-main-art{height:220px}.index-center{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.index-center article{background:var(--card);border:1px solid var(--line);padding:22px}.index-center article a{display:inline-block;margin-right:12px;font-weight:650}.app-story{display:grid;grid-template-columns:1fr 300px;gap:30px}.app-poster{height:310px}.app-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.setup-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.setup-steps article{background:var(--card);padding:22px;border-top:4px solid var(--gold)}.setup-steps span{font-size:12px;font-weight:800;color:var(--sea)}.policy-sections,.content-types,.privacy-grid,.help-map,.contact-grid,.about-story{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.policy-sections article,.content-types article,.privacy-grid article,.help-map article,.contact-grid article,.about-story article{background:var(--card);padding:22px;border:1px solid var(--line)}.content-advice,.help-note,.contact-note{background:var(--soft);padding-left:24px;padding-right:24px}.faq-list{padding-top:18px}.about-banner{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.about-art{height:200px}.about-cover{text-align:center}.cover-art{height:220px}.site-footer{background:var(--ink);color:var(--paper);border-top:1px solid var(--sea);margin-top:36px}.footer-inner{padding:38px 0 78px}.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.footer-logo{width:100px;height:24px;display:flex}.footer-logo img{max-width:100%;height:24px;object-fit:contain}.footer-brand strong{display:block;font-size:16px}.footer-brand small{color:var(--sea);letter-spacing:.16em}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:14px;color:var(--sea);margin:0 0 8px}.footer-grid a{display:block;color:var(--paper);font-size:13px;padding:3px 0}.footer-note,.copyright{font-size:13px;color:#d9ccaa}.footer-note{border-top:1px solid rgba(184,148,58,.3);margin-top:28px;padding-top:18px}.overlay{position:fixed;z-index:120;inset:0;background:rgba(22,18,8,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-on{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;z-index:130;top:82px;right:16px;width:min(420px,32vw);max-height:80vh;overflow:auto;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--focus);transform:translateX(calc(100% + 30px));visibility:hidden;pointer-events:none;transition:.22s}.drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:var(--card);display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-brand span{width:90px;height:24px}.drawer-brand img{max-width:100%;height:24px;object-fit:contain}.drawer-head button{min-height:40px;border:1px solid var(--line);background:var(--soft);cursor:pointer}.drawer-groups{padding:12px 14px 18px}.drawer-groups section{margin-bottom:18px}.drawer-groups h2{font-size:13px;color:var(--gold);margin:0 0 6px}.drawer-groups a{display:block;padding:9px 0;border-bottom:1px solid var(--line)}.drawer-groups b,.drawer-groups span{display:block}.drawer-groups b{color:var(--ink)}.drawer-groups span{font-size:12px;color:var(--muted)}.search-panel{position:fixed;z-index:129;top:74px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(720px,calc(100% - 32px));margin:10px auto;background:var(--card);border:1px solid var(--focus);box-shadow:var(--shadow);padding:20px}.search-top{display:flex;justify-content:space-between;gap:16px}.search-top b{font-size:18px;color:var(--ink)}.search-top p{margin:2px 0}.search-top button{min-height:40px;border:1px solid var(--line);background:var(--soft)}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.search-links a{border:1px solid var(--line);background:var(--paper);padding:9px 12px;min-height:42px}.mobile-bar{display:none}
@media(max-width:760px){body{padding-top:74px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.ribbon-nav{display:none}.top-inner,.head-inner,.footer-inner,.wrap{width:calc(100% - 32px)}.site-head{top:20px}.brand strong{display:none}.logo-slot{width:84px}.head-actions{gap:4px}.head-actions a,.head-actions button{padding:0 10px;min-width:44px}.hero{padding-top:40px}.diagonal,.feature-note,.period,.progress-board,.mobile-preview,.single-focus,.scene-intro,.method-head,.memo-head,.index-head,.app-story,.about-banner{grid-template-columns:1fr}.diagonal-media{clip-path:none;height:180px}.feature-note{padding:20px}.feature-image,.focus-art,.scene-art,.method-art,.memo-art,.index-main-art{height:200px}.notebook-grid,.index-cards,.period-steps,.principle-list,.check-grid,.period-columns,.rule-row,.progress-explain,.memo-list,.index-center,.app-features,.setup-steps,.policy-sections,.content-types,.privacy-grid,.help-map,.contact-grid,.about-story{grid-template-columns:1fr}.topic-index-head{display:block}.index-art{width:100%;height:150px;margin-top:18px}.progress-board{display:block}.progress-art{margin:18px 0}.mobile-art{max-width:300px;margin:0 auto}.guide-path article{grid-template-columns:56px 1fr}.guide-path article p{grid-column:2}.manual-card{grid-template-columns:1fr}.drawer{top:72px;right:8px;width:88vw;max-height:80vh}.search-panel{top:20px;bottom:0;background:var(--ink);display:flex;align-items:flex-start}.search-card{margin-top:64px;color:var(--paper)}.search-top b,.search-top p{color:var(--paper)}.search-links a{background:var(--soft);color:var(--ink)}.mobile-bar{position:fixed;z-index:80;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--ink);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--sea)}.mobile-bar a{height:48px;display:flex;align-items:center;justify-content:center;color:var(--paper);font-size:13px}.mobile-bar a.is-current{background:var(--sea);color:var(--ink);font-weight:700}.footer-inner{padding-bottom:92px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){.head-actions a,.head-actions button{font-size:12px;padding:0 8px}.logo-slot{width:76px}.hero h1,.page-hero h1,.scene-intro h1,.manual-head h1,.method-head h1,.period-head h1,.progress-head h1,.memo-head h1,.guide-head h1,.collection-head h1,.index-head h1,.app-head h1,.setup-head h1,.policy-head h1,.help-head h1,.faq-head h1,.contact-head h1,.about-banner h1{font-size:23px}.wrap{padding:36px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:14px}}