:root{--bg:#f5f7fa;--bg-panel:#fff;--bg-card:#eef1f6;--border:#e0e4ec;--text:#1f2937;--text-dim:#6b7280;--red:#dc2626;--green:#16a34a;--blue:#2563eb;--gold:#d97706}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.page{min-height:100vh;padding:24px}.board{background:var(--bg-panel);border:1px solid var(--border);border-radius:16px;max-width:1280px;margin:0 auto;overflow:hidden;box-shadow:0 4px 20px #0000000f}.board-header{border-bottom:1px solid var(--border);background:linear-gradient(#fff,#f8fafc);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.board-header h1{letter-spacing:.5px;font-size:22px;font-weight:700}.board-header .sub{color:var(--text-dim);margin-top:4px;font-size:13px}.controls{align-items:center;gap:12px;display:flex}.controls select{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px}.seg{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.seg button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:13px}.seg button.active{background:var(--blue);color:#fff}.board-stats{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.stat{background:var(--bg-panel);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.stat .k{color:var(--text-dim);font-size:12px}.stat .v{color:var(--gold);font-size:20px;font-weight:700}.board-table-wrap{overflow-x:auto}.board-table{min-width:960px}.bt-row{border-bottom:1px solid #e0e4eccc;grid-template-columns:1fr 90px 1fr;display:grid}.bt-row:last-child{border-bottom:none}.bt-row.header{background:var(--bg-card);z-index:2;position:sticky;top:0}.bt-call,.bt-put{padding:6px 10px}.cell-title{color:var(--text);padding-bottom:6px;font-size:13px;font-weight:700}.bt-call .cell-title{color:var(--red)}.bt-put .cell-title{color:var(--green)}.bt-strike{color:var(--gold);border-left:1px solid var(--border);border-right:1px solid var(--border);background:#d977060d;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.bt-strike .atm{background:var(--gold);color:#fff;border-radius:6px;padding:2px 8px}.quote-cell{background:var(--bg-panel);border:1px solid #0000;border-radius:8px;padding:8px 10px;position:relative;overflow:hidden}.quote-cell:hover{border-color:var(--blue)}.quote-cell.empty{color:var(--text-dim);justify-content:center;align-items:center;min-height:72px;display:flex}.quote-cell .instrument{color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.quote-cell .grid{z-index:1;grid-template-columns:auto 1fr;gap:3px 12px;display:grid;position:relative}.quote-cell .label{color:var(--text-dim);font-size:12px}.quote-cell .val{font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.quote-cell .val.strong{font-size:15px;font-weight:700}.quote-cell .val.buy{color:var(--red)}.quote-cell .val.sell{color:var(--green)}.quote-cell .heat{pointer-events:none;background:linear-gradient(90deg,#2563eb00,#2563eb14);position:absolute;top:0;bottom:0;right:0}.quote-header{color:var(--text-dim);border-top:1px solid var(--border);grid-template-columns:1.4fr repeat(6,1fr);gap:8px;padding-top:6px;font-size:12px;display:grid}.quote-header span{text-align:right}.quote-header span:first-child{text-align:left}.board-foot{color:var(--text-dim);border-top:1px solid var(--border);padding:14px 24px;font-size:12px}.strategy-panel{border-top:1px solid var(--border);background:var(--bg-panel)}.strategy-panel .board-header{border-bottom:1px solid var(--border)}.strategy-panel h2{font-size:18px;font-weight:700}.strategy-desc{color:var(--text-dim);border-bottom:1px solid var(--border);padding:12px 24px;font-size:13px}.lots-box{align-items:center;gap:8px;display:flex}.lots-box label{color:var(--text-dim);font-size:13px}.lots-box input{background:var(--bg-card);width:64px;color:var(--text);border:1px solid var(--border);font-variant-numeric:tabular-nums;border-radius:8px;padding:7px 10px;font-size:14px}.strategy-body{background:var(--border);grid-template-columns:minmax(280px,360px) 1fr;gap:1px;display:grid}.strategy-side{background:var(--bg-panel);flex-direction:column;gap:16px;padding:16px;display:flex}.metric-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.metric .k{color:var(--text-dim);font-size:12px}.metric .v{color:var(--gold);font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.metric .v.profit{color:var(--red)}.metric .v.loss{color:var(--green)}.legs-table{border-collapse:collapse;width:100%;font-size:13px}.legs-table th{color:var(--text-dim);text-align:left;border-bottom:1px solid var(--border);padding:6px 8px;font-weight:600}.legs-table td{border-bottom:1px solid #e0e4eccc;padding:7px 8px}.legs-table td.num{text-align:right;font-variant-numeric:tabular-nums}.legs-table .side-long{color:var(--red);font-weight:700}.legs-table .side-short{color:var(--green);font-weight:700}.strategy-chart{background:var(--bg-panel);padding:12px 16px;overflow-x:auto}.payoff-svg{width:100%;min-width:560px;height:auto;display:block}.payoff-svg .grid-line{stroke:#e0e4eccc;stroke-width:1px}.payoff-svg .axis-zero{stroke:var(--gold);stroke-width:1.4px;stroke-dasharray:6 4}.payoff-svg .tick-label{fill:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.payoff-svg .axis-title{fill:var(--text-dim);font-size:11px}.payoff-svg .strike-line{stroke:#6b728040;stroke-width:1px;stroke-dasharray:3 4}.payoff-svg .strike-label{fill:var(--text-dim);font-size:10px}.payoff-svg .spot-line{stroke:var(--blue);stroke-width:1.4px;stroke-dasharray:5 4}.payoff-svg .spot-label{fill:var(--blue);font-size:10px;font-weight:600}.payoff-svg .area-profit{fill:#dc262614}.payoff-svg .area-loss{fill:#16a34a0f}.payoff-svg .pnl-line{fill:none;stroke:#3b82f6;stroke-width:2.4px;stroke-linejoin:round;stroke-linecap:round}.payoff-svg .be-dot{fill:var(--gold);stroke:#fff;stroke-width:1.5px}.payoff-svg .be-label{fill:var(--gold);font-size:11px;font-weight:600}@media (max-width:960px){.strategy-body{grid-template-columns:1fr}}.data-editor{border-top:1px solid var(--border);background:var(--bg-panel)}.data-editor summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:14px 24px;font-size:14px;font-weight:700;list-style:none;display:flex}.data-editor summary:before{content:"▸";color:var(--text-dim);font-size:12px;transition:transform .15s}.data-editor[open] summary:before{transform:rotate(90deg)}.data-editor .de-count{color:var(--text-dim);font-size:13px;font-weight:400}.de-body{flex-direction:column;gap:16px;padding:0 24px 20px;display:flex}.de-paste textarea{background:var(--bg-card);width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:10px;padding:10px 12px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5}.de-paste textarea::placeholder{color:#9ca3af}.de-source{color:var(--text-dim);font-size:13px}.de-source a{color:var(--blue);text-decoration:none}.de-source a:hover{text-decoration:underline}.de-actions{gap:10px;margin-top:10px;display:flex}.de-actions button{background:var(--bg-card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px}.de-actions button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.de-actions button:disabled{opacity:.5;cursor:not-allowed}.de-status{margin-top:10px;font-size:13px}.de-status.ok{color:var(--green)}.de-status.err{color:var(--red)}.de-table-wrap{border:1px solid var(--border);border-radius:10px;max-height:420px;overflow:auto}.de-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:13px}.de-table th{background:var(--bg-card);color:var(--text-dim);text-align:right;border-bottom:1px solid var(--border);z-index:1;padding:8px 10px;font-weight:600;position:sticky;top:0}.de-table th:first-child{text-align:left}.de-table td{border-bottom:1px solid #e0e4eccc;padding:4px 8px}.de-table .de-instrument{color:var(--text-dim);white-space:nowrap;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}.de-table .de-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim);min-width:56px}.de-table input{background:var(--bg-card);width:72px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;border:1px solid #0000;border-radius:6px;padding:5px 8px;font-size:13px}.de-table input:hover{border-color:var(--border)}.de-table input:focus{border-color:var(--blue);background:#fff;outline:none}@media (max-width:760px){.board-header{flex-direction:column;align-items:flex-start;gap:12px}.board-stats{grid-template-columns:repeat(2,1fr)}}.loading-indicator{color:var(--text-dim);font-size:13px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.board-error{color:var(--red);border:1px solid #dc262633;border-bottom:1px solid var(--border);background:#dc26260f;padding:10px 24px;font-size:13px}.board-link{color:var(--blue);text-decoration:none}.board-link:hover{text-decoration:underline}.board-empty{text-align:center;color:var(--text-dim);border-bottom:1px solid var(--border);padding:40px 24px;font-size:14px}.cache-hint{color:var(--text-dim);font-size:12px;font-weight:400}.de-diff-hint{color:var(--blue);font-size:12px;font-weight:400}.diff-cell{font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;min-width:52px;padding:3px 6px;font-size:12px;font-weight:600;display:inline-block}.diff-cell.up{color:var(--red);background:#f43f5e1a}.diff-cell.down{color:var(--green);background:#22c55e1a}.diff-cell.flat{color:var(--text-dim);background:#93a2c314}.diff-cell.na{color:#64748b;background:0 0}.de-table th:last-child,.de-table td:last-child{padding-right:12px}