:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#f3f4f6;background:#090a0c;font-synthesis:none;--bg:#090a0c;--panel:#121417;--panel-2:#181b1f;--line:#292d33;--muted:#aab0b8;--text:#f3f4f6;--accent:#e5e7eb;--danger:#ff8e8e}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{width:min(100%,440px);padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.brand-mark{width:64px;height:64px;display:grid;place-items:center;border:1px solid var(--accent);border-radius:16px;color:var(--accent);font-weight:800;letter-spacing:2px}.brand-mark.small{width:44px;height:44px;border-radius:10px;font-size:13px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;letter-spacing:1.4px;text-transform:uppercase}.login-card .eyebrow{margin-top:24px}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:32px;line-height:1.2}h2{margin:0;font-size:20px}.muted{color:var(--muted);line-height:1.7}.fine-print{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.7}form{margin-top:24px}label{display:grid;gap:8px;color:#c8cdd4;font-size:13px}input{width:100%;min-height:48px;padding:12px;color:var(--text);background:#0d0f12;border:1px solid var(--line);border-radius:10px;outline:none}input:focus{border-color:var(--accent)}.button{min-height:48px;padding:12px 16px;border:1px solid transparent;border-radius:10px;font-weight:650;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.button:active{transform:scale(.98)}.button.primary{background:var(--accent);color:#090a0c}.button.primary:hover{background:#ffffff}.button.secondary{background:var(--panel-2);color:var(--text);border-color:var(--line)}.button.secondary:hover,.button.quiet:hover{border-color:#4a515b}.button.quiet{background:transparent;color:var(--text);border-color:var(--line)}.button.accent-outline{background:transparent;color:var(--accent);border-color:#52525b}.button.danger{color:var(--danger)}.full{width:100%;margin-top:16px}.form-error,.error-text{color:var(--danger);line-height:1.6}.form-error{margin:12px 0 0}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;background:#090a0cf2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand span{display:block}.brand span{margin-top:4px;color:var(--muted);font-size:12px}.header-actions{display:flex;align-items:center;gap:12px}.card-usage{color:var(--muted);font-size:12px;white-space:nowrap}.connection{color:var(--muted);font-size:13px}.connection.online{color:var(--accent)}.content{width:min(100%,1440px);margin:0 auto;padding:24px}.dashboard-grid{display:grid;gap:24px}.panel{padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:16px;margin-bottom:24px}.status-panel,.quick-panel{margin-bottom:0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.section-heading.compact{align-items:center;margin-bottom:16px}.section-heading h1{margin:0}.environment-label{color:var(--muted);font-size:13px}.status-details{display:grid;gap:16px;margin-bottom:24px}.status-details div{display:grid;gap:4px}.status-details span{color:var(--muted);font-size:12px}.status-details strong{line-height:1.5}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.switch-copy{display:block;color:var(--text);font-size:14px}.switch-copy small{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.6}.switch-input{position:absolute;opacity:0;width:1px;height:1px;min-height:1px;pointer-events:none}.switch-track{position:relative;flex:0 0 auto;width:46px;height:26px;background:#2b2f35;border:1px solid #4a515b;border-radius:999px;transition:background-color .18s,border-color .18s}.switch-track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#aab0b8;transition:transform .18s,background-color .18s}.switch-input:checked+.switch-track{background:var(--accent);border-color:var(--accent)}.switch-input:checked+.switch-track::after{transform:translateX(20px);background:#090a0c}.switch-input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:4px}.switch-input:disabled+.switch-track{opacity:.55}.controls{display:grid;grid-template-columns:1fr;gap:12px}.screenshot-empty{min-height:220px;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted);background:#0c0e10;border:1px dashed var(--line);border-radius:10px;line-height:1.7}.screenshot-card{overflow:hidden;background:#0c0e10;border:1px solid var(--line);border-radius:10px}.screenshot-card img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#050607}.screenshot-meta{display:flex;justify-content:space-between;gap:12px;padding:12px;color:var(--muted);font-size:12px}.screenshot-history{display:grid;gap:16px}.history-empty,.orders-empty{padding:24px 0;color:var(--muted);text-align:center}.order-form{padding:16px;margin-bottom:24px;background:#0d0f12;border:1px solid var(--line);border-radius:10px}.order-form .button{margin-top:16px}.form-grid{display:grid;gap:16px}.orders-list{display:grid;gap:12px}.order-card{padding:16px;background:var(--panel-2);border:1px solid var(--line);border-radius:10px}.order-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-head strong{overflow-wrap:anywhere}.order-no{margin:4px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}.order-status{color:var(--accent);font-size:13px;white-space:nowrap}.order-meta{margin:16px 0;color:#c8cdd4;line-height:1.7}.order-actions{display:flex;flex-wrap:wrap;gap:8px}.order-actions .button{min-height:44px;padding:8px 12px;font-size:13px}details summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary strong{display:block;font-size:20px}.search-label{margin-top:24px}.knowledge-list{display:grid;gap:8px;margin-top:16px}.knowledge-item{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.knowledge-item span:last-child{color:var(--accent)}.notice{padding:16px;margin-bottom:24px;color:#d4d4d8;background:#202024;border:1px solid #3f3f46;border-radius:10px;line-height:1.6}.toast{position:fixed;right:16px;bottom:16px;left:16px;z-index:30;padding:16px;color:var(--text);background:#20242a;border:1px solid #3b424c;border-radius:10px;line-height:1.5}.toast.error{border-color:#6a3b3b}@media(min-width:640px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toast{right:24px;bottom:24px;left:auto;max-width:420px}}@media(min-width:960px){.topbar{padding:16px 32px}.content{padding:32px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.status-details{grid-template-columns:repeat(3,minmax(0,1fr))}.controls{grid-template-columns:repeat(4,minmax(0,1fr))}.screenshot-history{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{padding:32px}.order-form{padding:24px}}@media(max-width:520px){.topbar{padding:12px 16px;gap:8px}.header-actions{gap:8px;min-width:0}.card-usage{max-width:128px;white-space:normal;text-align:right;line-height:1.5}.connection{display:none}.header-actions .button{min-height:44px;padding:8px 12px;white-space:nowrap}.brand span{display:none}.content{padding:16px}.panel{padding:16px;border-radius:16px}.login-card{padding:24px}.section-heading{gap:12px}.section-heading h1{font-size:28px}.screenshot-empty{min-height:180px}.order-head{display:grid}.order-status{white-space:normal}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}