:root{
  --bg:#F6EDE4;--deep:#E8D8C8;--paper:#FFF8F2;--soft:#F0E4D6;--ink:#1A1612;--text:#2A241C;--muted:#5A5048;--aux:#7A7068;--orange:#E07030;--brown:#B06030;--line:rgba(26,22,18,.12);--accent-line:rgba(224,112,48,.50);--shadow:0 12px 28px rgba(26,22,18,.10)
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}.panel-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;object-fit:contain;object-position:center}.top-strip{position:fixed;z-index:70;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--paper);font-size:12px}.top-strip-inner,.site-header-inner,.quick-nav-inner,.site-main,.footer-inner{width:min(960px,calc(100% - 32px));margin:0 auto}.top-strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.mini-brand{font-weight:700;letter-spacing:.08em}.text-trigger{border:0;background:transparent;color:var(--paper);padding:0 2px;height:20px}.site-header{position:fixed;z-index:69;top:20px;left:0;right:0;height:54px;background:var(--paper);border-bottom:1px solid var(--accent-line)}.site-header-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;min-width:44px;min-height:44px}.site-logo,.menu-logo,.footer-logo{height:24px;width:auto;max-width:112px}.brand-fallback{font-size:16px;font-weight:800;color:var(--ink)}.header-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 14px;border-radius:4px;font-size:14px}.app-link{background:linear-gradient(135deg,#1A1612 0%,#E07030 100%);color:var(--paper)}.menu-button{border:1px solid var(--orange);background:var(--paper);color:var(--ink)}.quick-nav{position:fixed;z-index:68;top:74px;left:0;right:0;height:46px;background:var(--paper);border-bottom:1px solid var(--line)}.quick-nav-inner{height:46px;display:flex;align-items:center;gap:28px}.quick-item{display:flex;align-items:center;min-height:44px;gap:8px;font-size:13px;color:var(--ink)}.quick-square{width:18px;height:18px;border:1px solid var(--ink);border-radius:2px;background:transparent}.quick-item.active .quick-square{background:var(--orange);border-color:var(--orange)}.site-main{padding-top:148px;padding-bottom:56px}.hero,.section,.legal-block,.method-block,.status-wrap,.topic-list,.memo-list,.faq-list,.contact-stack{margin-bottom:28px}.hero{padding:28px 0 8px}.index-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.index-tabs span{background:var(--orange);color:var(--paper);padding:7px 10px;border-radius:3px;font-size:13px}.eyebrow{color:var(--brown);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-head h1{margin:.3em 0;font-size:24px;line-height:1.3;color:var(--ink)}.lead{font-size:16px;color:var(--muted);max-width:760px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 16px;border-radius:4px;font-size:14px;margin-top:10px}.primary-btn{background:linear-gradient(135deg,#1A1612 0%,#E07030 100%);color:var(--paper)}.secondary-btn{background:var(--paper);border:1px solid var(--orange);color:var(--ink)}.primary-btn:hover,.secondary-btn:hover,.app-link:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(224,112,48,.35);outline-offset:2px}.page-head{padding:26px 0 20px;border-bottom:1px solid var(--line);margin-bottom:24px}.page-head p{max-width:790px;color:var(--muted)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title h2,.legal-block h2,.method-block h2,.topic-list h2,.memo-list h2{margin:0;font-size:20px;color:var(--ink)}.section-title p{margin:0;color:var(--aux)}.image-slot{display:flex;align-items:center;justify-content:center;min-height:120px;background:var(--paper);border:1px solid var(--line);overflow:hidden}.image-slot:empty{min-height:120px}.image-slot img{width:100%;height:100%;object-fit:contain}.slant-row{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:22px;align-items:center;background:var(--soft);padding:18px;border-left:4px solid var(--orange);clip-path:polygon(0 0,100% 0,98% 100%,0 100%)}.slant-row .image-slot{height:176px}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:18px;box-shadow:var(--shadow)}.card h3{font-size:16px;margin:0 0 8px;color:var(--ink)}.card p{margin:0 0 10px}.card .image-slot{height:178px;margin-bottom:14px}.roll-pages{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.roll-page{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:3px;position:relative}.roll-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}.roll-page .image-slot{height:184px;margin-bottom:12px}.rack-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rack-card{background:var(--soft);border:1px solid var(--line);padding:18px}.rack-card.head .image-slot{height:166px;margin-bottom:12px}.thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.thirds article{background:var(--paper);border-top:4px solid var(--orange);padding:16px}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);padding:13px 15px}.status-badge{font-size:13px;padding:4px 8px;border-radius:3px;background:var(--soft);color:var(--ink)}.app-split{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:center}.app-split .image-slot{height:320px}.app-icon{width:48px;height:48px;object-fit:contain;margin-bottom:10px}.info-list{display:grid;gap:10px}.info-list article{padding:14px 0;border-bottom:1px solid var(--line)}.info-list h3{margin:0 0 5px;font-size:16px}.faq-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq-mini details,.faq-list details{background:var(--paper);border:1px solid var(--line);padding:14px;border-radius:3px}.faq-mini summary,.faq-list summary{font-weight:700;color:var(--ink);cursor:pointer}.brand-story{background:var(--ink);color:var(--paper);padding:24px;border-left:6px solid var(--orange)}.brand-story h2{color:var(--paper);margin-top:0}.brand-story p{color:#F6EDE4}.angled-list{display:grid;gap:14px}.angled-item{display:grid;grid-template-columns:210px 1fr;gap:18px;background:var(--paper);border:1px solid var(--line);padding:18px;transform:skewX(-1deg)}.angled-item>*{transform:skewX(1deg)}.angled-item .image-slot{height:150px}.single-column{max-width:760px}.single-column .image-slot{height:220px;margin:16px 0}.timeline-three{display:grid;gap:16px}.timeline-three article{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px;background:var(--paper);border-left:5px solid var(--orange)}.timeline-three h2{font-size:20px;margin:0}.memo-list ul{padding-left:20px}.memo-list li{margin:8px 0}.method-block{background:var(--paper);padding:18px;border:1px solid var(--line)}.method-block h2{margin-top:0}.topic-list article{display:grid;grid-template-columns:180px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.center-card{max-width:720px;margin:0 auto 18px;text-align:center;background:var(--paper);border:1px solid var(--line);padding:22px}.center-card .image-slot{height:220px;margin-bottom:16px}.legal-block{padding:18px;background:var(--paper);border-left:4px solid var(--orange)}.legal-block h2{margin-top:0}.banner-slot{height:200px;margin-bottom:22px}.brand-cover{max-width:430px;margin:18px auto}.brand-cover .image-slot{height:260px}.contact-stack article{background:var(--paper);border:1px solid var(--line);padding:18px;margin-bottom:12px}.site-footer{background:var(--ink);color:var(--bg);border-top:2px solid var(--orange);padding:28px 0 calc(68px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-brand strong{font-size:18px}.footer-brand span{font-size:13px;letter-spacing:.1em}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-links h2{font-size:13px;color:var(--paper);margin:0 0 8px}.footer-links a{display:block;font-size:13px;color:var(--bg);padding:3px 0}.footer-note,.copyright{font-size:13px;color:var(--bg)}.footer-note{border-top:1px solid rgba(255,255,255,.16);padding-top:16px;margin-top:20px}.overlay{position:fixed;z-index:80;inset:0;background:rgba(26,22,18,.52);opacity:0;pointer-events:none;transition:opacity .18s}.overlay.visible{opacity:1;pointer-events:auto}.menu-panel{position:fixed;z-index:90;top:30px;left:50%;width:320px;max-height:360px;overflow:auto;transform:translate(-50%,-120%);background:var(--paper);border:1px solid var(--accent-line);box-shadow:var(--shadow);padding:14px;visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}.menu-panel.open{transform:translate(-50%,0);visibility:visible;pointer-events:auto}.menu-head,.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.menu-brand{display:flex;align-items:center;gap:8px}.close-button{min-width:44px;min-height:44px;border:1px solid var(--orange);background:var(--paper);color:var(--ink);border-radius:4px}.menu-groups{display:grid;gap:14px;padding-top:12px}.menu-groups h2{font-size:13px;margin:0 0 6px;color:var(--brown)}.menu-groups a{display:grid;grid-template-columns:68px 1fr;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.menu-groups a strong{font-size:14px}.menu-groups a span{font-size:12px;color:var(--muted)}.search-panel{position:fixed;z-index:89;top:74px;left:50%;width:min(680px,calc(100% - 32px));transform:translate(-50%,-140%);background:var(--paper);border:1px solid var(--accent-line);box-shadow:var(--shadow);visibility:hidden;pointer-events:none;transition:transform .2s,visibility .2s}.search-panel.open{transform:translate(-50%,0);visibility:visible;pointer-events:auto}.search-box{padding:18px}.search-box label{display:block;margin:14px 0 6px;color:var(--muted)}.search-box input{width:100%;min-height:44px;border:1px solid var(--line);background:#fff;padding:0 12px;color:var(--ink)}.search-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.search-presets a{min-height:44px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid var(--orange);border-radius:4px}.search-empty{color:var(--muted)}.mobile-bottom{display:none}.image-slot img.content-image{object-fit:contain}.note{font-size:13px;color:var(--aux)}
@media (max-width:720px){
  .top-strip-inner,.site-header-inner,.site-main,.footer-inner{width:calc(100% - 32px)}.quick-nav{display:none}.site-main{padding-top:98px;padding-bottom:70px}.site-header{height:54px}.app-link,.menu-button{padding:0 10px}.slant-row,.app-split,.angled-item,.topic-list article{grid-template-columns:1fr;clip-path:none;transform:none}.angled-item>*{transform:none}.slant-row .image-slot{height:176px}.two-cards,.roll-pages,.rack-cards,.thirds,.faq-mini,.footer-links{grid-template-columns:1fr}.status-row{grid-template-columns:1fr}.app-split .image-slot{height:300px}.timeline-three article{grid-template-columns:1fr}.menu-panel{width:88%;top:26px;max-height:78vh}.search-panel{top:0;left:0;width:100%;height:100%;transform:translateY(-100%);background:var(--ink);color:var(--paper);border:0}.search-panel.open{transform:translateY(0)}.search-box{padding:24px 16px}.search-box label{color:var(--bg)}.search-box input{background:var(--paper)}.search-presets a{color:var(--paper)}.search-head{border-color:rgba(255,255,255,.2)}.search-head .close-button{background:var(--ink);color:var(--paper)}.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:var(--paper);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobile-bottom a.active{background:var(--orange);color:var(--ink);font-weight:700}.site-footer{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.hero{padding-top:18px}
}
@media (max-width:380px){.header-actions{gap:4px}.app-link,.menu-button{padding:0 8px}.top-strip-inner,.site-header-inner,.site-main,.footer-inner{width:calc(100% - 24px)}}

/* page-specific composition */
.page-grade .site-main>.legal-block{max-width:760px;margin-left:auto;margin-right:auto;border-left:0;border-top:4px solid var(--orange)}
.page-grade .site-main>.legal-block:nth-of-type(even){transform:translateX(24px)}
.page-privacy .site-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.page-privacy .page-head,.page-privacy .site-main>.method-block{grid-column:1/-1}
.page-privacy .legal-block{margin-bottom:0;border-left:0;border-bottom:4px solid var(--orange)}
.page-banquan .legal-block:nth-of-type(even){margin-left:8%;border-left-color:var(--ink)}
.page-help .method-block:nth-of-type(odd){margin-right:8%}
.page-help .method-block:nth-of-type(even){margin-left:8%;background:var(--soft)}
@media (max-width:720px){.page-grade .site-main>.legal-block:nth-of-type(even){transform:none}.page-privacy .site-main{display:block}.page-banquan .legal-block:nth-of-type(even),.page-help .method-block:nth-of-type(odd),.page-help .method-block:nth-of-type(even){margin-left:0;margin-right:0}}

.banner-slot .image-slot{height:200px}