*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;background:#0d0f14;color:#e8ecf4;font-family:Inter,Noto Sans TC,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}input,select,textarea{font:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#23283a;border-radius:4px}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.main-grid{display:grid;grid-template-columns:260px 1fr 280px;grid-template-rows:1fr;flex:1;overflow:hidden;gap:0}.panel{background:#141720;border-right:1px solid #23283a;display:flex;flex-direction:column;overflow:hidden}.panel:last-child{border-right:none}.panel-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #23283a;font-size:11px;font-family:Geist Mono,JetBrains Mono,monospace;letter-spacing:.08em;color:#8b93a8;flex-shrink:0}.panel-head .dot{width:6px;height:6px;border-radius:50%;background:#7c6dfa;box-shadow:0 0 6px #7c6dfa}.panel-head .title{font-weight:600;color:#e8ecf4}.panel-body{flex:1;overflow-y:auto;padding:12px 16px}.topbar{display:grid;grid-template-columns:220px 1fr auto;align-items:center;height:56px;border-bottom:1px solid #23283a;background:#141720;flex-shrink:0;overflow:hidden}.brand{border-right:1px solid #23283a;border-bottom:none;display:flex;align-items:center;gap:12px;padding:0 16px;height:100%}.brand .brand-mark svg{width:28px;height:28px;color:#7c6dfa}.brand .brand-name{font-family:Geist Mono,JetBrains Mono,monospace;font-size:13px;font-weight:700;letter-spacing:.05em;color:#e8ecf4}.brand .brand-tag{font-size:10px;color:#4a5168;margin-top:2px}.index-strip{overflow:hidden;border-right:none;border-bottom:none;border:none;background:transparent}.index-strip .idx-track{overflow:hidden}.index-strip .idx-row{display:flex;animation:scroll-x 30s linear infinite;width:max-content}.index-strip .idx-row:hover{animation-play-state:paused}.index-strip .idx-cell{display:flex;align-items:center;gap:8px;padding:0 24px;border-right:1px solid #23283a;white-space:nowrap;font-family:Geist Mono,JetBrains Mono,monospace;font-size:12px}.index-strip .idx-cell .nm{color:#8b93a8}.index-strip .idx-cell .vl{color:#e8ecf4;font-weight:600}.index-strip .idx-cell .ch{font-size:11px}.index-strip .idx-cell .ch.up{color:#22c55e}.index-strip .idx-cell .ch.dn{color:#ef4444}.index-strip .idx-cell .ch.flat{color:#4a5168}@keyframes scroll-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.controls{display:flex;align-items:center;gap:12px;padding:0 16px;border-left:1px solid #23283a;border-bottom:none;height:100%}.controls .clock{font-family:Geist Mono,JetBrains Mono,monospace;text-align:right}.controls .clock .t{font-size:15px;font-weight:700}.controls .clock .d{font-size:10px;color:#4a5168}.controls .conn{display:flex;align-items:center;gap:4px;font-family:Geist Mono,JetBrains Mono,monospace;font-size:11px}.controls .conn .led{width:7px;height:7px;border-radius:50%;background:#4a5168}.controls .conn.live .led{background:#22c55e;box-shadow:0 0 6px #22c55e;animation:pulse 1.5s infinite}.controls .conn.idle{color:#4a5168}.controls .btn-pwr{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-family:Geist Mono,JetBrains Mono,monospace;font-size:12px;font-weight:600;transition:all .15s}.controls .btn-pwr svg{width:14px;height:14px}.controls .btn-pwr.start{background:#7c6dfa;color:#fff}.controls .btn-pwr.start:hover{background:#9f94fb}.controls .btn-pwr.stop{background:#ef4444;color:#fff}.controls .btn-pwr.stop:hover{background:#f26a6a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.wl-add{display:flex;gap:8px;margin-bottom:12px}.wl-add input{flex:1;background:#0d0f14;border:1px solid #23283a;border-radius:6px;padding:8px 12px;color:#e8ecf4;font-family:Geist Mono,JetBrains Mono,monospace;font-size:13px}.wl-add input:focus{outline:none;border-color:#7c6dfa}.wl-add button{background:#7c6dfa;color:#fff;border-radius:6px;padding:8px 12px;font-size:16px;font-weight:700}.wl-add button:disabled{opacity:.3;cursor:not-allowed}.wl-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;margin-bottom:4px;border:1px solid transparent;cursor:pointer;transition:all .12s;font-family:Geist Mono,JetBrains Mono,monospace}.wl-item:hover{background:#1c2030;border-color:#23283a}.wl-item.active{background:#1c2030;border-color:#7c6dfa}.wl-item.over{border-color:#7c6dfa;opacity:.6}.wl-item .handle{color:#4a5168;cursor:grab;font-size:12px}.wl-item .code{font-size:13px;font-weight:700;color:#e8ecf4}.wl-item .name{font-size:11px;color:#8b93a8;flex:1}.wl-item .type-badge{font-size:10px;padding:1px 6px;border-radius:3px}.wl-item .type-badge.long{background:#7c6dfa33;color:#7c6dfa}.wl-item .type-badge.day{background:#f59e0b33;color:#f59e0b}.wl-item .rm-btn{color:#4a5168;font-size:14px}.wl-item .rm-btn:hover{color:#ef4444}.quote-card{background:#0d0f14;border:1px solid #23283a;border-radius:10px;margin-bottom:12px;overflow:hidden;transition:border-color .15s}.quote-card:hover{border-color:#23283a}.quote-card.expanded{border-color:#7c6dfa}.quote-card.flash-up{border-color:#22c55e;animation:flash-up .5s ease}.quote-card.flash-dn{border-color:#ef4444;animation:flash-dn .5s ease}@keyframes flash-up{40%{background:#22c55e14}}@keyframes flash-dn{40%{background:#ef444414}}.quote-main{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer}.quote-main .q-code{font-family:Geist Mono,JetBrains Mono,monospace;font-size:12px;color:#4a5168}.quote-main .q-name{font-size:13px;font-weight:600;color:#e8ecf4;flex:1}.quote-main .q-price{font-family:Geist Mono,JetBrains Mono,monospace;font-size:18px;font-weight:700}.quote-main .q-price.up{color:#22c55e}.quote-main .q-price.dn{color:#ef4444}.quote-main .q-chg{font-family:Geist Mono,JetBrains Mono,monospace;font-size:12px;text-align:right}.quote-main .q-chg .pct{font-size:11px}.quote-detail{border-top:1px solid #23283a;padding:12px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;font-family:Geist Mono,JetBrains Mono,monospace}.quote-detail .dv .lbl{font-size:10px;color:#4a5168}.quote-detail .dv .val{font-size:12px;color:#e8ecf4}.logs-list{font-family:Geist Mono,JetBrains Mono,monospace;font-size:11px;display:flex;flex-direction:column;gap:2px}.log-row{display:flex;gap:8px;padding:3px 8px;border-radius:4px}.log-row:hover{background:#1c2030}.log-row .ts{color:#4a5168;flex-shrink:0}.log-row .level{font-weight:700;flex-shrink:0;width:36px}.log-row .level.ok{color:#22c55e}.log-row .level.warn{color:#f59e0b}.log-row .level.err{color:#ef4444}.log-row .level.sys{color:#7c6dfa}.log-row .level.info{color:#38bdf8}.log-row .msg{color:#8b93a8}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:24px;background:radial-gradient(ellipse at top,#1a1040,#0d0f14 60%)}.login-page .login-card{background:#141720;border:1px solid #23283a;border-radius:16px;padding:32px;width:360px;display:flex;flex-direction:column;align-items:center;gap:24px}.login-page .login-logo svg{width:48px;height:48px;color:#7c6dfa}.login-page .login-title{font-family:Geist Mono,JetBrains Mono,monospace;font-size:20px;font-weight:700;text-align:center}.login-page .login-title span{color:#7c6dfa}.login-page .login-sub{font-size:13px;color:#8b93a8;text-align:center}.login-page .login-btn{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:#0d0f14;border:1px solid #23283a;border-radius:10px;font-size:14px;font-weight:500;color:#e8ecf4;transition:all .15s}.login-page .login-btn:hover{border-color:#7c6dfa;background:#1c2030}.login-page .login-btn img{width:20px;height:20px}.strategy-page{flex:1;overflow-y:auto;padding:24px}.strategy-page h2{font-family:Geist Mono,JetBrains Mono,monospace;font-size:16px;margin-bottom:16px}.strategy-list{display:flex;flex-direction:column;gap:12px}.strategy-card{background:#141720;border:1px solid #23283a;border-radius:10px;padding:16px;display:flex;align-items:flex-start;gap:16px}.strategy-card .sc-icon{width:36px;height:36px;border-radius:6px;background:#7c6dfa26;display:flex;align-items:center;justify-content:center;color:#7c6dfa;font-size:18px;flex-shrink:0}.strategy-card .sc-info{flex:1}.strategy-card .sc-code{font-family:Geist Mono,JetBrains Mono,monospace;font-size:12px;color:#4a5168}.strategy-card .sc-name{font-size:14px;font-weight:600;color:#e8ecf4}.strategy-card .sc-cond{font-size:12px;color:#8b93a8;margin-top:2px}.strategy-card .sc-active{font-size:10px;padding:2px 8px;border-radius:3px;background:#22c55e26;color:#22c55e}.strategy-card .sc-del{color:#4a5168;font-size:16px}.strategy-card .sc-del:hover{color:#ef4444}.strategy-add-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#7c6dfa;color:#fff;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px}.strategy-add-btn:hover{filter:brightness(1.1)}.settings-page{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:24px;max-width:560px;margin:0 auto;width:100%}.settings-section{background:#141720;border:1px solid #23283a;border-radius:16px;padding:24px}.settings-section h3{font-family:Geist Mono,JetBrains Mono,monospace;font-size:13px;color:#8b93a8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #23283a}.settings-row:last-child{border-bottom:none}.settings-row .sr-label{font-size:14px;color:#e8ecf4}.settings-row .sr-sub{font-size:12px;color:#8b93a8;margin-top:2px}.settings-row .sr-badge{font-size:11px;padding:3px 10px;border-radius:4px}.settings-row .sr-badge.bound{background:#22c55e26;color:#22c55e}.settings-row .sr-badge.unbound{background:#4a516826;color:#4a5168}.settings-row .sr-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;background:#7c6dfa;color:#fff}.settings-row .sr-btn:hover{filter:brightness(1.1)}.settings-row .sr-btn.danger{background:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#141720;border:1px solid #23283a;border-radius:16px;padding:24px;width:440px;max-width:90vw;display:flex;flex-direction:column;gap:16px}.modal h3{font-family:Geist Mono,JetBrains Mono,monospace;font-size:15px}.modal .modal-field{display:flex;flex-direction:column;gap:4px}.modal .modal-field label{font-size:12px;color:#8b93a8}.modal .modal-field input,.modal .modal-field select{background:#0d0f14;border:1px solid #23283a;border-radius:6px;padding:8px 12px;color:#e8ecf4;font-family:Geist Mono,JetBrains Mono,monospace}.modal .modal-field input:focus,.modal .modal-field select:focus{outline:none;border-color:#7c6dfa}.modal .modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal .modal-actions button{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600}.modal .modal-actions button.cancel{background:#0d0f14;color:#8b93a8;border:1px solid #23283a}.modal .modal-actions button.confirm{background:#7c6dfa;color:#fff}.sidebar-nav{width:56px;background:#141720;border-right:1px solid #23283a;display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;flex-shrink:0}.sidebar-nav .nav-item{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#4a5168;transition:all .15s;position:relative}.sidebar-nav .nav-item svg{width:20px;height:20px}.sidebar-nav .nav-item:hover{color:#e8ecf4;background:#1c2030}.sidebar-nav .nav-item.active{color:#7c6dfa;background:#7c6dfa1f}.sidebar-nav .nav-spacer{flex:1}.sidebar-nav .nav-avatar{width:32px;height:32px;border-radius:50%;background:#7c6dfa;overflow:hidden}.sidebar-nav .nav-avatar img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.main-grid{grid-template-columns:1fr;grid-template-rows:auto}.topbar{grid-template-columns:1fr auto}.topbar .index-strip{display:none}}