:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#1a2840;background:#f2f5f9;line-height:1.55}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}
header{min-height:70px;padding:14px clamp(18px,5vw,72px);display:flex;align-items:center;gap:18px;background:#142944;color:#fff}
.brand{font-size:1.18rem;font-weight:700;letter-spacing:.04em}#mode{color:#ffe4aa}#account{margin-left:auto;position:relative}
#account summary{cursor:pointer}#account div{position:absolute;right:0;min-width:125px;padding:8px;background:white;border:1px solid #d6dfe9;border-radius:10px;z-index:2}
#account button{width:100%;border:none;text-align:left}main{max-width:1230px;margin:auto;padding:32px 22px}
.shell{display:grid;grid-template-columns:184px minmax(0,1fr);gap:28px}nav{display:grid;align-content:start;gap:8px}
nav button{text-align:left;border-color:transparent;background:transparent;font-weight:600;padding:13px 16px}
nav .selected{background:#dcecff;color:#10477b}.panel{background:#fff;border:1px solid #dce3ed;border-radius:15px;padding:clamp(20px,4vw,36px)}
.auth{max-width:460px;margin:36px auto}.history{margin-top:18px}.heading,.actions{display:flex;align-items:center;gap:12px;justify-content:space-between}
h1,h2{line-height:1.25;margin:0 0 22px}h1{font-size:1.65rem}h2{font-size:1.2rem}
form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:600}input,select{width:100%;background:#fbfcfe;border:1px solid #bdcad9;border-radius:7px;padding:9px 11px;color:inherit}
button{padding:8px 13px;border:1px solid #c5d3e3;border-radius:7px;color:#18486e;background:#fff}button:disabled{opacity:.55;cursor:wait}
.primary{background:#17588b;border-color:#17588b;color:#fff;justify-self:start}.notice{color:#9b3f19;margin:0;min-height:1.4em}.muted,small{color:#52637a}
.output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f6fb;border-radius:8px;padding:14px;font:inherit;margin-bottom:0}
.history details{border-top:1px solid #e4eaf2;padding:11px 0}.history summary{cursor:pointer}.timeline{min-height:150px;max-height:480px;overflow:auto;margin:20px 0}
.bubble{padding:10px 14px;border-radius:9px;max-width:88%;white-space:pre-wrap;overflow-wrap:anywhere;background:#edf2f7}
.bubble.user{margin-left:auto;background:#dcecff}.heading h1{margin:0}.heading{margin-bottom:20px}
dialog{border:1px solid #dce3ed;border-radius:13px;padding:28px;max-width:90vw}dialog::backdrop{background:#14294488}
:focus-visible{outline:2px solid #087dbb;outline-offset:2px}
@media(max-width:660px){.shell{grid-template-columns:1fr;gap:16px}nav{grid-template-columns:repeat(2,1fr)}main{padding:18px 12px}header{gap:9px}.brand{font-size:1rem}}