:root{--paper:#F3EEEA;--deep:#E7E0DA;--card:#FFFCF9;--soft:#EDE6E0;--title:#2C2222;--text:#3D3333;--muted:#6B5C5C;--aux:#8A7A78;--red:#B23A3A;--red2:#C94A4A;--rust:#8C2F2F;--slate:#6B6563;--sand:#D8CFC6;--line:rgba(178,58,58,.16);--shadow:0 14px 36px rgba(44,34,34,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell-line,.armor-bar{position:fixed;left:0;right:0;z-index:80}.shell-line{top:0;height:18px;background:var(--rust);color:#FFFCF9;font-size:11px;line-height:18px}.bar-inner{max-width:1180px;margin:0 auto;padding:0 20px}.shell-line .bar-inner{display:flex;justify-content:space-between}.text-button{border:0;background:transparent;color:#FFFCF9;padding:0 2px;cursor:pointer}.armor-bar{top:18px;height:60px;background:var(--paper);border-bottom:1px solid var(--line)}.armor-inner{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand-link{justify-self:start;display:flex;align-items:center;min-height:44px;color:var(--title)}.brand-logo{max-height:34px;max-width:210px;object-fit:contain}.cocoon-button,.app-link,.button-main,.button-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:9px 16px;font-weight:700}.cocoon-button{border:1px solid var(--line);background:var(--card);color:var(--title);cursor:pointer}.app-link{justify-self:end;background:linear-gradient(135deg,#C94A4A 0%,#B23A3A 52%,#8C2F2F 100%);color:#FFFCF9}.whisker-nav{position:fixed;top:78px;left:0;right:0;height:40px;background:var(--sand);border-bottom:1px solid rgba(107,101,99,.22);z-index:70}.whisker-inner{height:100%;display:flex;align-items:center;gap:10px}.whisker-inner a{padding:3px 9px;border-radius:5px;font-size:14px}.whisker-inner a.active{background:var(--red);color:#FFFCF9}.site-main{padding-top:138px;min-height:60vh}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.hero,.section-block,.article-card{margin-bottom:28px}.hero-media,.media-slot{background:var(--deep);border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-media{min-height:210px;max-height:300px}.hero-media img{width:100%;max-height:300px;object-fit:contain;object-position:center}.media-slot{height:210px}.media-slot img,.content-media img{width:100%;height:100%;object-fit:contain;object-position:center}.media-fallback{padding:34px;text-align:center;color:var(--title);font-weight:700}.eyebrow{color:var(--red);font-weight:800;letter-spacing:.08em;margin:18px 0 4px}.hero h1,.page-head h1{font-size:clamp(28px,4vw,32px);line-height:1.25;color:var(--title);margin:5px 0 14px}.lead{font-size:17px;color:var(--muted);max-width:860px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.button-main{background:linear-gradient(135deg,#C94A4A 0%,#B23A3A 52%,#8C2F2F 100%);color:#FFFCF9}.button-secondary{background:var(--paper);color:var(--title);border:1px solid var(--red)}.button-main:hover,.button-secondary:hover,.app-link:hover,.cocoon-button:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(178,58,58,.35);outline-offset:3px}.cards{display:grid;gap:16px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:var(--shadow)}.card h2,.card h3{color:var(--title);margin-top:0}.tag{display:inline-block;padding:2px 8px;border-radius:5px;color:#FFFCF9;font-size:13px;margin-bottom:10px}.tag.red{background:var(--red)}.tag.rust{background:var(--rust)}.tag.slate{background:var(--slate)}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}.section-head h2{margin:0;color:var(--title);font-size:25px}.section-head p{margin:0;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:20px;align-items:center}.content-media{background:var(--deep);border-radius:14px;border:1px solid var(--line);min-height:220px;max-height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}.content-media.app-art{max-height:420px}.number-list{display:grid;gap:10px}.number-item{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:12px}.number-item strong{font-size:30px;line-height:1;color:var(--red)}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.status{padding:18px;background:var(--soft);border-left:4px solid var(--red);border-radius:10px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px}.article-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(20px,4vw,34px);box-shadow:var(--shadow)}.article-card h2{color:var(--title);font-size:23px;margin-top:30px}.article-card h2:first-child{margin-top:0}.article-card h3{color:var(--rust);font-size:18px}.article-card p{margin:0 0 16px}.note{background:var(--soft);border-left:4px solid var(--red);padding:14px 16px;border-radius:0 10px 10px 0}.aside-nav{position:sticky;top:142px;align-self:start;background:var(--deep);padding:16px;border-radius:12px}.aside-nav a{display:block;padding:8px;border-bottom:1px solid rgba(107,101,99,.15)}.page-head{margin-bottom:22px}.page-head .content-media{margin-bottom:18px}.steps{counter-reset:step;display:grid;gap:14px}.step{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);display:block;font-size:30px;font-weight:800;color:var(--red)}.faq-list details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px}.faq-list summary{font-weight:800;cursor:pointer;color:var(--title)}.site-footer{background:#2C2222;color:#E7E0DA;margin-top:50px}.footer-inner{max-width:1180px;margin:0 auto;padding:36px 20px calc(30px + env(safe-area-inset-bottom))}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.footer-logo{height:32px;max-width:180px;object-fit:contain}.footer-brand span{display:block;font-size:12px;color:#D8CFC6}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.footer-groups h2{font-size:15px;color:#FFFCF9}.footer-groups a{display:block;color:#E7E0DA;padding:4px 0}.footer-note{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px;color:#D8CFC6}.copyright{font-size:13px;color:#D8CFC6}.overlay{position:fixed;inset:0;background:rgba(44,34,34,.38);z-index:89;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.open{opacity:1;visibility:visible}.cocoon-menu{position:fixed;z-index:95;top:78px;right:max(20px,calc((100vw - 1180px)/2 + 20px));width:min(580px,calc(100vw - 40px));max-height:58vh;overflow:auto;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:0 0 14px 14px;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(30px);transition:.2s}.cocoon-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.cocoon-head,.search-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.cocoon-brand{display:flex;align-items:center;gap:10px}.cocoon-brand img{height:30px;max-width:150px;object-fit:contain}.close-button{min-height:44px;border:1px solid var(--red);background:var(--paper);color:var(--title);border-radius:10px;padding:8px 14px;cursor:pointer}.cocoon-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cocoon-grid h2{font-size:15px;color:var(--red)}.cocoon-grid a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.cocoon-grid b,.cocoon-grid span{display:block}.cocoon-grid span{font-size:12px;color:var(--muted)}.search-layer{position:fixed;z-index:96;top:78px;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none}.search-layer.open{opacity:1;visibility:visible;pointer-events:auto}.search-card{max-width:760px;margin:0 auto;background:var(--paper);border:1px solid var(--line);padding:22px;box-shadow:var(--shadow)}.search-head p{margin:0;color:var(--muted)}.search-appearance{margin-top:18px}.search-appearance label{display:block;font-weight:700}.search-appearance input{width:100%;min-height:46px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:10px 12px;color:var(--title)}.search-appearance p{font-size:13px;color:var(--aux)}.preset-links{display:flex;flex-wrap:wrap;gap:10px}.preset-links a{min-height:44px;display:inline-flex;align-items:center;padding:8px 13px;border:1px solid var(--red);border-radius:10px}.mobile-bottom{display:none}.compact-list{display:grid;gap:10px}.compact-list a{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.quote{font-size:18px;border-left:4px solid var(--red);padding:10px 16px;background:var(--soft)}
@media(max-width:820px){.bar-inner,.wrap{padding-left:16px;padding-right:16px}.whisker-nav{display:none}.site-main{padding-top:98px;padding-bottom:60px}.armor-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.brand-logo{max-width:140px}.app-link,.cocoon-button{padding:7px 10px;min-height:44px}.cards.four,.cards.three,.status-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.article-layout{grid-template-columns:1fr}.aside-nav{position:static}.cocoon-menu{top:78px;left:3%;right:auto;width:94%;max-height:70vh;transform:translateY(-8px)}.cocoon-menu.open{transform:none}.search-layer{top:18px;bottom:0;background:var(--paper)}.search-card{height:100%;border:0;overflow:auto;padding-top:24px}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:75;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom a{height:50px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.active{background:var(--red);color:#FFFCF9}.site-footer{margin-bottom:calc(50px + env(safe-area-inset-bottom))}.footer-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.shell-line .bar-inner{font-size:10px}.brand-link strong{font-size:16px}.cards.two,.cards.three,.cards.four,.status-grid{grid-template-columns:1fr}.cocoon-grid{grid-template-columns:1fr}.hero-media{min-height:170px}.number-item{grid-template-columns:48px 1fr}.footer-groups{grid-template-columns:1fr 1fr}.section-head{display:block}.content-media{min-height:180px}}