*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F1D8;color:#2A2614;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.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.site-top{position:fixed;z-index:70;top:0;left:0;right:0}.smart-edge{height:20px;background:#16140C;color:#E8C430;font-size:12px}.smart-edge-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#E8C430;padding:0 6px;height:20px;cursor:pointer}.smart-head{height:54px;background:#FFF9E8;border-bottom:1px solid rgba(22,20,12,.12)}.smart-head-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link{min-height:44px;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800}.brand-logo-slot{display:inline-flex;min-width:1px}.brand-logo{height:24px;max-width:160px;object-fit:contain;object-position:center}.brand-fallback{display:inline-block}.brand-logo-slot:not(:empty)+.brand-fallback{display:none}.head-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 14px;border:1px solid #16140C;background:#FFF9E8;color:#16140C;font-size:14px;white-space:nowrap}.menu-button{cursor:pointer}.app-link:hover,.menu-button:hover,.grid-link:hover,.btn-secondary:hover{background:#F0E8C0}.smart-grid{height:48px;background:#FFF9E8;border-bottom:1px solid rgba(22,20,12,.12)}.smart-grid-inner{height:48px;display:flex;align-items:center;gap:12px}.grid-link{width:120px;height:28px;border:1px solid #16140C;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;background:#FFF9E8}.grid-link.is-current{background:#16140C;color:#E8C430}.site-main{padding-top:138px;min-height:70vh}.page{padding:34px 0 52px}.hero{padding:26px 0 18px}.eyebrow{font-size:13px;color:#5A5428;font-weight:700;letter-spacing:.04em}.hero h1,.page h1{font-size:24px;line-height:1.3;margin:8px 0 12px;color:#16140C}.page h2,.home-section h2{font-size:20px;line-height:1.4;margin:0 0 12px;color:#16140C}.page h3,.home-section h3{font-size:16px;line-height:1.45;margin:0 0 8px;color:#16140C}.lead{font-size:16px;color:#2A2614;max-width:760px}.muted{color:#5A5428}.small{font-size:13px;color:#7A7440}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn-primary,.btn-secondary{height:42px;min-width:116px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#16140C 0%,#E8C430 100%);color:#16140C;border:1px solid rgba(22,20,12,.25)}.btn-secondary{background:#FFF9E8;border:1px solid #16140C;color:#16140C}.btn-primary:focus-visible,.btn-secondary:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(232,196,48,.65);outline-offset:3px}.home-index{display:flex;gap:10px;margin-bottom:18px}.home-index a{min-width:120px;height:34px;border:1px solid rgba(22,20,12,.2);border-radius:12px;background:#FFF9E8;display:flex;align-items:center;justify-content:center;font-weight:700}.home-section{padding:26px 0}.panel{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;box-shadow:0 12px 28px rgba(22,20,12,.10)}.image-slot{background:#FFF9E8;border:1px dashed rgba(22,20,12,.18);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.parallel-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px}.parallel-item{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:18px}.parallel-item .image-slot{height:160px;margin-bottom:14px}.stack-cards{display:grid;gap:14px}.stack-card{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;padding:18px}.stack-card:nth-child(2){margin-left:36px}.stack-card:nth-child(3){margin-left:72px}.stack-card .image-slot{height:190px;margin-bottom:14px}.fold-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fold-card{background:#F0E8C0;border:1px solid rgba(22,20,12,.12);padding:18px;border-radius:16px 16px 6px 16px}.fold-card .image-slot{height:180px;margin-bottom:14px}.shelf-pair{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.shelf-card{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;padding:18px}.shelf-card .image-slot{height:185px;margin-bottom:14px}.period-band{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-band article{background:#16140C;color:#F7F1D8;border-radius:14px;padding:18px}.period-band h3{color:#E8C430}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;padding:14px 16px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:12px}.status-pill{font-size:12px;background:#E8C430;color:#16140C;border-radius:999px;padding:3px 9px;font-weight:800}.app-center{text-align:center}.app-visual{width:min(520px,100%);margin:16px auto}.app-visual .image-slot{height:320px}.app-icon-wrap{width:58px;height:58px;margin:-32px auto 12px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative}.app-icon-wrap img{width:48px;height:48px;object-fit:contain}.bullet-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.bullet-points article{background:#FFF9E8;border-left:4px solid #E8C430;border-radius:12px;padding:16px}.faq-six{display:grid;gap:10px}.faq-six details{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:12px;padding:12px 14px}.faq-six summary{cursor:pointer;font-weight:800}.brand-block{background:#16140C;color:#F7F1D8;border-radius:16px;padding:22px}.brand-block h2{color:#E8C430}.brand-block p{margin-bottom:0}.page-head{margin-bottom:20px}.content-grid{display:grid;gap:14px}.content-grid.two{grid-template-columns:repeat(2,1fr)}.content-grid.three{grid-template-columns:repeat(3,1fr)}.info-card{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:18px}.dark-card{background:#16140C;color:#F7F1D8;border-radius:14px;padding:18px}.dark-card h2,.dark-card h3{color:#E8C430}.feature-image{height:220px;margin:14px 0 18px}.feature-image.tall{height:300px}.note-strip{display:flex;gap:14px;align-items:flex-start;padding:16px;background:#F0E8C0;border:1px solid rgba(22,20,12,.12);border-radius:14px}.note-strip strong{min-width:92px;color:#16140C}.step-list{counter-reset:step;display:grid;gap:12px}.step-list article{counter-increment:step;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:16px 16px 16px 54px;position:relative}.step-list article:before{content:counter(step);position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:#16140C;color:#E8C430;display:flex;align-items:center;justify-content:center;font-weight:800}.memo-list{display:grid;gap:12px}.memo-list article{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:6px 14px 14px 14px;padding:17px}.method-block{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(22,20,12,.12)}.method-block:last-child{border-bottom:0}.topic-list{display:grid;gap:12px}.topic-list article{display:grid;grid-template-columns:170px 1fr;gap:16px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:16px}.center-cards{display:grid;gap:14px;max-width:760px;margin:0 auto}.center-cards article{text-align:center;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;padding:22px}.terms{display:grid;gap:14px}.terms section{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:18px}.faq-list{display:grid;gap:12px}.faq-item{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:18px}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-cards article{background:#FFF9E8;border-top:4px solid #E8C430;border-radius:14px;padding:18px}.about-banner{height:200px;margin:10px 0 20px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.about-principles article{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:16px}.site-footer{background:#16140C;color:#F7F1D8;border-top:1px solid #E8C430;padding:28px 0 calc(28px + env(safe-area-inset-bottom))}.footer-top{display:grid;grid-template-columns:180px 1fr;gap:28px}.footer-brand{display:flex;gap:10px;align-items:flex-start}.footer-brand div{display:flex;flex-direction:column}.footer-brand span{font-size:12px;color:#E8C430}.footer-logo{height:24px;max-width:120px;object-fit:contain}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:13px;color:#E8C430;margin:0 0 8px}.footer-groups a{display:block;font-size:13px;margin:4px 0;color:#F7F1D8}.footer-note{font-size:13px;color:#d9d1af;border-top:1px solid rgba(232,196,48,.25);margin-top:22px;padding-top:16px}.site-overlay{position:fixed;inset:0;background:rgba(22,20,12,.45);z-index:80;visibility:hidden;opacity:0;pointer-events:none;transition:.22s}.site-overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.site-drawer{position:fixed;z-index:90;top:74px;right:16px;width:32vw;min-width:340px;max-width:520px;max-height:calc(100vh - 92px);overflow:auto;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;box-shadow:0 12px 28px rgba(22,20,12,.16);transform:translateX(calc(100% + 30px));visibility:hidden;pointer-events:none;transition:.24s}.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#FFF9E8;display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid rgba(22,20,12,.12);z-index:1}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-logo{height:24px;max-width:120px;object-fit:contain}.drawer-close,.search-head button{min-height:44px;border:1px solid #16140C;background:#FFF9E8;border-radius:12px;padding:0 14px;cursor:pointer}.drawer-groups{padding:14px}.drawer-groups section{margin-bottom:16px}.drawer-groups h2{font-size:13px;color:#7A7440;margin:0 0 6px}.drawer-groups a{display:block;padding:10px 0;border-bottom:1px solid rgba(22,20,12,.08)}.drawer-groups a strong,.drawer-groups a span{display:block}.drawer-groups a span{font-size:12px;color:#5A5428;margin-top:2px}.site-search{position:fixed;z-index:92;top:74px;left:50%;width:min(640px,calc(100% - 32px));transform:translate(-50%,-18px);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.site-search.is-open{transform:translate(-50%,0);visibility:visible;opacity:1;pointer-events:auto}.search-card{background:#FFF9E8;border:1px solid rgba(22,20,12,.14);box-shadow:0 12px 28px rgba(22,20,12,.14);border-radius:16px;padding:18px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.search-presets a{height:44px;border:1px solid #16140C;border-radius:12px;display:flex;align-items:center;justify-content:center}.mobile-bottom{display:none}
@media(max-width:760px){.smart-grid{display:none}.site-main{padding-top:74px;padding-bottom:64px}.shell{width:calc(100% - 32px)}.app-link,.menu-button{padding:0 12px}.parallel-strip,.fold-row,.shelf-pair,.content-grid.two,.content-grid.three,.bullet-points,.contact-cards,.about-principles{grid-template-columns:1fr}.stack-card:nth-child(2),.stack-card:nth-child(3){margin-left:0}.period-band{grid-template-columns:1fr}.status-row{grid-template-columns:1fr;gap:5px}.topic-list article,.method-block{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,1fr)}.site-drawer{top:74px;right:8px;width:86vw;min-width:0;max-width:none;max-height:calc(100vh - 96px)}.site-search{inset:0;width:100%;height:100%;transform:none;background:#16140C;color:#E8C430;padding:74px 16px 72px;overflow:auto}.site-search.is-open{transform:none}.search-card{background:#16140C;color:#E8C430;border-color:rgba(232,196,48,.4);box-shadow:none}.search-head button{background:#16140C;color:#E8C430;border-color:#E8C430}.search-presets{grid-template-columns:1fr 1fr}.search-presets a{border-color:#E8C430}.mobile-bottom{position:fixed;z-index:75;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#16140C;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(232,196,48,.5)}.mobile-bottom a{height:48px;display:flex;align-items:center;justify-content:center;color:#F7F1D8;font-size:13px}.mobile-bottom a.is-current{background:#E8C430;color:#16140C;font-weight:800}.site-overlay{z-index:80}.site-drawer,.site-search{z-index:90}.footer-groups{gap:14px}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}
@media(max-width:390px){.brand-fallback{font-size:15px}.app-link,.menu-button{padding:0 9px}.head-actions{gap:5px}.search-presets{grid-template-columns:1fr}}