:root{--cursor-paw: url("data:image/svg+xml,%3csvg%20class='icon'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%3e%3cpath%20d='M18.626%204.507c.228.343%201.378.837%202.753.918%203.902.23%201.828%209.501%201.183%2011.433-2.542%207.629-13.348%207.312-16.208%204.133-2.477-2.753-3.624-5.669-5.63-8.68-1.139-1.71-.899-4.611.458-5.968.918-.918%202.296-.918%202.985-1.148.688-.229%200-.459.459-2.065.459-1.607%202.217-2.735%203.214-2.984%202.982-.747%204.535%201.932%205.508%201.607.688-.23%201.904-.831%202.984-.23%202.064%201.148%201.836%202.296%202.294%202.984z'%20fill='%23F2E0C0'%3e%3c/path%3e%3cpath%20d='M10.242%204.493c.409%201.071.037%202.208-.831%202.539-.867.332-1.903-.268-2.312-1.339-.409-1.071-.037-2.208.831-2.539.867-.332%201.903.268%202.312%201.339zM16.824%205.576c.086%201.143-.513%202.12-1.337%202.182-.824.061-1.561-.816-1.646-1.959-.085-1.143.513-2.12%201.337-2.182.824-.062%201.561.815%201.646%201.959zM5.988%209.032c.425.85.169%201.838-.57%202.208-.739.369-1.682-.022-2.106-.873-.425-.85-.17-1.838.569-2.208.739-.369%201.682.022%202.107.873zM20.252%2010.087c-.656.689-1.672.786-2.271.217-.598-.569-.553-1.589.102-2.278.656-.689%201.672-.786%202.271-.217.598.569.553%201.589-.102%202.278zM11.381%2010.655c-.761.363-1.063%201.69-1.418%203.042-.236.451-1.062%201.419-1.062%203.042%200%202.028%201.771.675%203.33%200%201.559-.676%201.371.65%203.756%200%202.48-.676-.571-2.96-1.062-4.055-1.064-2.366-2.836-2.366-3.544-2.029z'%20fill='%23C07028'%3e%3c/path%3e%3c/svg%3e") 12 12, pointer}.stage{position:relative;width:1440px;height:900px;flex-shrink:0;background-size:cover;background-position:center;transform-origin:center}.radio-interface{position:absolute;left:796px;top:359px;width:297px;height:314px;border-radius:16px 24px 24px 10px;background-color:transparent;border:none;display:flex;flex-direction:column;justify-content:space-between;padding:12px 12px 10px;overflow:hidden;box-shadow:none}.lcd-screen{width:273px;height:170px;border-radius:14px;background:linear-gradient(135deg,#3d5947,#2d4438);border:1px solid rgba(204,224,198,.18);display:flex;flex-direction:column;padding:8px 10px;gap:2px;overflow:hidden;position:relative;box-shadow:inset 0 2px 6px #00000059,0 2px 6px #00000040}.status-row{width:100%;height:18px;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.time{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:500;color:#cce0c6;text-shadow:0 0 3px rgba(204,224,198,.45)}.frequency{font-family:Inter,system-ui,sans-serif;font-size:36px;font-weight:700;color:#cce0c6;letter-spacing:2px;text-align:center;line-height:1.2;text-shadow:0 0 4px rgba(204,224,198,.5)}.frequency.off,.station-name.off{opacity:.25}.station-name.off{justify-content:center}.station-row{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;min-height:0;padding-left:12px;margin-top:4px}.station-logo{width:48px;height:48px;border-radius:50%;object-fit:contain;flex-shrink:0;background:#ffffff0d}.station-logo.spinning{animation:logo-spin 6s linear infinite}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.station-logo-placeholder{width:48px;height:48px;border-radius:50%;flex-shrink:0;background:#ffffff0d}.station-text{display:flex;flex-direction:column;gap:2px;min-width:0}.station-name{position:relative;display:flex;flex-direction:row;align-items:flex-end;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;color:#cce0c6;line-height:1.2;padding-right:22px;text-shadow:0 0 3px rgba(204,224,198,.4)}.signal-dot{width:3px;height:3px;border-radius:50%;flex-shrink:0;margin-right:3px;align-self:flex-start}.signal-dot.loading{background-color:#ffc107;box-shadow:0 0 4px 1px #ffc10799;animation:signal-blink 1s ease-in-out infinite}.signal-dot.playing{background-color:#00e676;box-shadow:0 0 5px 1px #00e676b3}.signal-dot.error{background-color:#ff1744;box-shadow:0 0 4px 1px #ff1744b3}@keyframes signal-blink{0%,to{opacity:.3;box-shadow:0 0 2px #ffc1074d}50%{opacity:1;box-shadow:0 0 4px 1px #ffc10799}}.station-name-text{flex:1;min-width:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-name-text{background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;text-align:left;cursor:var(--cursor-paw);transition:text-shadow .12s ease,color .12s ease}.station-name-text:hover,.station-name-text:active{color:#fff;text-shadow:0 0 6px rgba(204,224,198,.7)}.favorite-btn{position:absolute;top:-4px;right:0;background:none;border:none;cursor:var(--cursor-paw);padding:2px;z-index:1;line-height:0}.favorite-btn svg{width:14px;height:14px;transition:transform .15s ease}.favorite-btn:hover svg{transform:scale(1.2)}.favorite-btn.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.favorite-btn.disabled:hover svg{transform:none}.station-info{display:flex;flex-direction:column;gap:1px;font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:400;color:#a9c4a2;line-height:1.2;padding-left:6px}.station-info-line{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-info-tags{font-size:8px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spectrum-canvas{width:100%;height:60px;display:block;border-radius:4px;filter:drop-shadow(0 0 6px rgba(34,211,238,.6))}.pill-row{width:273px;height:52px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;align-self:center}.user-pill{position:relative;width:96px;height:44px;border-radius:22px;background:linear-gradient(135deg,#7a593d,#60442d);border:1px solid rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;cursor:var(--cursor-paw);box-shadow:inset 1px 1px 2px #ffffff26,inset -1px -1px 2px #0003,0 2px 6px #00000040;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.user-pill img{width:20px;height:20px;pointer-events:none}.user-pill:hover{transform:translateY(-1px);box-shadow:inset 1px 1px 2px #fff3,inset -1px -1px 2px #0003,0 4px 10px #0000004d}.user-pill:active,.user-pill.pressed{transform:scale(.94);filter:brightness(.92)}.user-pill.active{box-shadow:inset 1px 1px 2px #ffffff26,inset -1px -1px 2px #0003,inset 0 0 8px #e8d5a880,0 0 10px 1px #e8d5a880}.user-pill.active img{filter:brightness(1.2) drop-shadow(0 0 4px rgba(232,213,168,.9))}.channel-pill{position:relative;width:96px;height:44px;border-radius:22px;background-color:#ede0c6;border:1px solid rgba(120,95,55,.9);display:flex;flex-direction:row;align-items:center;box-shadow:inset 0 1px 1px #fff9,inset 0 -1px 1px #78500026,0 1px 3px #0000001f}.channel-btn{flex:1 1 0;height:100%;background:none;border:none;cursor:var(--cursor-paw);padding:0;line-height:0;display:flex;align-items:center;justify-content:center;transition:transform .1s ease}.channel-btn img{width:16px;height:16px;pointer-events:none}.channel-btn:hover{transform:translateY(-1px)}.channel-btn:hover img{filter:brightness(1.15) drop-shadow(0 0 3px rgba(232,213,168,.8))}.channel-btn:active,.channel-btn.pressed{transform:scale(.85)}.channel-pill-sep{width:1px;height:28px;background:#a88c60}.button-row{width:273px;height:60px;display:flex;flex-direction:row;justify-content:flex-start;gap:8px;margin-bottom:-2px}.stage.stage-night-off .pill-row,.stage.stage-night-off .button-row,.stage.stage-night-off .lcd-screen{filter:brightness(.3);transition:filter .3s ease}.stage.stage-night-off .lcd-screen{border-color:#cce0c61f;box-shadow:inset 0 2px 6px #0000006b,0 1px 4px #0003}.stage.stage-night-off .frequency.off,.stage.stage-night-off .station-name.off{opacity:.6}.radio-button{position:relative;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#d8a85b,#bf893d);border:1px solid rgba(120,80,20,.85);display:flex;align-items:center;justify-content:center;cursor:var(--cursor-paw);box-shadow:inset 1px 1px 2px #fff5c873,inset -1px -1px 2px #78501440,0 2px 8px #0000004d;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.radio-button:hover{transform:translateY(-2px);box-shadow:inset 1px 1px 2px #fffad299,inset -1px -1px 2px #78501440,0 4px 12px #00000059}.radio-button:active,.radio-button.pressed{transform:scale(.92) translateY(1px);box-shadow:inset 2px 2px 3px #78501459,inset -1px -1px 1px #fff5c84d,0 1px 3px #0000001f;filter:brightness(.9)}.radio-button.active{box-shadow:inset 1px 1px 2px #fff5c873,inset -1px -1px 2px #78501440,inset 0 0 8px #ffc1078c,0 0 10px 1px #ffc10799}.radio-button.active img{filter:brightness(1.5) drop-shadow(0 0 5px rgba(255,193,7,.9))}.radio-button img{width:22px;height:22px;pointer-events:none;transition:filter .2s ease}.radio-button:before,.user-pill:before,.channel-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 0 1px #3c230a80,0 0 0 2px #ffffff2e;pointer-events:none}.radio-button.power{margin-left:auto;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#c4682b,#96431f);border:1px solid rgba(120,50,15,.9);box-shadow:inset 1px 1px 2px #ffdcbe66,inset -1px -1px 2px #46190559,0 2px 8px #00000059}.radio-button.power:hover{transform:translateY(-2px);box-shadow:inset 1px 1px 2px #ffdcbe80,inset -1px -1px 2px #46190559,0 4px 12px #0006}.radio-button.power:active,.radio-button.power.pressed{transform:scale(.92) translateY(1px);filter:brightness(.9)}.radio-button.power img{width:26px;height:26px;filter:drop-shadow(0 0 2px rgba(255,255,255,.5))}.radio-button.power.power-on{box-shadow:inset 1px 1px 2px #ffdcbe66,inset -1px -1px 2px #46190559,inset 0 0 10px #00e67680,0 0 12px 1px #00e67699}.radio-button.power.power-on img{filter:brightness(1.5) drop-shadow(0 0 5px rgba(0,230,118,1))}.radio-button.power.power-off img{opacity:.6}.user-menu{position:absolute;top:0;left:0;right:0;bottom:0;background:#2d4438d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:6px 4px;overflow:hidden;z-index:10}.user-menu-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:20px;flex-shrink:0}.user-menu-header-side{width:52px;display:flex;align-items:center}.user-menu-header-title{flex:1;text-align:center;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;color:#cce0c6;text-shadow:0 0 3px rgba(204,224,198,.35)}.user-menu-done{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;color:#007aff;background:none;border:none;cursor:var(--cursor-paw);padding:2px 10px;text-shadow:0 0 3px rgba(0,122,255,.35)}.user-menu-done:hover,.user-menu-done:active{color:#3395ff;text-shadow:0 0 4px rgba(51,149,255,.5)}.user-menu-body{flex:1;min-height:0;overflow-y:auto;padding-top:2px;scrollbar-width:none}.user-menu-body::-webkit-scrollbar{display:none}.user-menu-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.user-menu-card+.user-menu-card{margin-top:10px}.user-menu-contact{padding:10px 12px;display:flex;flex-direction:column;gap:8px}.user-menu-contact-text{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:400;color:#cce0c6;line-height:1.5;margin:0}.user-menu-contact-email{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;color:#d8a85b;text-align:center;-webkit-user-select:text;user-select:text;cursor:text}.user-menu-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;padding:5px 10px;background:none;border:none;text-align:left;cursor:var(--cursor-paw);transition:background .12s ease}.user-menu-row:hover,.user-menu-row:active{background:#cce0c626}.user-menu-card-sep{height:1px;background:#ffffff1f;margin:0 10px}.user-menu-row-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.user-menu-row-icon svg{width:11px;height:11px}.user-menu-row-icon.history{background:#cce0c6}.user-menu-row-icon.fav{background:#e53e3e}.user-menu-row-icon.login{background:#a0aec0}.user-menu-row-icon.help{background:#c07028}.user-menu-row-icon.contact{background:#d8a85b}.user-menu-row-title{flex:1;min-width:0;font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:#cce0c6;line-height:1.2}.user-menu-row-chevron{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;color:#a0aec0;line-height:1}.user-menu-list{list-style:none;margin:0;padding:0}.user-menu-item{display:flex;flex-direction:row;align-items:center;gap:10px;padding:4px 10px;cursor:var(--cursor-paw);transition:background .12s ease}.user-menu-item+.user-menu-item{border-top:1px solid rgba(255,255,255,.08)}.user-menu-item:hover,.user-menu-item:active{background:#cce0c626}.user-menu-item.playing{background:#00e67614}.user-menu-item.playing .user-menu-name{color:#00e676;text-shadow:0 0 4px rgba(0,230,118,.55)}.playing-bars{display:flex;flex-direction:row;align-items:flex-end;gap:2px;height:10px;flex-shrink:0}.playing-bar{width:3px;border-radius:1px;background:#00e676;box-shadow:0 0 4px #00e67699;animation:playing-bounce .9s ease-in-out infinite;transform-origin:bottom}.playing-bar:nth-child(1){height:6px;animation-delay:-.3s}.playing-bar:nth-child(2){height:10px;animation-delay:0s}.playing-bar:nth-child(3){height:8px;animation-delay:-.6s}@keyframes playing-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.user-menu-item-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.user-menu-name{font-family:Inter,system-ui,sans-serif;font-size:12px;font-weight:600;color:#cce0c6;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-sub{font-family:Inter,system-ui,sans-serif;font-size:9px;font-weight:400;color:#a9c4a2;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;overflow:hidden;background-size:cover;background-position:center;cursor:var(--cursor-paw)}.help-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a73;pointer-events:none}.help-overlay-topbar{position:relative;z-index:1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 24px 10px;flex-shrink:0}.help-overlay-done{font-size:16px;padding:4px 14px}.help-overlay-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#C07028 rgba(255,255,255,.08);padding:10px 40px 40px;margin:0 60px;background:#2d4438b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(204,224,198,.18)}.help-overlay-body::-webkit-scrollbar{width:8px}.help-overlay-body::-webkit-scrollbar-track{background:#ffffff14;border-radius:4px}.help-overlay-body::-webkit-scrollbar-thumb{background:#c07028;border-radius:4px}.help-overlay-body::-webkit-scrollbar-thumb:hover{background:#d8a85b}.help-overlay-body .help-h1{font-family:Inter,system-ui,sans-serif;font-size:26px;font-weight:700;color:#f2e0c0;margin:8px 0 12px}.help-overlay-body .help-h2{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:600;color:#d8a85b;margin:20px 0 8px;padding-bottom:4px;border-bottom:1px solid rgba(216,168,91,.25)}.help-overlay-body p{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;color:#cce0c6;line-height:1.7;margin:6px 0}.help-overlay-body strong{color:#f2e0c0}.help-overlay-body .help-quote{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#a9c4a2;font-style:italic;margin:8px 0;padding:6px 12px;border-left:3px solid #C07028;background:#ffffff0d;border-radius:0 6px 6px 0}.help-overlay-body .help-ul{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#cce0c6;line-height:1.7;margin:6px 0;padding-left:22px}.help-overlay-body .help-ul li{margin:4px 0}.help-overlay-body .help-table{width:100%;border-collapse:collapse;margin:10px 0;font-family:Inter,system-ui,sans-serif;font-size:13px;color:#cce0c6;line-height:1.6}.help-overlay-body .help-table th,.help-overlay-body .help-table td{border:1px solid rgba(204,224,198,.18);padding:8px 10px;text-align:left;vertical-align:top}.help-overlay-body .help-table th{background:#ffffff14;color:#f2e0c0;font-weight:600}.help-overlay-body .help-closing{text-align:center;margin-top:16px;color:#d8a85b;font-weight:600}*{box-sizing:border-box;margin:0;padding:0}html,body,#root,.app{width:100%;height:100%;overflow:hidden}.app{display:flex;align-items:center;justify-content:center;background:#1a1a1a}.beian{position:fixed;bottom:8px;left:0;right:0;text-align:center;z-index:10}.beian a{font-size:12px;color:#ffffff8c;text-decoration:none}.beian a:hover{text-decoration:underline}