*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#EFE6D0;color:#262014;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,input{font:inherit}button{cursor:pointer}.site-head{position:fixed;inset:0 0 auto;z-index:40}.topline{height:20px;background:#12100A;color:#A88830;font-size:12px}.topline-inner,.brandbar-inner,.stampnav-inner,.footer-inner,.page-shell{width:min(960px,calc(100% - 32px));margin:0 auto}.topline-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-btn{border:0;background:transparent;color:#A88830;min-width:44px;height:20px;padding:0 2px}.brandbar{height:54px;background:#F7F1E0;border-bottom:1px solid rgba(74,58,18,.5)}.brandbar-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;min-height:44px}.brand-image img,.footer-logo img,.mini-logo img{display:block;height:24px;width:auto;max-width:160px;object-fit:contain;object-position:center}.brand-image:empty{display:none}.brand-image:not(:empty)+.brand-fallback{display:none}.brand-fallback{font-weight:800;font-size:16px}.brand-actions{display:flex;align-items:center;gap:8px}.head-link,.menu-btn{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(74,58,18,.5);background:#F7F1E0;color:#12100A}.menu-btn{min-width:64px}.stampnav{height:48px;background:#F7F1E0;border-bottom:1px solid rgba(18,16,10,.12)}.stampnav-inner{height:48px;display:flex;align-items:center;gap:28px}.stamp-item{display:inline-flex;align-items:center;gap:8px;height:44px;font-size:13px;color:#564A30}.stamp-dot{width:18px;height:18px;border-radius:50%;border:1px solid #4A3A12;display:inline-block}.stamp-item.is-current .stamp-dot{background:#A88830;border-color:#A88830}.site-main{padding:148px 0 64px;min-height:70vh}.page-shell{position:relative}.page-intro{padding:24px 0 20px}.eyebrow{font-size:13px;color:#766844;margin:0 0 6px}.page-intro h1,.hero h1{font-size:24px;line-height:1.3;color:#12100A;margin:0 0 12px}.lead{font-size:17px;font-weight:700;color:#4A3A12;margin:0 0 14px}.page-intro p,.hero p{max-width:820px}.primary-btn,.secondary-btn{height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:14px;white-space:nowrap;border:1px solid #4A3A12}.primary-btn{background:linear-gradient(135deg,#12100A 0%,#A88830 100%);color:#F7F1E0}.secondary-btn{background:#F7F1E0;color:#262014}.primary-btn:hover,.primary-btn:focus-visible,.secondary-btn:hover,.secondary-btn:focus-visible,.head-link:hover,.head-link:focus-visible,.menu-btn:hover,.menu-btn:focus-visible{outline:2px solid #A88830;outline-offset:2px}.hero{padding:28px 0 24px;border-bottom:1px solid rgba(18,16,10,.12)}.hero-index{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#564A30;font-size:13px}.hero-index .mark{width:18px;height:18px;border:1px solid #4A3A12;border-radius:50%;background:#A88830;box-shadow:0 0 0 5px rgba(168,136,48,.08)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.section{padding:32px 0;border-bottom:1px solid rgba(18,16,10,.12)}.section h2{font-size:20px;color:#12100A;margin:0 0 14px}.section h3{font-size:16px;color:#12100A;margin:0 0 8px}.section p{margin:0 0 12px}.muted{color:#766844}.image-slot{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:120px}.image-slot img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.slot-190{height:190px;margin-bottom:14px}.slot-210{height:210px;margin-top:16px}.slot-220{height:220px;margin-bottom:16px}.slot-230{height:230px;margin-top:16px}.offset-cut{position:relative;min-height:250px;padding:28px 28px 30px 42%;background:#E8DDC4;border:1px solid rgba(74,58,18,.5)}.offset-cut .image-slot{position:absolute;left:0;bottom:0;width:38%;height:172px;border-left:0;border-bottom:0}.narrow-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.narrow-card{background:#F7F1E0;border-top:3px solid #4A3A12;padding:22px;min-width:0}.narrow-card .image-slot{height:210px;margin-bottom:16px}.spine-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spine-card{display:grid;grid-template-columns:32px 1fr;min-height:220px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12)}.spine-card .spine{background:#12100A;color:#A88830;writing-mode:vertical-rl;text-orientation:mixed;display:flex;align-items:center;justify-content:center;padding:10px 4px;font-size:13px;letter-spacing:2px}.spine-card .spine-body{padding:20px}.spine-card .image-slot{height:160px;margin:0 0 14px}.card-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:20px}.info-card .image-slot{height:190px;margin-bottom:14px}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase{background:#12100A;color:#F7F1E0;padding:20px;min-height:150px}.phase h3{color:#A88830}.phase-image{height:210px;margin-top:16px}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start;background:#F7F1E0;border-left:4px solid #A88830;padding:16px}.status-row strong{color:#4A3A12}.app-wrap{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.app-visual{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:18px;text-align:center}.app-visual .app-icon{height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.app-visual .app-icon img{height:48px;width:48px;object-fit:contain}.app-visual .image-slot{height:300px}.reading-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq-mini{display:grid;gap:10px}.faq-mini details,.faq-full details{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:14px 16px}.faq-mini summary,.faq-full summary{font-weight:700;color:#12100A;cursor:pointer}.brand-block{background:#12100A;color:#EFE6D0;padding:26px}.brand-block h2{color:#A88830}.brand-block .image-slot{height:220px;background:#F7F1E0;margin-top:18px}.text-columns{columns:2;column-gap:28px}.text-columns p,.text-columns h2,.text-columns h3{break-inside:avoid}.side-note{border-left:4px solid #A88830;background:#E8DDC4;padding:18px;margin:18px 0}.single-stack{display:grid;gap:18px}.single-block{background:#F7F1E0;border-top:2px solid #4A3A12;padding:20px}.single-block .image-slot{height:230px;margin:14px 0}.folded-page{display:grid;grid-template-columns:38px 1fr;border:1px solid rgba(18,16,10,.12);background:#F7F1E0;margin-bottom:16px}.folded-page .edge{background:#4A3A12;color:#F7F1E0;writing-mode:vertical-rl;padding:16px 8px;text-align:center}.folded-page .content{padding:20px}.cut-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:#F7F1E0;border:1px solid rgba(74,58,18,.5);overflow:hidden}.cut-layout .copy{padding:28px}.cut-layout .visual{min-height:260px;background:#E8DDC4;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);display:flex;align-items:flex-end;justify-content:center;padding:16px}.cut-layout .visual .image-slot{width:100%;height:220px;border:0}.center-card{max-width:720px;margin:0 auto;background:#F7F1E0;border-top:4px solid #4A3A12;padding:26px}.topic-list{display:grid;gap:12px}.topic-row{background:#F7F1E0;border-left:3px solid #4A3A12;padding:18px 20px}.memo-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.memo{background:#F7F1E0;border-bottom:3px solid #A88830;padding:18px}.terms{display:grid;gap:14px}.terms section{background:#F7F1E0;border:1px solid rgba(18,16,10,.12);padding:20px}.banner-slot{height:200px;background:#F7F1E0;border:1px solid rgba(18,16,10,.12);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.banner-slot img{max-height:200px;max-width:100%;object-fit:contain}.faq-full{display:grid;gap:12px}.site-footer{background:#12100A;color:#EFE6D0;border-top:1px solid #A88830;padding:32px 0 76px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-brand strong,.footer-brand span{display:block}.footer-brand span{color:#A88830;font-size:12px}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{font-size:14px;color:#A88830;margin:0 0 8px}.footer-groups a{display:block;min-height:30px;color:#EFE6D0}.footer-note{max-width:760px;color:#CFC3A4;margin:24px 0 8px}.copyright{color:#A88830;margin:0}.overlay{position:fixed;inset:0;background:rgba(18,16,10,.48);z-index:60;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.fold-panel{position:fixed;z-index:70;right:18px;bottom:18px;width:260px;max-height:360px;background:#F7F1E0;border:1px solid #4A3A12;box-shadow:0 12px 28px rgba(18,16,10,.10);transform:translate(30px,30px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.fold-panel.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.fold-head{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(18,16,10,.12)}.mini-brand{display:flex;align-items:center;gap:8px}.close-btn{min-width:52px;height:40px;border:1px solid rgba(74,58,18,.5);background:#F7F1E0;color:#12100A}.fold-scroll{max-height:304px;overflow:auto;padding:10px 14px 16px}.fold-scroll section+section{margin-top:12px}.fold-scroll h2{font-size:13px;color:#766844;margin:0 0 6px}.fold-scroll a{display:block;border-top:1px solid rgba(18,16,10,.12);padding:8px 0}.fold-scroll strong,.fold-scroll span{display:block}.fold-scroll span{font-size:12px;color:#766844}.search-panel{position:fixed;z-index:70;top:74px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%,-12px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:#F7F1E0;border:1px solid #4A3A12;box-shadow:0 12px 28px rgba(18,16,10,.10);padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-card label{display:block;color:#564A30;margin-bottom:8px}.search-card input{width:100%;height:44px;border:1px solid rgba(74,58,18,.5);background:#fffaf0;color:#12100A;padding:0 12px;outline:none}.search-card input:focus{border-color:#A88830;box-shadow:0 0 0 2px rgba(168,136,48,.18)}.preset-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.preset-links a{border:1px solid rgba(74,58,18,.5);padding:7px 12px}.search-results{display:grid;gap:8px;margin-top:12px}.search-results a{display:flex;justify-content:space-between;gap:14px;padding:10px;border-top:1px solid rgba(18,16,10,.12)}.search-results span{color:#766844;font-size:13px}.mobile-bar{display:none}
@media(max-width:760px){.stampnav{display:none}.site-main{padding-top:92px;padding-bottom:86px}.topline-inner,.brandbar-inner,.footer-inner,.page-shell{width:calc(100% - 32px)}.brand-actions{gap:4px}.head-link,.menu-btn{padding:0 10px}.fold-panel{right:6%;bottom:70px;width:88%;max-height:78vh}.fold-scroll{max-height:calc(78vh - 54px)}.search-panel{top:0;left:0;width:100%;height:100%;transform:none;background:#12100A;padding:20px;opacity:0}.search-panel.is-open{transform:none}.search-card{margin:40px auto 0;max-width:560px;background:#12100A;border-color:#A88830;color:#EFE6D0}.search-card label,.search-results span{color:#A88830}.search-card input{background:#F7F1E0}.search-head strong{color:#A88830}.search-card .close-btn{background:#12100A;color:#EFE6D0;border-color:#A88830}.offset-cut{padding:220px 20px 20px;min-height:0}.offset-cut .image-slot{left:0;top:0;bottom:auto;width:100%;height:190px;border:0;border-bottom:1px solid rgba(18,16,10,.12)}.narrow-list,.spine-wrap,.card-pair,.phase-grid,.reading-grid,.memo-list,.footer-groups,.app-wrap,.cut-layout{grid-template-columns:1fr}.phase{min-height:0}.app-visual{order:2}.text-columns{columns:1}.cut-layout .visual{clip-path:none;min-height:220px}.status-row{grid-template-columns:90px 1fr}.mobile-bar{position:fixed;z-index:50;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:#F7F1E0;border-top:1px solid #4A3A12}.mobile-bar a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bar a.is-current{background:#A88830;color:#12100A}.site-footer{padding-bottom:92px}}
