/* Personal instance: presentation-only; core account, key and diagnostics remain. */
.sidebar a[href="/admin/announcements"],
.sidebar a[href="/admin/redeem"],
.sidebar a[href="/admin/promo-codes"],
.sidebar a[href="/admin/subscriptions"],
.sidebar a[href="/admin/users"],
.sidebar a[href="/admin/orders"],
.sidebar a[href="/admin/affiliates"],
.sidebar a[href="/purchase"],
.sidebar a[href="/subscriptions"],
.sidebar a[href="/orders"],
.sidebar a[href="/redeem"],
.sidebar a[href="/affiliate"],
header button[aria-label="公告"],
header button[aria-label="Announcements"] { display: none !important; }
/* Account cards: preserve original Vue controls and live usage data. */
.personal-accounts .account-card-scroll {overflow:auto!important;padding:4px 5px 20px;}
.personal-accounts .account-card-table {display:block;min-width:0!important;border:0!important;background:transparent!important;}
.account-card-table thead {display:block!important;background:transparent!important;position:static!important;}
.account-card-table thead tr {display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px 12px 14px;}
.account-card-table thead th {position:static!important;background:transparent!important;border:0!important;padding:6px!important;}
.account-card-table thead th:not([data-card-field=select]):not([data-card-field=name]):not([data-card-field=status]):not([data-card-field=last]) {display:none;}
.account-card-table tbody {display:grid!important;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px;background:transparent!important;border:0!important;padding:3px;}
.account-card-table tr.account-card {display:grid!important;grid-template-columns:28px minmax(0,1fr) auto;align-content:start;gap:12px 8px;padding:22px!important;border:1px solid #e2e8f0!important;border-radius:22px;background:#fff!important;box-shadow:0 5px 20px #0f172a08;position:relative;}
.account-card-table tr.account-card:hover {border-color:#99d6ca!important;box-shadow:0 8px 24px #0f766e12;}
.account-card-table .account-card td {display:block;min-width:0!important;width:auto!important;position:static!important;background:transparent!important;border:0!important;padding:0!important;white-space:normal!important;grid-column:1/-1;}
.account-card-table .account-card td[data-card-field=select] {grid-column:1;grid-row:1;align-self:center;}
.account-card-table .account-card td[data-card-field=name] {grid-column:2/-1;grid-row:1;font-size:14px;font-weight:650;overflow-wrap:anywhere;padding-right:0!important;}
.account-card-table .account-card td[data-card-field=platform] {grid-column:1/-1;}
.account-card-table .account-card td[data-card-field=status] {grid-column:1/3;}
.account-card-table .account-card td[data-card-field=schedule] {grid-column:3;justify-self:end;display:flex;gap:8px;align-items:center;}
.account-card-table .account-card td[data-card-field=schedule]::before {content:attr(data-card-label);font-size:11px;color:#64748b;}
.account-card-table .account-card td[data-card-field=capacity] {grid-column:1/-1;display:flex;align-items:center;gap:8px;}
.account-card-table .account-card td[data-card-field=capacity]::before {content:attr(data-card-label);font-size:12px;color:#64748b;}
.account-card-table .account-card td[data-card-field=usage] {background:#f5f8fa!important;border-radius:14px;padding:16px!important;min-height:110px;}
.account-card-table td[data-card-field=usage]>div {width:100%!important;max-width:none!important;min-width:0!important;}
.account-card-table td[data-card-field=usage] .w-28,.account-card-table td[data-card-field=usage] .w-24,.account-card-table td[data-card-field=usage] .w-32 {width:100%!important;}
.account-card-table .account-card td[data-card-field=last] {font-size:11px;color:#64748b;display:flex;gap:8px;}
.account-card-table .account-card td[data-card-field=last]::before {content:attr(data-card-label);}
.account-card-table .account-card td[data-card-field=actions] {border-top:1px solid #e2e8f0!important;padding-top:12px!important;margin-top:3px;}
.account-card-table .account-card td[data-card-field=actions]>div {justify-content:flex-end;flex-wrap:wrap;}
.account-card-table .account-card td[data-card-field=extra],.account-card-table .account-card td[data-card-field=id],.account-card-table .account-card td[data-card-field=created] {display:none!important;}
.dark .account-card-table tr.account-card {background:#17202e!important;border-color:#334155!important;}
.dark .account-card-table .account-card td[data-card-field=usage] {background:#111827!important;}
@media(max-width:760px){.account-card-table tbody{grid-template-columns:1fr;gap:14px;}.account-card-table tr.account-card{padding:16px!important;}}
.account-card-table tr.account-card {height:auto!important;min-height:0!important;}
.account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8) {display:grid!important;grid-template-columns:1fr auto;gap:7px;margin:4px 0 14px;}
.account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:first-child {grid-column:1;grid-row:1;width:auto!important;justify-self:start;font-size:12px;}
.account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8 {grid-column:1/-1;grid-row:2;width:100%!important;height:7px;}
.account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(3) {grid-column:2;grid-row:1;width:auto!important;font-size:13px;}
.account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(3)::before {content:'已用 ';font-size:10px;color:#64748b;}
.account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(4) {grid-column:1/-1;grid-row:3;}
.account-card-table td[data-card-field=usage] .mb-0\.5.flex.items-center {display:none!important;}
.account-card-table td[data-card-field=name] .truncate {white-space:normal!important;overflow-wrap:anywhere;}
.account-card-table tbody {grid-template-columns:repeat(auto-fill,minmax(400px,1fr));align-items:start;}
.account-card-table tr.account-card {gap:10px 8px;box-shadow:0 5px 18px #0f172a08!important;}
.account-card-table .account-card td {box-shadow:none!important;}
.account-card-table .account-card td[data-card-field=name] .truncate {max-width:100%!important;font-weight:400;}
@media(max-width:760px){.account-card-table tbody{grid-template-columns:minmax(0,1fr);}}
/* iOS-inspired personal UI: quiet surfaces, system typography, glass navigation. */
:root {--ios-bg:#f2f2f7;--ios-surface:#fff;--ios-ink:#1c1c1e;--ios-muted:#8e8e93;--ios-line:rgba(60,60,67,.12);--ios-blue:#007aff;}
html {font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI','PingFang SC','Microsoft YaHei',sans-serif!important;-webkit-font-smoothing:antialiased;}
body {color:var(--ios-ink);background:var(--ios-bg)!important;}
body:has(.sidebar) #app .min-h-screen {background-color:var(--ios-bg)!important;}
.bg-mesh-gradient {display:none!important;}
.sidebar {background:rgba(247,247,250,.88)!important;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);border-right:1px solid var(--ios-line)!important;box-shadow:none!important;}
.sidebar-header {border-color:transparent!important;padding-top:20px!important;padding-bottom:20px!important;}
.sidebar-logo {border-radius:12px!important;box-shadow:0 1px 3px #0000000d!important;}
.sidebar-brand-title {font-weight:600!important;letter-spacing:-.4px;}
.sidebar-nav {padding:12px!important;}
.sidebar a[href] {transition:background-color .15s,color .15s;}
.sidebar nav a {border-radius:11px!important;font-size:14px!important;min-height:42px;}
.sidebar nav a.router-link-active,.sidebar nav a.router-link-exact-active {background:#e5e5eb!important;color:var(--ios-ink)!important;box-shadow:none!important;}
.sidebar nav a svg {color:#6c6c70!important;width:18px;height:18px;}
.sidebar nav a.router-link-active svg {color:var(--ios-blue)!important;}
body:has(.sidebar) header.glass {background:rgba(250,250,252,.82)!important;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);border-color:var(--ios-line)!important;box-shadow:none!important;}
header.glass h1 {font-size:19px!important;font-weight:650!important;letter-spacing:-.5px;}
header.glass h1+p {display:none!important;}
header.glass a[href='/redeem'],header.glass a[href='/purchase'] {display:none!important;}
.btn,.btn-primary,.btn-secondary,.btn-ghost {border-radius:11px!important;font-weight:500!important;box-shadow:none!important;transition:background-color .15s!important;}
.btn-primary {background:var(--ios-blue)!important;border-color:transparent!important;color:white!important;}
.btn-primary:hover {background:#0069df!important;}
.btn-secondary {background:var(--ios-surface)!important;border:1px solid var(--ios-line)!important;color:var(--ios-ink)!important;}
.btn-ghost:hover {background:rgba(120,120,128,.09)!important;}
input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea {border-radius:10px!important;box-shadow:none!important;}
input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,select:focus,textarea:focus {outline:2px solid #007aff55!important;outline-offset:1px;}
input[type=checkbox],input[type=radio] {accent-color:var(--ios-blue);}
.card {border:1px solid var(--ios-line)!important;border-radius:18px!important;box-shadow:0 1px 2px #00000003!important;}
.personal-accounts main {padding-top:24px!important;}
.personal-accounts .account-card-scroll {background:var(--ios-bg)!important;padding:0 0 18px!important;}
.personal-accounts .account-card-table thead tr {padding:10px 14px!important;gap:14px;}
.personal-accounts .account-card-table thead th {font-size:12px!important;font-weight:500!important;color:#6c6c70!important;}
.personal-accounts .account-card-table tbody {gap:16px!important;grid-template-columns:repeat(auto-fill,minmax(310px,1fr))!important;padding:2px!important;}
.personal-accounts .account-card-table tr.account-card {padding:18px!important;border:1px solid var(--ios-line)!important;border-radius:18px!important;box-shadow:0 2px 6px #00000004!important;gap:8px!important;background:var(--ios-surface)!important;}
.personal-accounts .account-card-table tr.account-card:hover {border-color:rgba(60,60,67,.22)!important;box-shadow:0 3px 10px #00000006!important;}
.account-card-table tr.account-card::before,.account-card-table tr.account-card::after,.account-card-table .account-card td::after {box-shadow:none!important;background:none!important;}
.personal-accounts .account-card-table td[data-card-field=name] {font-weight:600!important;font-size:14px!important;}
.personal-accounts .account-card-table td[data-card-field=name] .text-xs {font-size:11px!important;color:#8e8e93!important;}
.personal-accounts .account-card-table td[data-card-field=platform] {margin:2px 0!important;}
.personal-accounts .account-card-table td[data-card-field=platform] >div {flex-direction:row!important;align-items:center;flex-wrap:wrap;gap:6px!important;}
.personal-accounts .account-card-table td[data-card-field=platform] >div>div {flex-direction:row!important;flex-wrap:wrap;gap:5px!important;}
.personal-accounts .account-card-table td[data-card-field=platform] .bg-emerald-100,.personal-accounts .account-card-table td[data-card-field=platform] .bg-blue-100 {background:#f0f0f4!important;color:#636366!important;border-radius:5px!important;}
.personal-accounts .account-card-table td[data-card-field=capacity] {font-size:11px!important;}
.personal-accounts .account-card-table td[data-card-field=usage] {margin-top:4px!important;padding:12px 14px!important;border:1px solid #00000003!important;background:#f7f7fa!important;border-radius:12px!important;min-height:0!important;}
.personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8) {gap:5px!important;margin:0 0 10px!important;}
.personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:first-child {background:none!important;color:#636366!important;padding:0!important;font-weight:500!important;}
.personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8 {height:5px!important;background:#e5e5ea!important;}
.personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8>div {background:#34c759!important;}
.personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(3) {font-size:12px!important;font-variant-numeric:tabular-nums;}
.personal-accounts .account-card-table td[data-card-field=last] {margin-top:2px!important;}
.personal-accounts .account-card-table td[data-card-field=actions] {padding-top:8px!important;margin-top:2px!important;border-color:var(--ios-line)!important;}
.personal-accounts .account-card-table td[data-card-field=actions] button {border-radius:8px!important;min-height:34px;}
.dark {--ios-bg:#121214;--ios-surface:#1c1c1e;--ios-ink:#f2f2f7;--ios-muted:#98989d;--ios-line:rgba(235,235,245,.12);--ios-blue:#0a84ff;}
.dark .sidebar {background:rgba(28,28,30,.9)!important;}
.dark .sidebar nav a.router-link-active {background:#343438!important;}
.dark header.glass {background:rgba(28,28,30,.85)!important;}
.dark .personal-accounts .account-card-table td[data-card-field=usage] {background:#262628!important;}
.dark .personal-accounts .account-card-table td[data-card-field=platform] .bg-emerald-100,.dark .personal-accounts .account-card-table td[data-card-field=platform] .bg-blue-100 {background:#343438!important;color:#aeaeb2!important;}
.dark .personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8 {background:#3a3a3c!important;}
@media(prefers-reduced-transparency:reduce){.sidebar,body:has(.sidebar) header.glass{backdrop-filter:none!important;background:var(--ios-surface)!important;}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;}}
@media(max-width:760px){.personal-accounts .account-card-table tbody{grid-template-columns:minmax(0,1fr)!important;}main{padding:14px!important;}.personal-accounts [data-field=usage]{background:#f7f7fa;padding:12px;border-radius:12px;}.dark .personal-accounts [data-field=usage]{background:#262628;}}
.personal-accounts .account-card-table .sticky-col-right::before,.personal-accounts .account-card-table .sticky-col-left::after,.personal-accounts .account-card-table .sticky-col-left-second::after {display:none!important;}
header.glass .group.relative.hidden.items-center.gap-2.rounded-xl {display:none!important;}
.personal-accounts main .bg-primary-50 {background:#f7f7fa!important;color:#636366!important;}
.dark .personal-accounts main .bg-primary-50 {background:#262628!important;color:#aeaeb2!important;}
.personal-accounts .account-card-table td[data-card-field=schedule] button.bg-primary-500 {background:#34c759!important;}
@supports not (backdrop-filter:blur(1px)){.sidebar,body:has(.sidebar) header.glass{background:var(--ios-surface)!important;}}
@media(max-width:1023px){
.personal-accounts div.rounded-lg:has(> .space-y-3 > [data-field=usage]){border-radius:18px!important;border:1px solid var(--ios-line)!important;background:var(--ios-surface)!important;box-shadow:none!important;padding:16px!important;}
.personal-accounts [data-field=id],.personal-accounts [data-field=priority],.personal-accounts [data-field=upstream_billing_rate],.personal-accounts [data-field=created_at],.personal-accounts [data-field=expires_at]{display:none!important;}
.personal-accounts [data-field=name]>span,.personal-accounts [data-field=platform_type]>span,.personal-accounts [data-field=usage]>span{display:none!important;}
.personal-accounts [data-field=name]>div,.personal-accounts [data-field=platform_type]>div,.personal-accounts [data-field=usage]>div{width:100%!important;text-align:left!important;}
.personal-accounts [data-field=name] .truncate{max-width:100%!important;}
.personal-accounts [data-field=usage]{display:block!important;background:#f7f7fa!important;padding:14px!important;border-radius:12px!important;}
.dark .personal-accounts [data-field=usage]{background:#262628!important;}
.personal-accounts [data-field=usage] .mb-0\.5.flex.items-center{display:none!important;}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8){display:grid!important;grid-template-columns:1fr auto;gap:5px;margin:0 0 12px;}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:first-child{grid-column:1;grid-row:1;justify-self:start;background:none!important;color:#636366!important;padding:0!important;font-size:12px;}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8{grid-column:1/-1;grid-row:2;width:100%!important;height:5px;background:#e5e5ea!important;}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8>div{background:#34c759!important;}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(3){grid-column:2;grid-row:1;width:auto!important;}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(3)::before{content:'已用 ';}
.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:nth-child(4){grid-column:1/-1;grid-row:3;}
}

/* Glass revision: translucent neutral materials, no neon dark palette. */
:root {--ios-bg:#e8e7e3;--ios-surface:rgba(255,255,255,.60);--ios-ink:#292b2d;--ios-line:rgba(255,255,255,.65);--ios-blue:#40685f;--glass-panel:rgba(255,255,255,.42);--glass-well:rgba(255,255,255,.30);--glass-edge:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.18),0 8px 26px rgba(42,45,43,.055);}
.dark {--ios-bg:#252827;--ios-surface:rgba(62,66,63,.58);--ios-ink:#efeeea;--ios-muted:#b3b6af;--ios-line:rgba(225,230,215,.16);--ios-blue:#abc5b3;--glass-panel:rgba(58,62,59,.43);--glass-well:rgba(16,20,17,.22);--glass-edge:inset 0 1px 0 rgba(242,247,227,.17),inset 0 -1px 0 rgba(0,0,0,.12),0 10px 28px rgba(0,0,0,.12);}
body:has(.sidebar) {background:radial-gradient(ellipse at 12% 12%,rgba(169,190,174,.42),transparent 52%),radial-gradient(ellipse at 95% 80%,rgba(203,183,157,.32),transparent 58%),var(--ios-bg)!important;background-attachment:fixed!important;}
.dark body:has(.sidebar) {background:radial-gradient(ellipse at 12% 8%,rgba(121,139,111,.22),transparent 58%),radial-gradient(ellipse at 100% 90%,rgba(146,127,103,.14),transparent 60%),var(--ios-bg)!important;background-attachment:fixed!important;}
body:has(.sidebar) #app .min-h-screen,.personal-accounts .account-card-scroll {background:transparent!important;}
.sidebar, .dark .sidebar,body:has(.sidebar) header.glass,.dark body:has(.sidebar) header.glass {background:var(--glass-panel)!important;backdrop-filter:blur(30px) saturate(125%)!important;-webkit-backdrop-filter:blur(30px) saturate(125%)!important;border-color:var(--ios-line)!important;box-shadow:var(--glass-edge)!important;}
.sidebar nav a.router-link-active,.dark .sidebar nav a.router-link-active {background:var(--ios-surface)!important;color:var(--ios-ink)!important;box-shadow:inset 0 1px 0 var(--ios-line),0 2px 6px #00000005!important;}
.sidebar nav a svg,.dark .sidebar nav a svg {color:currentColor!important;opacity:.7;}
.personal-accounts .card:has(.account-card-table) {background:transparent!important;border-color:transparent!important;box-shadow:none!important;}
.card,.personal-accounts .account-card-table tr.account-card,.dark .personal-accounts .account-card-table tr.account-card,.personal-accounts div.rounded-lg:has(> .space-y-3 > [data-field=usage]) {background:var(--ios-surface)!important;border:1px solid var(--ios-line)!important;box-shadow:var(--glass-edge)!important;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);border-radius:22px!important;}
.personal-accounts .account-card-table tr.account-card:hover {border-color:var(--ios-line)!important;box-shadow:var(--glass-edge)!important;}
.personal-accounts .account-card-table td[data-card-field=usage],.dark .personal-accounts .account-card-table td[data-card-field=usage],.personal-accounts [data-field=usage],.dark .personal-accounts [data-field=usage] {background:var(--glass-well)!important;border:1px solid rgba(128,135,126,.09)!important;}
.btn-primary,.btn-primary:hover {background:#40685f!important;color:#fff!important;}
.dark .btn-primary,.dark .btn-primary:hover {background:#b6c7b7!important;color:#202920!important;}
.btn-secondary {background:var(--glass-panel)!important;box-shadow:inset 0 1px 0 var(--ios-line)!important;}
.dark input:not([type=checkbox]):not([type=radio]):not([type=range]),.dark select,.dark textarea {background:rgba(25,30,26,.48)!important;border-color:var(--ios-line)!important;color:var(--ios-ink)!important;}
.personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8>div,.personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8>div {background:#6d907a!important;}
.dark .personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8,.dark .personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>div.w-8 {background:rgba(213,224,211,.14)!important;}
.dark .personal-accounts .account-card-table td[data-card-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:first-child,.dark .personal-accounts [data-field=usage] .flex.items-center.gap-1:has(> .w-8)>span:first-child,.dark .account-card-table td::before,.dark .account-card-table td[data-card-field=last],.dark .personal-accounts .account-card-table thead th {color:#b8beb5!important;}
.dark .personal-accounts .account-card-table td[data-card-field=name] .text-xs {color:#b8beb5!important;}
.dark .personal-accounts main .bg-primary-50 {background:rgba(195,210,191,.08)!important;color:#c3cbbf!important;}
@media(prefers-reduced-transparency:reduce){:root{--ios-surface:#f4f4f0;--glass-panel:#e9eae4;--glass-well:#e8eae3;}.dark{--ios-surface:#343934;--glass-panel:#303530;--glass-well:#292e29;}.sidebar,header.glass,.card,.account-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}
@supports not (backdrop-filter:blur(1px)){:root{--ios-surface:#f4f4f0;--glass-panel:#e9eae4;}.dark{--ios-surface:#343934;--glass-panel:#303530;}}

.dark .sidebar a,.dark .sidebar button,.dark .sidebar-brand-title {color:#d1d7cc!important;}
.dark .sidebar-footer {background:transparent!important;border-color:var(--ios-line)!important;}
.dark .select-trigger,.dark .select-dropdown-portal,.dark .input {background:#343b35!important;color:#e7eae3!important;border-color:var(--ios-line)!important;}
.dark .personal-accounts main .border-t.bg-white {background:var(--glass-panel)!important;border-color:var(--ios-line)!important;}
.dark .personal-accounts td[data-card-field=actions] button {color:#c5cec1!important;}
.dark .personal-accounts td[data-card-field=usage] button {color:#c4d4bf!important;}