:root{color-scheme:light;--ink:#173657;--muted:#607890;--blue:#2368ad;--line:#d7e3ef;--bg:#edf3f9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 system-ui,-apple-system,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{cursor:pointer;border:1px solid #cadbec;border-radius:9px;padding:8px 13px;background:#fff;color:var(--ink)}button:hover{background:#eaf2fd}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #78ace1}.primary{background:#2368ad;color:#fff;border-color:#2368ad}.primary:hover{background:#195a9a}.secondary{width:100%;background:#f1f7ff}a{color:#2266a8;text-decoration:none}.page-head{display:flex;align-items:center;gap:22px;padding:16px max(22px,calc((100vw - 1450px)/2));background:#fff;border-bottom:1px solid var(--line)}.page-head>a:first-child{font-size:23px;font-weight:800}.page-head div{flex:1}.eyebrow{font-size:11px;letter-spacing:.14em;color:#6483a2}h1{margin:0;font-size:23px}main{max-width:1450px;padding:20px 22px 30px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.intro h2{font-size:23px;margin:0 0 4px}.intro p{margin:0;color:var(--muted)}.tag{font-size:11px;background:#e5effb;color:#2d638f;border-radius:18px;padding:5px 10px;white-space:nowrap}.workspace{display:grid;grid-template-columns:230px minmax(340px,1fr) minmax(300px,390px);gap:16px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px #23415f06;overflow:hidden}.settings{padding:17px}h3{font-size:16px;margin:0 0 12px}.settings>label,.settings fieldset>label{display:block;font-size:13px;font-weight:650;margin:10px 0 5px}select{width:100%;padding:7px 9px;border:1px solid #c7d9eb;border-radius:8px;background:#fff;color:var(--ink)}fieldset{margin:15px 0 10px;padding:5px 11px 11px;border:1px solid var(--line);border-radius:10px}legend{font-weight:650;font-size:13px;padding:0 4px}.check{display:flex!important;gap:7px;align-items:center;font-weight:400!important}.check input{accent-color:var(--blue)}.micro{font-size:11px;color:var(--muted);line-height:1.65}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.card-head h3{margin:0}.stage{position:relative;height:440px;background:radial-gradient(ellipse at 50% 90%,#e2eef8,#f6f9fd);overflow:hidden}#bodyCanvas,#overlay{position:absolute;inset:0;width:100%;height:100%}#bodyCanvas{touch-action:none}#overlay{pointer-events:none}.stage-hint{position:absolute;right:10px;top:9px;font-size:10px;color:#7790aa}.phase-label{position:absolute;bottom:12px;left:14px;padding:5px 10px;border-radius:18px;background:#ffffffda;font-size:12px;color:#2c618e}.view-buttons{display:flex;justify-content:center;gap:6px;padding:10px;border-top:1px solid var(--line)}.view-buttons button{font-size:12px;padding:5px 10px}.transport{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:12px 15px 6px}.transport button{font-size:12px}.transport span{font-size:12px;color:#657c94;margin-left:auto}.timeline-label{display:block;font-size:12px;padding:4px 16px;color:#607790}.timeline-label span{float:right}#timeline{width:calc(100% - 32px);margin:0 16px 17px;accent-color:var(--blue)}.plot{padding-bottom:12px}#copPlot{width:100%;height:345px;display:block}.legend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;font-size:10px;color:#5d7793}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.cop{background:#e09539}.com{background:#2b7ac3}.support{background:#92b5cc}.plot>.micro{padding:0 15px;margin:10px 0 6px}.metrics{display:grid;grid-template-columns:1fr 1fr;padding:0 13px;gap:8px}.metrics>div{padding:9px;border-radius:10px;background:#f1f6fc}.metrics span{display:block;font-size:10px;color:#677f98}.metrics strong{font-size:17px;font-variant-numeric:tabular-nums}.observation{padding:18px;margin-top:16px}.observation h3{margin:0}.observation p{font-size:13px;color:#617b95;margin:4px 0 10px}textarea{width:100%;resize:vertical;border:1px solid #cadae9;border-radius:10px;padding:10px;color:var(--ink)}.record-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.record-actions a{margin-left:auto;font-size:12px}.record-actions span{font-size:12px;color:#3c806d}.record-list{font-size:12px;color:#66819b;margin-top:10px}.record-list p{margin:4px 0}.embedded .page-head{display:none}.embedded main{padding:14px}.embedded .intro h2{font-size:20px}.relative-small{background:#e4f3eb!important;color:#29724d!important}.relative-large{background:#fff0eb!important;color:#a45138!important}@media(max-width:1100px){.workspace{grid-template-columns:210px 1fr}.plot{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.plot .card-head{grid-column:1/-1}#copPlot{grid-row:2/6;grid-column:1;height:300px}.plot .legend{grid-column:2}.plot>.micro,.plot .metrics{grid-column:2}.stage{height:440px}}@media(max-width:680px){main{padding:14px 10px}.page-head{padding:12px;gap:12px}.page-head>a:last-child{font-size:11px}.page-head>a:first-child{font-size:18px}h1{font-size:18px}.intro{align-items:flex-start;flex-direction:column;gap:8px}.intro h2{font-size:20px}.intro p{font-size:13px}.workspace{display:flex;flex-direction:column}.settings,.scene,.plot{width:100%}.settings{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.settings h3,.settings fieldset,.settings .micro,.settings .check,.settings .secondary{grid-column:1/-1}.settings>label{grid-column:1}.settings>select{grid-column:2;margin-top:5px}.stage{height:410px}.plot{display:block}#copPlot{height:320px}.metrics strong{font-size:18px}.record-actions{gap:7px}.record-actions button{font-size:12px}.embedded main{padding:10px}}