:root{--bg:#f4f5f9;--surface:#fff;--ink:#202137;--muted:#7b7e92;--line:#e6e8f0;--brand:#6658dc;--brand-light:#eeebff;--green:#269a79;--red:#c75766;--radius:18px;--shadow:0 8px 28px #25243d05;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.5;cursor:default}button:active:not(:disabled){transform:translateY(1px)}button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 15px;color:var(--ink)}button:hover{background:#f3f1ff}button.primary{background:var(--brand);border-color:var(--brand);color:white;font-weight:600}button.primary:hover{background:#5647ca}button.danger{color:var(--red)}button.link{border:0;padding:0;background:none;color:var(--brand)}button.small{padding:7px 11px;font-size:12px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.7px;margin-bottom:0}h2{font-size:18px;margin-bottom:8px}h3{font-size:15px;margin-bottom:10px}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.8;margin:8px 0 0}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700;margin-bottom:8px}.brand-icon{width:54px;height:54px;background:var(--brand);color:#fff;border-radius:17px;display:grid;place-items:center;font-size:27px;font-weight:700;box-shadow:0 7px 20px #6658dc28}.brand-icon.small{width:40px;height:40px;font-size:22px;border-radius:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 12% 20%,#e8e3ff,transparent 55%),radial-gradient(ellipse at 90% 80%,#e2f1f1,transparent 55%),var(--bg)}.login-card{width:min(460px,100%);padding:38px;background:#fff;border:1px solid #ffffff;border-radius:26px;box-shadow:0 22px 90px #3623670c}.login-card .brand-icon{margin-bottom:28px}.login-card h1{font-size:34px;line-height:1.45;margin-bottom:16px}.login-card .muted{line-height:1.8;margin-bottom:26px}.full{width:100%;margin-top:18px;display:flex;justify-content:space-between}.login-card code{font-size:11px;word-break:break-all}.sidebar{position:fixed;top:0;bottom:0;width:232px;background:#fff;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 40px}.brand strong{font-size:23px;letter-spacing:2px}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:3px}nav{display:grid;gap:8px}nav button{border:0;background:none;text-align:left;padding:13px 16px;color:#74778c;font-weight:500}nav button span{font-size:19px;display:inline-block;width:30px}nav button.active{background:var(--brand-light);color:var(--brand);font-weight:700}.sidebar-foot{margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--line);font-size:12px}.sidebar-foot p{font-size:11px;color:var(--muted);margin-top:12px}.status-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}.workspace{margin-left:232px;padding:36px 42px;max-width:1660px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:18px}.header-actions{display:flex;align-items:center;gap:15px}.header-actions .muted{font-size:12px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:20px;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.card-head h2,.card-head p{margin-bottom:0}.card-head p{margin-top:7px;font-size:12px;color:var(--muted)}.hero{background:linear-gradient(110deg,#eeebff,#faf9ff 60%,#edf6f5);border-color:#e7e2fa;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px}.hero h2{font-size:23px}.hero p{line-height:1.7;color:#747089;margin-bottom:0;max-width:650px}.hero-symbol{font-size:54px;color:#a096de;font-weight:200;padding:0 16px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric{min-height:136px}.metric label{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:30px;margin:15px 0 7px;letter-spacing:-1px}.metric small{color:var(--muted);font-size:11px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span2{grid-column:1/-1}label{display:block;color:#50536b;font-size:12px;font-weight:500}input,select,textarea{display:block;width:100%;border:1px solid #dedfe9;border-radius:9px;background:#fcfcfe;color:var(--ink);padding:10px 12px;outline:none;margin-top:7px;min-height:40px}input:focus,textarea:focus,select:focus{border-color:#978be8;box-shadow:0 0 0 3px #6658dc0d}textarea{resize:vertical;min-height:110px;line-height:1.7}textarea.code{font-family:Consolas,monospace;font-size:12px;min-height:140px}input[type=checkbox]{width:17px;height:17px;min-height:0;margin:0;accent-color:var(--brand)}input[type=file]{font-size:12px;padding:8px}.check{display:flex;align-items:center;gap:9px;font-size:13px}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);gap:16px}.switch-row:last-child{border:0}.switch-row p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.6}.badge{font-size:11px;white-space:nowrap;background:var(--brand-light);color:var(--brand);padding:5px 9px;border-radius:7px}.badge.green{background:#e8f6ef;color:var(--green)}.badge.red{background:#fceef0;color:var(--red)}.badge.gray{background:#f1f2f5;color:var(--muted)}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.empty{padding:42px 20px;text-align:center;color:var(--muted);line-height:1.9}.empty .symbol{display:block;font-size:34px;color:#bcb4e7;margin-bottom:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:11px;font-weight:500;color:var(--muted);padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 10px;border-bottom:1px solid #f0f1f5;vertical-align:top}tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:5px}.nowrap{white-space:nowrap}.provider-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.provider-head h3{margin:0}.section-label{color:var(--muted);font-size:11px;font-weight:600;margin:22px 0 12px;letter-spacing:.8px;text-transform:uppercase}details{border-top:1px solid var(--line);margin-top:20px;padding-top:15px}summary{cursor:pointer;font-size:13px;font-weight:600;color:#5f5b82;margin-bottom:15px}.callout{background:#f5f3ff;border:1px solid #e9e4ff;padding:13px 16px;border-radius:10px;color:#736893;font-size:12px;line-height:1.8;margin-bottom:18px}.filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.filters label{min-width:145px}.filters button{height:40px}.bars{display:grid;gap:18px}.bar-title{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bar-track{height:7px;background:#f0eef8;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:#8a7de6;border-radius:6px}.bar-fill progress{width:100%}progress{width:100%;height:8px;border:0;appearance:none;border-radius:10px;background:#efedf7}progress::-webkit-progress-bar{background:#efedf7;border-radius:10px}progress::-webkit-progress-value{background:#8a7de6;border-radius:10px}.row-list{display:grid;gap:16px}.row-item{display:flex;gap:12px;align-items:center}.row-number{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--brand-light);color:var(--brand);font-size:12px}.row-item p{margin:4px 0 0;color:var(--muted);font-size:12px}.test-output{white-space:pre-wrap;word-break:break-word;background:#f8f8fc;padding:20px;border-radius:12px;min-height:160px;line-height:1.9;font-size:14px}.test-output:empty:before{content:"模型的回复会显示在这里。不会发送到 QQ 群。";color:var(--muted)}.pagination{display:flex;gap:12px;justify-content:flex-end;align-items:center;margin-top:18px;color:var(--muted);font-size:12px}footer{display:flex;justify-content:space-between;font-size:10px;color:#999caf;padding:6px 2px;margin-top:24px}#notice{position:fixed;right:28px;bottom:28px;background:#28263c;color:white;box-shadow:0 8px 40px #0002;border-radius:13px;padding:16px 21px;z-index:100;max-width:550px;white-space:pre-wrap;line-height:1.7}#notice.error{background:#813749}.file-status{font-size:12px;color:var(--green);margin-top:8px}.danger-note{font-size:12px;color:var(--red)}.group-title{display:flex;align-items:center;gap:10px}.group-title input{margin:0;max-width:230px}.thin{font-weight:400}.stats-cost{font-size:21px!important;line-height:1.5;letter-spacing:0!important}.mono{font-family:Consolas,monospace}.spaced{margin-top:18px}@media(min-width:1500px){.workspace{padding:42px 58px}}@media(max-width:1100px){.sidebar{width:195px;padding:25px 15px}.workspace{margin-left:195px;padding:28px 23px}.split{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:static;width:auto;padding:17px 18px;border-bottom:1px solid var(--line)}.brand{margin:0 0 14px}.sidebar nav{display:flex;overflow:auto;gap:5px}.sidebar nav button{white-space:nowrap;padding:9px 10px;font-size:12px}.sidebar nav button span{display:none}.sidebar-foot{display:none}.workspace{margin-left:0;padding:22px 16px}.topbar{align-items:flex-start;margin-bottom:22px}h1{font-size:24px}.header-actions{gap:8px}.header-actions .muted{display:none}.card{padding:19px}.metrics{grid-template-columns:1fr;gap:0}.metric{min-height:0;display:grid;grid-template-columns:1fr 1fr;align-items:center}.metric strong{margin:0;text-align:right;font-size:26px}.metric small{grid-column:1/-1;margin-top:8px}.grid,.grid.three{grid-template-columns:1fr}.hero-symbol{display:none}.hero h2{font-size:20px}.hero p{font-size:12px}.provider-head{align-items:flex-start}.card-head{flex-wrap:wrap}.filters label{flex:1}.group-title{flex-wrap:wrap}footer{display:block;line-height:2}footer span{display:block}.login-card{padding:28px}.login-card h1{font-size:29px}#notice{left:16px;right:16px;bottom:16px}}

.memory-evidence{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;background:var(--bg);padding:16px;font:inherit}.memory-event{padding:16px 0;border-bottom:1px solid #eee}.memory-event p{white-space:pre-wrap;overflow-wrap:anywhere}

/* Touch layouts also keep logout and unsaved changes available on small screens. */
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #978be8;outline-offset:3px}
.grid>*,.split>*,.card-head>*,.provider-head>*,.row-item>*,.bar-title>*{min-width:0}
.bar-title{gap:12px}.bar-title>span:last-child{flex-shrink:0}
.card h3,.hint,.callout,.file-status,.bar-title,.row-item p{overflow-wrap:anywhere}
.table-wrap{max-width:100%;overscroll-behavior-x:contain}
@media(max-width:760px){
  html{scroll-padding-top:130px;scroll-padding-bottom:100px}
  .login-wrap{min-height:100svh;padding:20px max(16px,env(safe-area-inset-left))}
  .login-card{padding:26px 22px}
  .sidebar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto;gap:10px 8px;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));border-right:0;box-shadow:0 3px 16px #25243d08}
  .brand{grid-column:1;grid-row:1;margin:0;gap:9px}
  .brand strong{font-size:21px}
  .sidebar-foot{grid-column:2;grid-row:1;display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;border:0;margin:0;padding:0;font-size:11px}
  .sidebar-foot p{display:none}
  #logout{min-height:44px;padding:8px;font-size:12px}
  .sidebar nav{grid-column:1/-1;grid-row:2;display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
  .sidebar nav button{flex-shrink:0;min-height:44px;padding:10px 13px;font-size:13px}
  .workspace{padding:22px max(14px,env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}
  .topbar{margin-bottom:20px}
  .topbar .eyebrow{font-size:9px}
  .header-actions{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;gap:12px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -3px 18px #25243d08;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .header-actions .muted{display:block;max-width:50%;font-size:12px}
  #save{min-width:124px}
  .card{padding:18px 16px;margin-bottom:16px}
  .hero{padding:22px 18px}
  button,button.small,.filters button{min-height:44px}
  button.small{font-size:13px}
  input:not([type=checkbox]),select,textarea,textarea.code,input[type=file]{font-size:16px;min-height:44px;max-width:100%}
  input[type=date],input[type=time]{min-width:0;appearance:none}
  input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
  .check{min-height:44px;line-height:1.6}
  .actions{gap:8px 12px}
  .actions select{flex:1 1 100%;margin:0}
  .provider-head{flex-wrap:wrap;gap:12px}
  .group-title{flex:1 1 100%;gap:8px}
  .group-title h3{margin:0}
  .group-title input{max-width:100%;flex:1 1 180px}
  .grid,.grid.three{gap:18px}
  .filters{gap:14px 10px}
  .filters label{min-width:0;flex:1 1 140px}
  .filters button{flex:1 1 120px}
  .switch-row{align-items:flex-start}
  .switch-row>.check{flex-shrink:0}
  .metric{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px}
  .metric strong{overflow-wrap:anywhere}
  .metric>.hint{grid-column:1/-1}
  .table-wrap::before{content:"左右滑动查看完整明细";display:block;color:var(--muted);font-size:11px;padding:8px 0}
  .table-wrap table{min-width:650px}
  .pagination{justify-content:center;gap:10px;flex-wrap:wrap}
  summary{min-height:44px;padding:10px 0;margin-bottom:8px;line-height:1.7}
  .row-number{flex-shrink:0}
  .test-output{padding:16px}
  #notice{left:14px;right:14px;bottom:calc(86px + env(safe-area-inset-bottom));max-height:50svh;overflow:auto;overflow-wrap:anywhere}
}
@media(max-width:359px){.sidebar-foot{gap:0}.brand small{font-size:9px}.brand-icon.small{width:34px;height:34px}.card{padding:16px 12px}.metric{grid-template-columns:1fr}.metric strong{text-align:left}.sidebar nav button{padding:10px 11px}}

.search-details{min-width:150px}.search-details a{color:var(--brand);overflow-wrap:anywhere}.search-details p{margin-bottom:10px;overflow-wrap:anywhere}
