@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--accent:#c83c42;--up:#d43b42;--down:#16835c;--ink:#332d30;--muted:#92888b;--line:#eee6e7}*{box-sizing:border-box}body{margin:0;background:#faf7f7;color:var(--ink);font:13px 'Manrope','Noto Sans SC',sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}button{transition:.2s}button:hover{filter:brightness(.96)}aside{width:226px;background:#fff;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 23px}.brand{display:flex;gap:12px;font-size:34px;color:var(--accent);text-decoration:none;align-items:center}.brand span{font-size:23px;font-weight:700;color:var(--ink)}.brand em{font-size:10px;letter-spacing:2px;display:block;font-style:normal;font-weight:600;margin-top:2px}.space{border:1px solid var(--line);padding:12px 11px;margin:32px 0;color:#716c6d;border-radius:6px;font-size:11px}.space span{float:right}.navlabel{font-size:10px;letter-spacing:1px;color:#a29e9e;margin:25px 10px 15px}nav button{display:block;width:100%;border:0;background:none;text-align:left;padding:14px 12px;color:#7e7779;margin-bottom:7px;border-radius:6px}nav .active{background:#fff0f0;color:#b83139;font-weight:700}nav small{float:right;background:#f0f0f0;padding:0 6px}.sidebottom{position:absolute;bottom:24px;left:23px;right:23px}.status{font-size:10px;color:#757071}.sidebottom p{font-size:11px;color:#a09c9c}.profile{border-top:1px solid var(--line);margin-top:23px;padding-top:22px;display:flex;gap:10px;align-items:center}.profile>b{background:#f7e9e9;border-radius:50%;padding:10px 14px;color:#a64a50}.profile small{display:block;font-size:9px;color:#a09b9c;margin-top:5px}main{margin-left:226px;padding:0 38px;max-width:1800px}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#969091}header i{margin:0 14px;font-style:normal}header strong{color:#4d494a;font-weight:500}.headerRight b{margin-left:15px;font-size:9px;letter-spacing:1px;background:#ebeaea;padding:4px 7px;color:#736e6f}.heading{display:flex;justify-content:space-between;align-items:center;padding:31px 0 24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#868081}h1{font-size:27px;letter-spacing:1px;font-weight:600;margin:10px 0}p{color:#938e8f;line-height:1.8}.heading p{font-size:12px;margin:0}.secondary{background:#fff;border:1px solid #e0dede;border-radius:5px;padding:11px 16px;color:#605b5c}.notice{display:flex;align-items:center;gap:12px;background:#faf0ed;border:1px solid #eeded7;padding:13px 17px;border-radius:6px;font-size:10px;color:#967f75;margin-bottom:26px}.notice>b,.notice b{font-weight:600;color:#876453;margin-right:7px}.notice a{margin-left:auto;white-space:nowrap;color:#91624f;text-decoration:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px}.config{padding:22px;height:fit-content}.panelhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h2{font-size:14px;font-weight:600;margin:0}.panelhead>span{font-size:8px;color:#a8a3a4;letter-spacing:1px}label{display:block;font-size:11px;margin:18px 0 8px;color:#605c5c}label small{float:right;color:#a6a1a2;font-size:9px;font-weight:400}.strategy{background:#fff6f5;border:1px solid #ebc9cb;border-radius:5px;padding:13px 10px;display:flex;gap:10px;align-items:center}.strategy>span{color:#c2545a;font-size:23px}.strategy>span:last-child{margin-left:auto;font-size:14px}.strategy b{font-size:11px;font-weight:600}.strategy small{display:block;font-size:9px;color:#a17e80;margin-top:6px}input,select{width:100%;background:#fff;border:1px solid #e2e0e1;border-radius:5px;padding:10px;color:#514d4e;outline:none;min-width:0}input:focus,select:focus{border-color:#c83c42;box-shadow:0 0 0 2px #ffecee}.dates{display:flex;align-items:center;gap:5px}.dates input{font-size:9px;padding:10px 3px}.dates span{color:#aba6a7}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}.divider{border-top:1px dashed var(--line);margin-top:23px}.execution{font-size:9px;margin:18px 0;line-height:1.9}.primary{width:100%;padding:13px;background:var(--accent);color:#fff;border:0;border-radius:5px;font-weight:600}.primary span{float:right}#message{font-size:9px;text-align:center;margin-top:12px;color:#958f90}.resulthead{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;height:25px}.resulthead b{font-size:13px}.resulthead span#range{font-size:10px;color:#989394;margin-left:13px}.liveDot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c83c42;margin-right:8px}.resulthead button{border:0;background:none;font-size:10px;color:#7f787a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;background:#fff;margin-bottom:20px;padding:19px 0}.metrics>div{padding:0 20px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics label{font-size:10px;color:#8a8485;margin:0 0 10px}.metrics label span{float:right}.metrics b{display:block;font-size:27px;letter-spacing:-1px;color:var(--accent);font-weight:600}.metrics small{display:block;font-size:8px;color:#a09c9c;margin-top:7px}.metrics .negative{color:#16835c}.metrics .neutral{color:#45383c}.chartpanel{padding:22px 23px 15px}.charttop{display:flex;justify-content:space-between;align-items:center}.charttop p{font-size:9px;margin:7px 0 0}.legend{font-size:9px;display:flex;gap:20px;color:#c83c42}.legend span:last-child{color:#a9a1a3}.chartwrap{margin-top:16px}svg{display:block;width:100%;height:auto;min-height:205px}.chartfooter{border-top:1px solid #f0efef;padding-top:13px;display:flex;justify-content:space-between;font-size:8px;color:#9d9798}.trades{margin-top:20px;overflow:hidden}.tabs{padding:0 20px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);height:54px}.tabs button{height:100%;background:none;border:0;color:#9a9495;font-size:11px;padding:0 3px}.tabs .selected{border-bottom:2px solid var(--accent);color:var(--accent);font-weight:600}.tabs button span{font-size:9px;background:#fff0f0;padding:2px 5px;margin-left:4px}.tabs>span{margin-left:auto;font-size:9px;color:#9b9596}table{border-collapse:collapse;width:100%;font-size:10px;text-align:right}th{background:#faf9f9;color:#908b8c;font-weight:400;padding:12px 20px}td{padding:13px 20px;border-bottom:1px solid #f0efef;color:#5c5758}th:first-child,td:first-child{text-align:left}.buy,.sell{padding:3px 7px;border-radius:3px;font-size:9px}.buy{color:#d43b42;background:#fff0f0}.sell{color:#16835c;background:#edf7f1}.tablefoot{padding:12px 20px;font-size:9px;color:#9b9697}#rules{padding:12px 23px;font-size:11px}footer{padding:25px 0;display:flex;justify-content:space-between;font-size:9px;color:#9e9899}footer i{margin:0 12px;color:#cccaca}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:600px;color:var(--ink);width:90%}dialog::backdrop{background:#32202655;backdrop-filter:blur(3px)}dialog h2{font-size:19px;margin-bottom:20px}#close{float:right;border:0;background:none;font-size:24px;color:#8a8385}dialog p{font-size:12px}dialog pre{background:#faf2f2;padding:15px;overflow:auto;font-size:11px}dialog button.card{background:#fff5f4;border:1px solid #ecd6d5;border-radius:5px;padding:15px;text-align:left;display:block;width:100%;margin:10px 0;color:#9c3d44}@media(min-width:1500px){main{padding:0 55px}.workspace{grid-template-columns:minmax(0,1fr) 320px}.chartwrap{margin-top:25px}svg{max-height:360px}}@media(max-width:1150px){aside{width:185px;padding:30px 16px}main{margin-left:185px;padding:0 22px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.metrics>div{padding:0 10px}.metrics b{font-size:22px}.notice{font-size:9px}.notice a{display:none}th,td{padding:12px 10px}.legend{gap:10px}.headerRight{display:none}}@media(max-width:850px){aside{position:relative;width:100%;padding:15px 20px;border-bottom:1px solid var(--line)}.brand{font-size:28px}.brand em{display:inline;margin-left:7px}.brand span{font-size:20px}.space,.navlabel,.sidebottom{display:none}nav{display:flex;margin-top:15px}nav button{padding:10px;font-size:11px;text-align:center;margin:0}nav small{display:none}main{margin:0;padding:0 18px}header{height:50px}.heading{align-items:flex-start;gap:10px}h1{font-size:21px}.secondary{font-size:10px;white-space:nowrap;padding:10px}.workspace{grid-template-columns:1fr}.config{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px}.config .panelhead,.config .strategy,.config .divider,.config .execution,.config .primary,#message{grid-column:1/-1}.config>label{grid-column:1/-1;margin-bottom:3px}.config>input,.config>select,.config>.dates,.config>.two{grid-column:1/-1}.metrics b{font-size:23px}.notice{align-items:flex-start;line-height:1.8}.notice b{display:block}.resulthead{margin-top:8px}footer span:last-child{max-width:140px;text-align:right}.legend{font-size:8px}.tabs{gap:15px}.tabs>span{display:none}th,td{font-size:9px;padding:12px 7px}.metrics small{font-size:7px}.chartpanel{padding:18px 12px}}

