*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:#E4E8EA;color:#2E3C42;font-size:15px;line-height:1.7;overflow-x:hidden}.locked{overflow:hidden}.wrap{width:min(960px,calc(100% - 32px));margin:auto}.top-strip{position:fixed;top:0;left:0;right:0;height:20px;background:#5A7A80;color:#F2F5F6;z-index:40;font-size:12px}.strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-btn,.menu-btn,.close-btn{border:0;background:none;color:inherit;font:inherit;cursor:pointer;min-height:44px}.text-btn{min-height:20px;padding:0}.site-head{position:fixed;top:20px;left:0;right:0;height:54px;background:#F2F5F6;border-bottom:1px solid rgba(184,136,96,.45);z-index:39}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;color:#1E2A2E;text-decoration:none;font-weight:700;font-size:16px}.logo-img{height:24px;width:auto;object-fit:contain;object-position:center}.head-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;text-decoration:none;color:#1E2A2E;border:1px solid rgba(90,122,128,.32);border-radius:6px}.app-link{background:#F2F5F6}.period-tabs{position:fixed;top:74px;left:0;right:0;height:44px;background:#F2F5F6;z-index:38;border-bottom:1px solid rgba(30,42,46,.1)}.tab-row{height:44px;display:flex;align-items:flex-start;justify-content:center;gap:34px}.period-tab{width:88px;text-align:center;color:#5A6A70;text-decoration:none;font-size:13px;padding-top:4px}.period-tab span{display:block;height:4px;background:#6A8890;border-radius:4px;margin:0 0 5px}.period-tab.is-current{font-weight:700;color:#1E2A2E}.period-tab.is-current span{height:6px;background:#B88860}.page-main{padding-top:142px;min-height:70vh}.hero,.section-block{margin-bottom:34px}.hero{padding:28px 0 12px}.kicker{font-size:13px;color:#5A7A80;font-weight:700;letter-spacing:.08em}.hero h1{margin:8px 0 10px;font-size:24px;line-height:1.3;color:#1E2A2E}.hero .lead{max-width:760px;margin:0 0 18px}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:6px;text-decoration:none;font-size:14px;white-space:nowrap}.btn.primary{background:linear-gradient(135deg,#5A7A80 0%,#B88860 100%);color:#F2F5F6}.btn.secondary{background:#F2F5F6;border:1px solid #5A7A80;color:#1E2A2E}.btn:hover,.app-link:hover,.menu-btn:hover,.preset-links a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(184,136,96,.55);outline-offset:2px}.section-title{font-size:20px;color:#1E2A2E;margin:0 0 14px}.card{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);border-radius:6px;box-shadow:0 12px 28px rgba(30,42,46,.08);padding:18px}.stagger{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start}.stagger .card:nth-child(2){margin-top:34px}.image-slot{display:flex;align-items:center;justify-content:center;background:#F2F5F6;border:1px solid rgba(90,122,128,.2);overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.h180{height:180px}.h200{height:200px}.h260{height:260px}.h320{height:320px}.record-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid rgba(30,42,46,.12)}.record-row:last-child{border-bottom:0}.record-row .image-slot{height:120px}.fold{display:grid;grid-template-columns:1fr 1fr;gap:0}.fold .card{border-radius:0}.fold .card:first-child{border-radius:6px 0 0 6px}.fold .card:last-child{border-radius:0 6px 6px 0;border-left:0}.category-cards,.status-grid,.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.three{grid-template-columns:repeat(3,1fr)}.status-item{padding:16px;background:#D6DDE0;border-left:4px solid #B88860}.status-item strong{display:block;color:#1E2A2E}.article{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);border-radius:6px;padding:22px;margin-bottom:20px}.article h2{font-size:20px;color:#1E2A2E;margin-top:0}.article h3{font-size:16px;color:#1E2A2E}.article p:last-child{margin-bottom:0}.checklist{margin:0;padding-left:20px}.checklist li{margin-bottom:10px}.topic-list{display:grid;gap:14px}.topic-list article{padding:18px;background:#F2F5F6;border-left:4px solid #5A7A80}.center-card{max-width:700px;margin:0 auto 18px;text-align:center}.app-stack{display:flex;flex-direction:column;align-items:center;gap:18px}.app-visual{width:min(460px,100%)}.app-copy{width:min(760px,100%)}.icon-line{display:flex;align-items:center;gap:12px}.icon-line img{width:48px;height:48px;object-fit:contain}.faq-list details{background:#F2F5F6;border:1px solid rgba(30,42,46,.12);border-radius:6px;padding:14px 16px;margin-bottom:10px}.faq-list summary{cursor:pointer;font-weight:700;color:#1E2A2E}.about-banner{height:200px;margin-bottom:18px}.site-footer{background:#1E2A2E;color:#E4E8EA;border-top:1px solid #B88860;margin-top:44px;padding:28px 0 72px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-brand span{color:#C8D0D4;font-size:13px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h3{font-size:14px;margin:0 0 8px;color:#F2F5F6}.footer-grid a{display:block;color:#E4E8EA;text-decoration:none;font-size:13px;margin:4px 0}.footer-note,.copyright{font-size:13px;color:#C8D0D4}.overlay{position:fixed;inset:0;background:rgba(30,42,46,.44);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-sheet{position:fixed;right:18px;bottom:68px;width:260px;max-height:360px;background:#F2F5F6;color:#2E3C42;z-index:80;border:1px solid rgba(184,136,96,.5);border-radius:8px;box-shadow:0 18px 42px rgba(30,42,46,.22);padding:14px;overflow:auto;transform:translateY(22px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.menu-sheet.is-open{transform:none;opacity:1;visibility:visible;pointer-events:auto}.menu-head{display:flex;justify-content:space-between;align-items:center}.menu-brand{display:flex;align-items:center;gap:8px}.close-btn{color:#1E2A2E}.menu-groups section{border-top:1px solid rgba(30,42,46,.12);padding-top:10px;margin-top:10px}.menu-groups h3{font-size:13px;color:#5A7A80;margin:0 0 4px}.menu-groups a{display:block;text-decoration:none;color:#2E3C42;padding:6px 0}.menu-groups b{display:block;font-size:14px}.menu-groups span{display:block;font-size:12px;color:#7A8A90}.search-panel{position:fixed;top:74px;left:0;right:0;z-index:75;background:#F2F5F6;border-bottom:1px solid rgba(90,122,128,.35);padding:18px 0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.search-head{display:flex;justify-content:space-between;align-items:center}.preset-links{display:flex;flex-wrap:wrap;gap:10px}.preset-links a{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border:1px solid #5A7A80;border-radius:6px;color:#1E2A2E;text-decoration:none}.mobile-bar{display:none}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.period-tabs{display:none}.page-main{padding-top:94px;padding-bottom:60px}.stagger,.category-cards,.status-grid,.feature-grid,.three,.fold{grid-template-columns:1fr}.stagger .card:nth-child(2){margin-top:0}.record-row{grid-template-columns:1fr}.record-row .image-slot{height:180px}.fold .card:first-child,.fold .card:last-child{border-radius:6px;border:1px solid rgba(30,42,46,.12)}.footer-grid{grid-template-columns:repeat(2,1fr)}.menu-sheet{right:6%;width:88%;bottom:62px}.search-panel{top:0;bottom:0;background:#5A7A80;color:#F2F5F6;padding-top:24px}.search-panel .close-btn{color:#F2F5F6}.search-panel .preset-links a{color:#F2F5F6;border-color:#F2F5F6}.mobile-bar{position:fixed;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);z-index:60;background:#F2F5F6;border-top:1px solid rgba(30,42,46,.12)}.mobile-bar a{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#2E3C42;font-size:13px}.mobile-bar a.is-current{background:#5A7A80;color:#F2F5F6}.site-footer{padding-bottom:92px}.head-actions{gap:4px}.app-link,.menu-btn{padding:0 10px}}