@import url('fonts/fonts.css?v=20261030');
select{font:inherit;padding:8px;border:2px solid #7d5b3c45;border-radius:12px;color:#5c3a2d;background:#fffef8;max-width:100%}.roster>label{display:block;margin-bottom:12px}.topbar a{color:#97446b;font-size:14px}.embedded-chart .topbar,.embedded-chart .account,.embedded-chart .roster{display:none}.embedded-chart .workspace{display:block}.embedded-chart main{padding:0}.embedded-chart section{box-shadow:none}.embedded-chart body{background:transparent}
:root{--text:#5c3a2d;--muted:#8e6b58;--line:#7d5b3c45;--panel:#fffcecf2;--pink:#ff8bb1}
*{box-sizing:border-box}body{margin:0;color:var(--text);font:16px/1.5 OnePop,'Microsoft YaHei',sans-serif;min-height:100vh;background:radial-gradient(circle at 8% 14%,#fff9 0 16px,transparent 17px),radial-gradient(circle at 92% 30%,#fff8 0 26px,transparent 27px),linear-gradient(180deg,#a0d9ff,#fff9cd 65%,#ffeeb8);background-attachment:fixed}button,input{font:inherit;color:inherit}button{cursor:pointer;background:linear-gradient(#fff,#fff0be);border:2px solid var(--line);border-radius:999px;padding:9px 16px;box-shadow:0 4px 0 #7d5b3c24;transition:transform .12s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(2px);box-shadow:none}.primary{background:linear-gradient(#ffbad4,#ff86b4);color:#59283c}button:disabled{opacity:.55;cursor:wait}input{min-width:0;padding:10px 13px;background:#fffdf8;border:2px solid var(--line);border-radius:14px}input:focus-visible,button:focus-visible{outline:3px solid #39769e;outline-offset:3px}h1,h2,p{margin:0}h1{font-size:27px}h2{font-size:21px}small{font:700 11px/1.5 system-ui;letter-spacing:.14em;color:#a05274}.topbar{display:flex;align-items:center;gap:14px;padding:18px max(20px,calc((100vw - 1500px)/2));background:#fffcece8;border-bottom:3px solid var(--line)}.brand{display:grid;place-items:center;background:linear-gradient(#ffbbd4,#ff80b0);border:2px solid var(--line);border-radius:18px;width:56px;height:56px;font-size:24px;box-shadow:0 5px 0 #7d5b3c24}.badge{font-size:13px;padding:7px 12px;border-radius:999px;background:#e7f6ec;color:#336c50;white-space:nowrap}.topbar>.badge{margin-left:auto}main{max-width:1540px;margin:auto;padding:24px 20px 40px}section{background:var(--panel);border:2px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 7px 0 #7d5b3c19,0 15px 30px #7d5b3c12}.account{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:24px}.account>div:first-child{margin-right:auto}.account p{color:var(--muted)}.credentials{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.credentials label{display:grid;gap:3px;font-size:13px}.credentials input{width:180px}.note{font-size:13px;color:var(--muted);line-height:1.6}.account>.note{flex-basis:100%}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px}.roster{min-width:0;align-self:start}.roster h2{margin:4px 0 18px}.roster>input{width:100%}.actions{display:flex;gap:8px;margin:14px 0;flex-wrap:wrap}.actions button{font-size:14px;padding:8px 10px}#players{height:430px;overflow:auto;display:flex;flex-direction:column;gap:9px;margin-top:14px;scrollbar-color:#d8b59a transparent}#players:empty:before{content:'登录后，伙伴们会出现在这里';font-size:14px;color:var(--muted);padding:20px 8px}#players label{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere;padding:12px;background:#fffef9;border:2px solid #7d5b3c25;border-radius:14px;cursor:pointer;font-size:14px}#players label:has(input:checked){background:#ffedf4;border-color:#dc86a7}#players label[hidden]{display:none}input[type=checkbox]{accent-color:#bd507e;width:18px;height:18px;flex-shrink:0}.graph{min-width:0}.graph-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}.graph-heading h2{margin-top:4px}#status{min-height:24px;margin:14px 0;font-size:14px;color:#875720;white-space:pre-wrap;overflow-wrap:anywhere}.plot{position:relative;border:1px solid #7d5b3c25;border-radius:16px;overflow:hidden;background:#fffef8}canvas{display:block;width:100%;height:480px}#empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center;pointer-events:none;color:#a05274;padding:20px;font-size:30px}#empty strong{font-size:20px}#empty span{font-size:14px;color:var(--muted)}#empty[hidden]{display:none}#tip{white-space:pre-wrap;overflow-wrap:anywhere;min-height:70px;padding:12px 15px;margin:12px 0;background:#fff3d8;border-radius:14px;font-size:14px}#tip:empty:before{content:'把鼠标移到曲线上的采样点，查看这次成长。';color:var(--muted)}#legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}#legend span{font-size:13px;border-left:5px solid var(--series-color);padding:4px 9px;background:#fff;border-radius:6px;overflow-wrap:anywhere}
@media(max-width:950px){.workspace{grid-template-columns:1fr}#players{height:180px;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));align-content:start}.topbar>.badge{display:none}.credentials{width:100%}}@media(max-width:520px){main{padding:14px 10px}section{padding:14px}.graph-heading>.badge{display:none}h2{font-size:18px}.credentials label{flex:1;min-width:120px}.credentials input{width:100%}.topbar{padding:12px}.topbar h1{font-size:23px}}
