:root{ --bg:#f5f6f8;--surface:#fff;--surface-subtle:#f8f9fb;--line:#e2e5ea;--line-strong:#cfd4dc; --text:#17191d;--muted:#69707d;--subtle:#9097a3;--accent:#3157d5;--accent-soft:#eef2ff; --success:#16794b;--success-soft:#eaf7f0;--warning:#946200;--warning-soft:#fff7dc; --danger:#be3038;--danger-soft:#fff0f1;--sidebar:#111318;--sidebar-text:#d5d9e0; --radius:8px;--shadow:0 1px 2px rgba(20,25,35,.04);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; } *{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.admin-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;display:flex;flex-direction:column;background:var(--sidebar);color:var(--sidebar-text);padding:18px 12px 14px;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:2px 7px 18px;color:#fff}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff;color:#17191d;font-weight:800}.brand-mark--large{width:44px;height:44px;border-radius:11px;background:var(--text);color:#fff;font-size:18px}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{margin-top:1px;color:#858d9a;font-size:11px}.sidebar-nav{overflow:auto;padding-right:2px}.nav-group{margin:4px 0 15px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}.nav-group--fixed{padding-top:0;border-top:0}.nav-group h2{margin:0 10px 6px;color:#b9c2d0;font-size:11px;letter-spacing:.14em;font-weight:800}.nav-item{display:flex;align-items:center;gap:10px;min-height:36px;padding:8px 10px;border-radius:6px;color:#aeb4bf;font-weight:550}.nav-item:hover{background:#1a1d23;color:#fff}.nav-item.is-active{background:#252932;color:#fff}.nav-icon{width:16px;height:16px;border:1.5px solid currentColor;border-radius:4px;opacity:.8}.nav-icon--users{border-radius:50%}.nav-icon--analytics{border-width:0 0 1.5px 1.5px;border-radius:0}.nav-icon--release{transform:rotate(45deg);border-radius:2px}.nav-icon--cloud{border-radius:9px 9px 5px 5px}.nav-icon--audit{border-radius:50%;border-style:dashed}.sidebar-foot{margin-top:auto;display:grid;gap:5px;padding:12px 9px 0;border-top:1px solid #292d34;color:#747c89;font-size:11px}.sidebar-foot a{color:#aeb4bf}.admin-main{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:14px;height:58px;padding:0 24px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.topbar-context{display:flex;align-items:center;gap:9px}.topbar-label{color:var(--muted);font-size:12px}.topbar-context select{min-width:190px;height:34px;padding:0 32px 0 10px;background:var(--surface);border:1px solid var(--line-strong);border-radius:6px}.topbar-spacer{flex:1}.topbar-link{color:var(--muted);font-size:12px}.service-pill{display:flex;align-items:center;gap:7px;padding:5px 9px;background:var(--success-soft);border:1px solid #cbe8d7;border-radius:999px;color:var(--success);font-size:11px;font-weight:650}.service-pill span{width:6px;height:6px;background:var(--success);border-radius:50%}.mobile-nav-button{display:none}.content{padding:24px clamp(18px,2.4vw,36px) 48px;max-width:1680px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.page-header h1{margin:2px 0 0;font-size:24px;line-height:1.25;letter-spacing:-.02em}.page-header p{max-width:760px;margin:6px 0 0;color:var(--muted)}.eyebrow{color:var(--subtle);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.flash{margin-bottom:16px;padding:10px 12px;background:var(--accent-soft);border:1px solid #ccd6fb;border-radius:var(--radius);color:#24429b;font-weight:600}.flash--danger{background:var(--danger-soft);border-color:#f0c7ca;color:var(--danger)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.metric{min-height:108px;padding:15px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.metric>span{color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:10px;font-size:25px;line-height:1;font-variant-numeric:tabular-nums}.metric small{display:block;margin-top:9px;color:var(--subtle);font-size:11px}.metric--danger{border-left:3px solid var(--danger)}.metric--warning{border-left:3px solid #dda400}.layout-2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:14px;margin-top:14px}.layout-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel+.panel{margin-top:14px}.layout-2>.panel+.panel{margin-top:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 15px;border-bottom:1px solid var(--line)}.panel-header h2{margin:0;font-size:14px}.panel-header p{margin:2px 0 0;color:var(--muted);font-size:11px}.panel-body{padding:15px}.panel-body--flush{padding:0}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:10px 12px;border-bottom:1px solid #eceef2;text-align:left;vertical-align:middle}th{position:sticky;top:0;background:#fafbfc;color:var(--muted);font-size:10px;letter-spacing:.04em;font-weight:750;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfc}.table-link{color:var(--accent);font-weight:650}.muted{color:var(--muted)}.subtle{color:var(--subtle)}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:12px}.number{font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;gap:6px;padding:3px 7px;border:1px solid var(--line);border-radius:999px;background:#f7f8fa;color:#5f6672;font-size:10px;font-weight:700;white-space:nowrap}.status__dot{width:5px;height:5px;border-radius:50%;background:#89909b}.status--success{background:var(--success-soft);border-color:#c9e8d6;color:var(--success)}.status--success .status__dot{background:var(--success)}.status--warning{background:var(--warning-soft);border-color:#eddfa8;color:var(--warning)}.status--warning .status__dot{background:#c28a00}.status--danger{background:var(--danger-soft);border-color:#f0c5c8;color:var(--danger)}.status--danger .status__dot{background:var(--danger)}.status--info{background:var(--accent-soft);border-color:#cfdaff;color:#3152bd}.status--info .status__dot{background:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;font-weight:650;font-size:12px}.button:hover{background:#f7f8fa}.button--primary{border-color:#2548ba;background:var(--accent);color:#fff}.button--primary:hover{background:#284bbd}.button--danger{border-color:#e2b1b5;background:#fff;color:var(--danger)}.button--ghost{border-color:transparent;background:transparent;color:var(--muted)}.button--small{min-height:28px;padding:4px 8px;font-size:11px}.button--wide{width:100%}.icon-button{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#fff}.filters{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid var(--line);background:#fafbfc}.filters label,.field{display:grid;gap:4px;color:var(--muted);font-size:10px;font-weight:650}.filters input,.filters select,.field input,.field select,.field textarea{min-height:34px;padding:7px 9px;background:#fff;border:1px solid var(--line-strong);border-radius:6px;font-size:12px}.filters input{min-width:230px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.field textarea{min-height:100px;resize:vertical}.field--wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1;padding-top:4px}.stack{display:grid;gap:10px}.list{display:grid}.list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #eceef2}.list-item:first-child{padding-top:0}.list-item:last-child{padding-bottom:0;border-bottom:0}.list-item strong{display:block}.list-item p{margin:2px 0 0;color:var(--muted);font-size:12px}.alert-list{display:grid;gap:7px}.alert-item{display:flex;gap:9px;padding:9px 10px;background:var(--warning-soft);border:1px solid #eee0aa;border-radius:6px;color:#704e00;font-size:12px}.empty-state{padding:30px 18px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--text)}.empty-state p{margin:5px 0 0}.product-cell{display:flex;align-items:center;gap:9px}.product-cell img{width:30px;height:30px;border-radius:7px}.product-cell small{display:block;color:var(--muted)}.progress{width:92px;height:5px;background:#e9ebef;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent)}.tabs{display:flex;gap:2px;padding:0 15px;border-bottom:1px solid var(--line)}.tab{padding:11px 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.tab.is-active{border-color:var(--accent);color:var(--text)}.detail-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px}.profile-card{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.profile-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:800}.profile-card h2{margin:12px 0 0;font-size:16px}.profile-meta{display:grid;gap:8px;margin-top:16px}.profile-meta div{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px}.profile-meta strong{color:var(--text);font-weight:600}.danger-zone{border-color:#ecc4c7}.danger-zone .panel-header{background:#fff8f8}.kpi-inline{display:flex;gap:18px;flex-wrap:wrap}.kpi-inline div{display:grid;gap:2px}.kpi-inline span{color:var(--muted);font-size:10px}.kpi-inline strong{font-size:15px}.code-block{padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#f7f8fa;font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;word-break:break-all}.release-pipeline{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}.release-pipeline span{padding:5px 7px;border:1px solid var(--line);border-radius:5px;background:#fff}.chart{display:flex;align-items:end;gap:5px;height:150px;padding-top:16px}.chart-col{flex:1;min-width:8px;display:flex;align-items:end;gap:1px;height:100%}.chart-bar{flex:1;min-height:1px;background:#5775d7;border-radius:2px 2px 0 0}.chart-bar--secondary{background:#9aa8d6}.chart-labels{display:flex;justify-content:space-between;color:var(--subtle);font-size:9px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f4f5f7}.login-shell{width:min(880px,100%);display:grid;grid-template-columns:1.15fr .85fr;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 60px rgba(30,36,48,.1);overflow:hidden}.login-intro{padding:52px;background:#17191e;color:#fff}.login-intro h1{max-width:440px;margin:26px 0 12px;font-size:34px;line-height:1.18}.login-intro p{color:#a8afb9}.login-intro ul{display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:36px 0 0;list-style:none}.login-intro li{padding:5px 8px;border:1px solid #3c414a;border-radius:999px;color:#bbc1ca;font-size:11px}.login-panel{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:42px}.login-panel h2{margin:18px 0 4px}.login-panel p,.login-panel small{color:var(--muted)}.login-panel form{display:grid;gap:14px}.login-panel label{display:grid;gap:6px;font-size:12px;font-weight:650}.login-panel input{width:100%;height:40px;padding:0 10px;border:1px solid var(--line-strong);border-radius:6px}.sidebar-backdrop{display:none}.bulk-bar{display:flex;gap:9px;align-items:end;padding:12px 15px;background:#f5f7ff;border-bottom:1px solid #dce3fb}.bulk-bar .field{min-width:120px} .chart-bar--task{background:#52a47a}.service-pill--warning{background:var(--warning-soft);border-color:#eddfa8;color:var(--warning)}.service-pill--warning span{background:#c28a00}.service-pill--error{background:var(--danger-soft);border-color:#f0c5c8;color:var(--danger)}.service-pill--error span{background:var(--danger)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pagination form{margin:0}.button:disabled{cursor:not-allowed;opacity:.45}.asset-upload{display:grid;gap:14px}.drop-zone{position:relative;display:grid;place-items:center;gap:6px;min-height:180px;padding:24px;border:1px dashed #aeb7c5;border-radius:8px;background:#fafbfc;text-align:center;transition:.15s}.drop-zone:hover,.drop-zone.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.drop-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-zone span,.drop-zone small{color:var(--muted)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.asset-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.asset-preview{display:grid;place-items:center;aspect-ratio:16/10;background:#eef0f3}.asset-preview img{width:100%;height:100%;object-fit:contain}.asset-card__body{display:grid;gap:10px;padding:11px}.asset-card__body p{margin:2px 0 0;color:var(--muted);font-size:11px}.variant-row{display:flex;gap:5px;flex-wrap:wrap}.input-action{display:flex;gap:6px}.input-action input{flex:1;min-width:0}.markdown-editor{min-height:320px!important;font-family:"SFMono-Regular",Consolas,monospace;line-height:1.65}.asset-picker{width:min(920px,calc(100vw - 32px));max-height:80vh;padding:0;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 80px rgba(20,25,35,.2)}.asset-picker::backdrop{background:rgba(12,15,20,.5)}.asset-picker>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#fff;border-bottom:1px solid var(--line)}.asset-picker>header p{margin:2px 0 0;color:var(--muted);font-size:11px}.asset-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;padding:14px}.asset-picker__grid button{display:grid;gap:5px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fff;text-align:left}.asset-picker__grid button:hover{border-color:var(--accent)}.asset-picker__grid img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#f1f2f4}.asset-picker__grid span{font-weight:650}.asset-picker__grid small{color:var(--muted)} .entity-list{display:grid;gap:8px}.entity-editor{border:1px solid var(--line);border-radius:6px;background:#fff;overflow:hidden}.entity-editor summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;cursor:pointer;list-style:none}.entity-editor summary::-webkit-details-marker{display:none}.entity-editor summary strong,.entity-editor summary small{display:block}.entity-editor summary small{margin-top:2px;color:var(--muted);font-size:10px}.entity-actions{display:flex;align-items:center;gap:7px}.disclosure{color:var(--subtle);transition:transform .15s ease}.entity-editor[open] .disclosure{transform:rotate(180deg)}.entity-form{padding:12px;border-top:1px solid var(--line);background:#fafbfc}.entity-nested-list{display:grid}.entity-nested-list>.entity-form+.entity-form{border-top:1px solid var(--line)} @media(max-width:1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-2,.layout-equal{grid-template-columns:1fr}.layout-2>.panel+.panel{margin-top:0}.form-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:860px){.admin-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.nav-open .sidebar{transform:translateX(0)}.nav-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(10,12,16,.42);z-index:25}.admin-main{min-width:0}.mobile-nav-button{display:block}.topbar{padding:0 12px}.topbar-label,.topbar-link{display:none}.topbar-context select{min-width:150px}.content{padding:18px 12px 40px}.detail-grid{grid-template-columns:1fr}.profile-card{display:none}.page-header{align-items:flex-start;flex-direction:column}.login-shell{grid-template-columns:1fr}.login-intro{display:none}} .commerce-plan>summary{cursor:pointer}.commerce-checks{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fafbfc}.commerce-checks label{display:flex;align-items:center;gap:6px;color:var(--text);font-size:12px} .commerce-products{display:grid;gap:8px}.commerce-product{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto auto;align-items:end;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px}.commerce-product.is-active{border-color:var(--accent);background:#f6faf8}@media(max-width:800px){.commerce-product{grid-template-columns:1fr 1fr}.commerce-product .field{grid-column:1/-1}} @media(max-width:620px){.metrics{grid-template-columns:1fr 1fr}.metric{min-height:90px}.metric strong{font-size:21px}.form-grid,.form-grid--3{grid-template-columns:1fr}.field--wide,.form-actions{grid-column:auto}.service-pill{font-size:0;padding:8px}.service-pill span{width:7px;height:7px}.topbar-context{flex:1}.topbar-context select{width:100%;min-width:0}.login-panel{padding:28px 22px}.bulk-bar{align-items:stretch;flex-direction:column}} .release-visibility-note{display:grid;gap:4px;padding:10px 12px;border:1px solid #d9dfef;border-radius:8px;background:#f7f9ff}.release-visibility-note span{color:var(--muted);font-size:12px}.release-upload-progress{display:grid;gap:9px;padding:12px;border:1px solid #cdd8f7;border-radius:9px;background:#f7f9ff}.release-upload-progress[hidden]{display:none}.release-upload-progress__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.release-upload-progress progress{width:100%;height:13px;accent-color:var(--accent)}.release-upload-progress p{margin:0;color:var(--muted);font-size:12px}.release-upload-progress.is-success{border-color:#bfe1ce;background:var(--success-soft)}.release-upload-progress.is-error{border-color:#efc5c8;background:var(--danger-soft)}.release-upload-progress.is-verifying progress{animation:release-progress-pulse 1s ease-in-out infinite}.release-submit-actions{gap:8px;flex-wrap:wrap}@keyframes release-progress-pulse{50%{opacity:.55}} .release-derived{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #d9dfef;border-radius:8px;background:#f7f9ff}.release-derived span{display:grid;gap:2px;min-width:104px;color:var(--muted);font-size:10px;font-weight:650}.release-derived strong{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.release-derived-error{margin:0;color:var(--danger);font-size:11px}.release-derived-error[hidden]{display:none}.release-advanced{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}.release-advanced summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:700}.release-advanced[open] summary{margin-bottom:10px}.form-grid.is-dragover{outline:2px dashed var(--accent);outline-offset:4px;border-radius:9px} .nav-icon{width:18px;height:18px;flex:0 0 18px;border:0;border-radius:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transform:none;opacity:.86} .profile-meta .profile-spend{display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:8px;padding-top:10px;border-top:1px solid var(--line)}.profile-meta .profile-spend strong{font-size:18px}.profile-meta .profile-spend small{grid-column:1/-1;color:var(--subtle);text-align:right} .commerce-plan-table td strong,.commerce-plan-table td small,.commerce-order-table td small{display:block}.commerce-statuses{min-width:210px;white-space:normal}.commerce-statuses .status{margin:2px}.commerce-form-actions{position:sticky;bottom:12px;z-index:3;padding:10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:var(--shadow);backdrop-filter:blur(10px)}.commerce-campaigns{margin-top:16px}.campaign-row{display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr auto auto auto;align-items:end;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafbfc}.campaign-toggle{display:flex;align-items:center;gap:6px;min-height:34px;font-size:12px}.campaign-create{padding-top:4px}.campaign-create>summary{width:max-content;cursor:pointer;list-style:none}.campaign-create>form{margin-top:12px}.commerce-actions{display:grid;gap:6px;min-width:160px}.commerce-actions form{display:grid;gap:6px}.commerce-actions input{min-height:30px;padding:5px 7px;border:1px solid var(--line-strong);border-radius:6px}.offline-refund-form{width:240px;margin-top:7px;padding:9px;border:1px solid #efc5c8;border-radius:7px;background:#fff8f8;white-space:normal}.offline-refund-form p{margin:0;color:var(--muted);font-size:11px}@media(max-width:1100px){.campaign-row{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-row .button{align-self:end}} .nav-group__header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0 0 5px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#b9c2d0;font-size:11px;letter-spacing:.14em;font-weight:800;text-transform:uppercase;cursor:pointer}.nav-group__header:hover{background:#22262d;color:#fff}.nav-group[data-nav-active="1"]>.nav-group__header{color:#fff;background:#20242b}.nav-group[data-nav-active="1"]>.nav-group__header .nav-group__chevron{opacity:1}.nav-group__header:focus-visible{outline:2px solid #4a6ae0;outline-offset:1px}.nav-group__chevron{width:12px;height:12px;flex:0 0 12px;border:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .15s ease}.nav-group__header[aria-expanded="false"] .nav-group__chevron{transform:rotate(-90deg)}.nav-group__items[hidden]{display:none}.nav-group--fixed{margin-top:0} /* 常用入口勾选：按导航分组铺开，保持和侧栏同一套名称，不开第二份菜单维护。 */ .favorites-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 14px;margin-bottom:14px} .favorites-picker fieldset{min-width:0;margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px} .favorites-picker legend{padding:0 4px;color:var(--muted);font-size:10px;font-weight:750;letter-spacing:.08em;text-transform:uppercase} .favorites-picker label{display:flex;align-items:center;gap:7px;min-height:26px;color:var(--text);font-size:12px;font-weight:550} .favorites-picker input{width:14px;height:14px;margin:0;accent-color:var(--accent)} .page-section-nav{display:flex;gap:6px;overflow-x:auto;margin:-2px 0 16px;padding:2px 2px 8px;scrollbar-width:thin}.page-section-nav__item{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;color:var(--muted);font-size:12px;font-weight:650;white-space:nowrap;box-shadow:var(--shadow)}.page-section-nav__item:hover{background:#f7f8fa;color:var(--text)}.page-section-nav__item.is-active{border-color:#2548ba;background:var(--accent);color:#fff} /* 官网内容 → Agent 工具（后台管理页）。选择器全部以 .ai-agents- 前缀限定， 不覆盖任何既有后台组件；表格视觉沿用 .table-wrap / .panel 体系。 */ .ai-agents-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end} .ai-agents-stat{font-size:12.5px;color:#667085;background:#f7f8fa;border:1px solid var(--line,#e4e7ec);border-radius:999px;padding:5px 12px;white-space:nowrap} .ai-agents-note{margin:0;font-size:12.5px;line-height:1.7;color:#667085} .ai-agents-hint{font-size:12px;color:#8a94a6} .ai-agents-create{margin-bottom:4px} .ai-agents-table{min-width:1320px} /* 后台基础 table 是 white-space:nowrap（适合短字段）。只有「支持模型 / 额度方式」 这两列是长文本，单独放开换行；其余列保持 nowrap，宽度不够由外层 .table-wrap 横向滚动。 注意不要给所有单元格加 overflow-wrap:anywhere——那会把「美国」「OpenAI」拆成竖排。 */ .ai-agents-table th,.ai-agents-table td{vertical-align:top} .ai-agents-cell-models,.ai-agents-cell-quota{white-space:normal} .ai-agents-cell-quota strong,.ai-agents-cell-quota small{white-space:normal;overflow-wrap:break-word} .ai-agents-table td small{display:block;margin-top:3px;color:#8a94a6;font-size:11.5px;font-weight:400} .ai-agents-table td small a{color:#2548ba} .ai-agents-cell-product{min-width:170px} .ai-agents-cell-models{min-width:200px;max-width:280px} .ai-agents-cell-quota{min-width:230px;max-width:330px} .ai-agents-cell-quota strong{display:block;font-size:12.5px;line-height:1.45} .ai-agents-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-right:8px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;font-size:11px;font-weight:700;color:#475467;vertical-align:middle;overflow:hidden} .ai-agents-logo img{width:20px;height:20px;object-fit:contain} .ai-agents-name{font-weight:600;display:inline-block;vertical-align:middle} .ai-agents-name small{font-weight:400} .ai-agents-chip{display:inline-block;margin:0 4px 4px 0;padding:2px 8px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;font-size:11.5px;line-height:1.5;color:#475467;white-space:normal;overflow-wrap:anywhere} .ai-agents-chip--custom{border-color:#b9e3c4;background:#f2fbf5;color:#0f7a43;font-weight:600} .ai-agents-nowrap{white-space:nowrap} .ai-agents-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace} .ai-agents-state{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap} .ai-agents-state--on{background:#e9f7ef;color:#0f7a43} .ai-agents-state--off{background:#f4f5f7;color:#667085} .ai-agents-state--deleted{background:#fdeceb;color:#b42318} .ai-agents-row--deleted{opacity:.62} .ai-agents-rating{display:flex;gap:6px;align-items:center} .ai-agents-rating select{font-size:12.5px;padding:3px 6px} .ai-agents-cell-actions{min-width:250px} .ai-agents-cell-actions form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px} .ai-agents-editor>td{background:#fbfcfe;padding:16px 18px 20px} .ai-agents-editor__inner{max-width:1180px} .ai-agents-capability{border:1px solid #e4e7ec;border-radius:10px;padding:10px 12px;display:flex;flex-wrap:wrap;gap:14px;align-items:center} .ai-agents-capability legend{padding:0 6px;font-size:12.5px;color:#667085} .ai-agents-capability .check{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:400} /* Deployment workbench and host resource cards */ .deploy-action-bar{position:sticky;bottom:12px;z-index:2;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;padding:12px;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.08)} .server-resources{margin-top:24px;padding-top:18px;border-top:1px solid #e5e7eb}.server-resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.server-resource-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(15,23,42,.04)}.server-resource-card span,.server-resource-card small{display:block;color:#64748b}.server-resource-card strong{display:block;font-size:1.35rem;margin:8px 0}.disk-usage-list{display:grid;gap:10px}.disk-usage-row{display:grid;grid-template-columns:140px 100px 1fr;align-items:center;gap:10px}.disk-usage-bar{height:8px;background:#eef2f7;border-radius:99px;overflow:hidden}.disk-usage-bar i{display:block;height:100%;background:#3478f6;border-radius:99px} @media (max-width:900px){.server-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deploy-action-bar{position:static;display:block}.deploy-action-bar .release-actions__buttons{margin-top:10px}} .nav-badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:999px;align-items:center;justify-content:center;background:#ef4444;color:white;font-size:11px;font-style:normal;font-weight:700;margin-left:auto} /* 原地保存回执提示条：不跳转页面，只在右上角冒一条消息。 */ .admin-toasts{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:120;display:grid;gap:8px;justify-items:center;pointer-events:none;max-width:min(560px,92vw)} .admin-toast{max-width:min(420px,80vw);padding:10px 14px;border-radius:8px;border:1px solid #cbe8d7;background:var(--success-soft,#eefaf3);color:var(--success,#177d4b);font-size:12px;font-weight:650;box-shadow:0 8px 24px rgba(20,30,50,.14);opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease;pointer-events:auto} .admin-toast.is-visible{opacity:1;transform:translateY(0)} .admin-toast--error{border-color:#f0c5c8;background:var(--danger-soft,#fdf1f1);color:var(--danger,#b4232a)} .admin-toast--info{border-color:#cfdaff;background:var(--accent-soft,#eef2ff);color:#24429b} .admin-toast__action{margin-left:10px;border:0;background:transparent;color:inherit;font-weight:750;text-decoration:underline;cursor:pointer} .admin-form-busy{opacity:.6;pointer-events:none} /* 权益定价：一个权益一行，价格字段横排在一行里（可扫读，不折行堆叠）。 */ .admin-subnav{margin:0 0 14px} .pricing-rate-form{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap} .pricing-rate-form .field{min-width:220px} .pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px} .pricing-card{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)} .pricing-card:hover{border-color:var(--accent)} .pricing-card strong{font-size:15px} .pricing-card span{color:var(--muted);font-size:12px} .pricing-table td{vertical-align:middle} .pricing-table .pricing-col-name{width:32%;white-space:normal} .pricing-label{display:block;font-weight:600} .pricing-label i{color:var(--subtle);font-style:normal;margin-right:4px} .pricing-col-now{white-space:nowrap} .pricing-col-now .mall-price{margin-right:6px} .pricing-form{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap} .pricing-input{width:120px;min-height:34px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:6px;font-size:12px} .pricing-input[data-price-points]{width:130px} .pricing-input[data-price-deduct]{width:130px} .pricing-stop{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:12px;white-space:nowrap} .pricing-row--child .pricing-col-name{padding-left:14px} .pricing-head p{margin:0 0 10px;max-width:1100px} .mall-ops{display:grid;gap:6px;min-width:260px} .cover-style{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px;margin:0} .cover-style legend{padding:0 4px;color:var(--muted);font-size:11px;font-weight:700} .mall-cancel-form{display:grid;gap:5px;min-width:180px} @media (max-width:1100px){.pricing-form{flex-wrap:wrap}.pricing-table .pricing-col-name{width:26%}} .pricing-col-name .muted{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px} .pricing-table .mono{font-size:10px;color:var(--subtle)} /* 商城商品页：弹窗编辑 + 封面实时预览 */ .mall-editor:not([open]){display:none} .mall-editor{width:min(1080px,94vw);border:0;border-radius:12px;padding:0;box-shadow:0 24px 80px rgba(20,28,44,.28)} .mall-editor::backdrop{background:rgba(17,22,34,.45)} .mall-editor__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:0} .mall-editor__form{display:grid;gap:10px;align-content:start;padding:20px;max-height:86vh;overflow:auto} .mall-editor__form h3{margin:0 0 4px} .mall-editor__preview{display:grid;gap:10px;align-content:start;padding:20px;border-left:1px solid var(--line);background:var(--bg-warm)} .mall-editor__canvas{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;min-height:200px;display:grid;place-items:center;color:var(--muted);font-size:12px} .mall-editor__canvas svg{display:block;width:100%;height:auto} .mall-editor__preview p{margin:0;font-size:11px} @media (max-width:900px){.mall-editor__grid{grid-template-columns:1fr}.mall-editor__preview{border-left:0;border-top:1px solid var(--line)}} .tabs.admin-subnav{margin:0;border-bottom:1px solid var(--line);padding:0 4px;gap:0} .tabs.admin-subnav .tab{padding:11px 14px} .mall-ops--row{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;min-width:0} .mall-ops--row form{display:inline} .mall-card__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pricing-table .pricing-col-name{width:42%} .pricing-table .pricing-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px} /* 定价页：课程父行像文件夹（可折叠），勾选行高亮 */ .pricing-fold{display:inline-block;margin-right:6px;font-size:12px;color:var(--muted)} .pricing-row:not(.pricing-row--child) .pricing-label{cursor:pointer;font-weight:700} .pricing-row:not(.pricing-row--child){background:#fbfcfe} .pricing-row:not(.pricing-row--child) .pricing-col-name{border-left:3px solid #d8dee9} .pricing-row.is-collapsed .pricing-fold{transform:rotate(-90deg)} .pricing-row.is-picked{background:#f2f7ff} .pricing-row.is-picked .pricing-col-name{border-left-color:var(--accent)} .pricing-row.is-hidden{display:none} /* 身份标签实时预览：标签本身的样式来自 site/css/member-badge.css（与用户端同一份）， 这里只负责把预览排成一行，并给标签一个和用户端一致的容器大小。 */ .badge-preview{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:8px;background:#fbfcfe} .badge-preview .member-badge{font-size:12px;padding:4px 12px} .badge-preview__caption{font-size:11px;color:var(--muted);font-weight:500} /* ---- 数据分析：指标下钻 / 筛选 / 事件明细 / 图表悬浮 ---- */ .metric--link{display:block;color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease} .metric--link:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 10px 24px rgba(24,22,34,.08)} .metric--link .metric__more{float:right;font-style:normal;font-weight:500;font-size:10.5px;color:var(--primary);opacity:.65} .metric--link:hover .metric__more{opacity:1} .metric--compact{min-height:88px} .panel-filter label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap} .panel-filter select{height:32px;padding:0 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);font:inherit;font-size:12px;color:var(--text)} .analytics-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:10px 12px;align-items:end} .analytics-filters label{display:grid;gap:4px;font-size:11px;color:var(--muted);min-width:0} .analytics-filters select,.analytics-filters input{width:100%;min-height:34px;padding:6px 8px;border:1px solid var(--line-strong);border-radius:6px;background:var(--surface);font:inherit;font-size:12px;color:var(--text);box-sizing:border-box} .analytics-filters__actions{display:flex;gap:8px;align-items:center} .panel-count{color:var(--muted);font-size:11px;white-space:nowrap} .panel-hint{margin:10px 0 0;font-size:11px} .ranking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 24px} .ranking h3{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:600} .ranking__row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #eceef2;font-size:12px} .ranking__row:last-child{border-bottom:0} .ranking__row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ranking__row strong{font-variant-numeric:tabular-nums} .detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px} .detail-stats>div{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-subtle)} .detail-stats span{display:block;color:var(--muted);font-size:11px} .detail-stats strong{display:block;margin-top:6px;font-size:18px} .cell-clamp{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .table-inline-link{color:var(--primary);text-decoration:none} .table-inline-link:hover{text-decoration:underline} .list-item--link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:inherit;text-decoration:none;border-radius:6px;padding-left:6px;padding-right:6px;margin-left:-6px;margin-right:-6px} .list-item--link:hover{background:var(--surface-subtle)} .list-item--link.is-active{background:var(--accent-soft,#eef4ff)} .list-item__value{display:flex;align-items:baseline;gap:8px;flex:0 0 auto} .list-item__value em{font-style:normal;font-size:10.5px;color:var(--primary)} .drill-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px} .drill-link{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .15s ease,background .15s ease} .drill-link:hover{border-color:var(--primary);background:var(--surface-subtle)} .drill-link strong{font-size:13px} .drill-link span{color:var(--muted);font-size:11px;line-height:1.5} .chart-wrap{position:relative} .chart-legend{display:flex;gap:12px;color:var(--muted);font-size:11px} .chart-legend__item{display:inline-flex;align-items:center;gap:5px} .chart-legend__item::before{content:"";width:9px;height:9px;border-radius:2px;background:#5775d7} .chart-legend__item--download::before{background:#9aa8d6} .chart-legend__item--task::before{background:#52a47a} .chart-tooltip{position:absolute;z-index:5;transform:translate(-50%,-100%);margin-top:-8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(24,22,34,.16);font-size:11px;line-height:1.7;color:var(--text);white-space:nowrap;pointer-events:none} .chart-tooltip__date{font-weight:700;margin-bottom:2px} /* 短信验证设置页：把凭据 / 模板 / 开关 / 限额分组，避免 checkbox 与输入框混排。 */ .sms-config-page{display:grid;gap:14px} .sms-config-page>.panel+.panel{margin-top:0} .sms-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap} .sms-hero h2{margin:0;font-size:16px} .sms-hero p{margin:5px 0 0;max-width:760px;font-size:12px} .sms-metrics{margin-top:15px} .sms-status-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px} .sms-status-strip .muted{font-size:11px} .sms-ready-warning{margin:13px 0 0} .sms-section{padding:15px;border-top:1px solid var(--line)} .sms-section:first-of-type{border-top:0} .sms-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:11px} .sms-section__head h3{margin:0;font-size:13px} .sms-section__head p{margin:0;color:var(--muted);font-size:11px} .sms-switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .sms-switch{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fafbfc;color:var(--text);font-size:12px;font-weight:650;cursor:pointer} .sms-switch input{flex:0 0 auto;width:16px;height:16px;min-height:0;margin:1px 0 0;padding:0;accent-color:var(--accent)} .sms-switch span{display:grid;gap:3px} .sms-switch small{color:var(--muted);font-size:11px;font-weight:500;line-height:1.45} .sms-switch.is-locked{cursor:default;background:#f4f5f7;color:var(--muted)} .sms-switch.is-locked strong{color:var(--text)} .sms-login-mode{max-width:420px;margin-top:11px} .sms-check{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:11px;font-weight:500;cursor:pointer} .sms-check input{width:14px;height:14px;min-height:0;padding:0;accent-color:var(--accent)} .sms-form-actions{display:flex;justify-content:flex-end;padding:14px 15px;border-top:1px solid var(--line);background:#fafbfc} .sms-test-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap} .sms-test-row .field{flex:1 1 280px;max-width:420px} .sms-note{margin:11px 0 0;color:var(--muted);font-size:11px;line-height:1.65} @media(max-width:900px){.sms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-switch-grid{grid-template-columns:1fr}} @media(max-width:620px){.sms-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sms-test-row .field{max-width:none}} /* 短信模板管理：多模板 + 每个用途单选一个模板。 */ .sms-template-table th,.sms-template-table td{text-align:center} .sms-template-table th:nth-child(1),.sms-template-table td:nth-child(1), .sms-template-table th:nth-child(2),.sms-template-table td:nth-child(2){text-align:left} .sms-template-radio input{width:16px;height:16px;min-height:0;padding:0;accent-color:var(--accent)} .sms-template-none td{color:var(--muted);font-size:11px} .sms-template-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end;padding:13px 15px;border-top:1px solid var(--line);background:#fafbfc} .sms-template-add .field input{width:100%} @media(max-width:800px){.sms-template-add{grid-template-columns:1fr}} /* 页头右上角的「退出登录」：post 表单包一个按钮，外观跟 topbar-link 一致但手机上不隐藏。 */ .topbar-logout{display:flex;align-items:center;margin:0} .topbar-logout__button{ height:30px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px; background:var(--surface);color:var(--muted);font-family:inherit;font-size:12px;line-height:1; cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s; } .topbar-logout__button:hover{color:var(--ink);border-color:var(--accent)} @media(max-width:620px){.topbar-logout__button{padding:0 10px;font-size:11px}} /* ---------------------------------------------------------------- 左侧菜单折叠 桌面端（>=861px）可以整条收掉左侧菜单，让内容区占满整屏；状态记在 localStorage， 刷新/跳页后由 base.html 的 head 内联脚本恢复（先加 html.nav-collapsed 再渲染，不闪）。 移动端不参与：那儿本来就用 .mobile-nav-button + .nav-open 抽屉，规则全部限定在 桌面断点内，避免和抽屉的 transform 打架。 */ .sidebar-collapse-button{display:none;align-items:center;justify-content:center;color:var(--muted)} .sidebar-collapse-button svg{transition:transform .18s ease} @media(min-width:861px){ .sidebar-collapse-button{display:inline-flex} html.nav-collapsed .sidebar-collapse-button svg{transform:rotate(180deg)} html.nav-collapsed .admin-shell{grid-template-columns:0 minmax(0,1fr)} html.nav-collapsed .sidebar{transform:translateX(-100%)} } .sidebar{transition:transform .18s ease} /* ---------------------------------------------------------------- 消息推送页 三处改动都在这个页面里，样式统一用 .notice- 前缀，不覆盖任何既有后台组件： 1) 推送概览的数字做成可点卡片（点数字 → 历史通知只留对应记录）。 2) 推送目标从「一长串勾选框」收成下拉框，展开后仍然是多选。 3) 历史通知改成表格；正文只放在