*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F6F0DC;color:#2A2414;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}.is-locked{overflow:hidden}.wrap{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:12px;top:-60px;z-index:120;background:#18140A;color:#FBF7EA;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.site-header{position:fixed;inset:0 0 auto 0;z-index:60}.pod-edge{height:20px;background:#18140A;color:#C9A03A;font-size:12px}.edge-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-action{appearance:none;border:0;background:transparent;color:#C9A03A;font:inherit;cursor:pointer;padding:0 4px}.pod-head{height:54px;background:#FBF7EA;border-bottom:1px solid rgba(110,84,24,.5)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:#18140A}.brand-logo,.footer-logo,.bag-logo{height:24px;width:auto;max-width:180px;object-fit:contain;object-position:center}.brand-text{font-size:16px;font-weight:800;letter-spacing:.04em}.head-actions{display:flex;align-items:center;gap:8px}.app-link,.bag-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px;font-size:14px;text-decoration:none}.app-link{background:linear-gradient(135deg,#18140A 0%,#C9A03A 100%);color:#FBF7EA}.bag-button{border:1px solid rgba(110,84,24,.5);background:#FBF7EA;color:#18140A;cursor:pointer}.pod-leaves{height:46px;background:#FBF7EA;border-bottom:1px solid rgba(24,20,10,.12)}.leaves-inner{height:46px;display:flex;align-items:center;gap:34px}.leaf-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#5A4E30;font-size:13px;min-height:44px}.leaf-shape{width:22px;height:14px;border:1px solid #6E5418;border-radius:10px 8px 10px 2px;display:inline-block;transform:rotate(-6deg)}.leaf-link.is-current{color:#18140A;font-weight:700}.leaf-link.is-current .leaf-shape{background:#C9A03A;border-color:#C9A03A}.site-main{padding-top:136px;min-height:70vh}.page{padding:34px 0 70px}.hero-copy{padding:22px 0 28px}.hero-copy h1,.page h1{font-size:24px;line-height:1.3;margin:0 0 14px;color:#18140A}.lead{font-size:16px;color:#5A4E30;margin:0 0 18px}.page h2{font-size:20px;line-height:1.35;margin:0 0 12px;color:#18140A}.page h3{font-size:16px;margin:0 0 8px;color:#18140A}.page p{margin:0 0 12px}.muted{color:#7A6E48}.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:10px;font-size:14px;text-decoration:none;border:1px solid transparent;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#18140A 0%,#C9A03A 100%);color:#FBF7EA}.btn-secondary{background:#FBF7EA;color:#18140A;border-color:#6E5418}.btn:hover,.app-link:hover,.bag-button:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(201,160,58,.55);outline-offset:3px}.card{background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:18px;box-shadow:0 12px 28px rgba(24,20,10,.08)}.image-slot{background:#FBF7EA;border:1px solid rgba(110,84,24,.22);border-radius:18px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.leaf-index{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 24px}.leaf-index a{display:inline-flex;align-items:center;gap:7px;color:#2A2414;text-decoration:none;font-size:13px}.leaf-index i{width:22px;height:14px;border:1px solid #6E5418;border-radius:10px 8px 10px 2px}.home-mouth{padding:10px 0 30px}.home-mouth .intro{max-width:760px}.vertical-cut{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:22px;align-items:stretch;margin:20px 0 34px}.vertical-cut .image-slot{height:200px}.vertical-cut .copy{padding:18px 0}.dual-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.dual-notes article{padding:22px}.dual-notes .image-slot{height:180px;margin-bottom:16px}.ring-layout{position:relative;margin:30px 0;padding:26px;background:#EDE6CE;border-radius:20px}.ring-layout:before{content:"";position:absolute;inset:18px;border:1px solid rgba(110,84,24,.35);border-radius:16px;pointer-events:none}.ring-layout .ring-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:16px}.ring-layout article{background:#FBF7EA;border-radius:16px;padding:20px}.ring-layout .image-slot{height:180px;margin-bottom:14px}.shelf-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.shelf-cards article{padding:22px}.shelf-cards .image-slot{height:180px;margin-bottom:14px}.phase-strip{margin:30px 0}.phase-strip .image-slot{height:190px;margin-bottom:16px}.phase-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.phase-row article{padding:18px;background:#E6DCC0;border-radius:16px}.status-list{display:grid;gap:12px;margin:26px 0}.status-item{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:start;background:#FBF7EA;border:1px solid rgba(24,20,10,.12);border-radius:16px;padding:16px}.status-tag{display:inline-flex;justify-content:center;align-items:center;min-height:38px;border-radius:999px;background:#18140A;color:#FBF7EA;font-size:13px}.app-sandwich{margin:30px 0;padding:24px;background:#EDE6CE;border-radius:20px}.app-media{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:20px;align-items:center;margin:18px 0}.app-media .image-slot{height:300px}.app-icon{width:48px;height:48px;object-fit:contain;display:block;margin-bottom:10px}.text-band{margin:30px 0;padding:24px;border-left:3px solid #6E5418;background:#FBF7EA;border-radius:0 18px 18px 0}.faq-six{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.faq-six article{padding:18px}.brand-block{margin:30px 0;padding:26px;background:#18140A;color:#F6F0DC;border-radius:20px}.brand-block h2{color:#C9A03A}.brand-block .image-slot{height:200px;background:#FBF7EA;margin-top:16px}.page-intro{max-width:790px;margin-bottom:24px}.layout-double{display:grid;grid-template-columns:1fr 1fr;gap:18px}.layout-double article{padding:22px}.layout-double .image-slot{height:210px;margin-bottom:16px}.layout-cut{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:24px}.layout-cut .image-slot{min-height:280px}.layout-cut .cut-body{display:grid;gap:16px}.layout-cut article{padding:20px}.layout-ring{position:relative;padding:24px;background:#EDE6CE;border-radius:20px}.layout-ring:before{content:"";position:absolute;inset:16px;border:1px solid rgba(110,84,24,.4);border-radius:16px}.layout-ring .ring-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px}.layout-ring article{padding:20px;background:#FBF7EA;border-radius:16px}.single-stack{display:grid;gap:16px}.single-stack article{padding:22px}.period-list{display:grid;gap:18px}.period-list article{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:22px}.memo-list{counter-reset:item;display:grid;gap:14px}.memo-list article{padding:20px 20px 20px 70px;position:relative}.memo-list article:before{counter-increment:item;content:counter(item,decimal-leading-zero);position:absolute;left:20px;top:20px;font-weight:800;color:#6E5418}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.method-grid article{padding:22px}.topic-list{display:grid;gap:14px}.topic-list article{padding:20px;border-left:4px solid #C9A03A}.center-cards{display:grid;gap:16px;max-width:760px;margin:0 auto}.center-cards article{text-align:center;padding:24px}.terms{display:grid;gap:16px}.terms section{padding:22px}.help-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-links article{padding:20px}.faq-list{display:grid;gap:14px}.faq-list article{padding:20px}.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-list article{padding:22px}.about-banner{height:200px;margin:0 0 22px}.about-sections{display:grid;gap:18px}.about-sections article{padding:22px}.site-footer{background:#18140A;color:#F6F0DC;border-top:1px solid #C9A03A;padding:36px 0 82px;font-size:13px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.footer-brand span{color:#C9A03A}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{font-size:14px;color:#C9A03A;margin:0 0 8px}.footer-grid a{display:block;color:#F6F0DC;text-decoration:none;padding:3px 0}.copyright-note{margin:26px 0 8px;color:#D8C9AB}.copyright{margin:0;color:#C9A03A}.overlay{position:fixed;inset:0;background:rgba(24,20,10,.42);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-bag{position:fixed;right:16px;top:84px;width:300px;max-height:350px;overflow:auto;background:#FBF7EA;border:1px solid rgba(110,84,24,.5);border-radius:18px;box-shadow:0 18px 50px rgba(24,20,10,.2);z-index:80;transform:translateY(-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.nav-bag.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.bag-top{position:sticky;top:0;background:#FBF7EA;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(24,20,10,.12)}.bag-brand{display:flex;align-items:center;gap:8px}.close-button{min-height:44px;border:1px solid rgba(110,84,24,.5);background:#FBF7EA;color:#18140A;border-radius:10px;padding:0 12px;cursor:pointer}.bag-groups{padding:12px}.bag-groups section{padding:6px 0 12px}.bag-groups h2{font-size:13px;color:#6E5418;margin:0 0 8px}.bag-groups a{display:grid;grid-template-columns:84px 1fr;gap:8px;text-decoration:none;color:#2A2414;padding:7px 0}.bag-groups a span{color:#7A6E48;font-size:12px}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:82;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto}.search-card{width:min(640px,calc(100% - 32px));margin:0 auto;background:#FBF7EA;border:1px solid rgba(110,84,24,.5);border-radius:0 0 18px 18px;padding:18px;box-shadow:0 18px 40px rgba(24,20,10,.16)}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-card label{display:block;margin-bottom:8px;color:#5A4E30}.search-card input{width:100%;height:44px;border:1px solid rgba(110,84,24,.5);border-radius:10px;background:#fffaf0;padding:0 12px;font:inherit;color:#18140A}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-links a{padding:8px 12px;border-radius:999px;border:1px solid rgba(110,84,24,.4);color:#2A2414;text-decoration:none}.mobile-bar{display:none}.notice{padding:16px 18px;background:#EDE6CE;border-radius:14px;color:#5A4E30}.mini-media{height:180px;margin:14px 0}.compact-media{height:220px;margin:18px 0}
@media(max-width:720px){.pod-leaves{display:none}.site-main{padding-top:90px}.head-inner{gap:8px}.head-actions{gap:6px}.app-link,.bag-button{padding:0 10px}.brand-logo{max-width:130px}.nav-bag{top:78px;right:6%;width:88%;max-height:350px}.search-panel{top:20px;bottom:0;background:#18140A}.search-card{width:100%;height:100%;border:0;border-radius:0;background:#18140A;color:#C9A03A;margin:0;padding:28px 16px}.search-card label,.search-head strong{color:#C9A03A}.search-card .close-button{background:#18140A;color:#F6F0DC;border-color:#C9A03A}.search-links a{color:#F6F0DC;border-color:#C9A03A}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:65;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FBF7EA;border-top:1px solid rgba(110,84,24,.4);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bar a{display:flex;align-items:center;justify-content:center;color:#2A2414;text-decoration:none;font-size:13px;min-height:48px}.mobile-bar a.is-current{background:#C9A03A;color:#18140A;font-weight:800}.site-footer{padding-bottom:90px}.vertical-cut,.layout-cut,.app-media{grid-template-columns:1fr}.vertical-cut .image-slot{width:100%;height:200px}.dual-notes,.shelf-cards,.layout-double,.layout-ring .ring-content,.method-grid,.contact-list,.faq-six,.help-links{grid-template-columns:1fr}.ring-layout .ring-inner{grid-template-columns:1fr}.phase-row{grid-template-columns:1fr}.status-item,.period-list article{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.app-media .image-slot{height:280px}.about-banner{height:200px}.page{padding-top:24px}.bag-groups a{grid-template-columns:78px 1fr}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.app-link{font-size:13px}.bag-button{font-size:13px}.brand-text{font-size:15px}.wrap{width:min(960px,calc(100% - 32px))}}
