:root{--bg:#f6f8f7;--panel:#fff;--ink:#152525;--muted:#718181;--line:#e4ece9;--teal:#0d8579;--teal-soft:#e5f4f0;--blue:#4489b7;--amber:#dd9b42;--red:#dc716c;--violet:#8377af;--shadow:0 14px 34px rgba(18,57,52,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}button{font:inherit;color:inherit;cursor:pointer}.shell{max-width:1380px;margin:auto;padding:0 36px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:25px;padding:3px 2px}.brand-mark span{width:5px;border-radius:4px;background:var(--teal);display:block}.brand-mark span:nth-child(1){height:12px;opacity:.65}.brand-mark span:nth-child(2){height:21px}.brand-mark span:nth-child(3){height:16px;opacity:.8}.brand-logo{width:40px;height:40px;object-fit:contain;border-radius:8px;display:block}.brand strong{font-size:18px;letter-spacing:.08em;display:block}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.16em}.top-actions{display:flex;gap:22px;align-items:center}.live-dot{display:flex;align-items:center;gap:7px;color:var(--teal);font-size:12px}.live-dot i,.status-pulse{width:7px;height:7px;background:#32af93;border-radius:50%;box-shadow:0 0 0 4px #def2ec;display:inline-block}.quiet-btn,.outline-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:7px;color:#46615f;font-size:12px}.quiet-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.hero{padding:54px 0 36px;display:flex;justify-content:space-between;align-items:end}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.17em;color:var(--teal);font-weight:700;margin:0 0 10px}.eyebrow span{color:#a4b7b3;padding:0 4px}.hero h1{font-size:36px;letter-spacing:-.035em;margin:0 0 13px;line-height:1.2;font-weight:750}.hero-copy{max-width:670px;color:var(--muted);margin:0;font-size:14px}.hero-status{display:flex;align-items:center;gap:13px;min-width:136px}.hero-status small{display:block;color:var(--muted);font-size:11px}.hero-status b{display:block;font-size:15px;margin-top:2px}.model-strip{background:#153d3b;color:#eaf7f3;border-radius:13px;padding:16px 21px;display:flex;align-items:center;gap:40px;box-shadow:var(--shadow)}.model-chip{display:flex;align-items:center;gap:12px;min-width:230px}.chip-icon{background:#246f66;border-radius:8px;width:29px;height:29px;display:grid;place-items:center;color:#b8eee3}.model-chip small{color:#a2c1bc;font-size:10px;display:block}.model-chip strong{font-size:16px}.strip-item{border-left:1px solid #39605c;padding-left:28px;min-width:110px}.strip-item span{color:#a2c1bc;display:block;font-size:10px}.strip-item b{font-weight:600;font-size:13px}.strip-meta{margin-left:auto;color:#a2c1bc;font-size:11px;white-space:nowrap}.meta-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#69c8b0;margin-right:6px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-card{padding:19px 20px;min-height:123px}.metric-head{display:flex;justify-content:space-between;color:#607572;font-size:12px}.metric-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-weight:700}.metric-icon.teal{background:var(--teal-soft);color:var(--teal)}.metric-icon.blue{background:#eaf3f8;color:var(--blue)}.metric-icon.amber{background:#fcf2e6;color:var(--amber)}.metric-icon.violet{background:#f0edf8;color:var(--violet)}.metric-value{font-size:29px;display:block;line-height:1.1;margin:14px 0 4px;letter-spacing:-.03em}.metric-card>small{color:#9aa9a7;font-size:11px}.latency-row{display:flex;justify-content:space-between;margin-top:17px}.latency-row b{display:block;font-size:18px;line-height:1}.latency-row small{font-size:10px;color:#95a5a2;display:block;margin-top:7px}.panel{padding:25px 27px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.panel-heading.compact{margin-bottom:15px}.panel-heading h2{margin:0;font-size:19px;letter-spacing:-.02em}.gallery-model{display:inline-block;margin-left:10px;color:#8aa7a1;font-size:11px;font-weight:500;letter-spacing:.02em;vertical-align:middle}.panel-subtitle{color:#879694;font-size:12px;margin:5px 0 0}.legend{display:flex;gap:16px;color:#879694;font-size:11px;align-items:center;margin-top:8px}.legend-dot{width:8px;height:8px;border-radius:2px;display:inline-block;margin-right:5px}.pass{background:#42b19b}.wrong{background:#dc716c}.failed{background:#e4a355}.empty{background:#e8eeee}.timeline-wrap{padding:2px 1px 0}.timeline{height:72px;display:grid;grid-template-columns:repeat(144,1fr);gap:3px;align-items:end}.slot{height:37px;border-radius:3px 3px 2px 2px;background:#e7eeee;border:0;padding:0;transition:height .16s,transform .16s;min-width:2px}.slot:hover,.slot:focus-visible{height:56px;transform:translateY(-4px);outline:2px solid var(--teal);outline-offset:2px}.slot.pass{background:#55b6a4}.slot.wrong{background:#db7772}.slot.failed{background:#e6a45c}.slot.running{background:#a7d7ce;animation:blink 1.5s infinite}.timeline-axis{display:flex;justify-content:space-between;color:#a1b0ae;font-size:10px;padding-top:9px}.timeline-summary{border-top:1px solid var(--line);padding-top:15px;margin-top:16px;display:flex;gap:23px;color:#849591;font-size:11px}.timeline-summary b{color:#315b56;font-size:13px;margin-right:2px}.timeline-note{margin-left:auto;color:#acb8b6}.content-grid{display:grid;grid-template-columns:1fr 340px;gap:18px;margin-top:18px}.auto-refresh{font-size:10px;color:#a0afad;background:#f5f8f7;border-radius:20px;padding:5px 10px}.runs-list{display:grid;gap:8px}.run-row{display:grid;grid-template-columns:9px 110px 1fr 84px 74px;align-items:center;gap:13px;border:1px solid #edf1f0;border-radius:9px;padding:11px 13px;cursor:pointer;transition:border-color .15s,background .15s}.run-row:hover{border-color:#bbded7;background:#fbfdfc}.run-state{width:8px;height:8px;border-radius:50%;background:#45af9d}.run-state.wrong{background:#dc716c}.run-state.failed{background:#e4a355}.run-time,.run-id,.run-meta{color:#80918e;font-size:11px}.run-id{color:#4d6763;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-duration{text-align:right;color:#3f5f5a;font-size:12px}.loading-line,.gallery-empty{padding:30px;text-align:center;color:#a0aeac;font-size:12px}.methodology{padding:27px 26px;background:#eff7f4;border-color:#d8ece6;box-shadow:none}.method-icon{width:33px;height:33px;display:grid;place-items:center;background:#d9eee8;color:var(--teal);border-radius:10px;margin-bottom:19px}.methodology h2{font-size:18px;margin:0 0 12px}.methodology>p{color:#66817c;font-size:12px;margin:0 0 18px}.methodology dl{border-top:1px solid #d6e8e2;margin:0;padding-top:10px}.methodology dl div{display:flex;justify-content:space-between;padding:7px 0;font-size:11px}.methodology dt{color:#86a19c}.methodology dd{margin:0;color:#365b55;font-weight:600}.method-note{border-top:1px solid #d6e8e2;padding-top:13px!important;color:#78938e!important;font-size:11px!important}.gallery-panel{margin:18px 0 30px}.gallery-actions{display:flex;align-items:center;gap:13px}.gallery-meta{color:#9aa9a7;font-size:11px}.outline-btn{color:var(--teal);border-color:#b8ddd6;padding:7px 11px}.outline-btn span{font-size:14px}.gallery-note{margin:-8px 0 17px;padding:9px 11px;border:1px solid #ead9ad;background:#fff9e9;color:#8b754b;border-radius:7px;font-size:11px}.gallery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.gallery-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;position:relative}.gallery-thumb{height:132px;background:linear-gradient(140deg,#eef7f5,#e1eee9);display:grid;place-items:center;overflow:hidden}.gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain}.gallery-placeholder{font-size:32px;color:#95b9b0}.gallery-card:hover{border-color:#a9d2c9;box-shadow:0 8px 20px rgba(22,86,76,.08)}.gallery-info{padding:11px 12px}.gallery-line{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#7c908d}.gallery-account{font-family:ui-monospace,monospace;color:#476963}.gallery-time{color:#a0aeac}.gallery-sub{font-size:10px;color:#9ba9a7;margin-top:5px;display:flex;justify-content:space-between}.degraded-ribbon{position:absolute;top:9px;left:0;background:#d97670;color:#fff;padding:4px 8px 4px 10px;font-size:10px;border-radius:0 5px 5px 0;letter-spacing:.03em}.degraded-ribbon small{opacity:.75;margin-left:3px}.detail-dialog{border:0;border-radius:14px;padding:0;width:min(650px,calc(100% - 30px));color:var(--ink);box-shadow:0 24px 90px rgba(10,42,37,.25)}.detail-dialog::backdrop{background:rgba(17,48,44,.38);backdrop-filter:blur(3px)}.dialog-head{padding:23px 26px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.dialog-head h2{font-size:20px;margin:0}.dialog-close{border:0;background:none;font-size:26px;line-height:1;color:#91a19f;padding:0 2px;align-self:start}.dialog-close:hover{color:var(--ink)}.dialog-body{padding:21px 26px 26px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.detail-cell{background:#f6f9f8;border-radius:8px;padding:9px 11px}.detail-cell span{display:block;color:#8b9b98;font-size:10px}.detail-cell b{display:block;font-size:13px;margin-top:2px}.answer-box{background:#fbfcfc;border:1px solid var(--line);border-radius:8px;padding:13px;white-space:pre-wrap;word-break:break-word;font-size:13px;max-height:300px;overflow:auto}.error-box{color:#b45c58;background:#fff5f3;padding:11px;border-radius:7px;font-size:12px}.gallery-dialog{width:min(1100px,calc(100% - 20px));background:#132f2d;padding:13px}.gallery-dialog .floating{position:absolute;right:18px;top:13px;color:#c4ddd8;z-index:2}.gallery-dialog img{max-height:82vh;max-width:100%;width:100%;object-fit:contain;display:block;background:#183b37;border-radius:8px}.gallery-detail-meta{color:#b8d3cd;font-size:11px;padding:10px 4px 2px;display:flex;justify-content:space-between}.gallery-detail-meta strong{color:#eef9f5}.dialog-label{font-size:11px;color:#879995;margin:0 0 7px}footer{border-top:1px solid var(--line);padding:20px 0 35px;color:#a1aeac;font-size:10px;display:flex;gap:25px}footer span:last-child{margin-left:auto}@keyframes blink{0%,100%{opacity:.55}50%{opacity:1}}
@media(max-width:1000px){.shell{padding:0 22px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.strip-meta{display:none}.model-strip{gap:22px}.strip-item{padding-left:18px}}
@media(max-width:680px){.shell{padding:0 14px}.topbar{height:65px}.live-dot{display:none}.hero{padding:36px 0 25px;display:block}.hero h1{font-size:28px}.hero-status{margin-top:22px}.model-strip{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:15px}.model-chip{grid-column:1/-1}.strip-item{border:0;padding:0}.metrics-grid{gap:9px}.metric-card{padding:14px;min-height:112px}.metric-value{font-size:24px}.latency-row{gap:9px}.latency-row b{font-size:15px}.panel{padding:18px 14px}.panel-heading{display:block}.legend{flex-wrap:wrap;margin-top:17px;gap:9px}.timeline{gap:2px;height:61px}.slot{height:28px}.timeline-summary{gap:10px;flex-wrap:wrap}.timeline-note{width:100%;margin-left:0}.run-row{grid-template-columns:8px 76px 1fr 58px;gap:8px;padding:10px}.run-row .run-meta{display:none}.run-id{font-size:10px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:9px}.gallery-thumb{height:125px}.gallery-actions{margin-top:14px}.gallery-meta{display:none}footer{display:block;padding-bottom:22px}footer span{display:block;margin:5px 0!important}}