:root{--bg:#EEF4FB;--deep:#D6E4F4;--surface:#F7FAFD;--soft:#E4EEF8;--title:#141820;--text:#1E2834;--muted:#4A5A6E;--light:#6A7A8E;--red:#C81E2E;--ice:#4A7AB8;--navy:#1A2A44;--frost:#F7FAFD;--border:rgba(20,24,32,.12);--accent-border:rgba(200,30,46,.45);--shadow:0 12px 28px rgba(26,42,68,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;object-fit:contain;object-position:center}.top-strip{position:fixed;z-index:80;top:0;left:0;right:0;height:20px;background:var(--navy);color:var(--frost);font-size:12px}.top-strip>div{max-width:960px;margin:auto;height:20px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.text-action{background:none;border:0;color:var(--frost);padding:0 6px;cursor:pointer}.brand-bar{position:fixed;z-index:79;top:20px;left:0;right:0;height:54px;background:var(--frost);border-bottom:1px solid var(--accent-border);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 960px)/2));}.brand-home{min-height:44px;display:flex;align-items:center;font-size:16px;font-weight:800;color:var(--navy)}.brand-home img{height:24px;width:auto}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button,.btn-primary,.btn-secondary{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border-radius:8px;font-size:14px;transition:.22s ease;white-space:nowrap}.app-link,.btn-secondary{background:var(--frost);border:1px solid var(--red);color:var(--title)}.menu-button,.btn-primary{border:0;background:linear-gradient(135deg,#1A2A44 0%,#C81E2E 100%);color:var(--frost);box-shadow:0 0 0 0 rgba(200,30,46,0);cursor:pointer}.menu-button:hover,.menu-button:focus-visible,.btn-primary:hover,.btn-primary:focus-visible{box-shadow:0 0 18px rgba(200,30,46,.50),0 0 4px rgba(74,122,184,.35)}.menu-button:active,.btn-primary:active{box-shadow:0 0 26px rgba(200,30,46,.75)}.quick-nav{position:fixed;z-index:70;top:74px;left:0;right:0;height:44px;background:var(--frost);display:flex;gap:28px;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.quick-item{display:flex;align-items:center;gap:8px;font-size:13px;min-height:44px}.quick-item i{display:block;width:10px;height:10px;border-radius:50%;border:2px solid var(--ice)}.quick-item.is-current i{background:var(--red);border-color:var(--red);box-shadow:0 0 18px rgba(200,30,46,.5),0 0 4px rgba(74,122,184,.35)}#main-content{padding-top:138px}.page-shell{max-width:960px;margin:0 auto;padding:28px 16px 56px}.hero-intro{padding:24px 0 18px}.eyebrow{font-size:12px;color:var(--red);font-weight:800;letter-spacing:.08em}.hero-intro h1,.page-title h1{font-size:24px;line-height:1.3;color:var(--title);margin:8px 0 12px}.hero-intro .lead,.page-title .lead{max-width:760px;margin:0;color:var(--muted)}h2{font-size:20px;line-height:1.35;color:var(--title);margin:0 0 12px}h3{font-size:16px;color:var(--title);margin:0 0 8px}.section{margin:26px 0;padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:8px;box-shadow:var(--shadow)}.section.soft{background:var(--soft)}.section.deep{background:var(--deep)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.image-slot{background:var(--frost);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%}.image-wide{width:100%;height:168px}.image-mid{width:100%;height:160px}.ice-cut{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:center}.ice-cut .image-slot{width:280px;height:176px;border-radius:28px 8px 28px 8px}.two-cold{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.cold-card{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.door-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.door-card{border-left:4px solid var(--ice);padding:18px;background:var(--frost);border-radius:0 8px 8px 0}.shelf-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.shelf-card{padding:18px;border-top:3px solid var(--red);background:var(--surface);border-radius:8px;box-shadow:var(--shadow)}.period-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period-row article,.status-row article{padding:16px;background:var(--frost);border:1px solid var(--border);border-radius:8px}.status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wrap-door{display:grid;grid-template-columns:1fr 240px;gap:24px;align-items:start}.wrap-door .image-slot{width:240px;height:320px}.wrap-door .app-icon{width:48px;height:48px;margin:0 0 10px auto}.index-dots{display:flex;gap:18px;margin-bottom:14px}.index-dots a{font-size:13px;display:flex;align-items:center;gap:7px}.index-dots a::before{content:"";width:10px;height:10px;border:2px solid var(--ice);border-radius:50%}.read-more{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.read-more-links{display:flex;flex-wrap:wrap;gap:10px}.read-more a{padding:9px 12px;background:var(--frost);border:1px solid var(--border);border-radius:8px}.memo-list{display:grid;gap:12px}.memo-list article{padding:16px;background:var(--frost);border:1px solid var(--border);border-radius:8px}.topic-list{display:grid;gap:14px}.topic-list article{padding:18px;background:linear-gradient(90deg,var(--surface),var(--soft));border-left:4px solid var(--red);border-radius:0 8px 8px 0}.center-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.center-cards article{text-align:center;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.terms section{padding:16px 0;border-bottom:1px solid var(--border)}.faq-list details{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin:10px 0}.faq-list summary{font-weight:800;color:var(--title);cursor:pointer}.faq-list p{margin:10px 0 0}.about-banner{height:200px;width:100%;margin:16px 0 22px}.site-footer{background:var(--navy);color:var(--frost);border-top:2px solid var(--red);font-size:13px}.footer-inner{max-width:960px;margin:auto;padding:28px 16px 78px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.footer-brand img{height:24px;width:auto}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups nav{display:grid;align-content:start;gap:5px}.footer-groups h2{font-size:14px;color:var(--frost);margin:0 0 7px}.footer-groups a{color:#EEF4FB}.side-menu{position:fixed;z-index:110;left:0;top:0;bottom:0;width:300px;max-height:70vh;margin-top:15vh;background:var(--frost);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:.22s ease;border-radius:0 8px 8px 0;box-shadow:var(--shadow);overflow:auto}.side-menu.open{transform:translateX(0);visibility:visible;pointer-events:auto}.menu-head{position:sticky;top:0;background:var(--frost);display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid var(--border)}.menu-head img{height:24px;width:auto}.menu-head button{margin-left:auto;min-height:44px;background:none;border:1px solid var(--border);border-radius:8px}.menu-sections{padding:8px 14px 18px}.menu-sections section{margin:10px 0}.menu-sections h2{font-size:14px;color:var(--red);margin:4px 0}.menu-sections a{display:grid;padding:9px 0;border-bottom:1px solid var(--border)}.menu-sections span{font-size:12px;color:var(--muted)}.overlay{position:fixed;inset:0;z-index:100;background:rgba(20,24,32,.42);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.search-panel{position:fixed;z-index:115;top:74px;left:50%;width:min(620px,calc(100% - 32px));transform:translate(-50%,-18px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.search-panel.open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-card{background:var(--frost);padding:18px;border-radius:0 0 8px 8px;box-shadow:var(--shadow)}.search-top{display:flex;align-items:center;justify-content:space-between}.search-top button{min-height:44px;border:1px solid var(--border);background:var(--surface);border-radius:8px}.search-presets{display:flex;flex-wrap:wrap;gap:8px}.search-presets a{padding:9px 12px;background:var(--soft);border-radius:8px}.mobile-bottom{display:none}.note{color:var(--muted)}:focus-visible{outline:3px solid rgba(74,122,184,.45);outline-offset:2px}@media(max-width:700px){.quick-nav{display:none}#main-content{padding-top:94px}.page-shell{padding:20px 16px 72px}.brand-bar{padding:0 16px}.brand-actions{gap:6px}.app-link,.menu-button{min-height:44px;padding:0 12px}.ice-cut,.two-cold,.door-pages,.shelf-cards,.period-row,.status-row,.wrap-door,.center-cards{grid-template-columns:1fr}.ice-cut .image-slot{width:280px;max-width:100%;margin:auto}.wrap-door .image-slot{width:240px;max-width:100%;margin:auto}.footer-groups{grid-template-columns:1fr 1fr}.side-menu{width:86%;max-height:100vh;margin-top:0;border-radius:0}.search-panel{inset:0;width:100%;transform:none;background:var(--navy);color:var(--frost);padding:16px}.search-panel.open{transform:none}.search-card{background:var(--navy);color:var(--frost);box-shadow:none;border-radius:0}.search-card h2,.search-card p{color:var(--frost)}.search-presets a{background:rgba(247,250,253,.12);color:var(--frost)}.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:75;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:var(--frost);border-top:1px solid var(--border)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.active{background:var(--red);color:var(--frost)}.footer-inner{padding-bottom:90px}}