:root,[data-theme=light]{--md3e-primary:#6750A4;--md3e-on-primary:#FFFFFF;--md3e-primary-container:#EADDFF;--md3e-on-primary-container:#21005D;--md3e-secondary:#625B71;--md3e-on-secondary:#FFFFFF;--md3e-secondary-container:#E8DEF8;--md3e-on-secondary-container:#1D192B;--md3e-tertiary:#7D5260;--md3e-tertiary-container:#FFD8E4;--md3e-surface:#f0f0f5;--md3e-surface-dim:#DED8E1;--md3e-surface-container:#F3EDF7;--md3e-surface-container-low:#F7F2FA;--md3e-on-surface:#1D1B20;--md3e-on-surface-variant:#49454F;--md3e-outline:#CAC4D0;--md3e-outline-variant:#E7E0EC;--md3e-error:#B3261E;--card-bg:rgba(255,255,255,0.8);--card-solid:#ffffff;--card-blur:blur(20px);--text-color:#1D1B20;--text-secondary:#49454F}[data-theme=dark]{--md3e-primary:#D0BCFF;--md3e-on-primary:#381E72;--md3e-primary-container:#4F378B;--md3e-on-primary-container:#EADDFF;--md3e-secondary:#CCC2DC;--md3e-on-secondary:#332D41;--md3e-secondary-container:#4A4458;--md3e-on-secondary-container:#E8DEF8;--md3e-tertiary:#EFB8C8;--md3e-tertiary-container:#633B48;--md3e-surface:#141218;--md3e-surface-dim:#141218;--md3e-surface-container:#211F26;--md3e-surface-container-low:#1D1B20;--md3e-on-surface:#E6E0E9;--md3e-on-surface-variant:#CAC4D0;--md3e-outline:#938F99;--md3e-outline-variant:#49454F;--md3e-error:#F2B8B5;--card-bg:rgba(33,31,38,0.8);--card-solid:#211f26;--card-blur:blur(20px);--text-color:#E6E0E9;--text-secondary:#CAC4D0}*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-noto-sc),"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--md3e-surface);color:var(--md3e-on-surface);min-height:100vh;transition:background-color .5s cubic-bezier(.2,0,0,1),color .5s cubic-bezier(.2,0,0,1)}.app-container{min-height:100vh;padding:24px;position:relative;transition:background .5s cubic-bezier(.2,0,0,1)}.app-container.bg-white{background:#f0f0f5}.app-container.bg-black{background:#000000}.app-container.bg-wolfx{background:transparent}.wallpaper-layer{position:fixed;inset:-80px;z-index:-1;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:filter .5s ease}.app-container.bg-green,body.bg-transparent{background:transparent}.controls-fab{position:fixed;top:24px;right:24px;z-index:800;flex-direction:row-reverse;gap:12px;transition:opacity .5s ease}.controls-fab,.fab-btn{display:flex;align-items:center}.fab-btn{justify-content:center;border:none;cursor:pointer;transition:all .4s cubic-bezier(.2,0,0,1);font-family:inherit}.fab-btn:disabled{opacity:.35;cursor:not-allowed}.fab-primary{width:56px;height:56px;border-radius:20px;background:var(--md3e-primary-container);color:var(--md3e-on-primary-container);font-size:24px;box-shadow:0 4px 16px rgba(0,0,0,.15)}.fab-primary:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(0,0,0,.2);border-radius:24px}.fab-menu{display:flex;flex-direction:row;gap:8px;opacity:0;transform:translateX(20px) scale(.8);pointer-events:none;transition:all .4s cubic-bezier(.2,0,0,1)}.fab-menu.expanded{opacity:1;transform:translateX(0) scale(1);pointer-events:all}.fab-secondary{width:44px;height:44px;border-radius:14px;background:var(--md3e-surface-container);color:var(--md3e-on-surface-variant);box-shadow:0 2px 12px rgba(0,0,0,.1)}.fab-secondary:hover{background:var(--md3e-primary-container);color:var(--md3e-on-primary-container);transform:scale(1.1);border-radius:18px}.fab-active{background:var(--md3e-primary)!important;color:var(--md3e-on-primary)!important}.status-bar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--md3e-surface-container);border:1px solid var(--md3e-outline-variant);border-radius:20px;width:-moz-fit-content;width:fit-content;margin:0 auto 24px;transition:opacity .5s ease}.controls-fab.ui-idle,.status-bar.ui-idle{opacity:0;pointer-events:none}.status-dot{color:#4caf50;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:13px;font-weight:500;color:var(--md3e-on-surface-variant)}.station-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:20px;gap:20px}.station-grid,.station-grid-mini{display:grid;max-width:1400px;margin:0 auto;padding-top:48px}.station-grid-mini{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--md3e-on-surface-variant);opacity:.6}.empty-state p{font-size:20px;font-weight:600;margin-top:16px}.empty-hint{font-size:14px!important;font-weight:400!important;margin-top:8px!important}@media (max-width:768px){.app-container{padding:16px}.station-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-top:40px}.controls-fab{top:16px;right:16px}.fab-primary{width:48px;height:48px;border-radius:16px;font-size:20px}.fab-secondary{width:40px;height:40px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md3e-outline);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--md3e-on-surface-variant)}