:root {
  --nav: #0a1f31;
  --nav-soft: #152a42;
  --primary: #346bf6;
  --primary-soft: #e4eeff;
  --page: #f9f9f9;
  --line: #e8e8e8;
  --text: #333;
  --muted: #888;
  --danger: #e74c4c;
}

* { box-sizing: border-box; }
html, body { min-width: 1180px; min-height: 100%; }
body {
  margin: 0;
  color: var(--text);
  background: var(--page);
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
.hidden { display: none !important; }
.column-hidden { display: none !important; }
.wide { width: 100%; }

.login {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, #edf3ff, #f8f9fc);
}
.login-card {
  width: 410px;
  padding: 38px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 70px rgba(40, 69, 112, .11);
}
.login-card h1 { margin: 22px 0 7px; font-size: 23px; }
.login-card p { margin: 0 0 25px; color: #8b97a8; }
.login-card label { display: grid; gap: 8px; margin: 15px 0; font-size: 13px; font-weight: 600; }
.login-card input {
  height: 40px;
  padding: 0 11px;
  border: 1px solid #dce3ee;
  border-radius: 4px;
  outline: none;
}
.logo {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #5279ff, #7c5cff);
  font-size: 24px;
  font-weight: 900;
}
.logo.small { width: 40px; height: 40px; font-size: 18px; }
.error { margin-top: 12px; color: var(--danger); font-size: 13px; }

.shell { min-height: 100vh; }
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 20;
  width: 180px;
  display: flex;
  flex-direction: column;
  padding: 0 10px 16px;
  color: #fff;
  background: var(--nav);
}
.brand {
  height: 65px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 10px;
}
.brand b { display: block; font-size: 15px; }
.brand span { display: block; margin-top: 2px; color: #85a2c4; font-size: 8px; }
.sidebar nav { display: grid; gap: 6px; padding-top: 14px; }
.nav {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 0;
  border-radius: 4px;
  color: #bdcbe0;
  background: transparent;
  text-align: left;
}
.nav i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 5px;
  color: #c8d7ec;
  background: #203953;
  font-size: 11px;
  font-style: normal;
}
.nav span { font-size: 15px; }
.nav:hover { color: #fff; background: rgba(255,255,255,.06); }
.nav.active { color: #fff; background: var(--primary); }
.nav.active i { color: #fff; background: rgba(8,29,51,.38); }
.side-foot {
  margin-top: auto;
  padding: 16px 10px 0;
  border-top: 1px solid #243b53;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #bac8db;
  font-size: 12px;
}
.side-foot small { display: block; margin-top: 2px; color: #6f89a8; }
.switch input { display: none; }
.switch b {
  position: relative;
  display: block;
  width: 36px;
  height: 20px;
  border-radius: 20px;
  background: #455970;
}
.switch b::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  transition: .2s;
}
.switch input:checked + b { background: var(--primary); }
.switch input:checked + b::after { left: 19px; }

.workspace {
  min-width: 1000px;
  min-height: 100vh;
  margin-left: 180px;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 15;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  color: #fff;
  background: var(--nav);
}
.page-meta { display: flex; align-items: baseline; gap: 14px; }
.page-meta h2 { margin: 0; font-size: 17px; font-weight: 600; }
.page-meta p { margin: 0; color: #93a8c1; font-size: 12px; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.top-actions select { width: 280px; }
.topbar .btn, .topbar select {
  color: #dce8f7;
  border-color: #3a5068;
  background: #152b41;
}
.content { min-height: calc(100vh - 65px); padding: 0 10px 10px; }

.btn, select, input[type="text"], input[type="number"], input[type="date"], input[type="file"], textarea {
  min-height: 32px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  background: #fff;
}
.btn {
  height: 32px;
  padding: 0 16px;
  color: #666;
  box-shadow: 0 2px 0 rgba(0,0,0,.016);
}
.btn:hover { color: var(--primary); border-color: var(--primary); }
.btn:disabled { cursor: not-allowed; opacity: .5; }
.btn.primary { color: #fff; border-color: var(--primary); background: var(--primary); }
.btn.success { color: #27845c; border-color: #70c59b; }
.btn.warning { color: #a36b10; border-color: #e4b363; }
.btn.danger { color: #dc4545; border-color: #efb9b9; }
.btn.small { height: 28px; min-height: 28px; padding: 0 9px; font-size: 12px; }
.btn.qianchuan-auth { min-width: 142px; font-weight: 600; }
.btn.small.qianchuan-auth { min-width: 88px; }
.link-button {
  padding: 0;
  border: 0;
  color: #346bf6;
  background: transparent;
}
.link-button:disabled,
.row-operation button:disabled {
  cursor: not-allowed;
  color: #aeb6c2;
  opacity: .6;
}

.page-header {
  position: sticky;
  top: 65px;
  z-index: 10;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f9f9f9;
  box-shadow: 4px 0 0 #f9f9f9;
}
.page-header-left { display: flex; align-items: center; gap: 18px; min-width: 190px; }
.marketing-goal {
  min-width: 86px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  background: #fff;
  font-weight: 600;
}
.page-header-right { display: flex; align-items: center; justify-content: flex-end; gap: 16px; flex: 1; min-width: 0; }
.multi-account-data-note { max-width: 260px; overflow: hidden; color: #999; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.data-updated { color: #999; font-size: 12px; }
.data-updated button { padding: 0 0 0 6px; border: 0; color: #346bf6; background: transparent; }
.date-range { display: flex; align-items: center; gap: 7px; }
.date-range input { width: 132px; height: 32px; padding: 0 9px; }
.account-inline { display: flex; align-items: center; gap: 10px; }
.account-inline select { width: 280px; height: 32px; padding: 0 10px; }
.plan-account-inline { gap: 10px; }
.plan-account-trigger { width: 300px; height: 34px; display: flex; align-items: center; gap: 8px; padding: 0 28px 0 12px; position: relative; overflow: hidden; border: 1px solid #d9dfe8; border-radius: 3px; color: #303846; background: #fff; text-align: left; cursor: pointer; }
.plan-account-trigger:hover { border-color: var(--primary); }
.plan-account-icon { width: 17px; height: 17px; flex: none; position: relative; border: 1px solid #8d98a8; border-radius: 50%; }
.plan-account-icon::before { content: ''; width: 5px; height: 5px; position: absolute; top: 3px; left: 5px; border: 1px solid #8d98a8; border-radius: 50%; }
.plan-account-icon::after { content: ''; width: 9px; height: 4px; position: absolute; left: 3px; bottom: 3px; border: 1px solid #8d98a8; border-radius: 6px 6px 3px 3px; }
.plan-account-current { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plan-account-count { flex: none; color: #346bf6; white-space: nowrap; }
.plan-account-chevron { position: absolute; right: 10px; color: #69778a; }
.plan-account-single { height: 34px; padding: 0 16px; border: 0; border-radius: 3px; color: #fff; background: #346bf6; cursor: pointer; white-space: nowrap; }
.plan-account-single:hover { background: #285bdc; }
.copy-id-button { width: 22px; height: 22px; min-height: 22px; padding: 0; border: 1px solid #dce3ee; border-radius: 3px; color: #7b8796; background: #fff; font-size: 12px; line-height: 1; }
.copy-id-button:hover { color: var(--primary); border-color: var(--primary); }

.data-overview {
  height: 120px;
  padding-top: 15px;
  margin-bottom: 15px;
  overflow-x: auto;
  overflow-y: hidden;
}
.overview-track { min-width: max-content; display: flex; gap: 14px; padding: 5px 20px 12px; }
.overview-card {
  width: 220px;
  height: 98px;
  flex: none;
  padding: 16px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,.04);
}
.overview-card .name { height: 32px; color: #888; font-size: 13px; }
.overview-card .value { display: flex; align-items: baseline; gap: 9px; font-size: 22px; color: #333; }
.overview-card .trend { color: #20a162; font-size: 12px; }
.overview-card .trend.down { color: #e75a5a; }

.panel {
  margin-bottom: 14px;
  border: 1px solid var(--line);
  border-radius: 4px;
  background: #fff;
}
.panel-head {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border-bottom: 1px solid #eee;
}
.panel-head h3 { margin: 0; font-size: 14px; }
.toolbar, .actions { display: flex; align-items: center; gap: 7px; }
.table-panel { padding-top: 20px; border: 0; background: transparent; }
.authorization-callout {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 14px 20px 0;
  padding: 12px 16px;
  border: 1px solid #ffd6a3;
  border-radius: 4px;
  background: #fff8ed;
}
.authorization-callout div { display: grid; gap: 4px; }
.authorization-callout b { color: #8b4d05; font-size: 14px; }
.authorization-callout span { color: #9a6a31; font-size: 12px; }
.table-search {
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.search-left, .search-right { display: flex; align-items: center; gap: 20px; }
.create-plan-button { width: 120px; }
.bid-tabs { display: flex; height: 32px; }
.bid-tabs button {
  min-width: 87px;
  height: 32px;
  padding: 0 16px;
  border: 1px solid #d9d9d9;
  color: #666;
  background: #fff;
}
.bid-tabs button:first-child { border-radius: 4px 0 0 4px; }
.bid-tabs button:last-child { margin-left: -1px; border-radius: 0 4px 4px 0; }
.bid-tabs button.active { z-index: 1; color: var(--primary); border-color: var(--primary); }
.all-filter-button { width: 120px; color: #666; border-color: var(--primary); }
.compact-search { display: flex; width: 359px; height: 32px; }
.compact-search select {
  width: 100px;
  height: 32px;
  padding: 0 8px;
  border-radius: 16px 0 0 16px;
}
.compact-search input {
  min-width: 0;
  flex: 1;
  height: 32px;
  margin-left: -1px;
  padding: 0 10px;
  border-radius: 0;
}
.compact-search button {
  width: 34px;
  height: 32px;
  margin-left: -1px;
  padding: 0;
  border-radius: 0 16px 16px 0;
}
.custom-columns-button { width: 120px; }

.advanced-filter {
  margin: 16px 20px 0;
  padding: 16px;
  border: 1px solid #e6eaf0;
  border-radius: 4px;
  background: #fbfcfe;
}
.filter-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(140px, 1fr)) auto;
  gap: 12px;
  align-items: end;
}
.filter-bar.material-filter { grid-template-columns: minmax(180px,1.2fr) repeat(5,minmax(130px,1fr)) auto; }
.filter-bar label, .form-grid label {
  display: grid;
  gap: 7px;
  color: #666;
  font-size: 12px;
  font-weight: 600;
}
.filter-bar input, .filter-bar select, .form-grid input, .form-grid select, .form-grid textarea {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 10px;
}
.form-grid textarea { height: auto; min-height: 86px; padding: 9px 10px; resize: vertical; }
.filter-actions { display: flex; gap: 8px; }
.batch-toolbar {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 20px;
}
.batch-toolbar .selection { color: #888; font-size: 12px; }
.batch-toolbar .selection b { color: #333; margin-right: 12px; }
.batch-actions { display: flex; align-items: center; gap: 8px; }

.table-wrap { overflow: auto; }
.plan-table-wrap { margin-top: 20px; max-height: calc(100vh - 402px); min-height: 260px; }
.table {
  width: 100%;
  border-collapse: collapse;
  color: #666;
  font-size: 12px;
}
.table th {
  height: 42px;
  padding: 0 16px;
  color: #666;
  background: var(--primary-soft);
  text-align: left;
  white-space: nowrap;
}
.table td {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
  vertical-align: middle;
}
.table tbody tr:hover td { background: #f7faff; }
.plan-table { width: 2030px; table-layout: fixed; }
.plan-table th:nth-child(1), .plan-table td:nth-child(1) { width: 60px; text-align: center; }
.plan-table th:nth-child(2), .plan-table td:nth-child(2) { width: 60px; text-align: center; }
.plan-table th:nth-child(3), .plan-table td:nth-child(3) { width: 250px; }
.plan-table th:nth-child(4), .plan-table td:nth-child(4) { width: 130px; }
.plan-table th:nth-child(5), .plan-table td:nth-child(5) { width: 180px; }
.plan-table th:nth-child(6), .plan-table td:nth-child(6) { width: 90px; }
.plan-table th:nth-child(7), .plan-table td:nth-child(7) { width: 300px; }
.plan-table th:nth-child(8), .plan-table td:nth-child(8),
.plan-table th:nth-child(9), .plan-table td:nth-child(9),
.plan-table th:nth-child(10), .plan-table td:nth-child(10),
.plan-table th:nth-child(11), .plan-table td:nth-child(11) { width: 150px; }
.plan-table th:nth-child(12), .plan-table td:nth-child(12),
.plan-table th:nth-child(13), .plan-table td:nth-child(13) { width: 180px; }
.plan-table td { min-height: 104px; }
.plan-table .sub-id { display: block; margin-top: 7px; color: #999; }
.plan-name { display: block; max-width: none; overflow: visible; color: #333; overflow-wrap: anywhere; white-space: normal; }
.plan-status-cell { line-height: 1.8; }
.plan-status-cell .switch { display: inline-block; margin-right: 7px; vertical-align: middle; }
.setting-stack { display: grid; gap: 5px; color: #666; }
.setting-stack b { color: #333; font-weight: 500; }
.delivery-object-list { display: grid; gap: 10px; }
.delivery-object { display: flex; align-items: center; gap: 10px; min-width: 0; }
.delivery-object .object-thumb {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  flex: none;
  overflow: hidden;
  border-radius: 4px;
  color: #999;
  background: #f1f3f6;
}
.delivery-object img { width: 100%; height: 100%; object-fit: cover; }
.delivery-object-meta { min-width: 0; flex: 1 1 auto; }
.delivery-object-name-line { display: flex; align-items: center; gap: 6px; min-width: 0; }
.delivery-object-tag {
  flex: none;
  padding: 0 5px;
  border: 1px solid #d7dfeb;
  border-radius: 3px;
  color: #6d7786;
  background: #f6f8fb;
  font-size: 11px;
  line-height: 18px;
}
.delivery-object-tag.aweme-tag {
  color: #2b6df3;
  border-color: #c7d8ff;
  background: #eef4ff;
}
.delivery-object b { display: block; max-width: none; overflow: visible; color: #333; overflow-wrap: anywhere; white-space: normal; }
.delivery-object-list { min-height: 52px; }
.delivery-object-idline { display: flex; align-items: center; gap: 6px; min-width: 0; }
.delivery-object small { display: block; color: #999; }
.detail-delivery-objects { display: grid; gap: 10px; margin: 0 0 16px; padding: 10px 12px; border: 1px solid #e8edf4; border-radius: 4px; background: #fbfcfe; }
.detail-delivery-objects .delivery-object { min-height: 52px; }
.detail-object-hint { margin: -4px 0 10px; color: #8a94a3; font-size: 12px; line-height: 1.6; }
.row-operation { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 5px; }
.row-operation button {
  padding: 0;
  border: 0;
  color: #346bf6;
  background: transparent;
  font-size: 12px;
}
.row-operation button:disabled:hover { color: #aeb6c2; }
.row-more-menu {
  position: absolute;
  top: 28px;
  right: 0;
  z-index: 30;
  width: 126px;
  padding: 5px 0;
  border: 1px solid #e3e7ed;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(0,0,0,.12);
}
.row-more-menu button { width: 100%; height: 34px; padding: 0 14px; color: #555; text-align: left; }
.row-more-menu button:hover { color: var(--primary); background: #f5f8ff; }
.row-more-menu button.danger-text { color: #e54d4d; }
.row-check { width: 15px; height: 15px; }
.tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 12px;
  color: #248761;
  background: #eaf8f2;
  font-weight: 600;
}
.tag.warn { color: #a66b0d; background: #fff3df; }
.tag.bad { color: #c34a4a; background: #ffeded; }
.tag.muted { color: #718096; background: #eef1f5; }

.pagination {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  padding: 10px 20px;
  color: #777;
  font-size: 12px;
}
.pagination .total { margin-right: 12px; }
.pagination button {
  min-width: 24px;
  height: 24px;
  margin: 0;
  padding: 0 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #666;
  background: transparent;
}
.pagination button.active { color: var(--primary); border-color: var(--primary); background: #fff; }
.pagination button:disabled { color: #c5c5c5; cursor: not-allowed; }
.pagination select { width: 88px; height: 24px; min-height: 24px; margin-left: 8px; padding: 0 6px; }
.pagination .jump { display: flex; align-items: center; gap: 5px; margin-left: 10px; }
.pagination .jump input { width: 42px; height: 24px; min-height: 24px; padding: 0 5px; text-align: center; }
.pagination .pagination-jump-submit { display: none; }

.summary { display: grid; grid-template-columns: repeat(4,minmax(180px,1fr)); gap: 12px; margin: 18px 0; }
.stat { padding: 16px; border: 1px solid #e8ecf2; border-radius: 4px; background: #fff; }
.stat span { display: block; color: #8c98a9; font-size: 12px; }
.stat b { display: block; margin-top: 7px; font-size: 23px; }
.stat small { display: block; margin-top: 5px; color: #9aa5b4; }
.tip { margin: 15px; padding: 11px 13px; border-radius: 4px; color: #5c6e91; background: #f1f5ff; font-size: 12px; line-height: 1.7; }
.tip.no-margin { margin: 0; }
.empty { padding: 52px; color: #98a3b2; text-align: center; }
.placeholder { min-height: 420px; display: grid; place-items: center; text-align: center; }
.placeholder b { font-size: 20px; }
.placeholder p { color: #8e9bad; }
.placeholder.loading { display: flex; align-items: center; justify-content: center; gap: 12px; }
.spinner {
  width: 24px;
  height: 24px;
  border: 3px solid #dce4f5;
  border-top-color: var(--primary);
  border-radius: 50%;
  animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.error-panel { padding: 50px; text-align: center; }
.error-panel b { color: #c84444; font-size: 17px; }
.error-panel p { color: #7f8998; }

.modal-mask {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(10,25,42,.56);
}
.modal {
  width: 560px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(9,20,38,.4);
}
.modal.wide { width: min(1100px,92vw); }
.create-wizard-steps {
  display: flex;
  align-items: stretch;
  width: min(400px, 100%);
  height: 32px;
  margin: 0 0 28px;
  overflow: hidden;
  border-radius: 2px;
  background: #f1f1f1;
}
.create-wizard-step {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 32px;
  padding: 0 12px 0 16px;
  color: #356cf0;
  font-size: 12px;
  background: #fff;
}
.create-wizard-step + .create-wizard-step::before,
.create-wizard-step + .create-wizard-step::after {
  content: '';
  position: absolute;
  z-index: 1;
  left: -10px;
  top: 0;
  width: 20px;
  height: 100%;
  clip-path: polygon(0 0, 50% 50%, 0 100%, 100% 100%, 100% 0);
}
.create-wizard-step + .create-wizard-step::before {
  background: #356cf0;
}
.create-wizard-step + .create-wizard-step::after {
  left: -8px;
  width: 18px;
  background: #fff;
}
.create-wizard-step.active,
.create-wizard-step.done { color: #fff; background: #356cf0; }
.create-wizard-step.active + .create-wizard-step::before,
.create-wizard-step.done + .create-wizard-step::before { background: #356cf0; }
.create-wizard-step.active + .create-wizard-step::after,
.create-wizard-step.done + .create-wizard-step::after { background: #fff; }
.create-wizard-section { margin: 0 0 28px; max-width: 720px; }
.create-wizard-section h2 { margin: 0 0 14px; color: #202b3c; font-size: 20px; }
.create-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.create-choice-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 6px;
  min-height: 118px;
  padding: 18px;
  text-align: left;
  border: 1px solid #d8dee8;
  border-radius: 3px;
  color: #303846;
  background: #fff;
  cursor: pointer;
}
.create-choice-card:hover { border-color: #6f98ff; }
.create-choice-card.selected { border-color: #3575ee; background: #eef4ff; box-shadow: inset 0 0 0 1px #3575ee; }
.create-choice-card.disabled { color: #a9b0ba; background: #fafbfc; cursor: not-allowed; }
.create-choice-card b { align-self: end; font-size: 14px; }
.create-choice-card small { grid-column: 1 / -1; color: #8994a4; line-height: 1.6; }
.create-choice-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 4px; color: #fff; background: #79a8ff; font-size: 18px; }
.create-wizard-account { display: flex; align-items: center; gap: 10px; max-width: 880px; margin: 4px auto 0; padding: 12px 14px; color: #69778a; background: #f7f9fc; font-size: 12px; }
.create-wizard-account b { color: #303846; }
.create-wizard-account small { color: #9aa5b4; }
.create-workflow-page { min-height: calc(100vh - 132px); padding: 10px 24px 86px; background: #fff; }
.create-workflow-body { min-height: 520px; overflow: auto; }
.create-workflow-body > .create-wizard-steps { max-width: none; margin-bottom: 24px; }
.create-workflow-body > .multi-create-table-wrap { max-height: calc(100vh - 330px); }
.create-workflow-footer { position: fixed; right: 0; bottom: 0; left: 236px; z-index: 20; display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-height: 66px; padding: 12px 30px; border-top: 1px solid #e6eaf0; background: #fff; box-shadow: 0 -3px 12px rgba(26, 42, 66, .06); }
.create-workflow-footer [data-action="multi-create-previous"], .create-workflow-footer [data-action="multi-create-previous-to-wizard"] { margin-right: auto; }
.warn-note { color: #875f1a; border-color: #f1d89a; background: #fff9e8; }
.modal-head {
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  border-bottom: 1px solid #e9edf3;
}
.modal-head h3 { margin: 0; font-size: 15px; }
.icon-btn { border: 0; color: #8995a6; background: transparent; font-size: 25px; }
.modal-body { padding: 18px; overflow: auto; }
.modal-foot {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 12px 18px;
  border-top: 1px solid #e9edf3;
}
.shop-select-list {
  max-height: 360px;
  margin-top: 16px;
  overflow: auto;
  border: 1px solid #e7ebf1;
  border-radius: 4px;
  background: #fff;
}
.shop-option {
  min-height: 68px;
  display: grid;
  grid-template-columns: 18px 42px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #edf0f4;
  cursor: pointer;
}
.shop-option:last-child { border-bottom: 0; }
.shop-option:hover { background: #f8faff; }
.shop-option:has(input:checked) {
  background: #f2f6ff;
  box-shadow: inset 3px 0 0 var(--primary);
}
.shop-option input { width: 16px; height: 16px; margin: 0; }
.shop-option img,
.shop-avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: none;
  border-radius: 4px;
  object-fit: cover;
  color: #fff;
  background: #5b7fff;
  font-size: 14px;
}
.shop-option span:last-child { min-width: 0; }
.shop-option b {
  display: block;
  overflow: hidden;
  color: #303846;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shop-option small {
  display: block;
  margin-top: 5px;
  overflow: hidden;
  color: #8b96a6;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-bottom: 16px; }
.form-grid.one { grid-template-columns: 1fr; }
.form-grid.compact { grid-template-columns: repeat(3,1fr); }
.field-span-2 { grid-column: 1/-1; }
.checkbox-label { display: flex !important; align-items: center; gap: 8px !important; }
.checkbox-label input { width: 16px; height: 16px; }
.detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.detail-grid section { min-width: 0; overflow: hidden; border: 1px solid #e7ebf1; border-radius: 4px; }
.detail-grid h4 { margin: 0; padding: 12px 14px; border-bottom: 1px solid #e7ebf1; background: #fafbfc; }
.detail-grid pre, .modal-body > pre { margin: 0; padding: 14px; max-height: 500px; overflow: auto; color: #d7e1ee; background: #101827; font-size: 11px; white-space: pre-wrap; }
.detail-material-actions { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 14px; color: #8995a6; border-bottom: 1px solid #edf0f4; font-size: 12px; }

.material-page-panel { margin-top: 20px; }
body:has(.material-library-layout) .sidebar { width: 64px; padding-inline: 8px; }
body:has(.material-library-layout) .brand { justify-content: center; padding: 0; }
body:has(.material-library-layout) .brand > div:last-child,
body:has(.material-library-layout) .nav span,
body:has(.material-library-layout) .side-foot div { display: none; }
body:has(.material-library-layout) .nav { justify-content: center; padding: 0; }
body:has(.material-library-layout) .nav i { width: 34px; height: 34px; font-size: 13px; }
body:has(.material-library-layout) .side-foot { justify-content: center; padding-inline: 0; }
body:has(.material-library-layout) .workspace { margin-left: 64px; }
body:has(.material-library-layout) .content { padding: 0; }
.material-library-layout {
  height: calc(100vh - 65px);
  display: flex;
  overflow: hidden;
  background: #f3f4f7;
}
.material-layout-left {
  width: 300px;
  min-width: 300px;
  display: flex;
  border-right: 1px solid #e6e8ec;
  background: #fff;
}
.material-type-rail { display: none; }
.material-directory-guide {
  position: relative;
  width: 300px;
  min-width: 300px;
  height: 100%;
  padding: 0 10px 56px;
  background: #fff;
}
.material-directory-guide h3 {
  height: 50px;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 500;
}
.material-directory-guide h3 small { color: #9aa1ad; font-size: 11px; font-weight: 400; }
.material-directory-tabs { height: 32px; display: flex; }
.material-directory-tabs button {
  width: 140px;
  height: 32px;
  border: 1px solid #d9d9d9;
  color: #666;
  background: #fff;
}
.material-directory-tabs button:first-child { border-radius: 4px 0 0 4px; }
.material-directory-tabs button:last-child { margin-left: -1px; border-radius: 0 4px 4px 0; }
.material-directory-tabs button.active { z-index: 1; color: #fff; border-color: #3575ee; background: #3575ee; }
.material-directory-search {
  width: 280px;
  height: 32px;
  display: flex;
  margin-top: 11px;
}
.material-directory-search input { width: 248px; height: 32px; padding: 0 10px; border-radius: 4px 0 0 4px; }
.material-directory-search button {
  width: 32px;
  border: 1px solid #d9d9d9;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  color: #9299a5;
  background: #fff;
}
.material-directory-tree {
  height: calc(100% - 137px);
  margin-top: 12px;
  padding-right: 1px;
  overflow-y: auto;
}
.material-directory-root,
.material-directory-row {
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 0;
  color: #666;
  background: transparent;
  text-align: left;
}
.material-directory-root.active,
.material-directory-row.active { color: #fff; background: #3575ee; }
.material-directory-root i,
.directory-folder {
  width: 14px;
  height: 10px;
  display: inline-block;
  border: 1.5px solid currentColor;
  border-radius: 1px;
}
.material-directory-root i::before,
.directory-folder::before {
  content: "";
  display: block;
  width: 6px;
  height: 3px;
  margin: -4px 0 0 1px;
  border: 1.5px solid currentColor;
  border-bottom: 0;
}
.directory-arrow { width: 8px; text-align: center; }
.material-directory-tree.folders-hidden .material-directory-row { display: none; }
.material-directory-empty { padding: 18px 10px; color: #aaa; font-size: 12px; }
.material-storage {
  position: absolute;
  right: 10px;
  bottom: 8px;
  left: 10px;
}
.material-storage > div { height: 6px; overflow: hidden; border-radius: 6px; background: #edf0f5; }
.material-storage > div span { display: block; height: 100%; border-radius: inherit; background: #5e9bf6; }
.material-storage p { margin: 7px 0 0; color: #666; font-size: 12px; }
.material-storage p button { width: 16px; height: 16px; padding: 0; border: 1px solid #5e9bf6; border-radius: 50%; color: #5e9bf6; background: #fff; font-size: 10px; }
.material-layout-right {
  min-width: 0;
  flex: 1;
  padding: 10px;
  overflow: hidden;
}
.material-filter-panel {
  height: 146px;
  padding: 20px;
  border: 1px solid #eceef2;
  background: #fff;
}
.material-filter-row { display: grid; align-items: center; gap: 10px; }
.material-filter-row.primary-row {
  grid-template-columns: 107px 107px 107px 107px minmax(245px,1fr) 64px 64px;
}
.material-filter-row.secondary-row {
  grid-template-columns: repeat(6,71px) 107px 107px minmax(225px,1fr);
  margin-top: 16px;
}
.material-filter-row > input,
.material-filter-row > select { width: 100%; height: 32px; min-height: 32px; padding: 0 10px; }
.material-filter-row select:disabled,
.disabled-control { color: #aaa; background: #fafafa; cursor: not-allowed; }
.material-date-range {
  height: 32px;
  display: grid;
  grid-template-columns: 1fr 14px 1fr;
  align-items: center;
  gap: 4px;
}
.material-date-range input { width: 100%; min-width: 0; height: 32px; padding: 0 7px; }
.material-date-range span { color: #999; text-align: center; }
.material-breadcrumb {
  height: 32px;
  display: flex;
  align-items: flex-end;
  padding-left: 1px;
}
.material-breadcrumb button { padding: 0; border: 0; color: #555; background: transparent; }
.material-breadcrumb span { margin: 0 8px; color: #9aa5b4; }
.material-breadcrumb b { color: #555; font-size: 12px; font-weight: 500; }
.material-breadcrumb small { margin-left: 12px; color: #9aa5b4; font-size: 11px; }
.material-content-area {
  height: calc(100% - 178px);
  overflow-y: auto;
  border: 1px solid #eceef2;
  background: #fff;
}
.material-table-header {
  position: sticky;
  top: 0;
  z-index: 4;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
  background: #fff;
}
.material-selection-tools,
.material-table-actions,
.material-data-tabs { display: flex; align-items: center; gap: 16px; }
.material-selection-tools { color: #666; font-size: 12px; }
.material-selection-tools label { white-space: nowrap; }
.material-selection-tools input { margin: 0 5px 0 0; vertical-align: -2px; }
.material-table-actions { gap: 10px; }
.material-folder-button { margin-left: 0; }
.material-data-tabs { gap: 0; }
.material-data-tabs button,
.material-data-tab {
  height: 32px;
  padding: 0 17px;
  border: 1px solid #d9d9d9;
  color: #666;
  background: #fff;
}
.material-data-tabs button:first-child,
.material-data-tab:first-child { border-radius: 16px 0 0 16px; }
.material-data-tabs button:last-child,
.material-data-tab:last-child { margin-left: -1px; border-radius: 0 16px 16px 0; }
.material-data-tabs button.active,
.material-data-tab.active { color: #fff; border-color: #3575ee; background: #3575ee; }
.material-data-tab.unavailable { color: #999; background: #fafafa; cursor: not-allowed; }
.material-sort-button {
  height: 32px;
  padding: 0 15px;
  border: 1px solid #d9d9d9;
  border-radius: 16px;
  color: #666;
  background: #fff;
}
.material-sort-button span { margin-left: 6px; color: #3575ee; font-size: 9px; }
.material-selection-actions {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 20px;
  border-bottom: 1px solid #f0f0f0;
  background: #fbfcfe;
}
.material-action-caption { margin-right: 4px; color: #5c6e91; font-size: 12px; font-weight: 500; }
.material-items {
  min-height: 480px;
  display: grid;
  grid-template-columns: repeat(2,270px);
  align-content: start;
  justify-content: space-around;
  gap: 18px 44px;
  padding: 14px 28px 22px;
}
.material-library-item {
  position: relative;
  width: 270px;
  height: 220px;
  overflow: hidden;
  border: 1px solid #e6e8ec;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,.04);
}
.material-library-item.selected { border-color: #3575ee; box-shadow: 0 0 0 2px rgba(53,117,238,.12); }
.material-folder-card { cursor: pointer; }
.material-folder-preview { background: #fafafa; }
.material-folder-icon { position: relative; width: 42px; height: 30px; display: block; border-radius: 3px; background: #3575ee; }
.material-folder-icon::before { content: ""; position: absolute; top: -5px; left: 3px; width: 17px; height: 8px; border-radius: 3px 3px 0 0; background: #3575ee; }
.material-folder-icon::after { content: ""; position: absolute; inset: 4px 5px; border-top: 1px solid rgba(255,255,255,.35); }
.material-item-check {
  position: absolute;
  top: 9px;
  left: 8px;
  z-index: 2;
  width: 16px;
  height: 16px;
}
.material-item-check input { width: 15px; height: 15px; margin: 0; }
.material-item-preview {
  width: 270px;
  height: 127px;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: #f6f6f6;
}
.material-item-preview img { width: 100%; height: 100%; object-fit: cover; }
.material-preview-placeholder { color: #3575ee; font-size: 15px; }
.material-item-main { height: 93px; padding: 9px 10px 7px; }
.material-item-title { display: flex; align-items: center; gap: 6px; }
.material-item-title b { min-width: 0; flex: 1; overflow: hidden; color: #555; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; letter-spacing: .8px; }
.material-item-title button { width: 22px; padding: 0; border: 0; color: #777; background: transparent; }
.material-item-labels { height: 20px; display: flex; align-items: center; gap: 4px; overflow: hidden; }
.material-item-labels span { padding: 1px 5px; border-radius: 2px; color: #55719a; background: #edf3ff; font-size: 10px; white-space: nowrap; }
.material-item-labels span.muted { color: #aaa; background: transparent; }
.material-item-meta,
.material-item-status { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #999; font-size: 10px; }
.material-item-meta { padding-bottom: 4px; border-bottom: 1px solid #eee; }
.material-item-status { padding-top: 4px; }
.material-item-status .tag { padding: 1px 5px; font-size: 9px; }
.material-item-status small { max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-empty { grid-column: 1/-1; }
.material-append-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding: 11px 13px;
  color: #5c6e91;
  border-radius: 4px;
  background: #f1f5ff;
  font-size: 12px;
}
.material-append-plan-filter { display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px; }
.material-append-plan-filter input { width: 280px; height: 32px; padding: 0 10px; }
.material-append-plan-table { max-height: 330px; border: 1px solid #e7ebf1; }
.material-append-plan-table th:first-child,
.material-append-plan-table td:first-child { width: 52px; text-align: center; }
.material-append-plan-table td b,
.material-append-plan-table td small { display: block; }
.material-append-plan-table td small { margin-top: 4px; color: #999; }
.material-append-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 10px; margin-top: 12px; color: #777; font-size: 12px; }
.material-picker { max-height: 440px; display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 15px; overflow: auto; }
.material-pick-item { display: grid; gap: 6px; padding: 9px; border: 1px solid #e4e9f1; border-radius: 4px; cursor: pointer; }
.material-pick-item:has(input:checked), .material-pick-item.selected { border-color: var(--primary); background: #f5f7ff; }
.material-pick-item .thumb { height: 100px; display: grid; place-items: center; background: #edf1f6; }
.material-pick-item img { width: 100%; height: 100%; object-fit: cover; }
.material-pick-item b, .material-pick-item small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.material-pick-item small { color: #9aa5b4; }
.media-preview { min-height: 320px; display: grid; place-items: center; margin-bottom: 14px; background: #111827; }
.media-preview img, .media-preview video { max-width: 100%; max-height: 520px; }

.create-account-tip { display: flex; align-items: center; gap: 10px; margin-bottom: 16px !important; }
.create-account-tip code { margin-right: auto; }
.create-plan-grid { grid-template-columns: repeat(4,minmax(0,1fr)); align-items: end; }
.create-plan-grid .field-span-2 { grid-column: span 2; }
.create-field-hint { min-height: 18px; color: #8b96a6; font-size: 11px; font-weight: 400; }
.create-field-hint.success { color: #2f7d5c; }
.create-field-hint.error { color: var(--danger); }
.create-task-strategy {
  grid-column: 1 / -1 !important;
  padding: 13px;
  border: 1px solid #e5eaf2;
  border-radius: 4px;
  background: #fbfcfe;
}
.create-task-strategy > b { display: block; margin-bottom: 11px; color: #4b596d; font-size: 13px; }
.create-task-strategy-grid { grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0; }
.create-task-strategy-grid small { color: #8b96a6; font-size: 11px; font-weight: 400; }
.create-hide-field { min-height: 40px; padding-top: 22px; }
.create-material-section { overflow: hidden; border: 1px solid #e5eaf2; border-radius: 4px; background: #fbfcfe; }
.create-material-head { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 13px; border-bottom: 1px solid #e8ecf2; background: #fff; }
.create-material-head div { display: flex; align-items: center; gap: 12px; }
.create-material-head span, .create-material-head small { color: #8996a8; font-size: 12px; }
.create-material-picker { grid-template-columns: repeat(5,minmax(150px,1fr)); max-height: 360px; margin: 0; padding: 12px; }
.delete-review { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.delete-review section { padding: 12px; border: 1px solid #e5e9ef; border-radius: 4px; }
.delete-review h4 { margin: 0 0 8px; }
.delete-review ul { max-height: 170px; margin: 0; padding-left: 18px; overflow: auto; color: #666; }
.batch-account-review { display: grid; gap: 8px; margin: 14px 0; padding: 12px; border: 1px solid #e5e9ef; border-radius: 4px; background: #fafbfd; }
.batch-account-review > b { color: #303846; }
.batch-account-review > div { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 6px; border-bottom: 1px solid #edf0f4; }
.batch-account-review > div:last-child { padding-bottom: 0; border-bottom: 0; }
.batch-account-review small { color: #8996a8; }
.multi-append-account { margin: 14px 0; padding: 14px; border: 1px solid #e2e7ef; border-radius: 4px; background: #fbfcfe; }
.multi-append-account > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.multi-append-account > header b, .multi-append-account > header small { display: block; }
.multi-append-account > header small { margin-top: 3px; color: #8996a8; }
.multi-append-materials { max-height: 220px; margin-top: 12px; overflow: auto; }
.batch-delete-review { display: grid; gap: 12px; max-height: 420px; overflow: auto; }
.batch-delete-review > section { padding: 10px 12px; border: 1px solid #e5e9ef; border-radius: 4px; }
.batch-delete-review h4 { margin: 0 0 6px; }
.batch-delete-review p { margin: 0 0 8px; color: #666; }
.danger-note { color: #b84646; background: #fff2f2; }
.toast {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 80;
  pointer-events: none;
  max-width: 520px;
  padding: 12px 17px;
  border-radius: 4px;
  color: #fff;
  background: #1e2a3d;
  box-shadow: 0 12px 30px rgba(16,32,59,.24);
}
.toast.success { background: #247a58; }
.toast.warn { background: #9a6719; }
.toast.bad { background: #b33f3f; }
.log-ok { color: #20845f; }
.log-fail { color: #d54e4e; }
code { color: #55657a; font-family: Consolas, monospace; }

.aweme-management-panel { overflow: hidden; }
.aweme-filter-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  border-bottom: 1px solid #edf0f4;
  background: #fff;
}
.aweme-filter-bar label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
.aweme-filter-bar input,
.aweme-filter-bar select {
  height: 34px;
  padding: 0 10px;
}
.aweme-filter-bar input { width: 267px; }
.aweme-filter-bar select { width: 150px; }
.aweme-filter-divider {
  align-self: stretch;
  width: 1px;
  margin: 0 4px;
  background: #e8ebf0;
}
.aweme-table { min-width: 1080px; }
.aweme-table th,
.aweme-table td { white-space: nowrap; }
.aweme-table th:nth-child(1), .aweme-table td:nth-child(1) { width: 28%; }
.aweme-table th:nth-child(2), .aweme-table td:nth-child(2) { width: 14%; }
.aweme-table th:nth-child(3), .aweme-table td:nth-child(3) { width: 17%; }
.aweme-table th:nth-child(4), .aweme-table td:nth-child(4) { width: 13%; }
.aweme-table th:nth-child(5), .aweme-table td:nth-child(5) { width: 13%; }
.aweme-table th:nth-child(6), .aweme-table td:nth-child(6) { width: 10%; }
.aweme-table th:nth-child(7), .aweme-table td:nth-child(7) { width: 12%; }
.aweme-table td { height: 56px; padding-top: 8px; padding-bottom: 8px; }
.aweme-cell {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
}
.aweme-cell > img,
.aweme-cell > .aweme-avatar {
  width: 38px;
  height: 38px;
  flex: none;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  color: #3575ee;
  background: #edf3ff;
  object-fit: cover;
  font-weight: 700;
}
.aweme-cell b,
.aweme-cell small { display: block; }
.aweme-cell small {
  margin-top: 3px;
  color: #999;
}
.aweme-notice p { margin: 5px 0 0; }
.aweme-auth-toolbar {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 220px minmax(280px, 1fr) 76px;
  margin: 18px 0 16px;
}
.aweme-auth-toolbar input,
.aweme-auth-toolbar select { width: 100%; }
.aweme-candidate-table {
  border: 1px solid #edf0f4;
  max-height: 440px;
  overflow: auto;
}
.aweme-candidate-table th:nth-child(1) { width: 58%; }
.aweme-candidate-table th:nth-child(2) { width: 22%; }
.aweme-candidate-table th:nth-child(3) { width: 20%; }
.aweme-identity {
  align-items: center;
  display: flex;
  gap: 10px;
}
.link-button {
  background: none;
  border: 0;
  color: #4c73e8;
  cursor: pointer;
  padding: 0;
}
.link-button.primary-text { color: #536dfe; }
.link-button.danger-text { color: #d84b4b; }
.aweme-candidate-main {
  display: grid;
  gap: 3px;
  min-width: 0;
  flex: 1;
}
.aweme-candidate-main b,
.aweme-candidate-main small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aweme-candidate-main small { color: #999; }
.aweme-candidate-status { min-width: 82px; }
.aweme-avatar {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: none;
  overflow: hidden;
  border-radius: 50%;
  color: #3575ee;
  background: #edf3ff;
  font-weight: 700;
}
.aweme-avatar img { width: 100%; height: 100%; object-fit: cover; }
.aweme-auth-limit {
  padding: 8px 4px;
  text-align: center;
}
.aweme-auth-limit h4,
.confirm-message h4 {
  margin: 10px 0 8px;
  color: #303644;
}
.aweme-auth-limit p {
  margin: 8px auto;
  max-width: 560px;
  line-height: 1.7;
}
.aweme-auth-limit-icon,
.confirm-message-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #fff;
  background: #f2a23a;
  font-size: 24px;
  font-weight: 700;
}
.aweme-auth-limit-icon { margin: 0 auto; }
.confirm-message {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 8px 4px;
}
.confirm-message-icon { flex: none; }
.confirm-message h4 { margin-top: 2px; }
.confirm-message p {
  margin: 0;
  color: #7b8493;
  line-height: 1.7;
}

@media (max-width: 1380px) {
  .page-header-right { gap: 10px; }
  .date-range input { width: 116px; }
  .account-inline select { width: 220px; }
  .plan-account-trigger { width: 250px; }
  .search-left, .search-right { gap: 10px; }
  .material-layout-right { padding: 8px; }
  .material-filter-panel { padding: 14px; }
  .material-filter-row { gap: 6px; }
  .material-filter-row.primary-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(170px, 1.7fr) 58px 58px;
  }
  .material-filter-row.secondary-row {
    grid-template-columns: repeat(6, minmax(0, 1fr)) 82px 82px minmax(150px, 1.8fr);
    margin-top: 12px;
  }
  .material-table-header { padding-inline: 14px; }
  .material-selection-actions { padding-inline: 14px; }
  .material-items { gap: 14px 22px; padding-inline: 18px; }
}

/* 千管家同类 PC 结构：顶部主导航 + 左侧当前业务子导航。 */
.shell { min-height: 100vh; padding-top: 65px; }
.global-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 30;
  height: 65px;
  display: flex;
  align-items: stretch;
  color: #fff;
  background: var(--nav);
  box-shadow: 0 1px 0 rgba(255,255,255,.04);
}
.global-header .brand {
  width: 180px;
  flex: none;
  padding: 0 20px;
}
.primary-nav {
  min-width: 600px;
  display: flex;
  align-items: stretch;
}
.primary-nav-item.nav {
  min-width: 64px;
  height: 65px;
  justify-content: center;
  padding: 0 18px;
  border-radius: 0;
  color: #dce5ef;
  font-size: 15px;
}
.primary-nav-item.nav:hover { color: #fff; background: rgba(255,255,255,.05); }
.primary-nav-item.nav.active {
  color: #fff;
  background: #20365d;
  box-shadow: inset 0 -3px 0 #4a78ff;
}
.global-actions {
  min-width: 360px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  padding: 0 16px;
}
.global-actions select { width: 250px; }
.global-actions .btn,
.global-actions select {
  color: #dce8f7;
  border-color: #3a5068;
  background: #152b41;
}
.sidebar {
  inset: 65px auto 0 0;
  padding: 0 0 16px;
  color: #333;
  background: #fff;
  border-right: 1px solid #edf0f4;
}
.side-menu-title {
  height: 58px;
  display: flex;
  align-items: center;
  padding: 0 28px;
  color: #777;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
}
.sidebar nav { gap: 0; padding-top: 6px; }
.secondary-nav-item.nav {
  width: 100%;
  height: 50px;
  padding: 0 28px;
  border-radius: 0;
  color: #444;
}
.secondary-nav-item.nav i { color: #777; background: transparent; }
.secondary-nav-item.nav:hover { color: var(--primary); background: #f4f7fd; }
.secondary-nav-item.nav.active {
  color: var(--primary);
  background: #eaf1ff;
  box-shadow: inset 3px 0 0 var(--primary);
}
.secondary-nav-item.nav.active i { color: var(--primary); background: transparent; }
.side-foot {
  border-top-color: #edf0f4;
  color: #666;
}
.side-foot small { color: #999; }
.workspace { min-height: calc(100vh - 65px); }
.topbar {
  top: 65px;
  height: 58px;
  color: #333;
  background: #fff;
  border-bottom: 1px solid #eceff3;
}
.page-meta p { color: #999; }
.content { min-height: calc(100vh - 123px); padding: 14px 18px 18px; }
.page-header { top: 123px; }

.home-summary,
.report-summary { margin-top: 0; }
.home-grid {
  display: grid;
  grid-template-columns: minmax(420px, .9fr) minmax(620px, 1.4fr);
  gap: 14px;
}
.home-quick-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
}
.home-quick-actions button {
  min-height: 112px;
  display: grid;
  grid-template-columns: 44px 1fr;
  grid-template-rows: auto auto;
  gap: 3px 12px;
  align-items: center;
  padding: 18px;
  text-align: left;
  border: 1px solid #e7ebf1;
  border-radius: 5px;
  color: #384253;
  background: #fff;
  cursor: pointer;
}
.home-quick-actions button:hover { border-color: var(--primary); box-shadow: 0 4px 14px rgba(62,105,220,.08); }
.home-quick-actions i {
  grid-row: 1 / 3;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: var(--primary);
  background: #eef4ff;
  font-style: normal;
  font-weight: 700;
}
.home-quick-actions b { font-size: 15px; }
.home-quick-actions span { color: #929bab; font-size: 12px; }
.report-filter-panel { margin-bottom: 14px; }
.filter-bar.report-filter { grid-template-columns: 1.5fr 1fr 1fr 1fr auto; }
.report-source-tip { border-radius: 0; }
.report-table { min-width: 1120px; }
.template-table { min-width: 1180px; }
.create-entry-layout {
  display: grid;
  grid-template-columns: minmax(620px, 1.5fr) minmax(360px, .8fr);
  gap: 14px;
}
.create-entry-main {
  min-height: 420px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 42px;
  text-align: center;
}
.create-entry-main h3 { margin: 18px 0 8px; font-size: 22px; }
.create-entry-main > p { max-width: 620px; color: #7d8796; line-height: 1.8; }
.create-entry-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  color: #fff;
  background: linear-gradient(135deg, #4a78ff, #6d5dfc);
  font-size: 28px;
  font-weight: 700;
}
.create-entry-facts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 24px;
  margin: 22px 0;
  color: #7a8494;
  font-size: 13px;
}
.create-entry-facts b { color: #303746; }
.create-entry-button { min-width: 210px; height: 42px; }
.create-authorization-tip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: min(680px, 100%);
  margin: 16px auto 0;
  text-align: left;
}
.create-authorization-tip span { flex: 1; }
.create-entry-side { min-height: 420px; }
.create-template-list { display: grid; gap: 8px; padding: 14px; }
.create-template-list > button {
  display: grid;
  gap: 5px;
  padding: 14px;
  text-align: left;
  border: 1px solid #e8ecf2;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
}
.create-template-list > button:hover { border-color: var(--primary); }
.create-template-list > button:disabled { cursor: not-allowed; opacity: .55; }
.create-template-list span { color: #8b95a5; font-size: 12px; }

.global-actions #account-select { display: none; }
.account-picker-trigger { width: 250px; min-height: 34px; position: relative; overflow: hidden; padding: 0 28px 0 12px; border: 1px solid #3a5068; border-radius: 3px; color: #dce8f7; background: #152b41; text-align: left; text-overflow: ellipsis; white-space: nowrap; }
.account-picker-trigger::after { content: '⌄'; position: absolute; right: 10px; color: #90a8c2; }
.account-picker-trigger:hover { border-color: #6e94ff; }
.account-picker-search { display: flex; gap: 0; margin-bottom: 14px; }
.account-picker-search input { flex: 1; height: 34px; padding: 0 11px; border: 1px solid #dce3ee; border-radius: 3px 0 0 3px; outline: none; }
.account-picker-search .btn { min-width: 84px; border-radius: 0 3px 3px 0; }
.account-picker-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; min-height: 410px; }
.account-picker-pane { min-width: 0; overflow: hidden; border: 1px solid #e1e6ee; border-radius: 3px; background: #fff; }
.account-picker-pane-head { min-height: 46px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 12px; border-bottom: 1px solid #e8edf3; background: #f7f8fa; }
.account-picker-pane-head label { display: flex; align-items: center; gap: 8px; }
.account-picker-pane-head input { width: 16px; height: 16px; }
.account-picker-list { height: 364px; overflow: auto; }
.account-picker-row { min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 7px 12px; border-bottom: 1px solid #f0f2f5; cursor: pointer; }
.account-picker-row:hover { background: #f5f8ff; }
.account-picker-row:has(input:checked) { background: #eef4ff; box-shadow: inset 3px 0 0 var(--primary); }
.account-picker-row input { width: 16px; height: 16px; flex: none; }
.account-picker-row span, .account-picker-selected-row span { min-width: 0; }
.account-picker-row b, .account-picker-selected-row b { display: block; overflow: hidden; color: #303846; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.account-picker-row small, .account-picker-selected-row small { display: block; margin-top: 2px; overflow: hidden; color: #8b96a6; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.account-picker-selected-row { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 7px 10px; padding: 8px 10px; border-radius: 3px; background: #f0f2f5; }
.account-picker-selected-row .icon-btn { width: 24px; height: 24px; padding: 0; font-size: 18px; }
.multi-create-common { margin-top: 16px; }
.multi-create-table-wrap { margin-top: 18px; overflow: auto; border: 1px solid #e8ecf2; border-radius: 4px; }
.multi-create-table { min-width: 1460px; }
.multi-create-table th { height: 44px; }
.multi-create-table td { min-width: 220px; vertical-align: top; }
.multi-create-table td:first-child { min-width: 240px; }
.multi-create-table select { width: 100%; min-height: 34px; padding: 0 8px; }
.multi-create-table .btn { max-width: 360px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi-create-account-trigger { position: relative; width: 100%; min-height: 50px; display: block; padding: 7px 28px 7px 10px; text-align: left; border: 1px solid #dce3ee; border-radius: 3px; color: #303846; background: #fff; cursor: pointer; }
.multi-create-account-trigger:hover, .multi-create-product-trigger:hover { border-color: var(--primary); }
.multi-create-account-trigger b, .multi-create-account-trigger small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi-create-account-trigger small { margin-top: 3px; color: #8b96a6; }
.multi-create-account-trigger .select-chevron { position: absolute; right: 9px; top: 16px; color: #8b96a6; }
.multi-create-aweme-card { min-height: 50px; display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #dce3ee; border-radius: 3px; background: #fff; }
.multi-create-aweme-avatar { width: 34px; height: 34px; flex: none; border-radius: 50%; object-fit: cover; background: #e8eefb; color: #3575ee; display: grid; place-items: center; font-size: 14px; font-weight: 700; }
.aweme-avatar-fallback { border: 1px solid #d9e3fa; }
.multi-create-aweme-info { min-width: 0; flex: 1; }
.multi-create-aweme-info b, .multi-create-aweme-info small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi-create-aweme-info b { color: #303846; font-size: 13px; }
.multi-create-aweme-info small { margin-top: 3px; color: #8b96a6; font-size: 11px; }
.multi-create-aweme-card .tag { flex: none; }
.multi-create-aweme-status { display: inline-flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.multi-create-aweme-authorize { flex: none; padding: 3px 8px; border: 0; cursor: pointer; }
.multi-create-aweme-authorize:hover { color: #8a5a00; background: #ffe8b6; }
.multi-create-aweme-switcher { margin-top: 6px; }
.multi-create-product-trigger { width: 100%; min-height: 50px; padding: 7px 10px; text-align: left; border: 1px dashed #cfd8e5; border-radius: 3px; color: #657286; background: #fbfcfe; cursor: pointer; }
.multi-create-product-trigger.has-error { border-color: #e76b6b; color: #c43f3f; background: #fff9f9; }
.multi-create-product-trigger:disabled { color: #a4adba; cursor: not-allowed; }
.multi-create-row-settings { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-width: 240px; }
.multi-create-row-settings label { color: #6c788b; font-size: 12px; }
.multi-create-row-settings input { width: 100%; height: 34px; margin-top: 5px; padding: 0 7px; border: 1px solid #dce3ee; border-radius: 3px; }
.multi-create-toolbar { display: flex; align-items: center; gap: 18px; margin-top: 16px; }
.multi-create-toolbar .muted { margin-left: auto; }
.multi-create-add-row { display: grid; place-items: center; width: 34px; height: 34px; margin: 16px auto; border: 1px solid #3575ee; border-radius: 50%; color: #3575ee; background: #fff; font-size: 24px; line-height: 1; cursor: pointer; }
.multi-create-add-row:hover { color: #fff; background: #3575ee; }
.multi-create-account-picker-mode { display: flex; justify-content: space-between; padding: 10px 12px; color: #69778a; background: #f7f9fc; font-size: 12px; }
.multi-create-account-picker-mode label { display: flex; align-items: center; gap: 7px; }
.multi-create-account-picker-mode b { color: #3575ee; }
.multi-create-account-popover { position: fixed; z-index: 80; width: 380px; max-height: calc(100vh - 24px); padding: 12px; border: 1px solid #e0e5ed; border-radius: 4px; background: #fff; box-shadow: 0 10px 32px rgba(30,45,65,.18); }
.multi-account-popover-head, .multi-account-popover-foot { display: flex; align-items: center; justify-content: space-between; }
.multi-account-popover-head { margin-bottom: 10px; }
.multi-account-popover-head .icon-btn { font-size: 20px; }
.multi-account-popover-tabs { display: flex; align-items: center; gap: 12px; margin: 4px 0 8px; color: #7e8998; font-size: 12px; }
.multi-account-popover-tabs button { height: 32px; padding: 0 16px; border: 1px solid #dce3ee; color: #69778a; background: #fff; }
.multi-account-popover-tabs button.active { color: #fff; border-color: #3575ee; background: #3575ee; }
.multi-create-account-list { height: 280px; margin-top: 8px; border: 1px solid #e1e6ee; }
.multi-account-popover-foot { justify-content: flex-end; gap: 8px; padding-top: 10px; }
.multi-account-popover-limit { display: flex; align-items: center; gap: 6px; padding-top: 10px; color: #69778a; font-size: 12px; }
.multi-account-popover-limit input { width: 58px; height: 28px; padding: 0 6px; border: 1px solid #dce3ee; border-radius: 3px; }
.multi-create-confirm-table { margin-top: 16px; }
.multi-create-confirm-table small { display: block; margin-top: 3px; color: #8b96a6; }
.multi-create-materials { display: flex; flex-wrap: wrap; gap: 7px; max-height: 92px; overflow: auto; }
.material-pick-item.compact { width: 150px; min-height: 42px; display: flex; align-items: center; gap: 6px; padding: 5px; border: 1px solid #e6ebf2; border-radius: 3px; cursor: pointer; }
.material-pick-item.compact .thumb { width: 30px; height: 30px; flex: none; }
.material-pick-item.compact b { max-width: 95px; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.material-pick-item.compact small { display: none; }
.multi-product-search { margin: 16px 0 0; width: 100%; }
.multi-product-list { max-height: 420px; }
.create-picker-overlay { z-index: 60; }
.multi-product-mask { display: block; padding: 0; }
.multi-product-sheet { width: min(1380px, calc(100vw - 236px)); height: 100%; margin-left: auto; display: flex; flex-direction: column; background: #fff; box-shadow: -12px 0 32px rgba(9, 20, 38, .16); }
.multi-product-sheet-head { min-height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; border-bottom: 1px solid #e9edf3; color: #303846; font-size: 15px; }
.multi-product-picker-body { min-height: 0; flex: 1; padding: 16px 20px; overflow: auto; }
.multi-product-context { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 58px; margin-bottom: 12px; padding: 0 2px 12px; color: #7b8798; font-size: 12px; border-bottom: 1px solid #edf0f4; }
.multi-product-account, .multi-product-aweme { display: flex; align-items: center; gap: 10px; min-width: 0; }
.multi-product-account { flex: 1; }
.multi-product-aweme { min-width: 260px; justify-content: flex-end; padding-left: 20px; border-left: 1px solid #edf0f4; }
.multi-product-context b, .multi-product-context small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi-product-context b { color: #303846; font-size: 13px; }
.multi-product-context small { margin-top: 3px; color: #8b96a6; font-size: 11px; }
.multi-product-avatar { width: 36px; height: 36px; display: grid; place-items: center; flex: none; overflow: hidden; border-radius: 50%; color: #3575ee; background: #eaf1ff; font-weight: 700; }
.multi-product-avatar img { width: 100%; height: 100%; object-fit: cover; }
.multi-product-alert { display: flex; align-items: center; gap: 12px; min-height: 44px; margin-bottom: 12px; padding: 8px 12px; border: 1px solid #d9e7ff; border-radius: 3px; background: #f6f9ff; color: #67758a; font-size: 12px; }
.multi-product-alert b { flex: none; color: #315fb9; }
.multi-product-alert span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi-product-alert small { color: #8996a8; }
.multi-product-alert .btn { margin-left: auto; flex: none; }
.multi-product-alert.danger { border-color: #ffd1d1; background: #fff7f7; }
.multi-product-alert.danger b { color: #c44444; }
.multi-product-alert.danger span { color: #a85c5c; }
.multi-product-toolbar { display: flex; align-items: center; gap: 18px; min-height: 48px; color: #69778a; font-size: 12px; }
.multi-product-toolbar label { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
.multi-product-toolbar > .muted { margin-left: auto; }
.multi-product-blacklist-management { flex: none; }
.multi-product-search { display: flex; width: 350px; margin: 0; }
.multi-product-search input { width: 100%; height: 34px; padding: 0 10px; border: 1px solid #dce3ee; border-right: 0; border-radius: 3px 0 0 3px; }
.multi-product-search .btn { width: 42px; height: 34px; padding: 0; border-radius: 0 3px 3px 0; }
.multi-product-table-wrap { max-height: calc(100vh - 238px); overflow: auto; border: 1px solid #e5eaf2; }
.multi-product-table { min-width: 1380px; }
.multi-product-table th { height: 42px; background: #e7f0ff; }
.multi-product-table td { height: 74px; vertical-align: middle; }
.multi-product-check-cell { width: 44px; text-align: center; }
.multi-product-check, .multi-product-check-all { width: 16px; height: 16px; }
.multi-product-info { display: flex; align-items: center; gap: 10px; min-width: 300px; }
.multi-product-info img, .multi-product-thumb-fallback { width: 62px; height: 62px; flex: none; display: grid; place-items: center; object-fit: cover; background: #edf1f6; color: #3575ee; font-weight: 700; }
.multi-product-info span { min-width: 0; }
.multi-product-info b, .multi-product-info small { display: block; max-width: 390px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.multi-product-info b { color: #303846; font-size: 12px; }
.multi-product-info small { margin-top: 6px; color: #8b96a6; font-size: 11px; }
.multi-product-tags { min-width: 120px; }
.multi-product-tags .tag { display: inline-block; margin: 2px 4px 2px 0; }
.multi-product-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin-top: 12px; color: #7b8798; font-size: 12px; }
.multi-product-pagination .btn { min-width: 28px; }
.multi-product-pagination select { height: 30px; padding: 0 6px; border: 1px solid #dce3ee; border-radius: 3px; color: #69778a; }
.multi-product-sheet-foot { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 10px 20px; border-top: 1px solid #e9edf3; background: #fff; }
.multi-product-selected { min-width: 0; display: flex; align-items: center; gap: 8px; overflow: hidden; color: #69778a; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; }
.multi-product-selected-item { max-width: 180px; padding: 4px 7px; overflow: hidden; border: 1px solid #dce7ff; border-radius: 3px; color: #3575ee; background: #f3f7ff; text-overflow: ellipsis; }
.multi-product-sheet-actions { display: flex; gap: 9px; flex: none; }
.multi-product-sort { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; color: inherit; background: transparent; cursor: pointer; }
.multi-product-sort span { color: #aeb7c5; font-size: 11px; }
.multi-product-sort.active { color: #356cf0; }
.multi-product-sort.active span { color: #356cf0; }
.multi-product-unavailable { display: block; margin-top: 4px; color: #f04b4b; font-size: 11px; font-style: normal; }
.multi-product-picker-body .sub-id { display: block; margin-top: 6px; }
.multi-product-empty { height: 250px; color: #69778a; text-align: center !important; vertical-align: middle !important; }
.multi-product-empty span, .multi-product-empty small { display: block; }
.multi-product-empty span { color: #586679; font-size: 13px; }
.multi-product-empty small { margin-top: 8px; color: #9aa5b4; font-size: 12px; }

.account-management-panel { min-width: 0; }
.account-filter-bar {
  display: grid;
  grid-template-columns: 1.05fr 1.25fr 1fr 1fr auto auto;
  gap: 12px;
  align-items: end;
  padding: 16px 18px;
  border-bottom: 1px solid #edf0f4;
}
.account-filter-bar label {
  display: grid;
  gap: 6px;
  color: #667284;
  font-size: 12px;
}
.account-filter-bar input,
.account-filter-bar select { width: 100%; height: 34px; min-height: 34px; padding: 0 9px; }
.account-filter-actions, .account-toolbar-actions { display: flex; align-items: center; gap: 8px; }
.account-toolbar-actions { justify-content: flex-end; padding-top: 0; }
.account-selection-bar {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 18px;
  color: #8994a3;
  font-size: 12px;
}
.account-selection-bar b { color: #3575ee; font-weight: 500; }
.account-connection-strip {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 0 12px;
  color: #667284;
}
.connection-chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 2px 9px;
  border: 1px solid #dbe6ff;
  border-radius: 14px;
  color: #3565c7;
  background: #f4f7ff;
  font-size: 12px;
}
.connection-chip.bad { border-color: #ffd7d7; color: #c34a4a; background: #fff7f7; }
.account-connection-label { color: #9aa5b5; font-size: 11px; }
.account-table-wrap { min-height: 260px; }
.account-table { min-width: 1420px; table-layout: fixed; }
.account-table th, .account-table td { padding: 10px 12px; }
.account-table th { height: 42px; }
.account-table th:nth-child(1), .account-table td:nth-child(1) { width: 48px; }
.account-table th:nth-child(2), .account-table td:nth-child(2) { width: 210px; }
.account-table th:nth-child(3), .account-table td:nth-child(3) { width: 120px; }
.account-table th:nth-child(4), .account-table td:nth-child(4) { width: 92px; }
.account-table th:nth-child(5), .account-table td:nth-child(5),
.account-table th:nth-child(6), .account-table td:nth-child(6) { width: 112px; }
.account-table th:nth-child(7), .account-table td:nth-child(7) { width: 130px; }
.account-table th:nth-child(8), .account-table td:nth-child(8) { width: 130px; }
.account-table th:nth-child(9), .account-table td:nth-child(9) { width: 118px; }
.account-table th:nth-child(10), .account-table td:nth-child(10) { width: 160px; }
.account-table th:nth-child(11), .account-table td:nth-child(11) { width: 245px; }
.account-check-cell { text-align: center !important; }
.account-check, #account-check-all { width: 15px; height: 15px; }
.account-name-cell b, .account-name-cell small { display: block; overflow: visible; overflow-wrap: anywhere; white-space: normal; }
.account-name-cell b { color: #303846; font-size: 13px; font-weight: 500; }
.account-name-cell small { margin-top: 4px; color: #8b96a6; font-size: 11px; }
.account-name-cell .copy-id-button { width: 19px; height: 19px; margin-left: 3px; padding: 0; color: #6f8fdc; font-size: 13px; vertical-align: -2px; }
.account-balance { color: #303846; font-variant-numeric: tabular-nums; white-space: nowrap; }
.account-row-actions { display: flex; flex-wrap: wrap; gap: 6px 10px; line-height: 1.7; }
.account-row-actions .link-button { white-space: nowrap; }
.account-pagination { border-top: 1px solid #f0f2f5; }
.account-auth-method-title { margin-bottom: 13px; color: #4d5a6c; font-size: 13px; }
.account-auth-methods { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.account-auth-method {
  min-height: 112px;
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dce3ee;
  border-radius: 4px;
  color: #5d6a7c;
  background: #fff;
  text-align: left;
}
.account-auth-method:hover, .account-auth-method.selected { color: #3575ee; border-color: #3575ee; background: #f4f7ff; }
.account-auth-method b { color: #303846; font-size: 14px; }
.account-auth-method span { color: #8994a4; font-size: 12px; line-height: 1.7; }
.account-auth-note { margin-top: 16px; padding: 12px; color: #68768a; background: #f7f9fc; font-size: 12px; line-height: 1.7; }
.account-auth-note p { margin: 4px 0 0; }
.auth-share-link { width: 100%; min-height: 36px; margin-top: 7px; padding: 0 9px; }

@media (max-width: 1500px) {
  .account-filter-bar { grid-template-columns: repeat(4, minmax(150px, 1fr)); }
  .account-filter-actions { grid-column: 1 / -1; }
}

@media (max-width: 1500px) {
  .home-grid,
  .create-entry-layout { grid-template-columns: 1fr; }
}

/* 多户读取失败时，保留结果说明放在错误详情下方，不挤压表格和操作按钮。 */
.plan-load-warning { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; }
.plan-load-warning b { flex: none; }
.plan-load-warning small.plan-load-retained-hint { flex-basis: 100%; color: #8b5f1a; }
.plan-load-warning .btn { margin-left: auto; }

/* 网站备案信息：登录页和工作台统一展示，链接指向官方备案查询入口。 */
.site-records {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  color: #8b96a6;
  font-size: 12px;
  line-height: 1.6;
}
.site-records a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  text-decoration: none;
}
.site-records a:hover { color: var(--primary); }
.police-record-icon {
  position: relative;
  width: 13px;
  height: 13px;
  display: inline-block;
  flex: none;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.police-record-icon::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 3px;
  width: 5px;
  height: 4px;
  border: 1px solid currentColor;
  border-radius: 50% 50% 45% 45%;
}
.police-record-icon::after {
  content: '';
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: 7px;
  height: 4px;
  border: 1px solid currentColor;
  border-radius: 6px 6px 2px 2px;
}
.login-records {
  width: 100%;
  margin-top: 22px;
  padding-top: 16px;
  border-top: 1px solid #eef1f5;
}
.site-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  min-height: 46px;
  padding: 8px 18px 14px;
  color: #9aa4b2;
  font-size: 12px;
}
@media (max-width: 760px) {
  .site-footer { flex-direction: column; gap: 4px; }
}