.platform-account-page-dialog { width: min(1180px, calc(100vw - 32px)); }
.platform-account-page { max-height: min(840px, calc(100vh - 32px)); overflow: auto; background: #f7fafc; }
.platform-account-page > header small, .platform-account-toolbar span, .platform-account-page footer small { display: block; margin-top: 4px; color: #66778a; font-size: 12px; font-weight: 800; line-height: 1.45; }
.platform-account-toolbar { display: grid; grid-template-columns: repeat(4, minmax(128px, 1fr)) auto; align-items: end; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.platform-account-toolbar label { display: grid; gap: 6px; min-width: 0; }
.platform-account-toolbar select { min-width: 0; height: 40px; border: 1px solid #d3e0eb; border-radius: 8px; padding: 0 10px; background: #fbfdff; color: var(--ink); font-size: 13px; font-weight: 800; }
.platform-account-toolbar-actions { display: inline-grid; grid-template-columns: repeat(2, auto); gap: 8px; }
.platform-account-body, .account-matrix-side, .account-matrix-bars, .account-matrix-actions { display: grid; gap: 12px; min-width: 0; }
.account-matrix-kpis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.account-matrix-kpis article, .account-matrix-card, .account-matrix-guard { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgba(31, 45, 61, .06); }
.account-matrix-kpis article { display: grid; gap: 5px; padding: 13px; }
.account-matrix-kpis > .account-matrix-kpi-combo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; padding: 0; }
.account-matrix-kpis > .account-matrix-kpi-combo > div { display: grid; gap: 5px; min-width: 0; padding: 13px; }
.account-matrix-kpis span, .account-matrix-kpis small, .account-matrix-card header small, .account-matrix-card p, .account-matrix-empty span, .account-matrix-empty small, .account-matrix-action span, .account-matrix-selected dt { color: #66778a; font-size: 12px; font-weight: 800; line-height: 1.5; }
.account-matrix-kpis strong { color: var(--ink); font-size: 22px; line-height: 1; }
.account-matrix-guard { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 12px 14px; background: #eff8fc; border-color: #cce7f1; }
.account-matrix-guard strong, .account-matrix-guard span, .account-matrix-guard small { display: block; min-width: 0; }
.account-matrix-guard strong { color: #125f75; font-size: 14px; }
.account-matrix-guard span, .account-matrix-guard small { color: #326d7d; font-size: 12px; font-weight: 800; line-height: 1.5; }
.account-matrix-layout { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(320px, .7fr); align-items: start; gap: 12px; min-width: 0; min-height: 0; }
.account-matrix-card { display: grid; gap: 12px; padding: 14px; }
.account-matrix-card > header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px; }
.account-matrix-card > header strong, .account-matrix-main strong, .account-matrix-mode b, .account-matrix-action strong, .account-matrix-empty strong, .account-matrix-selected dd { color: var(--ink); font-weight: 900; }
.account-matrix-card > header strong { font-size: 15px; }
.account-matrix-card > header span, .account-matrix-card > header .account-header-control { border: 0; border-radius: 999px; padding: 5px 8px; background: #f0f5f8; color: #506174; font: inherit; font-size: 11px; font-weight: 900; white-space: nowrap; }
.account-matrix-card > header .account-header-control { display: inline-flex; align-items: center; justify-content: center; gap: 4px; cursor: pointer; }
.account-matrix-card > header .account-header-control i { width: 13px; height: 13px; }
.account-inline-control { width: max-content; border: 0; padding: 0; background: transparent; color: #66778a; font: inherit; font-size: 12px; font-weight: 800; line-height: 1.45; cursor: pointer; }
.account-matrix-table { display: grid; gap: 8px; min-width: 0; }
.account-matrix-head, .account-matrix-row { display: grid; grid-template-columns: minmax(180px, 1.35fr) minmax(118px, .75fr) minmax(126px, .82fr) minmax(96px, .58fr) minmax(92px, .5fr); align-items: center; gap: 10px; min-width: 0; }
.account-matrix-head { padding: 0 10px; color: #66778a; font-size: 11px; font-weight: 900; }
.account-matrix-row { width: 100%; min-height: 72px; border: 1px solid #dce7ef; border-radius: 8px; padding: 10px; background: #fbfdff; color: inherit; text-align: left; }
.account-matrix-row:hover { border-color: #78bfd6; background: #f8fbff; }
.account-matrix-row.is-selected { border-color: #dce7ef; background: #fbfdff; }
.account-matrix-main, .account-matrix-mode, .account-matrix-quota, .account-matrix-date { display: grid; gap: 4px; min-width: 0; }
.account-matrix-main strong, .account-matrix-main small, .account-matrix-mode b, .account-matrix-mode-warning, .account-matrix-date, .account-matrix-quota b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-matrix-main strong { font-size: 13px; }
.account-matrix-main small, .account-matrix-mode-warning, .account-matrix-date, .account-matrix-quota b { color: #66778a; font-size: 11px; font-weight: 800; }
.account-matrix-mode b { font-size: 12px; }
.account-matrix-mode-warning { color: #8a5a00; }
.account-matrix-status { overflow: hidden; border-radius: 6px; padding: 6px 8px; font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.account-matrix-status.is-good { background: #e9f9f2; color: #147751; }
.account-matrix-status.is-warning { background: #fff8e7; color: #8a5a00; }
.account-matrix-status.is-danger { background: #fff1f1; color: #a12d2d; }
.account-matrix-quota i, .account-matrix-bar i { display: block; overflow: hidden; height: 7px; border-radius: 999px; background: #edf3f7; }
.account-matrix-quota em, .account-matrix-bar em { display: block; height: 100%; border-radius: inherit; background: #19b879; }
.account-matrix-bar { display: grid; grid-template-columns: 72px minmax(0, 1fr) 32px; align-items: center; gap: 9px; min-height: 32px; }
.account-matrix-bar span, .account-matrix-bar strong { color: var(--ink); font-size: 12px; font-weight: 900; }
.account-matrix-bar.is-warning em, .account-matrix-bar.is-auth em { background: #f4ad34; }
.account-matrix-bar.is-blocked em { background: #d95252; }
.account-matrix-trend-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.account-matrix-trend-grid div { min-width: 0; border-radius: 8px; padding: 10px; background: #f5f8fb; }
.account-matrix-trend-grid span, .account-matrix-trend-grid strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-matrix-trend-grid span { color: #66778a; font-size: 11px; font-weight: 900; }
.account-matrix-trend-grid strong { margin-top: 4px; color: var(--ink); font-size: 18px; line-height: 1; }
.account-matrix-trend-list { display: grid; gap: 7px; min-width: 0; }
.account-matrix-trend-point { display: grid; grid-template-columns: 44px minmax(0, 1fr) 54px; align-items: center; gap: 8px; min-width: 0; }
.account-matrix-trend-point span, .account-matrix-trend-point strong { overflow: hidden; color: var(--ink); font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.account-matrix-trend-point strong { text-align: right; }
.account-matrix-trend-point i { display: block; overflow: hidden; height: 8px; border-radius: 999px; background: #edf3f7; }
.account-matrix-trend-point em { display: block; height: 100%; border-radius: inherit; background: #42b7cf; }
.account-matrix-action { display: grid; gap: 4px; min-width: 0; border: 1px solid #dce7ef; border-radius: 8px; padding: 10px; background: #fbfdff; text-align: left; }
.account-matrix-action.is-success { border-color: #cfeede; background: #f1fbf6; }
.account-matrix-action.is-warning { border-color: #f3dfb5; background: #fffaf0; }
.account-matrix-action.is-danger { border-color: #efcaca; background: #fff5f5; }
.account-matrix-selected dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; }
.account-matrix-mode-field { display: grid; gap: 6px; margin-top: 10px; }
.account-matrix-mode-field span { color: var(--muted); font-size: 12px; font-weight: 800; }
.account-matrix-mode-field select { width: 100%; min-height: 38px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; color: var(--ink); background: #fff; font-weight: 800; }
.account-matrix-selected dl div { min-width: 0; border-radius: 8px; padding: 9px; background: #f5f8fb; }
.account-matrix-selected dt, .account-matrix-selected dd { margin: 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-matrix-selected dd { margin-top: 4px; font-size: 12px; }
.account-matrix-selected-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.account-matrix-empty { min-height: 160px; align-content: center; text-align: center; }
.account-matrix-empty.is-danger { border-color: #efcaca; background: #fff5f5; }
@media (max-width: 980px) { .platform-account-toolbar, .account-matrix-kpis, .account-matrix-layout { grid-template-columns: 1fr; }
.account-matrix-head { display: none; }
.account-matrix-row { grid-template-columns: minmax(0, 1fr) auto; align-items: start; }
.account-matrix-mode, .account-matrix-quota, .account-matrix-date { grid-column: 1 / -1; }
.account-matrix-status { max-width: 150px; }
}
@media (max-width: 640px) { .platform-account-page-dialog { width: min(100vw - 12px, 560px); }
.platform-account-page { max-height: calc(100vh - 12px); padding: 14px; }
.platform-account-head { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: start; min-width: 0; }
.campaign-form.platform-account-page > .platform-account-head { grid-template-columns: minmax(0, 1fr); align-items: start; }
.campaign-form.platform-account-page > .platform-account-head > div { grid-column: 1 / -1; }
.platform-account-head > div:first-child { display: grid; gap: 5px; min-width: 0; }
.platform-account-head strong { display: block; min-width: 0; color: #16243a; font-size: 22px; font-weight: 950; letter-spacing: 0; line-height: 1.16; white-space: normal; writing-mode: horizontal-tb; }
.platform-account-head em { color: #9fb2c4; font-style: normal; font-weight: 900; }
.platform-account-head small { max-width: 280px; margin-top: 0; white-space: normal; writing-mode: horizontal-tb; }
.platform-account-head-actions { display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 8px; align-items: center; width: 100%; min-width: 0; }
.platform-account-head-actions .notify-button { grid-column: 1; grid-row: 1; width: 38px; height: 38px; color: #52667c; border: 1px solid #d6e2ec; border-radius: 10px; background: #fff; }
.platform-account-head-actions .avatar { grid-column: 2; grid-row: 1; justify-content: flex-start; min-width: 0; height: 38px; padding: 0 10px; overflow: hidden; border: 1px solid #d6e2ec; border-radius: 999px; background: #fff; color: #30445b; text-overflow: ellipsis; }
.platform-account-head-actions .avatar span { flex: 0 0 auto; width: 24px; height: 24px; }
.platform-account-head-actions .icon-close { grid-column: 3; grid-row: 1; justify-self: end; width: 38px; height: 38px; }
.platform-account-head-actions .compact { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 38px; }
.platform-account-toolbar-actions, .account-matrix-guard, .account-matrix-trend-grid, .account-matrix-selected dl, .account-matrix-selected-actions { grid-template-columns: 1fr; }
.account-matrix-card > header { grid-template-columns: 1fr; }
.account-matrix-status { max-width: 100%; }
}
@media (min-width: 961px) { .platform-account-page-dialog { inset: 0 0 0 204px; width: auto; height: 100vh; max-width: none; max-height: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.platform-account-page-dialog::backdrop { background: transparent; }
.platform-account-page { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 24px; height: 100vh; max-height: none; overflow: hidden; padding: 24px 26px 26px; background: radial-gradient(circle at 10% 0%, rgba(54, 197, 240, .18), transparent 28%), linear-gradient(135deg, #f7fbff 0%, #eef4ff 52%, #f9fbff 100%); }
.platform-account-page > footer, .platform-account-toolbar { display: none; }
.platform-account-head { display: flex; align-items: center; justify-content: space-between; min-height: 54px; }
.platform-account-head strong { display: block; color: #16243a; font-size: 26px; font-weight: 950; letter-spacing: 0; line-height: 1; }
.platform-account-head em { color: #9fb2c4; font-style: normal; font-weight: 900; }
.platform-account-page > header small, .platform-account-head small { margin-top: 8px; color: #6c7f92; font-size: 13px; font-weight: 800; }
.platform-account-head-actions { display: flex; align-items: center; gap: 10px; }
.platform-account-head-actions .notify-button { position: relative; width: 38px; height: 38px; border: 1px solid rgba(35, 49, 72, .12); border-radius: 12px; background: #fff; }
.platform-account-head-actions .notify-button::before { content: ""; position: absolute; inset: 10px 11px; border: 2px solid #5c6f82; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom: 0; }
.platform-account-head-actions .notify-button::after { content: attr(data-count); position: absolute; top: -6px; right: -5px; min-width: 18px; height: 18px; border-radius: 999px; background: #ff5d4d; color: #fff; font-size: 10px; font-weight: 900; line-height: 18px; text-align: center; }
.platform-account-head-actions .avatar { display: inline-flex; align-items: center; gap: 8px; height: 38px; border: 1px solid rgba(35, 49, 72, .12); border-radius: 999px; padding: 0 13px 0 7px; background: #fff; color: #30445b; font-size: 12px; font-weight: 900; }
.platform-account-head-actions .avatar span { width: 24px; height: 24px; border-radius: 999px; background: radial-gradient(circle at 38% 28%, #fff 0 16%, transparent 17%), linear-gradient(135deg, #2cd083, #29abe2); }
.platform-account-head-actions [data-refresh-accounts] { display: none !important; }
.platform-account-head-actions .compact { height: 38px; border-radius: 12px; padding: 0 14px; background: #fff; color: #31465a; font-size: 12px; font-weight: 900; }
.platform-account-head-actions .icon-close { display: none !important; }
.platform-account-body { grid-template-rows: 104px clamp(392px, 40vh, 426px) minmax(0, 1fr); align-content: start; gap: 14px; min-height: 0; overflow: hidden; }
.account-matrix-layout { display: block; overflow: hidden; }
.account-matrix-table-wide { height: 100%; }
.account-matrix-layout > .account-matrix-side { display: none; }
.account-matrix-kpis { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.55fr) 168px; align-items: center; gap: 14px; }
.account-matrix-kpis article, .account-matrix-card { border: 1px solid rgba(36, 55, 82, .08); border-radius: 18px; background: rgba(255, 255, 255, .88); box-shadow: 0 20px 60px rgba(30, 54, 86, .08); }
.account-matrix-kpis article { grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto auto auto; align-items: center; gap: 3px 12px; min-height: 104px; padding: 17px 18px; }
.account-matrix-kpis article img { grid-row: 1 / span 3; width: 48px; height: 48px; border-radius: 16px; object-fit: cover; }
.account-matrix-kpis > .account-matrix-kpi-combo { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; align-items: stretch; gap: 0; padding: 0; }
.account-matrix-kpis > .account-matrix-kpi-combo > div { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-rows: auto auto auto; align-items: center; gap: 3px 12px; min-width: 0; padding: 17px 20px; }
.account-matrix-kpis > .account-matrix-kpi-combo > div + div { border-left: 1px solid rgba(38, 60, 86, .08); }
.account-matrix-kpis > .account-matrix-kpi-combo > div img { grid-row: 1 / span 3; width: 48px; height: 48px; border-radius: 16px; object-fit: cover; }
.account-matrix-kpis span, .account-matrix-kpis small { color: #77899b; font-size: 12px; font-weight: 850; }
.account-matrix-kpis strong { color: #16243a; font-size: 32px; font-weight: 950; letter-spacing: 0; }
.account-matrix-kpis > button { width: 100%; height: 58px; min-height: 58px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #2b66ff, #7b3dff); box-shadow: 0 18px 42px rgba(72, 83, 255, .26); color: #fff; font-size: 15px; font-weight: 950; }
.account-matrix-table-wide { min-height: 0; overflow: hidden; }
.account-matrix-table-card { display: grid; grid-template-rows: 50px minmax(0, 1fr) 34px; height: 100%; min-height: 0; gap: 0; overflow: hidden; padding: 0; }
.account-matrix-table-card > header { display: flex; align-items: center; justify-content: space-between; min-height: 50px; padding: 0 20px; border-bottom: 1px solid rgba(38, 60, 86, .08); }
.account-matrix-table-card > header strong { color: #17263a; font-size: 16px; font-weight: 950; }
.account-matrix-table-card > header strong em { color: #7d8da1; font-style: normal; font-weight: 900; }
.account-matrix-table-card > header small { display: none; }
.account-matrix-table { min-height: 0; overflow: auto; gap: 0; }
.account-matrix-head, .account-matrix-row { display: grid; grid-template-columns: 90px minmax(170px, 1fr) 96px 112px 112px 84px 96px 118px; gap: 10px; align-items: center; }
.account-matrix-head { min-height: 38px; padding: 0 20px; background: #f5f9fc; color: #8796a6; font-size: 11px; font-weight: 950; }
.account-matrix-row { min-height: 47px; border: 0; border-radius: 0; border-top: 1px solid rgba(38, 60, 86, .07); padding: 0 20px; background: rgba(255, 255, 255, .74); }
.account-matrix-row:hover { background: #f8fbff; }
.account-matrix-row.is-selected { background: rgba(255, 255, 255, .74); }
.account-platform-icon { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: #34495e; font-size: 12px; font-weight: 950; }
.account-platform-icon img, .account-platform-icon > b:first-child { display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 auto; border-radius: 10px; padding: 6px; object-fit: contain; background: #17243a; }
.account-platform-icon.platform-douyin img { background: #0f1723; }
.account-platform-icon.platform-wechat_channels img { background: #16bf65; }
.account-platform-icon.platform-xhs img { background: #ff3040; }
.account-platform-icon.platform-tiktok img { background: #111827; }
.account-platform-icon.platform-youtube img { background: #ff2f2f; }
.account-platform-icon.platform-bilibili img { background: #26aeea; }
.account-platform-icon b:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-matrix-main { display: flex; align-items: center; gap: 10px; }
.account-matrix-main img { width: 28px; height: 28px; flex: 0 0 auto; border-radius: 9px; object-fit: cover; box-shadow: 0 4px 10px rgba(31, 55, 84, .10); }
.account-matrix-main strong, .account-followers, .account-today, .account-matrix-mode b { color: #24354a; font-size: 13px; font-weight: 950; }
.account-matrix-status, .account-health { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; border-radius: 999px; padding: 0 10px; font-size: 11px; font-weight: 950; }
.account-health { gap: 6px; }
.account-health i { width: 7px; height: 7px; border-radius: 999px; background: currentColor; }
.account-health.is-good { background: #e9f9f2; color: #147751; }
.account-health.is-warning { background: #fff8e7; color: #8a5a00; }
.account-health.is-danger { background: #fff1f1; color: #a12d2d; }
.account-matrix-mode-warning { display: block; margin-top: 2px; max-width: 110px; color: #9a6a12; font-size: 10px; }
.account-actions { display: inline-flex; align-items: center; gap: 7px; }
.account-actions em { border-radius: 999px; padding: 7px 9px; background: #edf6fb; color: #267d9b; font-size: 11px; font-style: normal; font-weight: 950; white-space: nowrap; }
.account-actions em:last-child { background: #f2f6fa; color: #627487; }
.account-table-more { min-height: 34px; border: 0; border-top: 1px solid rgba(38, 60, 86, .07); background: #fff; color: #4c46ff; font: inherit; font-size: 12px; font-weight: 950; cursor: pointer; }
.account-matrix-bottom { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; min-height: 0; overflow: auto; }
.account-matrix-bottom > .account-matrix-card { min-height: 170px; padding: 15px; }
.account-matrix-bottom > .account-matrix-card:nth-child(1) { grid-column: span 3; }
.account-matrix-bottom > .account-matrix-card:nth-child(2) { grid-column: span 5; }
.account-matrix-bottom > .account-matrix-card:nth-child(3) { grid-column: span 4; }
.account-matrix-bottom > .account-matrix-card:nth-child(4), .account-matrix-bottom > .account-matrix-card:nth-child(5) { grid-column: span 6; min-height: 148px; }
.account-matrix-card > header { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.account-matrix-card > header strong { color: #17263a; font-size: 15px; font-weight: 950; }
.account-matrix-card header small, .account-matrix-card p, .account-matrix-action span { color: #75879a; font-size: 11px; }
.account-matrix-bars { gap: 9px; }
.account-health-card { overflow: hidden; }
.account-health-card header small { max-width: 220px; }
.account-health-chart { display: grid; grid-template-columns: 138px minmax(0, 1fr); align-items: center; gap: 16px; }
.account-health-donut { position: relative; display: grid; place-items: center; width: 126px; height: 126px; border-radius: 999px; background: radial-gradient(circle, #fff 0 48%, transparent 49%), conic-gradient(#25c878 0 var(--normal), #ffaf21 var(--normal) calc(var(--normal) + var(--warning)), #ff4e64 calc(var(--normal) + var(--warning)) 360deg); box-shadow: 0 18px 40px rgba(37, 200, 120, .14); }
.account-health-donut::after { content: ""; position: absolute; inset: 10px; border-radius: inherit; border: 1px solid rgba(255, 255, 255, .82); }
.account-health-donut strong, .account-health-donut span { position: relative; z-index: 1; display: block; text-align: center; }
.account-health-donut strong { color: #17263a; font-size: 31px; font-weight: 950; letter-spacing: 0; line-height: 1; }
.account-health-donut span { margin-top: 4px; color: #7a8c9f; font-size: 11px; font-weight: 900; }
.account-health-legend { display: grid; gap: 12px; min-width: 0; }
.account-health-legend span { display: grid; grid-template-columns: 10px minmax(0, 1fr) auto; align-items: center; gap: 8px; min-width: 0; }
.account-health-legend i { width: 8px; height: 8px; border-radius: 999px; background: #25c878; }
.account-health-legend .is-warning i { background: #ffaf21; }
.account-health-legend .is-blocked i { background: #ff4e64; }
.account-health-legend b, .account-health-legend em { overflow: hidden; color: #40546a; font-size: 12px; font-style: normal; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.account-health-legend em { color: #77899b; font-weight: 800; }
.account-matrix-bar { grid-template-columns: 64px minmax(0, 1fr) 28px; min-height: 25px; }
.account-matrix-bar span, .account-matrix-bar strong { font-size: 11px; }
.account-matrix-trend-grid { gap: 9px; }
.account-matrix-trend-grid div { border-radius: 14px; padding: 11px 12px; background: #f4f8fb; }
.account-matrix-trend-list { gap: 8px; }
.account-matrix-trend-point { grid-template-columns: 42px minmax(0, 1fr) 52px; }
.account-alerts p { display: flex; justify-content: space-between; gap: 10px; margin: 0; border-radius: 12px; padding: 9px 10px; background: #f7fafc; color: #334a62; font-weight: 850; }
.account-alerts em { color: #95a3b1; font-style: normal; white-space: nowrap; }
.account-schedule > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 9px; }
.account-schedule span { display: grid; justify-items: center; gap: 7px; min-width: 0; border-radius: 13px; padding: 11px 8px; background: #f7fafc; }
.account-schedule img { width: 30px; height: 30px; border-radius: 10px; padding: 6px; object-fit: contain; background: #17243a; }
.account-schedule img[src*="wechat"] { background: #16bf65; }
.account-schedule img[src*="xhs"] { background: #ff3040; }
.account-schedule img[src*="youtube"] { background: #ff2f2f; }
.account-schedule img[src*="bilibili"] { background: #26aeea; }
.account-schedule b { overflow: hidden; color: #26394e; font-size: 12px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.account-growth-actions > header { align-items: center; }
.account-growth-refresh { color: #4c46ff !important; background: transparent !important; }
.account-growth-refresh i { width: 14px; height: 14px; }
.account-matrix-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.account-matrix-actions .account-matrix-action:nth-child(n+4) { display: none; }
.account-matrix-action { grid-template-columns: 36px minmax(0, 1fr); align-items: start; min-height: 88px; border-radius: 14px; padding: 14px; }
.account-matrix-action > i { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: #6f52ff; background: rgba(112, 89, 255, .12); }
.account-matrix-action.is-success > i { color: #19b879; background: rgba(25, 184, 121, .12); }
.account-matrix-action.is-warning > i { color: #f59b21; background: rgba(245, 155, 33, .14); }
.account-matrix-action.is-danger > i { color: #f05252; background: rgba(240, 82, 82, .12); }
.account-matrix-action > i .aiv-svg { width: 18px; height: 18px; }
.account-action-content { display: grid; gap: 6px; min-width: 0; }
.account-matrix-action strong { color: #26384f; font-size: 13px; }
.account-action-content > span { min-height: 34px; line-height: 1.45; }
.account-action-content em { display: inline-flex; align-items: center; gap: 4px; width: max-content; color: #4c46ff; font-size: 12px; font-style: normal; font-weight: 950; }
.account-action-content em i { width: 12px; height: 12px; }
.account-matrix-trend em { color: #7a8ca0; font-style: normal; font-weight: 850; }
.account-trend-legend { display: flex; flex-wrap: nowrap; gap: 0 13px; margin-top: 10px; max-width: none; white-space: nowrap; }
.account-matrix-card > header .account-trend-legend span { display: inline-flex; align-items: center; gap: 6px; border-radius: 0; padding: 0; background: transparent; color: #52667c; font-size: 11px; font-weight: 850; line-height: 1.25; }
.account-trend-legend i { width: 7px; height: 7px; border-radius: 999px; }
.account-trend-chart { display: grid; gap: 3px; min-width: 0; }
.account-trend-chart svg { width: 100%; height: 108px; }
.account-trend-gridlines line { stroke: #e8eff5; stroke-width: 1; }
.account-trend-axis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); padding-left: 26px; color: #8494a6; font-size: 10px; font-weight: 850; line-height: 1.1; }
.account-trend-axis span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}