:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#e5ece7;background:#101613}*{box-sizing:border-box}body{margin:0}main{max-width:1500px;margin:auto;padding:32px 24px}header,.detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:34px;margin:10px 0}h2{font-size:21px}small,footer,.muted{color:#96a79b}header small{letter-spacing:2px;color:#b3d58e}p{line-height:1.7}#status{font-size:13px;color:#b7c5ba;max-width:340px}.note{border:1px solid #3f4930;background:#20271b;color:#c8d7b8;padding:15px 20px;border-radius:10px;line-height:1.8;margin:22px 0}.controls{display:flex;flex-wrap:wrap;gap:14px;align-items:end}label{display:grid;gap:8px;font-size:12px;color:#9caf9f}input,select,button{background:#1c2720;color:#e5ece7;border:1px solid #3c4d40;border-radius:6px;padding:10px;font:inherit}button{cursor:pointer}button:hover,button.active{background:#b8db8c;color:#132015}.scroll{overflow:auto;border:1px solid #2a3a2e;border-radius:10px;margin:20px 0}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th,td{text-align:right;padding:16px 14px;border-bottom:1px solid #29362d}th{background:#1c271f;color:#a6b5a9;font-weight:500}td:first-child,th:first-child{text-align:left}td small{display:block;margin-top:6px;font-size:11px}.positive{color:#b7df91}.negative{color:#f29990}.warn{color:#edc781}td button{padding:0;background:none;border:0;text-align:left;color:#ecf3eb;font-weight:600}tbody tr:hover{background:#18231b}#detail{background:#141e17;border:1px solid #354432;padding:24px;border-radius:12px;margin-top:28px}#chart{width:100%;height:230px;background:#101913;border-radius:8px}.history{max-height:450px}footer{font-size:12px;margin-top:32px}a{color:#c4e39e}@media(max-width:650px){main{padding:20px 12px}header{display:block}h1{font-size:28px}.controls label{width:calc(50% - 7px)}input,select{width:100%;min-width:0}#detail{padding:14px}.detail-head{align-items:start}#chart{height:180px}}