:root{--bg: #0b0f14;--panel: #0d1218;--panel-2: #10161d;--border: #1a2530;--text: #dbe4ee;--text-dim: #7f8b99;--up: #f6465d;--down: #2ebd85;--accent: #3b82f6;--warn: #f59e0b;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px}button{font-family:inherit}.game-page{display:flex;flex-direction:column;gap:10px;height:100dvh;max-width:1240px;margin:0 auto;padding:10px 14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.logo{margin:0;font-size:20px;font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#f6465d,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.logo-wrap{display:flex;flex-direction:row;align-items:center;line-height:1.2}.logo-img{width:24px;height:24px;object-fit:contain;flex-shrink:0;margin-right:8px;border-radius:6px}.logo-tags{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin-left:10px;padding-left:10px;border-left:1px solid var(--border);line-height:1.4}.logo-subtitle{margin:0;font-size:9px;font-weight:500;letter-spacing:.5px;color:var(--text-dim)}.logo-subtitle--badge{border:1px solid rgba(245,158,11,.35);background:#f59e0b14;color:#f59e0b;border-radius:999px;padding:0 6px;line-height:1.1;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim)}.topbar-right strong{color:var(--text);font-variant-numeric:tabular-nums}.topbar-btn{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .12s ease,border-color .12s ease,background .12s ease}.topbar-btn:hover{color:var(--text);border-color:#334155}.topbar-btn--primary{border-color:#3b82f699;background:#3b82f626;color:#93c5fd}.topbar-btn--primary:hover{background:#3b82f647;color:#bfdbfe}.topbar-btn--warn{border-color:#f59e0b99;background:#f59e0b26;color:#fbbf24}.topbar-btn--warn:hover{background:#f59e0b47;color:#fde68a}.total-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);padding:5px 12px;font-size:12px;color:var(--text-dim);white-space:nowrap;cursor:default}.total-chip-emoji{font-size:14px;line-height:1}.total-chip-score{font-size:13px;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.total-chip-return{font-weight:700;font-variant-numeric:tabular-nums}.total-chip-return.up{color:var(--up)}.total-chip-return.down{color:var(--down)}.total-chip-grade{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#94a3b824;color:var(--text-dim)}.shorting-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--text-dim);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.shorting-toggle .switch{position:relative;width:34px;height:19px;border-radius:20px;background:#26303b;border:1px solid var(--border);transition:background .15s ease,border-color .15s ease;flex-shrink:0}.shorting-toggle .switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#94a3b8;transition:transform .15s ease,background .15s ease}.shorting-toggle input{position:absolute;opacity:0;width:0;height:0}.shorting-toggle input:checked+.switch{background:#3b82f652;border-color:#3b82f6b3}.shorting-toggle input:checked+.switch:after{transform:translate(15px);background:#93c5fd}.shorting-toggle.on{color:#93c5fd}.shorting-toggle.disabled{opacity:.55;cursor:not-allowed}.strategy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);padding:8px 10px}.strategy-row-label{font-size:12px;color:#c4b5fd;font-weight:700;white-space:nowrap}.strategy-chip{display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);border-radius:8px;padding:6px 12px;cursor:pointer;min-width:110px;transition:border-color .12s ease,color .12s ease,background .12s ease}.strategy-chip:not(:disabled):hover{border-color:#a78bfa8c;color:var(--text)}.strategy-chip.active{border-color:#a78bfabf;background:#a78bfa1a;color:#c4b5fd}.strategy-chip:disabled{opacity:.5;cursor:not-allowed}.strategy-chip-name{font-size:13px;font-weight:700}.strategy-chip-desc{font-size:10px;color:var(--text-dim)}.strategy-hint{font-size:11px;color:var(--warn);white-space:nowrap}.param-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-left:8px;border-left:1px dashed var(--border)}.param-field{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--text-dim);white-space:nowrap}.param-label{font-weight:600}.param-field input{width:58px;padding:4px 6px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:12px;text-align:right;font-variant-numeric:tabular-nums;transition:border-color .12s ease,background .12s ease}.param-field input:focus{outline:none;border-color:#a78bfab3;background:#a78bfa0f}.param-field input:disabled{opacity:.5;cursor:not-allowed}.param-unit{font-size:11px;color:var(--text-dim)}.param-apply{border:1px solid rgba(167,139,250,.55);background:#a78bfa1f;color:#c4b5fd;border-radius:8px;padding:5px 12px;font-size:12px;cursor:pointer;white-space:nowrap;transition:color .12s ease,border-color .12s ease,background .12s ease}.param-apply:not(:disabled):hover{background:#a78bfa3d;color:#ddd6fe}.param-apply:disabled{opacity:.5;cursor:not-allowed}.stock-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;border:1px solid var(--border);border-radius:8px;background:var(--panel-2);padding:8px 14px}.stock-identity{display:flex;align-items:center;gap:10px}.stock-name{font-size:18px;font-weight:700}.stock-code{color:var(--text-dim);font-variant-numeric:tabular-nums}.stock-round{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#94a3b824;color:var(--text-dim);white-space:nowrap}.stock-quote{display:flex;align-items:baseline;gap:12px}.stock-price{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.5px}.change{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.stock-meta{display:flex;gap:18px;font-size:12px;color:var(--text-dim)}.meta-item strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.meta-item strong.up{color:var(--up)}.meta-item strong.down{color:var(--down)}.chart-area{flex:1;min-height:300px;border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column}.chart-tabs{display:flex;gap:2px;padding:6px 8px 0;border-bottom:1px solid var(--border);background:var(--panel-2);flex-shrink:0}.chart-tab-group{display:flex;gap:2px}.chart-tab-group--right{margin-left:auto;border-left:1px solid var(--border);padding-left:6px}.chart-tab{border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-dim);font-size:12px;padding:6px 14px;cursor:pointer;white-space:nowrap;transition:color .12s ease}.chart-tab:not(:disabled):hover{color:var(--text)}.chart-tab.active{color:#93c5fd;border-bottom-color:var(--accent);font-weight:600}.chart-tab:disabled{opacity:.55;cursor:not-allowed}.indicator-groups{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:6px 8px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.indicator-groups-label{font-size:11px;color:var(--text-dim);font-weight:700;margin-right:4px;white-space:nowrap}.indicator-group-chip{border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);font-size:11px;line-height:1;padding:5px 10px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,color .12s ease,background .12s ease}.indicator-group-chip:not(:disabled):hover{border-color:#93c5fd8c;color:var(--text)}.indicator-group-chip.active{border-color:#93c5fdb3;background:#93c5fd1f;color:#93c5fd;font-weight:600}.settings-modal{width:min(520px,100%)}.settings-section{margin-bottom:18px}.settings-section:last-child{margin-bottom:0}.settings-section-label{display:block;font-size:12px;font-weight:700;color:var(--text-dim);margin-bottom:8px}.settings-options{display:flex;flex-wrap:wrap;gap:6px}.settings-chip{border:1px solid var(--border);background:var(--panel);color:var(--text-dim);font-size:12px;line-height:1;padding:7px 13px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .12s ease,color .12s ease,background .12s ease}.settings-chip:hover{border-color:#93c5fd8c;color:var(--text)}.settings-chip.active{border-color:#93c5fdb3;background:#93c5fd1f;color:#93c5fd;font-weight:600}.settings-hint{margin:10px 0 0;font-size:11px;line-height:1.6;color:var(--text-dim)}.settings-number-field{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text)}.settings-number-field input{width:64px;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font-size:13px;text-align:center;font-variant-numeric:tabular-nums;transition:border-color .12s ease,background .12s ease}.settings-number-field input:focus{outline:none;border-color:#93c5fdb3;background:#93c5fd0f}.feedback-modal{width:min(560px,100%)}.rules-modal{width:min(680px,100%)}.rules-body{display:flex;flex-direction:column;gap:18px}.rules-section h3{margin:0 0 8px;font-size:15px;font-weight:800}.rules-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;color:var(--text-dim);font-size:13px;line-height:1.6}.rules-term{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:10px 12px}.rules-term-name{display:inline-block;margin-bottom:4px;font-size:14px;font-weight:800}.rules-term--bull{color:var(--up)}.rules-term--bear{color:var(--down)}.rules-term--flat{color:#94a3b8}.rules-term p{margin:0;color:var(--text-dim);font-size:13px;line-height:1.6}.feedback-form{display:flex;flex-direction:column;gap:14px}.feedback-field{display:flex;flex-direction:column;gap:6px;min-width:0}.feedback-label{font-size:12px;font-weight:700;color:var(--text-dim)}.feedback-required{margin-left:2px;color:#f6465d}.feedback-input,.feedback-textarea{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;padding:8px 10px;font-size:13px;font-family:inherit;transition:border-color .12s ease}.feedback-input:focus,.feedback-textarea:focus{outline:none;border-color:#3b82f6b3}.feedback-textarea{resize:vertical;min-height:96px}.feedback-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feedback-error{margin:0;font-size:12px;line-height:1.6;color:#f6465d}.feedback-contact-hint{margin:-4px 0 0;font-size:11px;line-height:1.6;color:var(--text-dim)}.feedback-success{padding:30px 12px 20px;text-align:center}.feedback-success-title{margin:0 0 8px;font-size:17px;font-weight:800}.feedback-success-text{margin:0;font-size:13px;line-height:1.7;color:var(--text-dim)}.chart-body{flex:1;min-height:0;position:relative}.status-line{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(246,70,93,.5);background:#f6465d14;color:#fda4af;border-radius:8px;padding:10px 14px;font-size:13px}.error-banner button{border:1px solid rgba(246,70,93,.6);background:#f6465d1f;color:#fda4af;border-radius:6px;padding:5px 14px;cursor:pointer;white-space:nowrap}.error-banner button:hover{background:#f6465d38}.error-text{display:flex;flex-direction:column;gap:4px}.error-hint{color:#9ca3af;font-size:11px;line-height:1.5}.decision-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;position:relative}.decision-controls{position:relative;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.decision-loading-tip{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px;pointer-events:none;z-index:1}.decision-row--two{grid-template-columns:repeat(2,1fr)}.decision-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;border-radius:10px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.decision-btn:not(:disabled):hover{transform:translateY(-2px)}.decision-bull:not(:disabled){border-color:#f6465d8c}.decision-bull:not(:disabled):hover{box-shadow:0 0 18px #f6465d47;background:#f6465d14}.decision-bear:not(:disabled){border-color:#2ebd858c}.decision-bear:not(:disabled):hover{box-shadow:0 0 18px #2ebd8547;background:#2ebd8514}.decision-flat:not(:disabled){border-color:#94a3b873}.decision-flat:not(:disabled):hover{box-shadow:0 0 18px #94a3b838;background:#94a3b812}.decision-btn:disabled{opacity:.45;cursor:not-allowed}.decision-symbol{font-size:20px;line-height:1;font-weight:800}.decision-bull .decision-symbol{color:var(--up)}.decision-bear .decision-symbol{color:var(--down)}.decision-flat .decision-symbol{color:#94a3b8}.decision-label{font-size:16px;font-weight:700}.decision-desc{font-size:11px;color:var(--text-dim)}.submitting-tip{position:absolute;bottom:-26px;left:0;right:0;text-align:center;color:var(--warn);font-size:12px}.result-panel{border:1px solid var(--border);border-radius:10px;background:var(--panel-2);padding:12px 14px;overflow-y:auto;max-height:46dvh}.result-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.result-note{margin:8px 0 0;font-size:12px;color:var(--text-dim)}.result-choice,.result-return,.result-correct,.result-holding,.result-score,.result-total{display:flex;flex-direction:column;gap:2px}.result-label{font-size:11px;color:var(--text-dim)}.result-value{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.result-value.result-flat{color:var(--text-dim);font-weight:600}.result-score-value{font-size:28px;font-weight:800;color:var(--warn);font-variant-numeric:tabular-nums;line-height:1}.result-score-value.up{color:var(--up)}.result-score-value.down{color:var(--down)}.result-actions{display:flex;gap:10px;margin-top:12px}.next-btn{border:1px solid rgba(59,130,246,.6);background:#3b82f626;color:#93c5fd;border-radius:8px;padding:9px 22px;font-size:14px;font-weight:700;cursor:pointer}.next-btn:hover{background:#3b82f647}.next-btn:disabled,.next-btn:disabled:hover{border-color:var(--border);background:#94a3b81f;color:var(--text-dim);cursor:not-allowed;opacity:.65}.warn-btn{border:1px solid rgba(245,158,11,.6);background:#f59e0b26;color:#fbbf24;border-radius:8px;padding:9px 22px;font-size:14px;font-weight:700;cursor:pointer}.warn-btn:hover{background:#f59e0b47;color:#fde68a}.warn-btn:disabled,.warn-btn:disabled:hover{border-color:var(--border);background:#94a3b81f;color:var(--text-dim);cursor:not-allowed;opacity:.65}.settle-btn{border:1px solid rgba(46,189,133,.6);background:#2ebd8526;color:#6ee7b7;border-radius:8px;padding:9px 22px;font-size:14px;font-weight:700;cursor:pointer}.settle-btn:hover{background:#2ebd8547}.ghost-btn{border:1px solid var(--border);background:transparent;color:var(--text-dim);border-radius:8px;padding:9px 18px;font-size:13px;cursor:pointer}.ghost-btn:hover{color:var(--text);border-color:#334155}.ghost-btn:disabled,.ghost-btn:disabled:hover{color:var(--text-dim);border-color:var(--border);cursor:not-allowed;opacity:.55}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#04080cb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{display:flex;flex-direction:column;width:min(880px,100%);max-height:min(82dvh,720px);border:1px solid #243447;border-radius:12px;background:var(--panel-2);box-shadow:0 18px 50px #00000080;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--panel);flex-shrink:0}.modal-header h2{margin:0;font-size:17px;font-weight:800}.modal-close{border:none;background:transparent;color:var(--text-dim);font-size:22px;line-height:1;padding:2px 8px;border-radius:6px;cursor:pointer}.modal-close:hover{color:var(--text);background:#94a3b81f}.modal-body{padding:14px 18px;overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.feedback-footer{padding:0;border:none;background:transparent}.shorting-confirm-modal{width:min(420px,100%)}.shorting-confirm-text{margin:0;font-size:14px;line-height:1.7;color:var(--text)}.shorting-confirm-text strong{color:var(--warn)}.settlement-mood{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,rgba(59,130,246,.08),transparent)}.settlement-mood.up{border-color:#f6465d73;background:linear-gradient(135deg,#f6465d29,#f59e0b0f)}.settlement-mood.down{border-color:#2ebd8573;background:linear-gradient(135deg,#2ebd8524,#3b82f60d)}.settlement-mood.warn{border-color:#f59e0b73;background:linear-gradient(135deg,#f59e0b24,#3b82f60d)}.settlement-mood-emoji{font-size:38px;line-height:1;flex-shrink:0}.settlement-mood-text{flex:1;min-width:0}.settlement-mood-title{margin-bottom:4px;font-size:17px;font-weight:800}.settlement-mood-comment{margin:0;font-size:12.5px;line-height:1.55;color:var(--text-dim)}.settlement-mood-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;white-space:nowrap;flex-shrink:0}.settlement-mood-label{font-size:11px;color:var(--text-dim)}.settlement-mood-score strong{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}.settlement-mood-return{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.settlement-mood-return-line{display:inline-flex;align-items:baseline;gap:4px}.settlement-mood-annual{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.settlement-mood-annual.up{color:var(--up)}.settlement-mood-annual.down{color:var(--down)}.settlement-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.settlement-stat{display:flex;flex-direction:column;gap:3px;border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:10px 12px}.settlement-stat-label{font-size:11px;color:var(--text-dim)}.settlement-stat-value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}.settlement-stat-value.up{color:var(--up)}.settlement-stat-value.down{color:var(--down)}.settlement-stat-value.warn{color:var(--warn)}.settlement-stat-value .up{color:var(--up)}.settlement-stat-value .down{color:var(--down)}.settlement-streak-sep{margin:0 6px;color:var(--text-dim);font-weight:500}.settlement-history,.settlement-chart{margin-top:16px}.settlement-chart h3,.settlement-history h3{margin:0 0 8px;font-size:13px;color:var(--text-dim)}.settlement-empty{margin:0;color:var(--text-dim);font-size:13px;padding:18px 0;text-align:center;border:1px dashed var(--border);border-radius:8px}.settlement-table-wrap{max-height:300px;overflow:auto;border:1px solid var(--border);border-radius:8px}.settlement-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.settlement-table th,.settlement-table td{padding:7px 10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.settlement-table thead th{position:sticky;top:0;z-index:1;background:var(--panel-2);color:var(--text-dim);font-weight:600}.settlement-table tbody tr:last-child td{border-bottom:none}.settlement-table tbody tr:hover{background:#3b82f60f}.settlement-stock-code{margin-left:6px;color:var(--text-dim);font-size:11px}@media(max-width:720px){.game-page{padding:8px 10px;gap:8px}.logo-tags{display:none}.stock-header{flex-direction:column;gap:6px}.stock-meta{flex-wrap:wrap;gap:10px}.result-summary,.settlement-stats{grid-template-columns:repeat(2,1fr)}.settlement-mood{flex-wrap:wrap;gap:10px}.settlement-mood-text{flex-basis:calc(100% - 60px)}.settlement-mood-score{flex-direction:row;align-items:baseline;width:100%;justify-content:flex-start;text-align:left;gap:8px}.decision-desc{display:none}.decision-btn{padding:10px 6px}.feedback-row{grid-template-columns:1fr}.chart-area{min-height:260px}}