/* Financial values follow the A-share red-up, green-down convention. */
.value-up{color:var(--up)!important}.value-down{color:var(--down)!important}.value-flat{color:#81777b!important}
.legend span:first-child{color:var(--accent)}.legend span:last-child{color:#a9a1a3}

.results{min-width:0}.config{position:sticky;top:20px}.charttop{gap:12px}.view-switch{display:flex;background:#f8f3f4;border:1px solid #eee4e5;padding:3px;border-radius:6px;flex-shrink:0}.view-switch button{border:0;background:transparent;color:#9b858b;padding:7px 10px;border-radius:4px;font-size:10px;white-space:nowrap}.view-switch button.selected{color:var(--accent);background:#fff;box-shadow:0 1px 4px #54222b12;font-weight:600}.view-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chart-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;min-height:28px}.chart-tools .legend{flex-wrap:wrap;gap:8px 15px}.candle-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.candle-controls label{margin:0;font-size:9px;color:#a3989c}.candle-controls select{padding:5px 6px;width:auto;font-size:9px;background:#fcfafa}.candle-quote{padding:10px 11px;background:#fcf8f8;border-radius:5px;margin-top:10px;display:flex;gap:6px 14px;flex-wrap:wrap;font-size:9px;color:#8a7d82;min-height:33px;align-items:center}.candle-quote b{font-weight:600;color:#51454a}.candle-quote .quote-date{color:#51454a;font-weight:600}.candle-navigator{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#a3989c;font-size:9px}.candle-navigator input{padding:0;border:0;height:14px;accent-color:var(--accent);cursor:ew-resize}.candle-navigator input:focus{box-shadow:none}.chartwrap{margin-top:9px}.legend .legend-up{color:var(--up)!important}.legend .legend-down{color:var(--down)!important}.legend .legend-fast{color:#b28a36!important}.legend .legend-slow{color:#8d76bc!important}.candle{cursor:crosshair;outline:none}.candle:focus .candle-hit{fill:#c83c42;fill-opacity:.08}.candle:hover .candle-hit{fill:#c83c42;fill-opacity:.045}.chartfooter{gap:14px;line-height:1.7}.chartfooter span:last-child{text-align:right}[hidden]{display:none!important}
@media(max-width:1150px){.charttop{align-items:flex-start}.view-switch button{font-size:9px;padding:7px}.chart-tools .legend{font-size:8px;gap:6px 10px}.candle-controls label{display:none}.metrics b{font-size:21px}}
@media(max-width:850px){.config{position:static}.charttop{align-items:center}.chart-tools{gap:10px}.chartfooter{font-size:8px}.candle-quote{font-size:9px;gap:7px 12px}.view-switch button{padding:7px 9px}.chart-tools .legend{gap:6px 10px}.workspace{grid-template-columns:1fr}}