:root{color-scheme:light;--bg: #f7f5ef;--ink: #231f20;--muted: #706b64;--line: #ded7ca;--surface: #fffdf8;--accent: #e45122;--accent-dark: #b83418;--teal: #127a74;--gold: #f3b339;--error: #b42318;--success: #0f766e;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;color:var(--ink);background:linear-gradient(135deg,rgba(228,81,34,.14),transparent 38%),linear-gradient(315deg,rgba(18,122,116,.12),transparent 42%),var(--bg)}button,input,select{font:inherit}.shell{width:min(1040px,calc(100% - 32px));min-height:100vh;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(320px,1fr);gap:32px;align-items:center;padding:44px 0}.brand-panel{min-height:440px;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:12px 0}.brand-mark{width:112px;height:112px;position:relative;border:1px solid rgba(35,31,32,.12);border-radius:8px;background:var(--surface);box-shadow:0 18px 44px #231f2014}.brand-mark.small{width:42px;height:42px;box-shadow:none}.brand-flame{position:absolute;left:26px;top:18px;width:60px;height:76px;border-radius:55% 45% 52% 48%;background:linear-gradient(145deg,var(--accent),var(--gold));transform:rotate(-16deg)}.brand-mark.small .brand-flame{left:10px;top:7px;width:22px;height:28px}.brand-core{position:absolute;left:43px;top:46px;width:34px;height:34px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 8px var(--teal)}.brand-mark.small .brand-core{left:16px;top:17px;width:13px;height:13px;box-shadow:inset 0 0 0 3px var(--teal)}.eyebrow{margin:0 0 8px;color:var(--teal);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:6em;margin-bottom:0;font-size:clamp(44px,8vw,76px);line-height:.96;letter-spacing:0}h2{margin-bottom:8px;font-size:26px;line-height:1.18;letter-spacing:0}.status-strip{width:fit-content;display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(18,122,116,.24);border-radius:8px;color:var(--teal);background:#fffdf8b8;font-size:14px;font-weight:700}.status-strip.offline{color:var(--error);border-color:#b423183d}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px #0f766e24}.status-strip.offline .status-dot{background:var(--error);box-shadow:0 0 0 4px #b4231824}.login-card{border:1px solid var(--line);border-radius:8px;background:#fffdf8eb;box-shadow:0 24px 60px #231f201f;padding:clamp(24px,4vw,40px)}.form-head{margin-bottom:28px}.form-head.compact{margin-bottom:20px}.form-head.compact h2{font-size:24px}.form-head p,.message{min-height:22px;margin-bottom:0;color:var(--muted);font-size:14px;line-height:1.55}label{display:block;margin:18px 0 8px;color:#3a3530;font-size:14px;font-weight:800}input,select{width:100%;height:48px;border:1px solid var(--line);border-radius:8px;padding:0 14px;color:var(--ink);background:#fffaf1;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 12px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}input:focus,select:focus{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #127a741f}button{width:100%;min-height:48px;margin-top:24px;border:0;border-radius:8px;color:#fff;background:var(--accent);font-weight:900;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}button:hover{background:var(--accent-dark);box-shadow:0 12px 28px #e4512238}button:active{transform:translateY(1px)}button:disabled{cursor:wait;opacity:.72}.secondary-button{width:auto;min-width:112px;margin-top:0;padding:0 18px;color:var(--accent-dark);border:1px solid rgba(228,81,34,.32);background:transparent}.secondary-button:hover{color:#fff;background:var(--accent)}.icon-button{width:auto;min-width:72px;min-height:40px;margin-top:0;padding:0 14px;color:var(--muted);border:1px solid var(--line);background:transparent}.icon-button:hover{color:#fff;background:var(--accent)}.message{margin-top:16px}.message.error{color:var(--error)}.message.success{color:var(--success)}.dashboard{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard h2{margin-bottom:0}.firefox-login{display:block}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}.topbar strong{display:block;font-size:18px}.topbar-actions{display:flex;align-items:center;gap:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 24px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#fffaf1}.segmented button{min-height:42px;margin:0;color:var(--muted);background:transparent;box-shadow:none}.segmented button:hover,.segmented button.active{color:#fff;background:var(--teal);box-shadow:none}.firefox-form{margin-top:0}.app-shell{min-height:100vh;display:grid;grid-template-rows:72px 1fr}.app-header{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 28px;border-bottom:1px solid var(--line);background:#fffdf8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-brand{display:inline-flex;align-items:center;gap:12px;min-width:180px}.app-brand strong{font-size:18px;white-space:nowrap}.app-menu{display:flex;align-items:center;gap:6px}.menu-button,.header-button{width:auto;min-height:38px;margin-top:0;padding:0 14px;border-radius:8px;color:var(--muted);background:transparent;box-shadow:none;white-space:nowrap}.menu-button:hover,.menu-button.active{color:#fff;background:var(--teal);box-shadow:none}.header-button{border:1px solid var(--line)}.header-button:hover,.header-button.active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:none}.account-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.account-name{max-width:140px;overflow:hidden;color:var(--teal);font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.workspace{width:min(1120px,calc(100% - 32px));margin:0 auto;display:flex;align-items:center;justify-content:center;padding:32px 0}.workspace.full{width:min(1800px,calc(100% - 48px));align-items:flex-start}.content-panel{width:min(580px,100%);margin:0 auto;border:1px solid var(--line);border-radius:8px;background:#fffdf8f0;box-shadow:0 16px 44px #231f201a;padding:32px}.content-panel.wide{width:min(900px,100%)}.content-panel.full{width:100%;min-height:calc(100vh - 136px)}.firefox-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(360px,1fr);gap:28px;align-items:start}.firefox-info{min-height:100%;padding:22px;border:1px solid rgba(18,122,116,.18);border-radius:8px;background:#f6fbf8}.firefox-info h2{margin-bottom:8px;overflow-wrap:anywhere}.info-stats{display:grid;gap:12px;margin-top:24px}.info-stats div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(18,122,116,.14);border-radius:8px;background:#fffdf8c2}.info-stats span,.refresh-time{color:var(--muted);font-size:13px}.info-stats strong{color:var(--ink);font-size:16px}.refresh-time{margin:18px 0 0}.firefox-login-panel{min-width:0}.phone-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(280px,.82fr);gap:28px;align-items:start}.phone-form-panel,.phone-result-panel{min-width:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.phone-result-panel{min-height:100%;padding:22px;border:1px solid rgba(18,122,116,.18);border-radius:8px;background:#f6fbf8}.phone-result-panel h2{margin-bottom:16px;overflow-wrap:anywhere}.phone-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.phone-result-refresh-button{width:auto;min-width:112px;min-height:34px;margin-top:0;padding:0 12px;white-space:nowrap}.result-list{display:grid;gap:10px;margin:0}.result-list div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:start;padding:10px 12px;border:1px solid rgba(18,122,116,.14);border-radius:8px;background:#fffdf8c2}.result-list dt,.result-list dd,.empty-result{margin:0;font-size:13px;line-height:1.5}.result-list dt{color:var(--muted);font-weight:800}.result-list dd{min-width:0;color:var(--ink);overflow-wrap:anywhere}.empty-result{color:var(--muted)}.code-page,.docking-page{min-width:0}.docking-list-head{margin-bottom:24px}.docking-query-button{width:auto;min-width:96px;min-height:42px;margin:0}.docking-list{display:grid;gap:10px}.docking-list-header,.docking-list-row{display:grid;grid-template-columns:minmax(200px,1fr) minmax(88px,.4fr) minmax(200px,1fr) minmax(96px,.4fr) minmax(170px,.6fr);gap:16px;align-items:center}.docking-list-header{padding:0 14px 6px;color:var(--muted);font-size:12px;font-weight:900}.docking-list-row{padding:14px;border:1px solid rgba(18,122,116,.14);border-radius:8px;background:#fffdf8c7}.docking-list-row>div{min-width:0}.docking-list-row strong{display:block;overflow-wrap:anywhere}.docking-record-label{display:none;color:var(--muted);font-size:12px;line-height:1.45}.list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.list-head .form-head.compact{flex:0 0 auto;margin-bottom:0}.record-search{flex:1 1 920px;display:grid;grid-template-columns:minmax(110px,.65fr) minmax(180px,.85fr) minmax(140px,.7fr) 154px auto;gap:12px;align-items:end;max-width:1060px;margin:0 0 0 auto;padding:0;border:0;background:transparent}.record-search label{margin-top:0;font-size:13px}.released-search-checkbox{min-height:42px;display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-weight:500;white-space:nowrap}.released-search-checkbox input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.search-actions{display:flex;gap:8px}.search-actions button{width:auto;min-width:78px;min-height:42px;margin-top:0;padding:0 14px}.search-actions button[type=button]{color:var(--muted);border:1px solid var(--line);background:transparent}.search-actions button[type=button]:hover{color:#fff;border-color:var(--accent);background:var(--accent)}.phone-record-list{display:grid;gap:10px}.phone-record-header,.phone-record-row{display:grid;grid-template-columns:minmax(132px,1fr) minmax(64px,.36fr) minmax(72px,.42fr) minmax(56px,.3fr) minmax(78px,.4fr) minmax(88px,.46fr) minmax(132px,.78fr) minmax(72px,.34fr) minmax(64px,.3fr) minmax(470px,1.7fr);gap:12px;align-items:center}.phone-record-header{padding:0 14px 6px;color:var(--muted);font-size:12px;font-weight:900}.phone-record-row{padding:14px;border:1px solid rgba(18,122,116,.14);border-radius:8px;background:#fffdf8c7}.phone-record-main,.phone-record-row>div,.record-action{min-width:0}.phone-record-main strong,.phone-record-row>div>strong{display:block;overflow-wrap:anywhere}.phone-record-main span,.record-label,.phone-record-meta{color:var(--muted);font-size:12px;line-height:1.45}.code-detail-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#231f206b}.code-history-panel{width:min(720px,100%);max-height:min(720px,calc(100vh - 48px));overflow:auto;padding:24px;border:1px solid rgba(18,122,116,.2);border-radius:12px;background:var(--surface);box-shadow:0 24px 60px #231f203d}.code-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.code-history-head h3{margin:3px 0 0}.receive-code-api{display:grid;gap:8px;margin-top:18px;padding:12px;border:1px solid rgba(18,122,116,.16);border-radius:8px;background:#127a740f}.receive-code-api>span{color:var(--teal);font-size:13px;font-weight:900}.receive-code-api code{overflow-wrap:anywhere;color:var(--ink);font-size:12px;line-height:1.5}.receive-code-api>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.receive-code-api small{color:var(--muted);font-size:12px}.copy-api-button{width:auto;min-width:104px;min-height:34px;margin:0;padding:0 10px;border:1px solid rgba(18,122,116,.3);border-radius:999px;color:var(--teal);background:transparent;box-shadow:none;font-size:12px}.copy-api-button:hover{color:#fff;border-color:var(--teal);background:var(--teal);box-shadow:none}.modal-close-button{display:grid;width:34px;min-width:34px;height:34px;min-height:34px;margin:0;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:transparent;box-shadow:none;font-size:24px;font-weight:400;line-height:1}.modal-close-button:hover{border-color:var(--accent);color:#fff;background:var(--accent);box-shadow:none}.code-history-list{display:grid;gap:10px;margin-top:14px}.code-history-item{display:grid;grid-template-columns:minmax(80px,auto) minmax(150px,auto) 1fr;gap:12px;align-items:start;padding:12px;border-radius:8px;background:#127a740f}.code-history-item strong{color:var(--teal)}.code-history-item span{color:var(--muted);font-size:13px}.code-history-item p{margin:0;overflow-wrap:anywhere}.record-label{display:none;margin-bottom:4px;font-weight:800}.record-action{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:8px}.status-pill{width:fit-content;padding:4px 8px;border:1px solid rgba(18,122,116,.18);border-radius:999px;font-size:12px;line-height:1.2;white-space:nowrap}.status-pill.status-0{color:var(--muted);background:#fffaf1}.status-pill.status-1{color:var(--accent-dark);background:#e451221a;border-color:#e4512238}.status-pill.status-2{color:var(--success);background:#0f766e1a;border-color:#0f766e38}.status-pill.status-3{color:var(--accent-dark);background:#e451221a;border-color:#e4512238}.status-pill.released{color:var(--muted);background:#fffdf89e}.api-auto-status{color:var(--teal);font-size:12px;font-weight:800}.latest-code{color:var(--teal)}.detail-button,.refresh-button,.release-button,.price-button{width:auto;min-width:76px;min-height:34px;margin-top:0;padding:0 10px;border:1px solid rgba(228,81,34,.32);border-radius:999px;color:var(--accent-dark);background:transparent;box-shadow:none;flex:0 0 auto;white-space:nowrap;font-size:12px;line-height:1}.detail-button:hover,.refresh-button:hover,.release-button:hover,.price-button:hover{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:none}.detail-button:disabled,.refresh-button:disabled,.release-button:disabled,.price-button:disabled{color:var(--muted);border-color:var(--line);background:#fffdf89e;box-shadow:none}.phone-record-meta{grid-column:1 / -1;margin:2px 0 0;overflow-wrap:anywhere}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;color:var(--muted);font-size:13px;font-weight:800}.pagination-bar>div{display:flex;gap:10px}.pagination-bar button{width:auto;min-width:86px;min-height:38px;margin-top:0;padding:0 14px}.pagination-bar button:disabled{cursor:not-allowed;border:1px solid #c9c4b9;color:var(--muted);background:#e8e4dc;box-shadow:none;opacity:1}.docking-pagination-actions{align-items:center}.docking-pagination-actions select{width:104px;height:38px;padding:0 10px}@media(max-width:760px){.shell{grid-template-columns:1fr;gap:22px;align-items:start;padding:28px 0}.brand-panel{min-height:auto;gap:18px}.brand-mark{width:84px;height:84px}.brand-flame{left:20px;top:14px;width:45px;height:56px}.brand-core{left:32px;top:34px;width:28px;height:28px;box-shadow:inset 0 0 0 7px var(--teal)}h1{max-width:none;font-size:42px}.dashboard{align-items:stretch;flex-direction:column}.secondary-button{width:100%}.topbar{align-items:stretch;flex-direction:column}.topbar-actions{display:grid;grid-template-columns:1fr}.icon-button{width:100%}.app-header{grid-template-columns:1fr;gap:14px;align-items:stretch;padding:14px 16px}.app-shell{grid-template-rows:auto 1fr}.app-menu,.account-actions{display:grid;grid-template-columns:1fr}.account-name{max-width:none}.menu-button,.header-button{width:100%}.workspace{align-items:start;padding:20px 0}.content-panel{padding:22px}.firefox-grid,.phone-grid,.field-row{grid-template-columns:1fr}.result-list div{grid-template-columns:1fr;gap:4px}.list-head{align-items:stretch;flex-direction:column}.record-search{width:100%;grid-template-columns:1fr}.search-actions{display:grid;grid-template-columns:1fr 1fr}.search-actions button{width:100%}.phone-record-header{display:none}.docking-list-head{align-items:stretch;flex-direction:column}.docking-query-button{width:100%}.docking-list-header{display:none}.docking-list-row{grid-template-columns:1fr;gap:10px}.docking-record-label{display:block}.phone-record-row{grid-template-columns:1fr;gap:10px}.record-action{display:grid;grid-template-columns:1fr 1fr;gap:8px}.record-action .record-label{grid-column:1 / -1}.detail-button,.refresh-button,.release-button,.price-button{width:100%;min-width:0}.record-label{display:block}.pagination-bar{align-items:stretch;flex-direction:column}.pagination-bar>div{display:grid;grid-template-columns:1fr 1fr}.pagination-bar>.docking-pagination-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.docking-pagination-actions select{width:100%;min-width:0}.pagination-bar button{width:100%}.code-detail-modal{align-items:end;padding:16px}.code-history-panel{max-height:calc(100vh - 32px);padding:20px}.code-history-item{grid-template-columns:1fr;gap:6px}.phone-result-heading{flex-direction:column}.receive-code-api>div{align-items:stretch;flex-direction:column}.copy-api-button{width:100%}}