.header-bar{position:sticky;top:0;z-index:200}.sec-bar{height:var(--sec-bar-h, 28px);background:var(--red);color:#fff;text-align:center;font-size:10px;font-weight:700;letter-spacing:3px;padding:0 12px;text-transform:uppercase;white-space:nowrap;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:sec-bar-enter .6s ease-out both}@keyframes sec-bar-enter{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.top-nav{position:relative;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:24px;padding:0 28px;height:44px}.nav-logo{font-size:13px;font-weight:700;color:var(--red);letter-spacing:1px;text-decoration:none;flex-shrink:0;cursor:pointer}.nav-burger{display:none;background:transparent;border:1px solid var(--border);color:var(--muted);font-size:18px;width:44px;height:44px;border-radius:6px;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;margin-left:auto;transition:color .15s,border-color .15s,background .15s}.nav-burger:hover{color:var(--text);border-color:var(--accent)}.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;overflow:hidden;flex:1;min-width:0}.nav-link{font-size:11px;color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:4px;transition:color .15s,background .15s;white-space:nowrap;cursor:pointer}.nav-link:hover{color:var(--text);background:#ffffff0a}.nav-link.active{color:var(--accent);background:#4a9eff14}.nav-link-sub{font-size:10px;opacity:.7}.nav-link-sub:hover{opacity:1}.nav-sep{color:var(--border);font-size:12px;margin:0 2px}.nav-overlay{display:none;background:none;border:none;cursor:default;padding:0}@media(max-width:900px){.nav-link-sub,.nav-sep{display:none}}@media(max-width:700px){.sec-bar{font-size:8px;letter-spacing:1.5px}.nav-inner{padding:0 14px;gap:10px}.nav-burger{display:flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:8px 14px 12px;gap:2px;box-shadow:0 8px 30px #00000080}.nav-links.nav-links-open{display:flex;animation:slide-right .18s ease both}.nav-links.nav-links-open .nav-link-sub{display:block}.nav-links.nav-links-open .nav-sep{display:block;margin:4px 0;opacity:.3}.nav-link{font-size:13px;padding:10px 12px;border-radius:6px}.nav-link:hover{background:#ffffff0f}.nav-link-sub{font-size:12px;opacity:.6;padding-left:20px}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:140}}@media(max-width:420px){.sec-bar{font-size:8px;letter-spacing:1px;padding:0 6px}}.fab-stack{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom,0px));right:24px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.fab-lang,.fab-top{width:42px;height:42px;border-radius:50%;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0006;transition:background .2s,border-color .2s,transform .15s,opacity .2s;font-family:SF Mono,Fira Code,Menlo,monospace}.fab-lang{background:var(--surface2);color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.5px}.fab-lang:hover{background:var(--surface);border-color:var(--accent);transform:translateY(-2px)}.fab-lang-open{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.12);box-shadow:0 6px 24px #4a9eff73}.fab-lang-open:hover{background:var(--accent);transform:scale(1.12)}.fab-top{background:var(--surface);color:var(--amber);font-size:18px;line-height:1;animation:fab-enter .2s ease both}.fab-top:hover{background:var(--surface2);border-color:var(--amber);transform:translateY(-2px)}@keyframes fab-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lang-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:998;animation:lang-fade .3s ease both}.lang-backdrop-out{animation:lang-fade-out .3s ease both}.lang-picker{position:absolute;bottom:calc(100% + 10px);right:0;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:6px;box-shadow:0 24px 64px #000000a6,0 0 0 1px #ffffff0f;transform-origin:bottom right;animation:lang-bloom .4s cubic-bezier(.34,1.56,.64,1) both;overscroll-behavior:contain}.lang-picker-out{animation:lang-bloom-out .35s cubic-bezier(.36,0,.66,-.56) both}@keyframes lang-bloom{0%{opacity:0;transform:scale(.78) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes lang-bloom-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.78) translateY(10px)}}@keyframes lang-fade{0%{opacity:0}to{opacity:1}}@keyframes lang-fade-out{0%{opacity:1}to{opacity:0}}.lang-picker-title{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:6px 10px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.lang-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s}.lang-opt:hover{background:#ffffff0f}.lang-opt-active{background:#4a9eff1a}.lang-opt-active:hover{background:#4a9eff29}.lang-opt-icon{width:34px;height:34px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;font-family:SF Mono,Fira Code,Menlo,monospace;transition:background .15s,color .15s}.lang-opt-active .lang-opt-icon{background:var(--accent);color:#fff;border-color:var(--accent)}.lang-opt-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.lang-opt-name{font-size:13px;font-weight:600;color:var(--text)}.lang-opt-active .lang-opt-name{color:var(--accent)}.lang-opt-sub{font-size:10px;color:var(--muted)}.lang-opt-check{color:var(--accent);font-size:15px;font-weight:700;flex-shrink:0;line-height:1}@media(max-width:700px){.fab-stack{right:16px;bottom:calc(20px + env(safe-area-inset-bottom,0px))}.fab-lang,.fab-top{width:38px;height:38px}.fab-lang{font-size:11px}.fab-top{font-size:16px}.lang-picker{right:0;min-width:190px}}@media(max-width:420px){.fab-stack{right:10px;bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:6px}.fab-lang,.fab-top{width:34px;height:34px;box-shadow:0 3px 12px #00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fab-lang{font-size:10px;background:#111e2dd9}.fab-top{font-size:14px;background:#0d1520d9}.lang-picker{min-width:180px}}@media(max-width:900px){.player-app~.fab-stack{bottom:calc(64px + env(safe-area-inset-bottom,0px))}}@media(max-width:420px){.player-app~.fab-stack{bottom:calc(56px + env(safe-area-inset-bottom,0px))}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sec-bar-h: 28px;--nav-h: 44px;--audio-bar-h: 52px;--bars-total: 124px;--bg: #070b10;--surface: #0d1520;--surface2: #111e2d;--border: #1a2840;--text: #c8d8e8;--muted: #4a6070;--red: #ff4444;--blue: #4a9eff;--amber: #e8c060;--green: #66cc99;--purple: #b08cff;--crimson: #cc2222;--surveillance: #22cc88;--orange: #ff8833;--accent: #4a9eff;--hi-en-bg: rgba(74, 158, 255, .22);--hi-zh-bg: rgba(232, 192, 96, .22)}html{height:100%;scroll-behavior:smooth;color-scheme:dark}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:SF Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;overflow-x:hidden;-webkit-text-size-adjust:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-size:150px 150px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:#6bb3ff}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.fab-lang:focus-visible,.fab-top:focus-visible{outline-offset:3px;border-radius:50%}.nav-link:focus-visible{outline:1px solid var(--accent);outline-offset:0;background:#4a9eff14}button,a,[role=button]{-webkit-tap-highlight-color:transparent}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-scale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.skeleton-page{max-width:800px;margin:80px auto 0;padding:24px}.skeleton-bar{background:var(--surface2);border-radius:4px;animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-bar-title{width:40%;height:20px;margin-bottom:16px}.skeleton-bar-text{width:100%;height:12px;margin-bottom:10px}.skeleton-bar-text:nth-child(odd){width:85%}.skeleton-bar-text:last-child{width:60%}@keyframes skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}