*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F1D8;color:#2A2614;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(960px,calc(100% - 32px));margin:0 auto}.site-top{position:fixed;left:0;right:0;top:0;z-index:40}.smart-edge{height:20px;background:#16140C;color:#E8C430;font-size:12px}.edge-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-btn,.head-menu,.close-btn{border:0;background:transparent;color:inherit;cursor:pointer}.text-btn{height:20px;padding:0 0 0 12px;font-size:12px}.smart-head{height:54px;background:#FFF9E8;border-bottom:1px solid rgba(22,20,12,.12)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{min-width:120px;display:flex;align-items:center}.logo-img{height:24px;width:auto;object-fit:contain}.brand-text{font-size:16px;font-weight:800;color:#16140C}.head-actions{display:flex;gap:8px;align-items:center}.head-link,.head-menu{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border:1px solid rgba(22,20,12,.2);border-radius:12px;background:#FFF9E8;color:#16140C;font-size:14px}.head-menu{background:#16140C;color:#E8C430}.smart-grid{height:48px;background:#FFF9E8;border-bottom:1px solid rgba(22,20,12,.12)}.grid-inner{height:48px;display:flex;gap:12px;align-items:center;justify-content:center}.grid-link{width:120px;height:28px;border:1px solid rgba(22,20,12,.28);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:13px;background:#FFF9E8}.grid-link.active{background:#16140C;color:#E8C430;border-color:#16140C}.site-main{padding-top:122px}.page{padding:34px 0 56px}.eyebrow{font-size:12px;letter-spacing:.08em;color:#7A7440;margin:0 0 8px}.page h1{font-size:24px;line-height:1.3;margin:0 0 12px;color:#16140C}.page h2{font-size:20px;line-height:1.4;margin:0 0 10px;color:#16140C}.page h3{font-size:16px;line-height:1.4;margin:0 0 8px;color:#16140C}.lead{font-size:16px;color:#5A5428;margin:0;max-width:760px}.section{margin-top:26px}.panel{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:16px;box-shadow:0 12px 28px rgba(22,20,12,.1);padding:22px}.soft{background:#F0E8C0}.dark{background:#16140C;color:#F7F1D8}.dark h2,.dark h3{color:#E8C430}.gold{background:#E8C430;color:#16140C}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn{min-height:42px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;border:1px solid rgba(22,20,12,.4);background:#FFF9E8;color:#16140C}.btn.primary{background:linear-gradient(135deg,#16140C 0%,#E8C430 100%);color:#16140C;border-color:#16140C;font-weight:700}.btn:hover,.btn:focus-visible,.grid-link:hover,.grid-link:focus-visible,.head-link:hover,.head-link:focus-visible,.head-menu:hover,.head-menu:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 8px 18px rgba(22,20,12,.12)}.index-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.index-strip a{padding:14px 16px;border:1px solid rgba(22,20,12,.18);border-radius:12px;background:#FFF9E8;font-weight:700}.parallel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.parallel article{padding:18px;border-radius:14px;border:1px solid rgba(22,20,12,.14);background:#FFF9E8}.img-slot{min-height:130px;background:#FFF9E8;border:1px dashed rgba(22,20,12,.18);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}.img-slot img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}.slot-160{height:160px}.slot-200{height:200px}.slot-240{height:240px}.slot-320{height:320px}.stack{display:grid;gap:14px}.stack article{padding:20px;border-radius:16px;border:1px solid rgba(22,20,12,.12);background:#FFF9E8}.stack article:nth-child(2){margin-left:34px}.stack article:nth-child(3){margin-left:68px}.fold-list{display:grid;gap:12px}.fold{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:18px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:12px}.fold b{width:42px;height:42px;border-radius:12px;background:#16140C;color:#E8C430;display:flex;align-items:center;justify-content:center}.center-card{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}.center-card .img-slot{margin-left:auto;margin-right:auto}.topic-pairs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.topic-pairs article{background:#FFF9E8;border:1px solid rgba(22,20,12,.12);border-radius:14px;padding:18px}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period{padding:18px;border-radius:14px;background:#FFF9E8;border-top:4px solid #E8C430}.status-list{display:grid;gap:12px}.status-item{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start;border-bottom:1px solid rgba(22,20,12,.12);padding:16px 0}.status-label{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border-radius:12px;background:#16140C;color:#E8C430;padding:0 12px;font-size:13px}.memo-list{display:grid;gap:10px}.memo-list li{list-style:none;padding:16px 18px;background:#FFF9E8;border-left:4px solid #E8C430;border-radius:0 12px 12px 0}.method-steps{counter-reset:step;display:grid;gap:14px}.method-steps article{position:relative;padding:18px 18px 18px 64px;background:#FFF9E8;border-radius:14px;border:1px solid rgba(22,20,12,.12)}.method-steps article:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;left:18px;top:18px;font-weight:800;color:#16140C;background:#E8C430;border-radius:10px;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.special-list{display:grid;gap:12px}.special-list article{display:grid;grid-template-columns:160px 1fr;gap:16px;padding:18px;border-radius:14px;background:#FFF9E8;border:1px solid rgba(22,20,12,.12)}.special-list strong{font-size:16px}.article-prose p{margin:0 0 14px}.article-prose ul{padding-left:20px}.article-prose li{margin:6px 0}.faq-list{display:grid;gap:14px}.faq-item{padding:18px 20px;background:#FFF9E8;border-radius:14px;border:1px solid rgba(22,20,12,.12)}.faq-item h2{font-size:16px}.site-footer{background:#16140C;color:#F7F1D8;border-top:1px solid #E8C430;padding:34px 0 calc(30px + env(safe-area-inset-bottom));font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.footer-brand strong{font-size:16px;color:#E8C430}.footer-brand span{color:#F7F1D8}.footer-logo{height:24px;width:auto;object-fit:contain}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-cols h2{font-size:14px;color:#E8C430;margin:0 0 8px}.footer-cols a{display:block;padding:4px 0;color:#F7F1D8}.footer-note{margin:24px 0 10px;color:#E8DFA8}.copyright{margin:0;color:#7A7440}.overlay{position:fixed;inset:0;background:rgba(22,20,12,.48);z-index:60;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.show{opacity:1;visibility:visible}.smart-drawer{position:fixed;right:18px;top:84px;z-index:70;width:min(32vw,420px);max-height:calc(100vh - 108px);overflow:auto;background:#FFF9E8;border:1px solid rgba(22,20,12,.18);border-radius:16px;box-shadow:0 18px 42px rgba(22,20,12,.24);transform:translateX(calc(100% + 40px));visibility:hidden;pointer-events:none;transition:.22s ease}.menu-open .smart-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#FFF9E8;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(22,20,12,.12);z-index:1}.drawer-brand{display:flex;gap:8px;align-items:center}.drawer-brand img{height:24px;width:auto}.close-btn{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(22,20,12,.24);background:#FFF9E8;color:#16140C}.drawer-groups{padding:10px 16px 18px}.drawer-groups section{padding:10px 0}.drawer-groups h2{font-size:13px;margin:0 0 7px;color:#7A7440}.drawer-groups a{display:block;padding:9px 0;border-bottom:1px solid rgba(22,20,12,.08)}.drawer-groups b,.drawer-groups span{display:block}.drawer-groups b{font-size:14px}.drawer-groups span{font-size:12px;color:#7A7440}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:75;visibility:hidden;pointer-events:none;transform:translateY(-16px);opacity:0;transition:.2s}.search-open .search-panel{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{width:min(700px,calc(100% - 32px));margin:0 auto;background:#FFF9E8;border:1px solid rgba(22,20,12,.18);border-radius:0 0 16px 16px;box-shadow:0 16px 32px rgba(22,20,12,.18);padding:18px}.search-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-fake{height:44px;margin:14px 0;border:1px solid rgba(22,20,12,.24);border-radius:12px;display:flex;align-items:center;padding:0 14px;color:#7A7440}.search-links{display:flex;flex-wrap:wrap;gap:8px}.search-links a{min-height:40px;padding:0 14px;display:flex;align-items:center;border-radius:10px;background:#F0E8C0;border:1px solid rgba(22,20,12,.12)}.mobile-bar{display:none}.brand-statement{padding:24px;border-radius:16px;background:#16140C;color:#F7F1D8}.brand-statement h2{color:#E8C430}.notice{padding:14px 16px;border-left:4px solid #E8C430;background:#FFF9E8;border-radius:0 12px 12px 0}.hero-note{padding:22px 0 4px}.hero-note .lead{max-width:820px}.image-centered{max-width:560px;margin:16px auto}.app-icon{width:48px;height:48px;object-fit:contain;margin:0 auto 12px}.terms article{padding:18px 0;border-bottom:1px solid rgba(22,20,12,.12)}
@media(max-width:760px){.smart-grid{display:none}.site-main{padding-top:74px}.page{padding-top:26px;padding-bottom:74px}.parallel,.topic-pairs,.periods,.footer-cols{grid-template-columns:1fr}.stack article:nth-child(2),.stack article:nth-child(3){margin-left:0}.special-list article{grid-template-columns:1fr}.status-item{grid-template-columns:1fr;gap:8px}.smart-drawer{top:74px;right:0;width:min(88vw,420px);max-height:calc(100vh - 74px);border-radius:0 0 0 16px}.search-panel{top:0;bottom:0;background:#16140C;padding:20px 0}.search-card{margin-top:0;border-radius:0;background:#16140C;color:#E8C430;box-shadow:none;border:0;min-height:100vh}.search-card .close-btn{background:#E8C430}.search-fake{border-color:#E8C430;color:#F7F1D8}.search-links a{background:#E8C430;color:#16140C}.mobile-bar{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:45;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFF9E8;border-top:1px solid rgba(22,20,12,.16)}.mobile-bar a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bar a.active{background:#E8C430;color:#16140C;font-weight:700}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.head-link,.head-menu{padding:0 10px}.brand{min-width:0}.footer-cols{gap:14px}.index-strip{grid-template-columns:1fr}.slot-320{height:280px}}