:root{--bg:#F3E8D4;--deep:#E2D2B4;--content:#FBF3E4;--sub:#EDE0C8;--title:#1A140A;--text:#2C2214;--muted:#5C4A30;--soft:#7C6844;--gold:#7A5A20;--copper:#B88838;--border:rgba(26,20,10,.12);--focus:rgba(122,90,32,.50);--shadow:0 12px 28px rgba(26,20,10,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.wrap{width:min(960px,calc(100% - 32px));margin:0 auto}.site-header{position:fixed;inset:0 0 auto;z-index:50}.top-strip{height:20px;background:var(--title);color:var(--copper);font-size:12px}.top-strip-inner,.brand-bar-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.text-button,.menu-button{border:0;background:none;color:inherit;cursor:pointer}.text-button{font-size:12px;padding:0 6px}.brand-bar{height:54px;background:var(--content);border-bottom:1px solid var(--focus)}.brand-link{height:44px;display:flex;align-items:center;min-width:44px}.brand-logo{height:24px;width:auto;object-fit:contain;object-position:center}.brand-fallback{font-size:20px;font-weight:800;color:var(--title)}.brand-actions{display:flex;align-items:center;gap:8px}.plain-link,.menu-button{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px}.plain-link{color:var(--gold);font-weight:700}.menu-button{border:1px solid var(--focus);color:var(--title);background:var(--content)}.dot-nav{height:42px;background:var(--content);border-bottom:1px solid var(--border)}.dot-nav-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:42px}.dot-item{font-size:13px;display:flex;align-items:center;gap:8px}.dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--title);display:inline-block}.dot-item.is-current .dot{background:var(--copper);border-color:var(--copper)}.site-main{padding-top:132px;padding-bottom:38px}.page-head{padding:36px 0 20px}.page-head h1,.hero-copy h1{font-size:24px;line-height:1.3;margin:0 0 12px;color:var(--title)}h2{font-size:20px;line-height:1.4;color:var(--title);margin:0 0 12px}h3{font-size:16px;line-height:1.5;color:var(--title);margin:0 0 8px}p{margin:0 0 14px}.lead{font-size:16px;color:var(--muted)}.section{padding:26px 0}.card{background:var(--content);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.card-pad{padding:20px}.media-slot{background:var(--content);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.main-button,.secondary-button{min-height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap}.main-button{background:linear-gradient(135deg,#1A140A 0%,#B88838 100%);color:#FBF3E4}.secondary-button{background:var(--content);border:1px solid var(--gold);color:var(--title)}.main-button:hover,.secondary-button:hover,.plain-link:hover,.footer-grid a:hover{text-decoration:underline}.main-button:focus-visible,.secondary-button:focus-visible,.plain-link:focus-visible,.menu-button:focus-visible,.text-button:focus-visible,.drawer a:focus-visible,.search-links a:focus-visible,.mobile-bottom a:focus-visible{outline:3px solid rgba(184,136,56,.35);outline-offset:2px}.index-points{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.index-chip{display:inline-flex;align-items:center;gap:8px;background:var(--sub);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:13px}.index-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--copper)}.hero-copy{padding:16px 0 10px}.hero-copy .tagline{font-size:20px;font-weight:800;color:var(--gold);margin-bottom:10px}.horizontal-cut{display:grid;gap:14px}.horizontal-cut .media-slot{height:168px}.horizontal-cut .cut-copy{background:var(--deep);border-radius:10px;padding:18px}.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.triple article{padding:18px;background:var(--content);border:1px solid var(--border);border-radius:10px}.triple .media-slot{height:160px;margin-bottom:12px}.paired-pages{display:grid;grid-template-columns:1.05fr .95fr;gap:16px}.paired-pages article{min-height:210px;padding:22px;background:var(--content);border:1px solid var(--border);border-radius:10px}.stack-cards{display:grid;gap:14px}.shelf-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shelf-pair .media-slot{height:150px;margin-bottom:12px}.period-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.period-row article{background:var(--sub);border-left:4px solid var(--copper);padding:16px;border-radius:8px}.status-list{display:grid;gap:10px}.status-item{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;background:var(--content);padding:14px 16px;border-radius:9px;border:1px solid var(--border)}.status-badge{font-size:12px;color:var(--gold);border:1px solid var(--focus);border-radius:999px;padding:3px 9px}.app-stack{display:grid;gap:18px}.app-visuals{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:14px;align-items:end}.app-visuals .media-slot:first-child{height:300px}.icon-slot{height:72px}.icon-slot img{width:48px;height:48px}.method-list,.memo-list,.topic-list,.terms-list{display:grid;gap:12px}.method-list article,.memo-list article,.topic-list article,.terms-list article{background:var(--content);border:1px solid var(--border);border-radius:10px;padding:18px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq-item{background:var(--content);border:1px solid var(--border);border-radius:10px;padding:18px}.banner-slot{height:200px;margin:0 0 18px}.single-column{display:grid;gap:14px}.single-column .media-slot{height:220px}.center-card{max-width:700px;margin:0 auto;text-align:center;padding:26px}.center-card .media-slot{height:180px;margin-bottom:16px}.up-image-down-text{display:grid;gap:16px}.up-image-down-text .media-slot{height:240px}.legal-copy section{padding:18px 0;border-bottom:1px solid var(--border)}.site-footer{background:var(--title);color:#F3E8D4;border-top:1px solid var(--copper);padding:30px 0 calc(34px + env(safe-area-inset-bottom))}.footer-brand{margin-bottom:18px}.footer-logo-link{display:inline-flex;align-items:center;gap:10px}.footer-logo-link span{display:flex;flex-direction:column;line-height:1.1}.footer-logo-link small{font-size:11px;color:var(--copper)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h2{font-size:13px;color:var(--copper);margin-bottom:8px}.footer-grid a{display:block;font-size:13px;color:#F3E8D4;padding:3px 0}.footer-note{font-size:13px;color:#E2D2B4;margin-top:22px;padding-top:16px;border-top:1px solid rgba(184,136,56,.3)}.overlay{position:fixed;inset:0;background:rgba(26,20,10,.46);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;left:16px;bottom:16px;width:240px;max-height:380px;background:var(--content);z-index:80;border:1px solid var(--focus);border-radius:12px;box-shadow:var(--shadow);transform:translateY(24px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s;overflow:auto}.drawer.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.drawer-head,.search-head{position:sticky;top:0;background:var(--content);display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);z-index:1}.drawer-brand{display:flex;align-items:center;gap:8px;font-weight:800}.icon-close{width:44px;height:44px;border:0;background:transparent;font-size:26px;color:var(--title);cursor:pointer}.drawer-groups{padding:10px}.drawer-groups section+section{margin-top:12px}.drawer-groups h2{font-size:13px;color:var(--gold);margin:0 0 6px;padding:0 8px}.drawer-groups a{display:block;padding:8px;border-radius:8px}.drawer-groups a:hover{background:var(--sub)}.drawer-groups b{display:block;font-size:14px}.drawer-groups span{display:block;font-size:12px;color:var(--muted)}.search-panel{position:fixed;z-index:85;top:74px;left:50%;width:min(560px,calc(100% - 32px));transform:translate(-50%,-12px);background:var(--content);border:1px solid var(--focus);border-radius:0 0 12px 12px;box-shadow:var(--shadow);padding:0 16px 16px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.search-panel p{color:var(--muted);margin:12px 0}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;background:var(--sub);border-radius:8px;border:1px solid var(--border)}.lock-scroll{overflow:hidden}.mobile-bottom{display:none}.note-box{background:var(--deep);border-left:4px solid var(--gold);padding:16px;border-radius:8px}.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-paths article{background:var(--content);border:1px solid var(--border);border-radius:10px;padding:18px}.muted{color:var(--muted)}
@media(max-width:720px){.dot-nav{display:none}.site-main{padding-top:74px;padding-bottom:78px}.page-head{padding-top:24px}.triple,.period-row,.footer-grid,.faq-grid,.contact-paths{grid-template-columns:1fr}.paired-pages,.shelf-pair{grid-template-columns:1fr}.status-item{grid-template-columns:1fr auto}.status-item p{grid-column:1/-1}.app-visuals{grid-template-columns:1fr}.app-visuals .media-slot:first-child{height:280px}.icon-slot{width:72px}.drawer{left:6%;bottom:64px;width:88%;max-height:380px}.search-panel{inset:0;width:100%;height:100dvh;transform:none;border:0;border-radius:0;background:var(--title);color:var(--copper);padding:0 16px 24px}.search-panel.is-open{transform:none}.search-panel .search-head{background:var(--title);color:var(--copper);border-color:rgba(184,136,56,.35)}.search-panel .icon-close{color:var(--copper)}.search-panel p{color:#E2D2B4}.search-links{display:grid;grid-template-columns:1fr 1fr}.search-links a{background:rgba(251,243,228,.08);border-color:rgba(184,136,56,.35);color:#F3E8D4}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--content);border-top:1px solid var(--focus);display:grid;grid-template-columns:repeat(4,1fr);z-index:60}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.is-current{background:var(--copper);color:var(--title);font-weight:800}.overlay{z-index:70}.footer-grid{grid-template-columns:1fr 1fr}.footer-note{padding-bottom:20px}.horizontal-cut .media-slot{height:168px}}

.media-h150{height:150px}.media-h160{height:160px}.media-h170{height:170px}.media-h180{height:180px}.media-h190{height:190px}.media-h220{height:220px}.mt14{margin-top:14px}.mb12{margin-bottom:12px}.mb14{margin-bottom:14px}