.app{width:100%;max-width:2200px;margin:0 auto;padding:clamp(.8rem,1.6vw,1.8rem) clamp(.5rem,1.2vw,1.25rem) clamp(1.2rem,2.5vw,2.8rem)}.header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.25rem;margin-bottom:2rem}.brand{display:flex;align-items:center;gap:1rem}.logo{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 8px 28px #3dd6c738}.brand h1{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:.02em}.tagline{margin:.2rem 0 0;font-size:.85rem;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:.5rem;padding:.35rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;max-width:100%;justify-content:flex-end}.desktop-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;width:100%}.tab{border:none;background:transparent;color:var(--muted);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;font-weight:500;transition:background .15s,color .15s;white-space:nowrap;display:inline-flex;align-items:center;gap:.38rem}.tab-icon{display:inline-flex;width:.95rem;height:.95rem}.tab-icon svg{width:100%;height:100%}.tab-label{line-height:1}.desktop-nav .tab-icon{display:none}.desktop-nav.desktop-nav-show-icons .tab-icon{display:inline-flex}.tab-icon-toggle{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:.45rem .7rem;min-height:2.2rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem}.tab-icon-toggle-dot{width:.48rem;height:.48rem;border-radius:999px;background:#6b7280;transition:background .15s}.tab-icon-toggle[aria-pressed=true]{color:var(--accent);border-color:#3dd6c780;background:var(--accent-dim)}.tab-icon-toggle[aria-pressed=true] .tab-icon-toggle-dot{background:#34d399}.tab:hover{color:var(--text)}.tab.active{background:var(--accent-dim);color:var(--accent)}.lang-switch select{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:999px;padding:.45rem .75rem;cursor:pointer}.main{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2vw,1.8rem);box-shadow:0 18px 42px #03081459}.main-loading{min-height:160px;display:grid;place-items:center;color:var(--muted)}.pwa-banner{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:.75rem;margin-bottom:1rem;display:grid;gap:.6rem}@media (min-width: 768px){.header{margin-bottom:1.4rem}.desktop-nav{width:auto;max-width:100%}.main{padding:clamp(1.2rem,1.7vw,2rem)}}@media (min-width: 992px){.header{flex-wrap:nowrap;align-items:center;gap:1rem}.brand{flex:0 0 auto;min-width:240px}.desktop-nav{flex:1 1 auto}}@media (min-width: 1200px){.header{flex-wrap:nowrap;align-items:center;gap:1rem;margin-bottom:1.2rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:14px;background:linear-gradient(120deg,rgba(20,31,55,.88),rgba(16,24,43,.7));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff0f,0 10px 28px #02061447}.brand{min-width:250px}.brand h1{font-size:1.5rem}.tagline{font-size:.84rem}.desktop-nav{flex:1 1 auto;justify-content:flex-start;padding:.3rem;background:linear-gradient(180deg,rgba(27,39,64,.86),rgba(20,30,50,.78));border-radius:12px}.tab{padding:.52rem .88rem;font-size:.9rem}.main{padding:clamp(1.35rem,1.9vw,2.2rem);background:radial-gradient(600px 220px at 10% -30%,rgba(61,214,199,.08),transparent 70%),radial-gradient(500px 260px at 100% 0%,rgba(34,184,207,.08),transparent 66%),var(--bg-elevated)}}@media (min-width: 1536px){.main{padding:2rem}}@media (min-width: 1920px){.header{gap:1.15rem;padding:1rem 1.1rem}.brand h1{font-size:1.58rem}.tab{padding:.56rem .95rem;font-size:.92rem}.main{padding:2.2rem}}@media (min-width: 2560px){.header{margin-bottom:1.4rem}.main{padding:2.4rem;border-radius:16px}}@media (min-width: 900px){.tab{transition:background .2s,color .2s,box-shadow .2s,transform .2s}.tab:hover{background:rgba(61,214,199,.08);box-shadow:inset 0 0 0 1px #3dd6c733;transform:translateY(-1px)}.tab.active{box-shadow:inset 0 0 0 1px #3dd6c76b,0 8px 18px #18caba26}.tab-icon-toggle,.lang-switch select{transition:border-color .2s,box-shadow .2s,background .2s}.tab-icon-toggle:hover,.lang-switch select:hover{border-color:#3dd6c766;box-shadow:0 0 0 3px #3dd6c71a}}.footer{margin-top:2rem;font-size:.8rem;color:var(--muted);line-height:1.6;display:flex;justify-content:center}.beian-list{width:fit-content;max-width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .8rem;padding:.55rem .85rem;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02)}.beian-link{display:inline-flex;align-items:center;gap:.42rem;color:var(--muted);text-decoration:none;transition:color .15s}.beian-link:hover{color:var(--text)}.beian-dot{width:.42rem;height:.42rem;border-radius:999px;background:rgba(61,214,199,.75)}.beian-dot-sec{background:rgba(168,85,247,.8)}@media (max-width: 560px){.beian-list{border-radius:12px;padding:.45rem .6rem;width:100%}.beian-link{width:100%;justify-content:center}}.mobile-tabbar{display:none}@media (max-width: 768px){.app{padding:.9rem .55rem calc(5.3rem + env(safe-area-inset-bottom,0px));width:100%}.header{align-items:stretch;gap:.9rem;margin-bottom:1.2rem}.brand{gap:.75rem}.logo{width:38px;height:38px;border-radius:10px}.brand h1{font-size:1.2rem}.tagline{font-size:.78rem}.desktop-nav{justify-content:flex-end;border:none;background:transparent;padding:0;gap:.4rem}.desktop-nav .tab,.tab-icon-toggle{display:none}.lang-switch select{min-height:2.4rem}.mobile-tabbar{position:fixed;left:max(.8rem,env(safe-area-inset-left,0px));right:max(.8rem,env(safe-area-inset-right,0px));bottom:calc(.55rem + env(safe-area-inset-bottom,0px));z-index:20;display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.45rem;border-radius:14px;border:1px solid var(--border);background:rgba(18,26,46,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mobile-tabbar .tab{flex:0 0 auto;min-height:2.55rem;padding:.44rem .72rem;font-size:.76rem;border-radius:10px;flex-direction:column;justify-content:center;gap:.2rem}.mobile-tabbar .tab-icon{width:.9rem;height:.9rem}.mobile-tabbar .tab-label{max-width:4.3rem;overflow:hidden;text-overflow:ellipsis}.main{padding:1rem;border-radius:12px}.btn,.btn-link{min-height:2.4rem}.footer{margin-top:1.3rem}}@media (max-width: 360px){.app{padding:.65rem .4rem calc(5.1rem + env(safe-area-inset-bottom,0px))}.brand h1{font-size:1.05rem}.tagline{display:none}.main{padding:.8rem}.mobile-tabbar{left:max(.55rem,env(safe-area-inset-left,0px));right:max(.55rem,env(safe-area-inset-right,0px));gap:.25rem;padding:.35rem}.mobile-tabbar .tab{padding:.32rem .52rem;min-height:2.3rem;font-size:.72rem}}:root{--bg: #0c1222;--bg-elevated: #121a2e;--surface: #182238;--border: rgba(255, 255, 255, .08);--text: #e8edf7;--muted: #8b98b3;--accent: #3dd6c7;--accent-dim: rgba(61, 214, 199, .15);--danger: #f87171;--radius: 14px;--font: system-ui, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1a2844 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#132a32 0%,transparent 50%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent)}button,input,select,textarea{font:inherit}