:root {
  --canvas: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fbff;
  --ink: #14263f;
  --ink-soft: #263b58;
  --muted: #687a93;
  --line: #dce5f0;
  --line-strong: #c6d5e6;
  --primary: #1769e0;
  --primary-hover: #0957c5;
  --teal: #07877d;
  --teal-soft: #e6f6f3;
  --amber: #b96c00;
  --amber-soft: #fff5df;
  --danger: #c9435e;
  --danger-soft: #fff0f3;
  --shadow: 0 12px 30px rgba(32, 65, 105, .08);
}

* { box-sizing: border-box; }
body {
  background: var(--canvas) !important;
  color: var(--ink) !important;
  font-family: "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.5;
}
button, input, select, textarea { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(23, 105, 224, .24);
  outline-offset: 2px;
}

/* 顶部导航 */
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 64px;
  padding: 0 32px !important;
  border-bottom: 1px solid var(--line) !important;
  background: rgba(255, 255, 255, .94) !important;
  backdrop-filter: blur(14px);
}
.topbar h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ink) !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
}
.topbar h1::before {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: var(--primary);
  box-shadow: inset 0 -7px 0 rgba(7, 55, 118, .16);
  content: "";
}
.topbar a {
  color: var(--muted) !important;
  font-weight: 600;
}
.topbar a:hover { color: var(--primary) !important; }
.topbar button {
  border-color: var(--line) !important;
  background: var(--surface) !important;
  color: var(--ink-soft) !important;
  font-weight: 600;
}
.topbar button:hover { border-color: var(--primary) !important; color: var(--primary) !important; }
.topbar button.source-login-btn { border-color: #8ac8c0 !important; background: var(--teal-soft) !important; color: var(--teal) !important; }

/* 下载页 */
.container { max-width: 1180px !important; padding: 40px 28px 64px !important; }
.design-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(420px, 1.06fr);
  align-items: stretch;
  gap: 48px;
  min-height: 450px;
  padding: 48px 42px 42px;
  overflow: hidden;
  border: 1px solid #d9e5f3;
  border-radius: 10px;
  background-color: #fbfdff;
  background-image: linear-gradient(rgba(70, 133, 213, .10) 1px, transparent 1px), linear-gradient(90deg, rgba(70, 133, 213, .10) 1px, transparent 1px);
  background-size: 24px 24px;
}
.design-hero::before {
  position: absolute;
  top: -180px;
  right: 19%;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(145, 117, 255, .15), rgba(145, 117, 255, 0) 68%);
  content: "";
  pointer-events: none;
}
.design-hero-copy { position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.design-hero h2 { margin: 0; color: #10213b !important; font-size: 52px !important; font-weight: 800 !important; line-height: 1.16; letter-spacing: 0 !important; }
.design-hero h2 span { color: #4d6ff0; }
.design-hero-intro { max-width: 450px; margin: 18px 0 0; color: #586b86; font-size: 16px; line-height: 1.8; }
.hero-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin-top: 26px; }
.hero-metrics > div { min-height: 75px; padding: 12px 8px; border: 1px solid #e0e9f5; border-radius: 7px; background: rgba(255, 255, 255, .82); text-align: center; }
.hero-metrics strong { display: block; color: #1769e0; font-size: 22px; font-weight: 800; line-height: 1.25; }
.hero-metrics > div:nth-child(2) strong { color: #8449e8; }
.hero-metrics > div:nth-child(3) strong { color: var(--teal); font-size: 18px; padding-top: 3px; }
.hero-metrics span { display: block; margin-top: 4px; color: var(--muted); font-size: 12px; }
.hero-download-panel { margin-top: 22px; }
.hero-download-panel label { display: block; margin: 0 0 8px; color: var(--ink-soft); font-size: 13px; font-weight: 700; }
.hero-input-row { display: flex; gap: 8px; padding: 5px; border: 1px solid #dbe5f2; border-radius: 8px; background: rgba(255, 255, 255, .92); box-shadow: 0 10px 25px rgba(47, 88, 143, .08); }
.hero-input-row .url-input { min-width: 0; border: 0 !important; background: transparent !important; }
.hero-input-row .url-input:focus { box-shadow: none !important; }
.hero-input-row .btn { flex: 0 0 118px; min-height: 44px; }
.design-hero-visual { position: relative; z-index: 1; align-self: center; min-height: 308px; padding: 10px; border: 1px solid rgba(255, 255, 255, .88); border-radius: 12px; background: #193a75; box-shadow: 0 22px 38px rgba(25, 58, 117, .20); transform: rotate(-1.2deg); }
.visual-toolbar { position: relative; z-index: 2; display: flex; align-items: center; gap: 6px; height: 29px; padding: 0 10px; border-radius: 7px 7px 0 0; background: rgba(9, 30, 68, .78); color: #d5e6ff; font-size: 11px; }
.visual-toolbar span { width: 7px; height: 7px; border-radius: 50%; background: #ff7b6f; }.visual-toolbar span:nth-child(2) { background: #ffd169; }.visual-toolbar span:nth-child(3) { background: #65d5bd; }.visual-toolbar b { margin-left: 5px; font-weight: 600; }
.visual-board { position: relative; height: 268px; overflow: hidden; border-radius: 0 0 7px 7px; background: linear-gradient(138deg, #147bba 0 36%, #ffd56d 36% 63%, #1c8ca7 63%); }
.visual-board::before { position: absolute; inset: 0; background: linear-gradient(130deg, transparent 42%, rgba(255,255,255,.24) 42% 43%, transparent 43%); content: ""; }
.visual-sun { position: absolute; top: 20px; left: 35%; width: 150px; height: 150px; border: 10px solid rgba(255, 238, 150, .5); border-radius: 50%; background: radial-gradient(circle at 35% 30%, #fff5bd, #ffd65c 62%, #f2a537); box-shadow: 0 0 55px rgba(255, 235, 115, .72); }
.visual-arch { position: absolute; right: -18px; bottom: -56px; width: 250px; height: 220px; border: 28px solid #0e627e; border-bottom: 0; border-radius: 145px 145px 0 0; transform: rotate(-12deg); }
.visual-paper { position: absolute; width: 136px; height: 100px; border: 2px solid rgba(255,255,255,.88); border-radius: 4px; background: rgba(255,255,255,.9); box-shadow: 0 10px 12px rgba(13, 54, 105, .22); }.visual-paper-a { bottom: 27px; left: 36px; transform: rotate(-11deg); }.visual-paper-b { right: 76px; bottom: 26px; width: 105px; height: 76px; background: rgba(42, 104, 168, .91); transform: rotate(9deg); }
.visual-paper::before, .visual-paper::after { position: absolute; left: 15px; width: 62%; height: 7px; border-radius: 4px; background: #78a5e7; content: ""; }.visual-paper::before { top: 21px; }.visual-paper::after { top: 38px; width: 45%; }
.visual-paper-b::before, .visual-paper-b::after { background: #b5d8fb; }
.visual-line { position: absolute; width: 180px; height: 180px; border: 2px solid rgba(255,255,255,.42); border-radius: 50%; }.visual-line-a { top: -92px; left: -62px; }.visual-line-b { right: 2px; top: -76px; width: 150px; height: 150px; }
.visual-word { position: absolute; right: 13px; bottom: 13px; color: rgba(255,255,255,.68); font-size: 22px; font-weight: 800; letter-spacing: 0; }
.visual-float { position: absolute; z-index: 3; min-width: 110px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.85); border-radius: 7px; background: rgba(255,255,255,.90); box-shadow: 0 10px 24px rgba(18, 54, 104, .17); transform: rotate(1.2deg); }.visual-float small { display: block; color: #637692; font-size: 11px; }.visual-float strong { display: block; margin-top: 3px; color: #1769e0; font-size: 14px; }.visual-float-left { left: -31px; top: 118px; }.visual-float-right { right: -25px; top: 53px; }.visual-float-right strong { color: var(--teal); }
.site-section { margin-top: 36px; }.site-section-head { display: flex; justify-content: space-between; align-items: end; margin-bottom: 14px; }.site-section-head h3 { margin: 0; color: var(--ink); font-size: 20px; font-weight: 750; }.site-section-head p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.site-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 28px !important;
}
.site-card {
  position: relative;
  min-height: 124px;
  padding: 15px !important;
  border: 1px solid var(--line) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
.site-card::after {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #b9c8d9;
  content: "";
}
.site-card:hover, .site-card.active {
  transform: translateY(-2px) !important;
  border-color: var(--primary) !important;
  box-shadow: 0 9px 18px rgba(24, 74, 138, .09) !important;
}
.site-card.active { background: #f1f7ff !important; }
.site-card.active::after { background: var(--primary); }
.site-card h3 { padding-right: 18px; color: var(--ink-soft) !important; font-size: 15px !important; }
.site-card p { color: var(--muted) !important; line-height: 1.55 !important; }
.site-card .quota { position: absolute; right: 15px; bottom: 14px; left: 15px; color: var(--teal) !important; font-size: 12px !important; }
.download-panel {
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow);
}
.input-section { margin-bottom: 0 !important; }
.input-section label { color: var(--ink-soft) !important; font-weight: 700; }
.url-input {
  min-height: 52px;
  padding: 14px 16px !important;
  border-color: var(--line-strong) !important;
  border-radius: 7px !important;
  background: var(--surface-soft) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
.url-input:focus { border-color: var(--primary) !important; background: var(--surface) !important; }
.url-input::placeholder { color: #93a3b7 !important; }
.btn-row { margin-top: 14px !important; }
.btn, .file-download {
  min-height: 44px;
  border-radius: 7px !important;
  font-weight: 700 !important;
}
.btn-primary { background: var(--primary) !important; }
.btn-primary:hover { background: var(--primary-hover) !important; }
.btn-secondary, .btn-ghost {
  border-color: var(--line-strong) !important;
  background: var(--surface) !important;
  color: var(--ink-soft) !important;
}
.btn:disabled { background: #d9e1eb !important; color: #718096 !important; }
.progress-area { margin-top: 18px !important; }
.progress-bar-wrap { background: #dce9f5 !important; height: 7px !important; }
.progress-bar { background: var(--primary) !important; }
.progress-text { color: var(--muted) !important; }
.support-card {
  grid-template-columns: 82px minmax(0, 1fr) !important;
  margin-top: 22px !important;
  padding: 12px !important;
  border-color: #b7ddd8 !important;
  border-radius: 8px !important;
  background: #f0faf8 !important;
}
.support-card img { width: 82px !important; border-radius: 5px !important; }
.support-card p { color: #36645f !important; font-size: 12px !important; line-height: 1.75 !important; }
.result-card {
  border-color: var(--line) !important;
  border-radius: 8px !important;
  box-shadow: var(--shadow) !important;
}
.result-card .title { color: var(--ink) !important; }
.result-card .meta { color: var(--muted) !important; }
.result-card .meta span { color: var(--ink-soft) !important; }
.result-card .path { background: #eff6f5 !important; color: var(--teal) !important; font-family: inherit !important; }
.result-card .ok, .file-download { background: var(--teal) !important; color: #fff !important; }
.file-download:hover { background: #05776f !important; }
.result-card .warn, .error { color: var(--danger) !important; }

/* 用户中心 */
body:has(.site-list) .container { max-width: 980px !important; }
body:has(.site-list) .hero {
  max-width: none;
  padding: 4px 0 24px !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.site-list) .hero h2 { color: var(--ink) !important; }
body:has(.site-list) .hero p { color: var(--muted) !important; }
.grid { gap: 14px !important; margin-top: 0 !important; }
.card {
  padding: 22px !important;
  border-color: var(--line) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  box-shadow: var(--shadow) !important;
}
.card h3 { color: var(--ink) !important; }
.card p, .field label { color: var(--muted) !important; }
.field input {
  min-height: 42px;
  border-color: var(--line-strong) !important;
  border-radius: 7px !important;
  background: var(--surface-soft) !important;
  color: var(--ink) !important;
}
.field input:focus { border-color: var(--primary) !important; }
.field input:disabled { background: #edf2f7 !important; color: var(--muted) !important; }
.site-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.site {
  min-height: 48px;
  padding: 12px 13px !important;
  border-color: var(--line) !important;
  border-radius: 7px !important;
  background: var(--surface-soft);
}
.site strong { color: var(--ink-soft) !important; }
.message { color: var(--muted) !important; }

/* 登录页 */
body:has(.login-box) {
  position: relative;
  display: flex !important;
  padding: 24px;
  overflow: hidden;
}
body:has(.login-box)::before {
  position: fixed;
  inset: 0 0 auto;
  height: 6px;
  background: var(--primary);
  content: "";
}
.login-box {
  width: min(380px, calc(100vw - 48px)) !important;
  padding: 38px 34px !important;
  border: 1px solid var(--line) !important;
  border-radius: 10px !important;
  background: var(--surface) !important;
  box-shadow: 0 24px 54px rgba(35, 68, 107, .13) !important;
}
.logo { margin-bottom: 28px !important; text-align: left !important; }
.logo::before {
  display: block;
  width: 34px;
  height: 34px;
  margin-bottom: 16px;
  border-radius: 9px;
  background: var(--primary);
  box-shadow: inset 0 -9px 0 rgba(7, 55, 118, .16);
  content: "";
}
.logo h1 { color: var(--ink) !important; font-size: 23px !important; }
.logo p { color: var(--muted) !important; }
.field label { font-weight: 600; }
.field input::placeholder { color: #a0adbd !important; }
.login-box .btn { background: var(--primary) !important; }
.login-box .btn:hover { background: var(--primary-hover) !important; }

/* 下载历史 */
body:has(.intro) .container { max-width: 1040px !important; }
.intro { color: var(--muted) !important; }
body:has(.intro) .card { padding: 0 !important; overflow: hidden; }
table { background: var(--surface); }
th, td { border-bottom-color: var(--line) !important; color: var(--ink-soft) !important; }
th { color: var(--muted) !important; background: #f8fbff; font-weight: 700 !important; }
td.title { color: var(--ink) !important; }
.url, .provider { color: var(--muted) !important; }
.badge { border-radius: 999px !important; font-weight: 700 !important; }
.badge.ok, .badge.on { background: var(--teal-soft) !important; color: var(--teal) !important; }
.badge.fail, .badge.off { background: var(--danger-soft) !important; color: var(--danger) !important; }
.badge.wait { background: var(--amber-soft) !important; color: var(--amber) !important; }
.empty { color: var(--muted) !important; }

/* 管理后台 */
body:has(.admin-nav) .container { max-width: 1240px !important; }
.topbar .right { gap: 14px !important; }
.admin-nav {
  gap: 4px !important;
  margin-bottom: 28px !important;
  padding: 4px !important;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}
.admin-nav button {
  padding: 9px 14px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: transparent !important;
  color: var(--muted) !important;
  font-weight: 700;
}
.admin-nav button:hover { background: #edf5ff !important; color: var(--primary) !important; }
.admin-nav button.active { background: #e8f1ff !important; color: var(--primary) !important; }
.stats-row, .source-summary { gap: 12px !important; }
.stat, .source-stat {
  padding: 17px !important;
  border-color: var(--line) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
  box-shadow: none !important;
}
.stat .label, .source-stat .label { color: var(--muted) !important; }
.stat .value, .source-stat .value { color: var(--ink) !important; }
.stat .value small, .source-stat .hint { color: var(--muted) !important; }
.section-head { margin-bottom: 12px !important; }
.section-head h2 { color: var(--ink) !important; font-size: 18px !important; }
.admin-search { width: 190px; min-height: 36px; padding: 7px 11px; border: 1px solid var(--line-strong); border-radius: 7px; background: var(--surface); color: var(--ink); font-size: 13px; }
.admin-search:focus { border-color: var(--primary); outline: 3px solid rgba(23, 105, 224, .16); outline-offset: 1px; }
.pool-note { color: var(--muted) !important; }
.user-table, .pool-table { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.user-table th, .pool-table th { color: var(--muted) !important; border-bottom-color: var(--line) !important; background: #f8fbff; }
.user-table td, .pool-table td { border-bottom-color: var(--line) !important; }
.user-table tr:hover td { background: #f4f8fe !important; }
.log-item { padding: 13px !important; border: 1px solid var(--line) !important; border-radius: 8px; background: var(--surface); }
.log-item + .log-item { margin-top: 8px; }
.log-item .log-url, .log-item .log-meta { color: var(--muted) !important; }
.log-item .log-title { color: var(--ink) !important; }
.quick-account-btn {
  border-color: var(--line-strong) !important;
  border-radius: 7px !important;
  background: var(--surface) !important;
  color: var(--ink-soft) !important;
  font-weight: 600;
}
.quick-account-btn:hover { border-color: var(--primary) !important; color: var(--primary) !important; background: #f4f8ff !important; }
.pagination { color: var(--muted) !important; }
.modal-bg { background: rgba(20, 38, 63, .38) !important; backdrop-filter: blur(3px); }
.modal {
  border-color: var(--line) !important;
  border-radius: 10px !important;
  background: var(--surface) !important;
  box-shadow: 0 24px 64px rgba(15, 40, 72, .2) !important;
}
.modal h2 { color: var(--ink) !important; }
.modal .field label { color: var(--muted) !important; }
.modal .field input, .modal .field select, .modal textarea {
  border-color: var(--line-strong) !important;
  border-radius: 7px !important;
  background: var(--surface-soft) !important;
  color: var(--ink) !important;
}
.modal .field input:focus, .modal .field select:focus { border-color: var(--primary) !important; }
.modal .field small { color: var(--muted) !important; }
.expiry-option { border-color: var(--line-strong) !important; border-radius: 6px !important; background: var(--surface) !important; color: var(--ink-soft) !important; }
.expiry-option.active { border-color: var(--primary) !important; background: #e8f1ff !important; color: var(--primary) !important; }
.issued-note { color: var(--teal) !important; }

@media (max-width: 820px) {
  .topbar { padding: 0 18px !important; }
  .container { padding: 32px 18px 48px !important; }
  .design-hero { grid-template-columns: minmax(0, 1fr); gap: 28px; min-height: 0; padding: 36px 28px 30px; }
  .design-hero h2 { font-size: 44px !important; }
  .design-hero-visual { width: calc(100% - 18px); margin: 0 9px; min-height: 300px; }
  .hero-input-row .url-input { flex: 1 1 0; width: 100%; }
  .site-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .stats-row { grid-template-columns: 1fr !important; }
}
@media (max-width: 620px) {
  .topbar { min-height: 58px; gap: 10px; }
  .topbar h1 { flex: 0 0 auto; gap: 7px; font-size: 14px !important; white-space: nowrap; }
  .topbar h1::before { width: 20px; height: 20px; border-radius: 6px; }
  .topbar .user-info { flex: 1; min-width: 0; justify-content: flex-end; gap: 7px !important; overflow-x: auto; white-space: nowrap; }
  .topbar .user-info .limits { display: none; }
  .topbar a { flex: 0 0 auto; font-size: 12px; }
  .topbar button { flex: 0 0 auto; padding: 5px 9px !important; font-size: 12px !important; white-space: nowrap; }
  .container { padding: 28px 14px 40px !important; }
  .hero h2 { font-size: 25px !important; }
  .design-hero { padding: 30px 20px 24px; }
  .design-hero h2 { font-size: 38px !important; }
  .design-hero-intro { margin-top: 13px; font-size: 14px; }
  .hero-metrics { gap: 6px; margin-top: 20px; }
  .hero-metrics > div { min-height: 68px; padding: 10px 4px; }
  .hero-metrics strong { font-size: 19px; }
  .hero-metrics > div:nth-child(3) strong { font-size: 16px; }
  .hero-metrics span { font-size: 11px; }
  .hero-input-row { flex-direction: column; }
  .hero-input-row .btn { flex-basis: 44px; width: 100%; }
  .design-hero-visual { min-height: 238px; margin-top: -2px; padding: 7px; }
  .visual-toolbar { height: 25px; }
  .visual-board { height: 198px; }
  .visual-sun { width: 112px; height: 112px; border-width: 7px; }
  .visual-arch { width: 186px; height: 168px; border-width: 21px; }
  .visual-paper { transform: scale(.75) rotate(-11deg); transform-origin: bottom left; }
  .visual-paper-b { transform: scale(.75) rotate(9deg); transform-origin: bottom right; }
  .visual-line { transform: scale(.75); }
  .visual-float { min-width: 92px; padding: 8px 9px; }
  .visual-float-left { left: -20px; top: 104px; }
  .visual-float-right { right: -18px; top: 40px; }
  .visual-word { font-size: 16px; }
  .site-grid, .site-list { grid-template-columns: 1fr !important; }
  .site-card { min-height: 112px; }
  .download-panel { padding: 16px; }
  .support-card { grid-template-columns: 64px minmax(0, 1fr) !important; }
  .support-card img { width: 64px !important; }
  .grid { grid-template-columns: 1fr !important; }
  .login-box { padding: 30px 24px !important; }
  .admin-nav { margin-right: -2px; margin-left: -2px; }
  .source-summary { grid-template-columns: 1fr !important; }
  .admin-search { width: 100%; }
}

/* 下载页首屏最终整理：头图完整显示，概况与购买入口居中同排。 */
body:has(.design-reference-banner) .design-hero {
  height: clamp(320px, 31.94vw, 600px) !important;
  min-height: 0 !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  height: 100% !important;
  min-height: 0 !important;
  padding: 88px 24px 28px !important;
  justify-content: flex-start !important;
}
body:has(.design-reference-banner) .design-reference-banner,
body:has(.design-reference-banner) .design-reference-banner img {
  height: 100% !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  object-fit: fill !important;
  object-position: center top !important;
}
body:has(.design-reference-banner) .hero-actions-row {
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 18px !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
}
body:has(.design-reference-banner) .hero-actions-row .purchase-link {
  flex: 0 0 auto !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero { height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 22px !important; }
  body:has(.design-reference-banner) .hero-actions-row { gap: 10px !important; }
  body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex-basis: 180px !important; width: 180px !important; max-width: 180px !important; }
}

/* 登录页最终视觉覆盖，确保主题基础样式不会覆盖表单配色。 */
body:has(.login-stage) { background: #fffaf2 !important; }
body:has(.login-stage)::before { display: none !important; }
body:has(.login-stage) .login-box.login-card { border-radius: 22px !important; background: rgba(255, 255, 255, .92) !important; }
body:has(.login-stage) .login-card .btn { border-radius: 999px !important; background: #ed785e !important; color: #fff !important; }
body:has(.login-stage) .login-card .btn:hover { background: #d9634c !important; }

/* 下载页背景图最终覆盖，确保搜索框位于图层上方且图片横向铺满。 */
body:has(.design-reference-banner) .design-hero { position: relative !important; width: 100vw !important; max-width: none !important; min-height: 430px !important; margin-left: calc(50% - 50vw) !important; overflow: hidden !important; background: #fff1c8 !important; }
body:has(.design-reference-banner) { overflow-x: hidden !important; }
body:has(.design-reference-banner) .design-hero-copy { position: relative !important; z-index: 1 !important; width: min(1160px, calc(100% - 48px)) !important; min-height: 430px !important; margin: 0 auto !important; padding: 74px 0 38px !important; }
body:has(.design-reference-banner) .design-reference-banner { position: absolute !important; z-index: 0 !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff1c8 !important; box-shadow: none !important; }
body:has(.design-reference-banner) .design-reference-banner img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: center !important; }
body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { position: relative !important; z-index: 2 !important; }
body:has(.design-reference-banner) .hero-download-panel { background: rgba(255, 255, 255, .88) !important; box-shadow: 0 18px 36px rgba(135, 78, 31, .2) !important; }
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div { background: rgba(255, 255, 255, .84) !important; }
@media (max-width: 620px) { body:has(.design-reference-banner) .design-hero, body:has(.design-reference-banner) .design-hero-copy { min-height: 420px !important; } body:has(.design-reference-banner) .design-hero-copy { width: calc(100% - 28px) !important; padding: 54px 0 24px !important; } }

/* 全站品牌标识统一使用拾光 Logo；登录页由自身视觉组件管理。 */
body:not(.login-page) .topbar h1::before {
  width: 28px !important;
  height: 28px !important;
  margin-right: 9px !important;
  border-radius: 0 !important;
  background: url('/static/shiguang-logo.svg') center / contain no-repeat !important;
  background-color: transparent !important;
  box-shadow: none !important;
  content: "" !important;
}
body:not(.login-page):has(.brand-logo) .topbar h1::before { display: none !important; }
body.login-page .logo::before { display: none !important; content: none !important; }

/* 管理后台：强调运行状态、操作边界和高密度信息扫描，不改变任何业务行为。 */
body:has(.admin-nav) {
  --admin-canvas: #f4f7fb;
  --admin-surface: #ffffff;
  --admin-surface-muted: #f8fafc;
  --admin-ink: #16233a;
  --admin-muted: #61708a;
  --admin-line: #d9e2ef;
  --admin-primary: #1769e0;
  --admin-primary-soft: #eaf2ff;
  --admin-success: #087d73;
  --admin-success-soft: #e6f6f3;
  --admin-warning: #a66300;
  --admin-warning-soft: #fff4d8;
  --admin-danger: #bd3c59;
  --admin-danger-soft: #fff0f3;
  background: var(--admin-canvas) !important;
  color: var(--admin-ink) !important;
}

body:has(.admin-nav) .container {
  max-width: 1360px !important;
  padding: 28px 28px 56px !important;
}

body:has(.admin-nav) .topbar {
  min-height: 60px;
  background: rgba(255, 255, 255, .96) !important;
}

body:has(.admin-nav) .admin-nav {
  position: sticky;
  top: 72px;
  z-index: 10;
  display: flex;
  gap: 2px !important;
  margin: 0 0 30px !important;
  padding: 5px !important;
  overflow-x: auto;
  border: 1px solid var(--admin-line) !important;
  border-radius: 8px !important;
  background: var(--admin-surface) !important;
  box-shadow: 0 7px 18px rgba(22, 48, 87, .06);
  scrollbar-width: thin;
}

body:has(.admin-nav) .admin-nav button {
  min-height: 38px;
  padding: 8px 14px !important;
  border-radius: 5px !important;
  color: var(--admin-muted) !important;
  white-space: nowrap;
}

body:has(.admin-nav) .admin-nav button:hover {
  background: #f0f5fd !important;
  color: var(--admin-primary) !important;
}

body:has(.admin-nav) .admin-nav button.active {
  background: var(--admin-primary-soft) !important;
  color: var(--admin-primary) !important;
  box-shadow: inset 0 -2px 0 var(--admin-primary);
}

body:has(.admin-nav) .section {
  margin-bottom: 30px !important;
  padding-top: 22px;
  border-top: 1px solid var(--admin-line);
}

body:has(.admin-nav) .admin-page > .section:first-child { padding-top: 0; border-top: 0; }

body:has(.admin-nav) .section-head {
  min-height: 38px;
  margin-bottom: 14px !important;
  gap: 12px;
}

body:has(.admin-nav) .section-head h2 {
  color: var(--admin-ink) !important;
  font-size: 18px !important;
  font-weight: 750 !important;
}

body:has(.admin-nav) .actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

body:has(.admin-nav) .btn {
  min-height: 38px;
  padding: 7px 12px !important;
  border-radius: 6px !important;
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease !important;
}

body:has(.admin-nav) .btn:active { transform: translateY(1px); }
body:has(.admin-nav) .btn-primary { background: var(--admin-primary) !important; color: #fff !important; }
body:has(.admin-nav) .btn-primary:hover { background: #095bc7 !important; }
body:has(.admin-nav) .btn-ghost { border-color: var(--admin-line) !important; background: var(--admin-surface) !important; color: #304461 !important; }
body:has(.admin-nav) .btn-ghost:hover { border-color: #94b9ef !important; background: #f4f8ff !important; color: var(--admin-primary) !important; }

body:has(.admin-nav) .stats-row,
body:has(.admin-nav) .source-summary,
body:has(.admin-nav) .health-grid {
  gap: 10px !important;
}

body:has(.admin-nav) .health-grid {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
  margin-bottom: 24px;
}

body:has(.admin-nav) .stat,
body:has(.admin-nav) .source-stat,
body:has(.admin-nav) .health-card {
  min-height: 104px;
  padding: 16px !important;
  border: 1px solid var(--admin-line) !important;
  border-radius: 8px !important;
  background: var(--admin-surface) !important;
  box-shadow: none !important;
}

body:has(.admin-nav) .health-card { display: flex; flex-direction: column; justify-content: center; }
body:has(.admin-nav) .stat .label,
body:has(.admin-nav) .source-stat .label,
body:has(.admin-nav) .health-card .label { color: var(--admin-muted) !important; font-size: 12px !important; font-weight: 650; }
body:has(.admin-nav) .stat .value,
body:has(.admin-nav) .source-stat .value,
body:has(.admin-nav) .health-card .value { margin-top: 7px; color: var(--admin-ink) !important; font-size: 18px !important; font-weight: 750 !important; font-variant-numeric: tabular-nums; }
body:has(.admin-nav) .source-stat .hint,
body:has(.admin-nav) .health-card .hint { color: var(--admin-muted) !important; font-size: 12px !important; line-height: 1.55; }
body:has(.admin-nav) .health-card.alert { border-color: #efb7c4 !important; background: var(--admin-danger-soft) !important; }
body:has(.admin-nav) .health-card.alert .value { color: var(--admin-danger) !important; }

body:has(.admin-nav) .pool-note {
  margin: -4px 0 12px;
  color: var(--admin-muted) !important;
  font-size: 12px;
  line-height: 1.65;
}

body:has(.admin-nav) .maintenance-panel,
body:has(.admin-nav) .account-details {
  border-color: var(--admin-line) !important;
  border-radius: 8px !important;
  background: var(--admin-surface) !important;
}

body:has(.admin-nav) .maintenance-panel summary,
body:has(.admin-nav) .account-details summary { color: var(--admin-ink) !important; font-weight: 750; }

body:has(.admin-nav) .user-table,
body:has(.admin-nav) .pool-table {
  width: 100%;
  border: 1px solid var(--admin-line);
  border-radius: 8px !important;
  border-spacing: 0;
  overflow: hidden;
  background: var(--admin-surface);
}

body:has(.admin-nav) .user-table th,
body:has(.admin-nav) .pool-table th {
  padding: 11px 12px;
  background: var(--admin-surface-muted) !important;
  color: var(--admin-muted) !important;
  font-size: 12px;
  font-weight: 700 !important;
  text-align: left;
  white-space: nowrap;
}

body:has(.admin-nav) .user-table td,
body:has(.admin-nav) .pool-table td { padding: 12px; color: #31415a !important; vertical-align: middle; }
body:has(.admin-nav) .user-table tbody tr,
body:has(.admin-nav) .pool-table tbody tr { transition: background-color .16s ease; }
body:has(.admin-nav) .user-table tbody tr:hover,
body:has(.admin-nav) .pool-table tbody tr:hover { background: #f7faff; }

body:has(.admin-nav) .badge { border-radius: 999px !important; font-size: 12px; font-weight: 700 !important; }
body:has(.admin-nav) .badge.on,
body:has(.admin-nav) .badge.ok { background: var(--admin-success-soft) !important; color: var(--admin-success) !important; }
body:has(.admin-nav) .badge.wait { background: var(--admin-warning-soft) !important; color: var(--admin-warning) !important; }
body:has(.admin-nav) .badge.off,
body:has(.admin-nav) .badge.fail { background: var(--admin-danger-soft) !important; color: var(--admin-danger) !important; }

/* 后台按日常操作分区：概览优先暴露风险，配置和账号池按需打开。 */
body:has(.admin-nav) .admin-page-title {
  display: flex;
  align-items: baseline;
  min-height: 32px;
  margin: 0 0 18px;
}

body:has(.admin-nav) .admin-page-title h2 {
  color: var(--admin-ink);
  font-size: 22px;
  font-weight: 760;
  line-height: 1.25;
}

body:has(.admin-nav) .admin-page-title + .section { padding-top: 0; border-top: 0; }
body:has(.admin-nav) [data-admin-page="overview"] .health-grid { margin-bottom: 28px; }
body:has(.admin-nav) [data-admin-page="scheduler"] .pool-note { max-width: 980px; }
body:has(.admin-nav) [data-admin-page="pools"] .section-head:not(:first-child) { padding-top: 22px; border-top: 1px solid var(--admin-line); }
body:has(.admin-nav) [data-admin-page="assets"] + [data-admin-page="assets"] { margin-top: 30px; }

@media (max-width: 760px) {
  body:has(.admin-nav) .container { padding: 18px 14px 40px !important; }
  body:has(.admin-nav) .admin-nav { top: 62px; margin-bottom: 22px !important; }
  body:has(.admin-nav) .section { margin-bottom: 24px !important; padding-top: 18px; }
  body:has(.admin-nav) .section-head { align-items: flex-start; flex-direction: column; }
  body:has(.admin-nav) .actions { width: 100%; }
  body:has(.admin-nav) .health-grid { grid-template-columns: 1fr !important; }
  body:has(.admin-nav) .admin-page-title { margin-bottom: 14px; }
  body:has(.admin-nav) .admin-page-title h2 { font-size: 20px; }
  body:has(.admin-nav) .user-table,
  body:has(.admin-nav) .pool-table { display: block; overflow-x: auto; white-space: nowrap; }
  body:has(.admin-nav) .user-table th,
  body:has(.admin-nav) .pool-table th,
  body:has(.admin-nav) .user-table td,
  body:has(.admin-nav) .pool-table td { padding: 10px; }
}

/* 头图以下内容区使用纯白底，减少色块干扰。 */
html body:has(.design-reference-banner) { background: #fff !important; }
html body:has(.design-reference-banner) .container { background: #fff !important; }
html body:has(.design-reference-banner) .workflow-strip,
html body:has(.design-reference-banner) .site-group .site-card,
html body:has(.design-reference-banner) .support-card { background-color: #fff !important; }

/* 导航购买入口：紧跟在“激活码”右侧，首屏购买入口隐藏以免重复。 */
html body:has(.design-reference-banner) .topbar .nav-purchase-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 7px 13px !important;
  border: 1px solid #e6a68c !important;
  border-radius: 999px !important;
  background: #fff5ed !important;
  color: #b85f46 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
html body:has(.design-reference-banner) .topbar .nav-purchase-link:hover { background: #ed785e !important; color: #fff !important; }
html body:has(.design-reference-banner) .hero-actions-row .purchase-link { display: none !important; }
html body:has(.design-reference-banner) .hero-actions-row { justify-content: center !important; }
html body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex: 0 0 260px !important; width: 260px !important; max-width: 260px !important; }
html body:has(.design-reference-banner) .workflow-strip { border-top: 0 !important; }
html body:has(.design-reference-banner) .site-group-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
html body:has(.design-reference-banner) .workflow-strip-list .workflow-step:not(:last-child)::after {
  left: calc(100% - 1px) !important;
  width: 12px !important;
  transform: none !important;
  background: #d9e3df !important;
}
@media (max-width: 980px) {
  html body:has(.design-reference-banner) .site-group-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 760px) {
  html body:has(.design-reference-banner) .site-group-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  html body:has(.design-reference-banner) .topbar .nav-purchase-link { min-height: 34px !important; padding: 6px 10px !important; font-size: 12px !important; }
  html body:has(.design-reference-banner) .site-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  html body:has(.design-reference-banner) .workflow-strip-list .workflow-step:not(:last-child)::after {
    left: 13px !important;
    width: 1px !important;
    height: 13px !important;
    transform: none !important;
  }
}

/* 导航品牌图标最终覆盖，置于主题文件末尾以压过旧版 S 图标规则。 */
html body:has(.design-reference-banner) .topbar h1::before { display: none !important; content: none !important; }
html body:has(.design-reference-banner) .topbar h1 .brand-logo { display: block !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; object-fit: contain !important; border-radius: 7px !important; }

/* 品牌标识：使用提供的拾光渐变图标替换默认字母方块。 */
html body:has(.design-reference-banner) .topbar h1::before { display: none !important; }
html body:has(.design-reference-banner) .topbar h1 .brand-logo {
  display: block !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 7px !important;
}
html body:has(.design-reference-banner) .topbar h1 { gap: 9px !important; }

/* 末尾覆盖：以截图反馈为准收窄搜索框并放松流程、站点文字。 */
html body:has(.design-reference-banner) .hero-input-row { min-height: 58px !important; grid-template-columns: minmax(0, 1fr) 168px !important; padding: 4px !important; }
html body:has(.design-reference-banner) .hero-input-row .url-input,
html body:has(.design-reference-banner) .hero-input-row .btn { min-height: 48px !important; line-height: 1.3 !important; }
html body:has(.design-reference-banner) .site-group .site-card p { line-height: 1.85 !important; }
html body:has(.design-reference-banner) .workflow-strip { max-width: 920px !important; margin-top: 26px !important; padding: 15px 18px !important; border-top-color: transparent !important; border-radius: 0 0 12px 12px !important; }
html body:has(.design-reference-banner) .workflow-strip-list .workflow-step { min-height: 46px !important; gap: 8px !important; }
html body:has(.design-reference-banner) .workflow-strip-list .workflow-step strong { line-height: 1.45 !important; }
html body:has(.design-reference-banner) .workflow-strip-list .workflow-step small { margin-top: 2px !important; line-height: 1.5 !important; }
body:has(.design-reference-banner) .hero-download-panel { width: min(920px, calc(100vw - 48px)) !important; border-radius: 13px !important; }
body:has(.design-reference-banner) .hero-input-row { min-height: 58px !important; padding: 4px !important; grid-template-columns: minmax(0, 1fr) 168px !important; border-width: 1px !important; }
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn { min-height: 48px !important; line-height: 1.3 !important; }
body:has(.design-reference-banner) .hero-input-row .url-input { padding: 10px 20px !important; }
body:has(.design-reference-banner) .hero-input-row .btn { font-size: 15px !important; }
body:has(.design-reference-banner) .site-group .site-card p { line-height: 1.85 !important; }
body:has(.design-reference-banner) .site-group .site-card .quota { margin-top: 2px !important; line-height: 1.55 !important; }
body:has(.design-reference-banner) .workflow-strip { max-width: 920px !important; margin-top: 26px !important; padding: 15px 18px !important; border: 1px solid #e5e7eb !important; border-top-color: transparent !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 6px 16px rgba(17, 24, 39, .045) !important; }
body:has(.design-reference-banner) .workflow-strip-heading { flex-basis: 132px !important; padding-left: 2px !important; }
body:has(.design-reference-banner) .workflow-strip-heading span { font-size: 11px !important; line-height: 1.35 !important; }
body:has(.design-reference-banner) .workflow-strip-heading strong { margin-top: 5px !important; font-size: 14px !important; line-height: 1.45 !important; }
body:has(.design-reference-banner) .workflow-strip-list { column-gap: 10px !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step { min-height: 46px !important; gap: 8px !important; padding: 2px 0 !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step:not(:last-child)::after { top: 23px !important; left: 13px !important; width: calc(100% + 4px) !important; background: #d9e3df !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step strong { font-size: 12px !important; line-height: 1.45 !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step small { margin-top: 2px !important; font-size: 11px !important; line-height: 1.5 !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 54px !important; grid-template-columns: minmax(0, 1fr) 104px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 42px !important; }
  body:has(.design-reference-banner) .workflow-strip { margin-top: 20px !important; padding: 13px !important; border-top-color: transparent !important; }
}

/* 最终收尾：额度文字回到正常文流，流程条顶部不再出现分隔线。 */
html body:has(.design-reference-banner) .site-group .site-card .quota {
  position: static !important;
  display: block !important;
  margin-top: 3px !important;
  line-height: 1.5 !important;
}
html body:has(.design-reference-banner) .site-group .site-card p {
  margin-bottom: 0 !important;
  line-height: 1.75 !important;
}
html body:has(.design-reference-banner) .workflow-strip {
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
}

/* 最终微调：搜索框更薄，站点说明更松，流程条不再强调顶部边界。 */
body:has(.design-reference-banner) .hero-download-panel { width: min(920px, calc(100vw - 48px)) !important; border-radius: 13px !important; }
body:has(.design-reference-banner) .hero-input-row { min-height: 58px !important; padding: 4px !important; grid-template-columns: minmax(0, 1fr) 168px !important; border-width: 1px !important; }
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn { min-height: 48px !important; line-height: 1.3 !important; }
body:has(.design-reference-banner) .hero-input-row .url-input { padding: 10px 20px !important; }
body:has(.design-reference-banner) .hero-input-row .btn { font-size: 15px !important; }
body:has(.design-reference-banner) .site-group .site-card p { line-height: 1.85 !important; }
body:has(.design-reference-banner) .site-group .site-card .quota { margin-top: 2px !important; line-height: 1.55 !important; }
body:has(.design-reference-banner) .workflow-strip { max-width: 920px !important; margin-top: 26px !important; padding: 15px 18px !important; border: 1px solid #e5e7eb !important; border-top-color: transparent !important; border-radius: 0 0 12px 12px !important; box-shadow: 0 6px 16px rgba(17, 24, 39, .045) !important; }
body:has(.design-reference-banner) .workflow-strip-heading { flex-basis: 132px !important; padding-left: 2px !important; }
body:has(.design-reference-banner) .workflow-strip-heading span { font-size: 11px !important; line-height: 1.35 !important; }
body:has(.design-reference-banner) .workflow-strip-heading strong { margin-top: 5px !important; font-size: 14px !important; line-height: 1.45 !important; }
body:has(.design-reference-banner) .workflow-strip-list { column-gap: 10px !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step { min-height: 46px !important; gap: 8px !important; padding: 2px 0 !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step:not(:last-child)::after { top: 23px !important; left: 13px !important; width: calc(100% + 4px) !important; background: #d9e3df !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step strong { font-size: 12px !important; line-height: 1.45 !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step small { margin-top: 2px !important; font-size: 11px !important; line-height: 1.5 !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 54px !important; grid-template-columns: minmax(0, 1fr) 104px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 42px !important; }
  body:has(.design-reference-banner) .workflow-strip { margin-top: 20px !important; padding: 13px !important; border-top-color: transparent !important; }
}

/* 下载页微调：搜索栏降低高度，站点说明增加行距，流程条改为更轻的排版。 */
body:has(.design-reference-banner) .hero-download-panel {
  width: min(920px, calc(100vw - 48px)) !important;
  border-radius: 13px !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 58px !important;
  padding: 4px !important;
  grid-template-columns: minmax(0, 1fr) 168px !important;
  border-width: 1px !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn {
  min-height: 48px !important;
  line-height: 1.3 !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input { padding: 10px 20px !important; }
body:has(.design-reference-banner) .hero-input-row .btn { font-size: 15px !important; }
body:has(.design-reference-banner) .site-group .site-card p {
  line-height: 1.85 !important;
}
body:has(.design-reference-banner) .site-group .site-card .quota {
  margin-top: 2px !important;
  line-height: 1.55 !important;
}
body:has(.design-reference-banner) .workflow-strip {
  position: relative !important;
  max-width: 920px !important;
  margin-top: 26px !important;
  padding: 15px 18px !important;
  border: 1px solid #e5e7eb !important;
  border-top-color: transparent !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 6px 16px rgba(17, 24, 39, .045) !important;
}
body:has(.design-reference-banner) .workflow-strip-heading {
  flex-basis: 132px !important;
  padding-left: 2px !important;
}
body:has(.design-reference-banner) .workflow-strip-heading span {
  font-size: 11px !important;
  line-height: 1.35 !important;
}
body:has(.design-reference-banner) .workflow-strip-heading strong {
  margin-top: 5px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
body:has(.design-reference-banner) .workflow-strip-list { column-gap: 10px !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step {
  min-height: 46px !important;
  gap: 8px !important;
  padding: 2px 0 !important;
}
body:has(.design-reference-banner) .workflow-strip-list .workflow-step:not(:last-child)::after {
  top: 23px !important;
  left: 13px !important;
  width: calc(100% + 4px) !important;
  background: #d9e3df !important;
}
body:has(.design-reference-banner) .workflow-strip-list .workflow-step strong {
  font-size: 12px !important;
  line-height: 1.45 !important;
}
body:has(.design-reference-banner) .workflow-strip-list .workflow-step small {
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row {
    min-height: 54px !important;
    grid-template-columns: minmax(0, 1fr) 104px !important;
  }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 42px !important; }
  body:has(.design-reference-banner) .workflow-strip {
    margin-top: 20px !important;
    padding: 13px !important;
    border-top-color: transparent !important;
  }
}

/* 轻量专业排版：参考容库 API 的字号、间距、线条和留白，不改变业务结构。 */
:root { --canvas: #f7f8fa; --surface: #fff; --ink: #17191c; --ink-soft: #4b5563; --muted: #737b87; --line: #e5e7eb; --line-strong: #d1d5db; --primary: #2563eb; --shadow: 0 8px 24px rgba(17,24,39,.05); }
body { background: var(--canvas) !important; color: var(--ink) !important; font-size: 14px !important; line-height: 1.55 !important; }
.topbar { min-height: 60px !important; padding: 0 28px !important; border-bottom: 1px solid var(--line) !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 1px 0 rgba(17,24,39,.02) !important; }
.topbar h1 { font-size: 15px !important; font-weight: 650 !important; }
.topbar .user-info { gap: 10px !important; font-size: 13px !important; }
.topbar a, .topbar button { font-size: 13px !important; font-weight: 500 !important; }
.container { max-width: 1180px !important; padding: 32px 28px 56px !important; }
.download-panel, .result-card, .support-card, .site-card, .workflow-strip { border: 1px solid var(--line) !important; box-shadow: var(--shadow) !important; }
.download-panel { padding: 24px !important; border-radius: 14px !important; }
.result-card { padding: 22px !important; border-radius: 14px !important; }
.site-section { margin-top: 40px !important; }
.site-section-head { margin-bottom: 18px !important; }
.site-section-head h3 { font-size: 18px !important; font-weight: 650 !important; }
.site-section-head p { margin-top: 7px !important; font-size: 13px !important; color: var(--muted) !important; }
.site-grid { gap: 14px !important; }
.site-card { min-height: 132px !important; padding: 18px !important; border-radius: 12px !important; }
.site-card h3 { font-size: 15px !important; font-weight: 600 !important; }
.site-card p { font-size: 13px !important; line-height: 1.6 !important; }
.site-card .quota { font-size: 12px !important; }
.workflow-strip { margin-top: 38px !important; padding: 20px 22px !important; border-radius: 14px !important; background: var(--surface) !important; }
.workflow-strip-heading strong { font-size: 15px !important; font-weight: 600 !important; }
.workflow-strip-heading span { font-size: 13px !important; color: var(--muted) !important; }
.workflow-strip-list { gap: 18px !important; }
.workflow-strip-list .workflow-step { min-height: 52px !important; padding: 10px 12px !important; border: 1px solid var(--line) !important; border-radius: 10px !important; background: #fff !important; }
.workflow-strip-list .workflow-step strong { font-size: 13px !important; font-weight: 600 !important; }
.workflow-strip-list .workflow-step small { font-size: 12px !important; color: var(--muted) !important; }
.support-card { margin-top: 36px !important; padding: 18px !important; border-radius: 14px !important; background: var(--surface) !important; }
.support-card p { color: var(--ink-soft) !important; font-size: 13px !important; line-height: 1.75 !important; }
.url-input { font-size: 14px !important; border-color: var(--line-strong) !important; }
.hero-input-row { border-color: var(--line) !important; box-shadow: 0 6px 18px rgba(17,24,39,.04) !important; }
.btn { font-size: 14px !important; font-weight: 600 !important; }

/* 下载页最终覆盖（置于文件末尾，确保不被旧规则覆盖）。 */
body:has(.design-reference-banner) .design-hero { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-top: -26px !important; height: clamp(320px, 31.94vw, 600px) !important; min-height: 0 !important; padding: 0 !important; }
body:has(.design-reference-banner) .design-hero-copy { width: 100% !important; max-width: none !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 88px 24px 28px !important; justify-content: flex-start !important; }
body:has(.design-reference-banner) .design-reference-banner { inset: 0 !important; width: 100vw !important; max-width: none !important; height: 100% !important; }
body:has(.design-reference-banner) .design-reference-banner img { width: 100% !important; height: 100% !important; object-fit: fill !important; object-position: center top !important; }
body:has(.design-reference-banner) .hero-download-panel { width: min(1440px, calc(100vw - 48px)) !important; max-width: none !important; }
body:has(.design-reference-banner) .hero-input-row { min-height: 78px !important; grid-template-columns: minmax(0, 1fr) 190px !important; }
body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 58px !important; }
body:has(.design-reference-banner) .hero-actions-row { width: min(1440px, calc(100vw - 48px)) !important; max-width: none !important; justify-content: center !important; gap: 16px !important; margin: 18px auto 0 !important; }
body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex: 0 0 260px !important; width: 260px !important; max-width: 260px !important; margin: 0 !important; }
body:has(.design-reference-banner) .hero-actions-row .purchase-link { flex: 0 0 auto !important; margin: 0 !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero { height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 22px !important; }
  body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
  body:has(.design-reference-banner) .hero-actions-row { gap: 10px !important; }
  body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex-basis: 180px !important; width: 180px !important; max-width: 180px !important; }
}

/* 最终覆盖：避免历史样式覆盖通屏头图和居中操作区。 */
body:has(.design-reference-banner) .design-hero { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-top: -26px !important; height: clamp(320px, 31.94vw, 600px) !important; min-height: 0 !important; padding: 0 !important; }
body:has(.design-reference-banner) .design-hero-copy { width: 100% !important; max-width: none !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 88px 24px 28px !important; justify-content: flex-start !important; }
body:has(.design-reference-banner) .design-reference-banner { inset: 0 !important; width: 100vw !important; max-width: none !important; height: 100% !important; }
body:has(.design-reference-banner) .design-reference-banner img { width: 100% !important; height: 100% !important; object-fit: fill !important; object-position: center top !important; }
body:has(.design-reference-banner) .hero-download-panel { width: min(1440px, calc(100vw - 48px)) !important; max-width: none !important; }
body:has(.design-reference-banner) .hero-input-row { min-height: 78px !important; grid-template-columns: minmax(0, 1fr) 190px !important; }
body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 58px !important; }
body:has(.design-reference-banner) .hero-actions-row { width: min(1440px, calc(100vw - 48px)) !important; max-width: none !important; justify-content: center !important; gap: 16px !important; margin: 18px auto 0 !important; }
body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex: 0 0 260px !important; width: 260px !important; max-width: 260px !important; margin: 0 !important; }
body:has(.design-reference-banner) .hero-actions-row .purchase-link { flex: 0 0 auto !important; margin: 0 !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero { height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 22px !important; }
  body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
  body:has(.design-reference-banner) .hero-actions-row { gap: 10px !important; }
  body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex-basis: 180px !important; width: 180px !important; max-width: 180px !important; }
}

/* 修正下载页最新布局，必须覆盖前面的历史规则。 */
body:has(.design-reference-banner) .design-hero {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-top: -26px !important;
  height: clamp(320px, 31.94vw, 600px) !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 88px 24px 28px !important;
  justify-content: flex-start !important;
}
body:has(.design-reference-banner) .design-reference-banner {
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  object-position: center top !important;
}
body:has(.design-reference-banner) .hero-download-panel {
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: none !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 78px !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn { min-height: 58px !important; }
body:has(.design-reference-banner) .hero-actions-row {
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: none !important;
  justify-content: center !important;
  gap: 16px !important;
  margin: 18px auto 0 !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
}
body:has(.design-reference-banner) .hero-actions-row .purchase-link {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero { height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 22px !important; }
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
  body:has(.design-reference-banner) .hero-actions-row { gap: 10px !important; }
  body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex-basis: 180px !important; width: 180px !important; max-width: 180px !important; }
}

/* 下载页首屏最终整理：头图完整显示，概况与购买入口居中同排。 */
body:has(.design-reference-banner) .design-hero {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-top: -26px !important;
  height: clamp(320px, 31.94vw, 600px) !important;
  min-height: 0 !important;
  padding: 0 !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 88px 24px 28px !important;
  justify-content: flex-start !important;
}
body:has(.design-reference-banner) .design-reference-banner {
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 100% !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
  object-position: center top !important;
}
body:has(.design-reference-banner) .hero-download-panel,
body:has(.design-reference-banner) .hero-actions-row {
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: none !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 78px !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn {
  min-height: 58px !important;
}
body:has(.design-reference-banner) .hero-actions-row {
  justify-content: center !important;
  gap: 16px !important;
  margin-top: 18px !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics {
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
}
body:has(.design-reference-banner) .hero-actions-row .purchase-link {
  flex: 0 0 auto !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero { height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 22px !important; }
  body:has(.design-reference-banner) .design-reference-banner { height: 100% !important; }
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
  body:has(.design-reference-banner) .hero-actions-row { gap: 10px !important; }
  body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex-basis: 180px !important; width: 180px !important; max-width: 180px !important; }
}

/* 下载页通屏修正 */
body:has(.design-reference-banner) .design-hero {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-top: -26px !important;
  min-height: 500px !important;
  padding: 0 !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  width: 100% !important;
  max-width: none !important;
  min-height: 500px !important;
  margin: 0 !important;
  padding: 96px 24px 42px !important;
}
body:has(.design-reference-banner) .design-reference-banner {
  inset: 0 !important;
  width: 100vw !important;
  max-width: none !important;
  height: 500px !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
}
body:has(.design-reference-banner) .hero-download-panel,
body:has(.design-reference-banner) .hero-actions-row {
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: none !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 78px !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn {
  min-height: 58px !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero,
  body:has(.design-reference-banner) .design-hero-copy { min-height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 28px !important; }
  body:has(.design-reference-banner) .design-reference-banner { height: 430px !important; }
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
}

/* 下载页通屏修正：背景图脱离内容窄列，搜索栏使用独立宽度。 */
body:has(.design-reference-banner) .design-hero {
  min-height: 500px !important;
  margin-top: -26px !important;
  padding-top: 0 !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  width: 100% !important;
  max-width: none !important;
  min-height: 500px !important;
  padding: 96px 24px 42px !important;
}
body:has(.design-reference-banner) .design-reference-banner {
  top: 0 !important;
  left: calc(50% - 50vw) !important;
  width: 100vw !important;
  max-width: none !important;
  height: 500px !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  object-fit: cover !important;
  object-position: center top !important;
}
body:has(.design-reference-banner) .hero-download-panel,
body:has(.design-reference-banner) .hero-actions-row {
  width: min(1440px, calc(100vw - 48px)) !important;
  max-width: none !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 78px !important;
  grid-template-columns: minmax(0, 1fr) 190px !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn {
  min-height: 58px !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero,
  body:has(.design-reference-banner) .design-hero-copy { min-height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 28px !important; }
  body:has(.design-reference-banner) .design-reference-banner { height: 430px !important; }
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
}

/* 桌面端头图完整铺满视口，搜索栏使用更宽的工作区；移动端保留安全边距。 */
@media (min-width: 621px) {
  body:has(.design-reference-banner) .design-hero {
    min-height: min(920px, 31.9445vw) !important;
    height: min(920px, 31.9445vw) !important;
  }
  body:has(.design-reference-banner) .design-hero-copy {
    width: min(1160px, calc(100% - 40px)) !important;
    min-height: min(920px, 31.9445vw) !important;
  }
  body:has(.design-reference-banner) .design-reference-banner img {
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    object-fit: contain !important;
    object-position: center top !important;
  }
  body:has(.design-reference-banner) .hero-download-panel {
    width: min(1080px, calc(100vw - 40px)) !important;
    max-width: none !important;
  }
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero {
    width: 100% !important;
    margin-left: 0 !important;
    height: auto !important;
    min-height: 420px !important;
  }
  body:has(.design-reference-banner) .design-hero-copy {
    width: calc(100% - 28px) !important;
    min-height: 420px !important;
  }
  body:has(.design-reference-banner) .hero-download-panel {
    width: 100% !important;
    max-width: none !important;
  }
}

/* 下载页背景图最终覆盖，确保搜索框位于图层上方且图片横向铺满。 */
body:has(.design-reference-banner) .design-hero { position: relative !important; width: 100vw !important; max-width: none !important; min-height: 430px !important; margin-left: calc(50% - 50vw) !important; overflow: hidden !important; background: #fff1c8 !important; }
body:has(.design-reference-banner) .design-hero-copy { position: relative !important; z-index: 1 !important; width: 100% !important; max-width: none !important; min-height: 430px !important; margin: 0 !important; padding: 74px 24px 28px !important; }
body:has(.design-reference-banner) .design-reference-banner { position: absolute !important; z-index: 0 !important; inset: 0 !important; width: 100vw !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff1c8 !important; box-shadow: none !important; }
body:has(.design-reference-banner) .design-reference-banner img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: fill !important; object-position: center top !important; }
body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { position: relative !important; z-index: 2 !important; width: min(1440px, calc(100vw - 48px)) !important; max-width: none !important; }
body:has(.design-reference-banner) .hero-input-row { min-height: 78px !important; grid-template-columns: minmax(0, 1fr) 190px !important; }
body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 58px !important; }
body:has(.design-reference-banner) .hero-actions-row { justify-content: center !important; gap: 16px !important; margin: 18px auto 0 !important; }
body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex: 0 0 260px !important; width: 260px !important; max-width: 260px !important; margin: 0 !important; }
body:has(.design-reference-banner) .hero-actions-row .purchase-link { flex: 0 0 auto !important; margin: 0 !important; }
body:has(.design-reference-banner) .hero-download-panel { background: rgba(255, 255, 255, .88) !important; box-shadow: 0 18px 36px rgba(135, 78, 31, .2) !important; }
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div { background: rgba(255, 255, 255, .84) !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero, body:has(.design-reference-banner) .design-hero-copy { min-height: 430px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 70px 14px 22px !important; }
  body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 60px !important; grid-template-columns: minmax(0, 1fr) 112px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input, body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
  body:has(.design-reference-banner) .hero-actions-row { gap: 10px !important; }
  body:has(.design-reference-banner) .hero-actions-row .hero-metrics { flex-basis: 180px !important; width: 180px !important; max-width: 180px !important; }
}

/* 下载页背景图最终覆盖，必须放在文件末尾以压过旧版卡片布局。 */
body:has(.design-reference-banner) .design-hero {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 430px !important;
  margin-left: calc(50% - 50vw) !important;
  overflow: hidden !important;
  background: #fff1c8 !important;
}
body:has(.design-reference-banner) { overflow-x: hidden !important; }
body:has(.design-reference-banner) .design-hero-copy {
  position: relative !important;
  z-index: 1 !important;
  width: min(1160px, calc(100% - 48px)) !important;
  min-height: 430px !important;
  margin: 0 auto !important;
  padding: 74px 0 38px !important;
}
body:has(.design-reference-banner) .design-reference-banner {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff1c8 !important;
  box-shadow: none !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}
body:has(.design-reference-banner) .hero-download-panel,
body:has(.design-reference-banner) .hero-actions-row { position: relative !important; z-index: 2 !important; }
body:has(.design-reference-banner) .hero-download-panel {
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 18px 36px rgba(135, 78, 31, .2) !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div { background: rgba(255, 255, 255, .84) !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero,
  body:has(.design-reference-banner) .design-hero-copy { min-height: 420px !important; }
  body:has(.design-reference-banner) .design-hero-copy { width: calc(100% - 28px) !important; padding: 54px 0 24px !important; }
}

/* 参考容库 API 的排版校准：统一字号、间距和边界，避免历史规则叠加后出现跳动。 */
body:has(.design-reference-banner) {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body:has(.design-reference-banner) .topbar {
  min-height: 60px !important;
  padding: 0 28px !important;
  border-bottom: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 0 rgba(17, 24, 39, .02) !important;
}
body:has(.design-reference-banner) .design-hero {
  min-height: clamp(300px, 28vw, 430px) !important;
  height: clamp(300px, 28vw, 430px) !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  min-height: inherit !important;
  padding: 64px 24px 24px !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  object-fit: cover !important;
  object-position: center center !important;
}
body:has(.design-reference-banner) .hero-download-panel {
  width: min(960px, calc(100vw - 48px)) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, .10) !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 66px !important;
  border-width: 1px !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .05) !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn {
  min-height: 52px !important;
  font-size: 15px !important;
}
body:has(.design-reference-banner) .hero-actions-row {
  width: min(960px, calc(100vw - 48px)) !important;
  gap: 12px !important;
  margin-top: 14px !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div,
body:has(.design-reference-banner) .hero-actions-row .purchase-link {
  border-radius: 12px !important;
  box-shadow: 0 6px 16px rgba(17, 24, 39, .07) !important;
}
body:has(.design-reference-banner) .workflow-strip {
  max-width: 960px !important;
  margin-top: 28px !important;
  padding: 14px 18px !important;
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(17, 24, 39, .05) !important;
}
body:has(.design-reference-banner) .workflow-strip-heading strong { font-size: 14px !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step strong { font-size: 12px !important; }
body:has(.design-reference-banner) .workflow-strip-list .workflow-step small { font-size: 11px !important; }
body:has(.design-reference-banner) .site-group + .site-group { margin-top: 34px !important; }
body:has(.design-reference-banner) .site-group-title { margin-bottom: 9px !important; }
body:has(.design-reference-banner) .site-group-title strong { font-size: 15px !important; }
body:has(.design-reference-banner) .site-group-title span { font-size: 12px !important; }
body:has(.design-reference-banner) .site-group-grid { gap: 12px !important; }
body:has(.design-reference-banner) .site-group .site-card {
  min-height: 118px !important;
  padding: 16px !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(17, 24, 39, .045) !important;
}
body:has(.design-reference-banner) .site-group .site-card h3 {
  margin-top: 8px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}
body:has(.design-reference-banner) .site-group .site-card p {
  font-size: 12px !important;
  line-height: 1.55 !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .topbar { padding: 0 14px !important; }
  body:has(.design-reference-banner) .design-hero,
  body:has(.design-reference-banner) .design-hero-copy { min-height: 360px !important; height: 360px !important; }
  body:has(.design-reference-banner) .design-hero-copy { padding: 54px 14px 20px !important; }
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row { min-height: 58px !important; }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; font-size: 14px !important; }
  body:has(.design-reference-banner) .workflow-strip { margin-top: 22px !important; padding: 13px !important; }
}

/* 细节校准：收敛搜索栏比例，统一图标尺寸与文本节奏。 */
body:has(.design-reference-banner) .hero-download-panel {
  width: min(920px, calc(100vw - 48px)) !important;
}
body:has(.design-reference-banner) .hero-input-row {
  min-height: 64px !important;
  padding: 5px !important;
  grid-template-columns: minmax(0, 1fr) 176px !important;
}
body:has(.design-reference-banner) .hero-input-row .url-input,
body:has(.design-reference-banner) .hero-input-row .btn {
  min-height: 52px !important;
  line-height: 1.35 !important;
}
body:has(.design-reference-banner) .hero-input-row .btn { font-weight: 700 !important; }
body:has(.design-reference-banner) .hero-actions-row {
  width: min(920px, calc(100vw - 48px)) !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div::before,
body:has(.design-reference-banner) .hero-actions-row .purchase-link::before {
  width: 26px !important;
  height: 26px !important;
  flex-basis: 26px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics strong {
  font-size: 20px !important;
  line-height: 1.1 !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics span,
body:has(.design-reference-banner) .hero-actions-row .purchase-link {
  line-height: 1.35 !important;
}
body:has(.design-reference-banner) .workflow-strip-list .workflow-step > span {
  width: 26px !important;
  height: 26px !important;
  flex-basis: 26px !important;
  font-size: 12px !important;
}
body:has(.design-reference-banner) .workflow-strip-list .workflow-step strong {
  line-height: 1.35 !important;
}
body:has(.design-reference-banner) .workflow-strip-list .workflow-step small {
  line-height: 1.45 !important;
}
body:has(.design-reference-banner) .site-group-title {
  line-height: 1.4 !important;
}
body:has(.design-reference-banner) .site-group .site-card p {
  line-height: 1.5 !important;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .hero-download-panel,
  body:has(.design-reference-banner) .hero-actions-row { width: calc(100vw - 28px) !important; }
  body:has(.design-reference-banner) .hero-input-row {
    min-height: 56px !important;
    grid-template-columns: minmax(0, 1fr) 108px !important;
  }
  body:has(.design-reference-banner) .hero-input-row .url-input,
  body:has(.design-reference-banner) .hero-input-row .btn { min-height: 44px !important; }
}

/* 参考图作为搜索区背景：全视口铺满，搜索框悬浮在图层之上。 */
body:has(.design-reference-banner) .design-hero {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 430px !important;
  margin-left: calc(50% - 50vw) !important;
  overflow: hidden !important;
  background: #fff1c8 !important;
}
body:has(.design-reference-banner) .design-hero-copy {
  position: relative !important;
  z-index: 1 !important;
  width: min(1160px, calc(100% - 48px)) !important;
  min-height: 430px !important;
  margin: 0 auto !important;
  padding: 74px 0 38px !important;
}
body:has(.design-reference-banner) .design-reference-banner {
  position: absolute !important;
  z-index: 0 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff1c8 !important;
  box-shadow: none !important;
}
body:has(.design-reference-banner) .design-reference-banner img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center !important;
}
body:has(.design-reference-banner) .hero-download-panel,
body:has(.design-reference-banner) .hero-actions-row { position: relative; z-index: 2; }
body:has(.design-reference-banner) .hero-download-panel {
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 18px 36px rgba(135, 78, 31, .2) !important;
}
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div { background: rgba(255, 255, 255, .84) !important; }
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-hero,
  body:has(.design-reference-banner) .design-hero-copy { min-height: 420px !important; }
  body:has(.design-reference-banner) .design-hero-copy { width: calc(100% - 28px) !important; padding: 54px 0 24px !important; }
}

/* 设计头图：保持原始宽高比，作为搜索后的视觉锚点。 */
body:has(.design-reference-banner) .design-reference-banner {
  width: min(1080px, 100%);
  margin: 22px auto 0;
  overflow: hidden;
  border: 1px solid #e6d7bd;
  border-radius: 18px;
  background: #fff6d8;
  box-shadow: 0 14px 30px rgba(141, 102, 55, .12);
}
body:has(.design-reference-banner) .design-reference-banner img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2880 / 920;
  object-fit: contain;
}
@media (max-width: 620px) {
  body:has(.design-reference-banner) .design-reference-banner { margin-top: 16px; border-radius: 12px; }
}

/* 登录页：以素材纸张和色块构成轻量动效背景，表单仍保持正中和可读。 */
body:has(.login-stage) {
  min-height: 100vh;
  overflow: hidden;
  background: #fffaf2 !important;
}
.login-stage {
  position: relative;
  width: min(1180px, calc(100% - 48px));
  min-height: min(720px, calc(100vh - 48px));
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #eadfcd;
  border-radius: 28px;
  background: #fffdf9;
  box-shadow: 0 24px 70px rgba(126, 91, 45, .12);
  isolation: isolate;
}
.login-stage::before,
.login-stage::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  border-radius: 48% 52% 60% 40%;
  opacity: .85;
  animation: login-drift 13s ease-in-out infinite alternate;
}
.login-stage::before { width: 430px; height: 260px; left: -110px; top: -55px; background: #ffe59e; transform: rotate(-15deg); }
.login-stage::after { width: 520px; height: 300px; right: -155px; bottom: -105px; background: #ffc3a5; transform: rotate(18deg); animation-delay: -4s; }
.login-art { position: absolute; inset: 0; pointer-events: none; z-index: -1; }
.login-art span { position: absolute; display: block; border: 2px solid #f2a35f; opacity: .58; animation: login-float 10s ease-in-out infinite; }
.login-art .leaf-a { width: 84px; height: 38px; left: 11%; top: 23%; border-radius: 100% 0 100% 0; transform: rotate(28deg); }
.login-art .leaf-b { width: 120px; height: 52px; right: 12%; top: 19%; border-radius: 0 100% 0 100%; transform: rotate(-22deg); animation-delay: -3s; }
.login-art .line { width: 36%; height: 0; left: 16%; top: 72%; border-width: 1px 0 0; transform: rotate(-8deg); animation-delay: -6s; }
.login-art .dot { width: 16px; height: 16px; right: 26%; bottom: 25%; border: 0; border-radius: 50%; background: #f47a52; animation-delay: -1s; }
.login-box.login-card {
  width: min(420px, calc(100% - 40px));
  padding: 44px 42px 40px;
  border: 1px solid rgba(211, 180, 135, .5);
  border-radius: 22px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 22px 44px rgba(144, 105, 54, .14);
  backdrop-filter: blur(8px);
  animation: login-rise .65s ease-out both;
}
.login-card .logo { margin-bottom: 30px; text-align: left; }
.login-card .logo h1 { color: #243b3c; font-size: 28px; letter-spacing: .02em; }
.login-card .logo p { color: #8b8174; line-height: 1.7; }
.login-card .field { margin-bottom: 18px; }
.login-card .field label { color: #5c685f; margin-bottom: 8px; font-weight: 650; }
.login-card .field input { border-color: #e7dac7; background: #fffdf9; color: #243b3c; border-radius: 12px; min-height: 48px; }
.login-card .field input:focus { border-color: #ed785e; box-shadow: 0 0 0 4px rgba(237, 120, 94, .13); }
.login-card .field input::placeholder { color: #b2a79a; }
.login-card .btn { min-height: 50px; margin-top: 10px; border-radius: 999px; background: #ed785e; box-shadow: 0 10px 18px rgba(211, 100, 74, .22); }
.login-card .btn:hover { background: #d9634c; }
.login-card .error { color: #c85c48; min-height: 22px; }
@keyframes login-drift { from { transform: translate3d(0, 0, 0) rotate(-15deg); } to { transform: translate3d(22px, 18px, 0) rotate(-8deg); } }
@keyframes login-float { 0%, 100% { translate: 0 0; } 50% { translate: 8px -12px; } }
@keyframes login-rise { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) {
  .login-stage::before, .login-stage::after, .login-art span, .login-box.login-card { animation: none; }
}
@media (max-width: 620px) {
  .login-stage { width: calc(100% - 24px); min-height: calc(100vh - 24px); border-radius: 20px; }
  .login-box.login-card { padding: 32px 24px 28px; }
  .login-card .logo h1 { font-size: 24px; }
  .login-art .line { width: 58%; left: 7%; }
}

/* 搜索区与流程区分层，购买入口和站点概况保持同一行。 */
body:has(.design-hero) .hero-download-panel {
  max-width: 1080px !important;
  margin-top: 28px !important;
  margin-bottom: 0 !important;
}
body:has(.design-hero) .hero-input-row {
  min-height: 72px !important;
}
body:has(.design-hero) .hero-actions-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  max-width: 1080px;
  margin: 24px auto 0;
}
body:has(.design-hero) .hero-actions-row .hero-metrics {
  flex: 1 1 auto;
  max-width: none !important;
  margin: 0 !important;
}
body:has(.design-hero) .hero-actions-row .purchase-link {
  flex: 0 0 auto;
  margin: 0 !important;
  white-space: nowrap;
}
body:has(.design-hero) .workflow-strip {
  max-width: 900px;
  margin-top: 34px;
}
@media (max-width: 620px) {
  body:has(.design-hero) .hero-download-panel { margin-top: 20px !important; }
  body:has(.design-hero) .hero-input-row { min-height: 60px !important; }
  body:has(.design-hero) .hero-actions-row {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    margin-top: 18px;
  }
  body:has(.design-hero) .hero-actions-row .hero-metrics { width: 100%; }
  body:has(.design-hero) .hero-actions-row .purchase-link { align-self: flex-start; }
  body:has(.design-hero) .workflow-strip { margin-top: 24px; }
}

/* 下载页重构：输入区优先，流程信息作为辅助，不再使用装饰性插画。 */
body:has(.design-hero) {
  background: #eef5f5 !important;
}
body:has(.design-hero) .container {
  max-width: 1080px !important;
  padding-top: 34px !important;
}
body:has(.design-hero) .design-hero {
  grid-template-columns: minmax(0, 1fr) 300px !important;
  align-items: stretch !important;
  min-height: 0 !important;
  gap: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #c9dfe1 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 16px 34px rgba(20, 72, 81, .08) !important;
}
body:has(.design-hero) .design-hero-copy {
  justify-content: flex-start !important;
  padding: 48px 48px 44px !important;
}
body:has(.design-hero) .design-hero h2 {
  max-width: none !important;
  color: #153944 !important;
  font-size: 40px !important;
  line-height: 1.2 !important;
  letter-spacing: -1px !important;
}
body:has(.design-hero) .design-hero-intro {
  max-width: 500px !important;
  margin-top: 12px !important;
  color: #6a8189 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
body:has(.design-hero) .hero-metrics {
  max-width: 540px !important;
  margin-top: 25px !important;
}
body:has(.design-hero) .hero-metrics > div {
  min-height: 64px !important;
  border-radius: 6px !important;
  background: #f8fbfb !important;
}
body:has(.design-hero) .hero-download-panel {
  max-width: none !important;
  margin-top: 24px !important;
  padding: 17px !important;
  border: 1px solid #9dc6ca;
  border-left: 4px solid #087a9a;
  border-radius: 7px;
  background: #f5fbfb;
}
body:has(.design-hero) .hero-download-panel label {
  margin-bottom: 9px !important;
  color: #244d57 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
body:has(.design-hero) .hero-input-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 132px !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.design-hero) .hero-input-row .url-input {
  min-height: 58px !important;
  padding: 15px 16px !important;
  border: 2px solid #7ab2ba !important;
  border-radius: 6px !important;
  background: #ffffff !important;
  color: #193440 !important;
  font-size: 16px !important;
  box-shadow: 0 0 0 3px rgba(8, 122, 154, .08) !important;
}
body:has(.design-hero) .hero-input-row .url-input:focus {
  border-color: #087a9a !important;
  box-shadow: 0 0 0 4px rgba(8, 122, 154, .16) !important;
}
body:has(.design-hero) .hero-input-row .url-input::placeholder {
  color: #78929a !important;
}
body:has(.design-hero) .hero-input-row .btn {
  min-height: 58px !important;
  width: 100%;
  border-radius: 6px !important;
  font-size: 15px !important;
  box-shadow: 0 6px 12px rgba(8, 91, 111, .18);
}
body:has(.design-hero) .design-hero-visual {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100% !important;
  padding: 32px 26px !important;
  border: 0 !important;
  border-left: 1px solid #285861 !important;
  border-radius: 0 !important;
  background: #16454f !important;
  box-shadow: none !important;
  transform: none !important;
}
.workflow-heading { display: flex; flex-direction: column; gap: 7px; }
.workflow-kicker { color: #9cc8c8; font-size: 12px; font-weight: 700; }
.workflow-heading strong { color: #ffffff; font-size: 21px; line-height: 1.3; }
.workflow-list { display: grid; gap: 0; margin: 28px 0 0; padding: 0; list-style: none; }
.workflow-step { position: relative; display: flex; gap: 13px; min-height: 78px; color: #d5e8e8; }
.workflow-step:not(:last-child)::after { position: absolute; top: 29px; left: 13px; width: 1px; height: 49px; background: #47727a; content: ""; }
.workflow-step > span { position: relative; z-index: 1; display: grid; place-items: center; flex: 0 0 27px; width: 27px; height: 27px; border: 1px solid #67949a; border-radius: 50%; color: #d9eeee; font-size: 12px; font-weight: 800; background: #16454f; }
.workflow-step.active > span { border-color: #9dd6c8; color: #16454f; background: #9dd6c8; }
.workflow-step strong { display: block; color: #ffffff; font-size: 14px; line-height: 1.35; }
.workflow-step small { display: block; margin-top: 4px; color: #a9c7ca; font-size: 12px; line-height: 1.5; }
.workflow-note { padding-top: 17px; border-top: 1px solid #2a5b63; color: #a9c7ca; font-size: 12px; }
.workflow-note b { margin-left: 5px; color: #9dd6c8; }
body:has(.design-hero) .site-section { margin-top: 34px !important; }
body:has(.design-hero) .site-section-head h3 { font-size: 19px !important; }
body:has(.design-hero) .site-section-head p { color: #748990 !important; }
body:has(.design-hero) .site-card { background: #ffffff !important; }
body:has(.design-hero) .support-card { margin-top: 24px !important; }
@media (max-width: 820px) {
  body:has(.design-hero) .design-hero { grid-template-columns: 1fr !important; }
  body:has(.design-hero) .design-hero-copy { padding: 34px 30px 32px !important; }
  body:has(.design-hero) .design-hero-visual { min-height: 286px !important; padding: 27px 30px !important; border-top: 1px solid #285861 !important; border-left: 0 !important; }
  .workflow-list { margin-top: 22px; }
  .workflow-step { min-height: 66px; }
  .workflow-step:not(:last-child)::after { height: 37px; }
}
@media (max-width: 620px) {
  body:has(.design-hero) .container { padding-top: 20px !important; }
  body:has(.design-hero) .design-hero-copy { padding: 28px 18px 24px !important; }
  body:has(.design-hero) .design-hero h2 { font-size: 32px !important; letter-spacing: 0 !important; }
  body:has(.design-hero) .hero-download-panel { margin-top: 20px !important; padding: 13px !important; }
  body:has(.design-hero) .hero-input-row { grid-template-columns: 1fr !important; }
  body:has(.design-hero) .hero-input-row .btn { min-height: 50px !important; }
  body:has(.design-hero) .design-hero-visual { min-height: 260px !important; padding: 24px 20px !important; }
}

/* 统一工作台主题：把下载操作放在视觉中心，其他信息保持安静、易扫读。 */
:root {
  --canvas: #f3f7f8;
  --surface: #ffffff;
  --surface-soft: #f8fbfb;
  --ink: #193440;
  --ink-soft: #31505c;
  --muted: #6b828b;
  --line: #d9e5e7;
  --line-strong: #bdcfd3;
  --primary: #087a9a;
  --primary-hover: #05667f;
  --teal: #087a65;
  --teal-soft: #e5f5ef;
  --amber: #946200;
  --amber-soft: #fff4d9;
  --danger: #c24757;
  --danger-soft: #fff0f2;
  --shadow: 0 12px 28px rgba(33, 69, 78, .07);
}

body { letter-spacing: 0 !important; }
.topbar {
  min-height: 60px;
  padding: 0 max(22px, calc((100vw - 1240px) / 2)) !important;
  background: rgba(255, 255, 255, .92) !important;
}
.topbar h1 { font-size: 15px !important; }
.topbar h1::before,
.logo::before {
  display: grid;
  place-items: center;
  background: var(--primary) !important;
  box-shadow: none !important;
  color: #fff;
  content: "S" !important;
  font-family: Georgia, serif;
  font-size: 16px;
  font-weight: 700;
}
.topbar a { font-size: 13px !important; }
.topbar button { min-height: 32px; border-radius: 6px !important; }

body:has(.design-hero) .container { max-width: 1160px !important; }
.design-hero {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  min-height: 370px !important;
  gap: 36px !important;
  padding: 36px 38px !important;
  border-color: #cfe1e3 !important;
  border-radius: 8px !important;
  background-color: #fbfdfd !important;
  background-image: linear-gradient(90deg, rgba(8,122,154,.05) 1px, transparent 1px), linear-gradient(rgba(8,122,154,.05) 1px, transparent 1px) !important;
  background-size: 28px 28px !important;
}
.design-hero::before { display: none; }
.design-hero h2,
body:has(.design-hero) .design-hero h2 {
  max-width: 540px;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1.17 !important;
}
.design-hero h2 span { color: var(--primary) !important; }
.design-hero-intro,
body:has(.design-hero) .design-hero-intro {
  max-width: 470px;
  margin-top: 13px;
  color: var(--muted) !important;
  font-size: 14px;
}
.hero-metrics { max-width: 510px; gap: 8px !important; margin-top: 20px !important; }
.hero-metrics > div {
  min-height: 68px !important;
  padding: 10px 8px !important;
  border-color: var(--line) !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, .9) !important;
}
.hero-metrics strong { color: var(--primary) !important; font-size: 20px !important; }
.hero-metrics > div:nth-child(2) strong { color: var(--teal) !important; }
.hero-metrics > div:nth-child(3) strong { color: var(--amber) !important; font-size: 16px !important; }
.hero-download-panel { max-width: 550px; margin-top: 19px !important; }
.hero-download-panel label { color: var(--ink-soft) !important; }
.hero-input-row {
  gap: 7px;
  padding: 5px !important;
  border-color: #bcd3d7 !important;
  border-radius: 7px !important;
  box-shadow: 0 10px 20px rgba(23, 77, 89, .09) !important;
}
.hero-input-row .btn { flex-basis: 112px !important; border-radius: 5px !important; }
.btn-primary { background: var(--primary) !important; }
.btn-primary:hover { background: var(--primary-hover) !important; }
.design-hero-visual {
  min-height: 272px !important;
  padding: 8px !important;
  border-color: #d2e1e3 !important;
  border-radius: 8px !important;
  background: #1b4f5e !important;
  box-shadow: 0 16px 30px rgba(20, 65, 75, .16) !important;
  transform: none !important;
}
.visual-toolbar { background: #143e4b !important; }
.visual-board { height: 238px !important; background: linear-gradient(138deg, #14819b 0 38%, #edc96f 38% 64%, #178d79 64%) !important; }
.visual-sun { width: 130px !important; height: 130px !important; box-shadow: 0 0 42px rgba(255, 229, 134, .55) !important; }
.visual-float { border-radius: 6px !important; box-shadow: 0 9px 18px rgba(17, 60, 69, .18) !important; }
.visual-float strong { color: var(--primary) !important; }
.visual-float-right strong { color: var(--teal) !important; }

.site-section { margin-top: 30px !important; }
.site-section-head { align-items: center !important; margin-bottom: 12px !important; }
.site-section-head h3 { font-size: 18px !important; }
.site-grid { gap: 9px !important; }
.site-card {
  min-height: 112px !important;
  padding: 14px !important;
  border-radius: 7px !important;
}
.site-card::after { width: 7px; height: 7px; background: #b3c7c8 !important; }
.site-card:hover,
.site-card.active { border-color: var(--primary) !important; box-shadow: 0 7px 14px rgba(24, 80, 91, .08) !important; }
.site-card.active { background: #edf8fa !important; }
.site-card.active::after { background: var(--primary) !important; }
.site-card h3 { margin-bottom: 6px !important; }
.support-card { border-color: #b7ddd3 !important; background: #f0faf7 !important; }
.support-card p { color: #3c665f !important; }

body:has(.login-box) { background: #eef5f5 !important; }
body:has(.login-box)::before { height: 4px; background: var(--primary) !important; }
.login-box { border-radius: 8px !important; box-shadow: 0 22px 44px rgba(25, 69, 77, .12) !important; }
.logo::before { width: 36px !important; height: 36px !important; margin-bottom: 15px !important; border-radius: 7px !important; }
.logo h1 { font-size: 22px !important; }
.login-box .btn { border-radius: 6px !important; }

body:has(.site-list) .hero {
  padding: 4px 0 22px !important;
  border-bottom: 1px solid var(--line);
}
body:has(.site-list) .hero h2 { font-size: 26px !important; }
.card { border-radius: 7px !important; box-shadow: 0 8px 20px rgba(25, 67, 76, .05) !important; }
.site { border-radius: 6px !important; }

body:has(.intro) .container { padding-top: 30px !important; }
.intro { max-width: 680px; margin-bottom: 16px !important; line-height: 1.7; }
th { font-size: 12px !important; }
th, td { padding: 13px 15px !important; }

.admin-nav { position: sticky; top: 72px; z-index: 10; box-shadow: 0 8px 18px rgba(22, 62, 70, .05); }
.admin-nav button { min-height: 36px; }
.section { margin-bottom: 28px !important; }
.section-head h2 { font-size: 17px !important; }
.source-stat { min-height: 94px; }
.user-table, .pool-table { border-radius: 7px !important; }
.log-item { border-radius: 7px !important; }

@media (max-width: 820px) {
  .design-hero { grid-template-columns: 1fr !important; padding: 30px 26px !important; }
  .design-hero-visual { width: 100% !important; margin: 0 !important; }
}
@media (max-width: 620px) {
  .topbar { padding: 0 14px !important; }
  .design-hero { gap: 24px !important; padding: 25px 18px !important; }
  .design-hero h2,
  body:has(.design-hero) .design-hero h2 { font-size: 33px !important; }
  .hero-input-row { flex-direction: column; }
  .hero-input-row .btn { width: 100%; flex-basis: 42px !important; }
  .design-hero-visual { min-height: 232px !important; }
  .visual-board { height: 198px !important; }
  .admin-nav { top: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* 首页精简排版：减少留白，保持阅读节奏和输入操作的连续性。 */
body:has(.design-hero) {
  line-height: 1.45;
}
body:has(.design-hero) .container {
  padding-top: 28px !important;
  padding-bottom: 44px !important;
}
body:has(.design-hero) .design-hero {
  min-height: 390px;
  gap: 34px;
  padding: 34px 36px 32px;
}
body:has(.design-hero) .design-hero h2 {
  font-size: 44px !important;
  line-height: 1.12;
}
body:has(.design-hero) .design-hero-intro {
  max-width: 410px;
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.65;
}
body:has(.design-hero) .hero-metrics {
  margin-top: 18px;
}
body:has(.design-hero) .hero-download-panel {
  margin-top: 16px;
}
body:has(.design-hero) .site-section {
  margin-top: 28px;
}
body:has(.design-hero) .site-section-head {
  margin-bottom: 10px;
}
body:has(.design-hero) .site-section-head p {
  line-height: 1.5;
}
body:has(.design-hero) .site-grid {
  margin-bottom: 20px !important;
}
body:has(.design-hero) .support-card {
  margin-top: 18px !important;
}
@media (max-width: 820px) {
  body:has(.design-hero) .design-hero {
    padding: 30px 26px 26px;
  }
  body:has(.design-hero) .design-hero h2 {
    font-size: 40px !important;
  }
}
@media (max-width: 620px) {
  body:has(.design-hero) .container {
    padding-top: 20px !important;
  }
  body:has(.design-hero) .design-hero {
    gap: 22px;
    padding: 24px 18px 20px;
  }
  body:has(.design-hero) .design-hero h2 {
    font-size: 34px !important;
    line-height: 1.15;
  }
  body:has(.design-hero) .design-hero-intro {
    line-height: 1.6;
  }
}

/* 下载页最终版：先完成解析，再查看服务状态。 */
body:has(.design-hero) {
  background: #edf4f5 !important;
}
body:has(.design-hero) .container {
  max-width: 1120px !important;
  padding-top: 30px !important;
}
body:has(.design-hero) .design-hero {
  grid-template-columns: minmax(0, 1fr) 290px !important;
  gap: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 1px solid #c7dcdf !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 38px rgba(28, 70, 78, .09) !important;
}
body:has(.design-hero) .design-hero-copy {
  justify-content: flex-start !important;
  padding: 42px 46px 34px !important;
}
body:has(.design-hero) .design-hero h2 {
  max-width: 100% !important;
  font-size: 41px !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}
body:has(.design-hero) .design-hero-intro {
  max-width: 520px !important;
  margin-top: 11px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}
body:has(.design-hero) .hero-download-panel {
  max-width: none !important;
  margin-top: 28px !important;
  padding: 18px !important;
  border: 1px solid #8bbec4 !important;
  border-left: 4px solid #087a9a !important;
  border-radius: 8px !important;
  background: #f3fafb !important;
  box-shadow: 0 9px 18px rgba(8, 92, 111, .08) !important;
}
body:has(.design-hero) .hero-download-panel label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 11px !important;
  color: #234c57 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.input-step {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #087a9a;
  color: #ffffff;
  font-size: 11px;
  line-height: 1;
}
body:has(.design-hero) .hero-input-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 148px !important;
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.design-hero) .hero-input-row .url-input {
  min-height: 60px !important;
  padding: 15px 17px !important;
  border: 2px solid #6faeb7 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  color: #193440 !important;
  font-size: 16px !important;
  box-shadow: 0 0 0 3px rgba(8, 122, 154, .10) !important;
}
body:has(.design-hero) .hero-input-row .url-input:focus {
  border-color: #087a9a !important;
  box-shadow: 0 0 0 4px rgba(8, 122, 154, .18) !important;
}
body:has(.design-hero) .hero-input-row .url-input::placeholder {
  color: #78929a !important;
}
body:has(.design-hero) .hero-input-row .btn {
  min-height: 60px !important;
  width: 100% !important;
  border-radius: 7px !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  box-shadow: 0 8px 14px rgba(8, 91, 111, .18) !important;
}
body:has(.design-hero) .hero-metrics {
  max-width: none !important;
  margin-top: 17px !important;
  gap: 8px !important;
}
body:has(.design-hero) .hero-metrics > div {
  min-height: 58px !important;
  padding: 8px 7px !important;
  border: 1px solid #d9e5e7 !important;
  border-radius: 7px !important;
  background: #fbfdfd !important;
}
body:has(.design-hero) .hero-metrics strong { font-size: 18px !important; }
body:has(.design-hero) .hero-metrics span { margin-top: 2px !important; font-size: 11px !important; }
body:has(.design-hero) .design-hero-visual {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100% !important;
  padding: 30px 25px !important;
  border: 0 !important;
  border-left: 1px solid #285861 !important;
  border-radius: 0 !important;
  background: #16454f !important;
  box-shadow: none !important;
  transform: none !important;
}
body:has(.design-hero) .site-section { margin-top: 30px !important; }
body:has(.design-hero) .site-section-head p { display: none !important; }
body:has(.design-hero) .site-grid { margin-bottom: 18px !important; }
body:has(.design-hero) .support-card { margin-top: 18px !important; }
@media (max-width: 820px) {
  body:has(.design-hero) .design-hero { grid-template-columns: 1fr !important; }
  body:has(.design-hero) .design-hero-copy { padding: 34px 30px 30px !important; }
  body:has(.design-hero) .design-hero-visual { min-height: 276px !important; padding: 26px 30px !important; border-top: 1px solid #285861 !important; border-left: 0 !important; }
}
@media (max-width: 620px) {
  body:has(.design-hero) .container { padding-top: 18px !important; }
  body:has(.design-hero) .design-hero-copy { padding: 27px 17px 21px !important; }
  body:has(.design-hero) .design-hero h2 { font-size: 33px !important; }
  body:has(.design-hero) .design-hero-intro { margin-top: 9px !important; font-size: 14px !important; }
  body:has(.design-hero) .hero-download-panel { margin-top: 21px !important; padding: 14px !important; }
  body:has(.design-hero) .hero-input-row { grid-template-columns: 1fr !important; }
  body:has(.design-hero) .hero-input-row .url-input,
  body:has(.design-hero) .hero-input-row .btn { min-height: 52px !important; }
  body:has(.design-hero) .hero-input-row .btn { font-size: 15px !important; }
  body:has(.design-hero) .hero-metrics { gap: 5px !important; }
  body:has(.design-hero) .hero-metrics > div { min-height: 56px !important; padding: 7px 3px !important; }
  body:has(.design-hero) .hero-metrics strong { font-size: 16px !important; }
  body:has(.design-hero) .hero-metrics span { font-size: 10px !important; }
  body:has(.design-hero) .design-hero-visual { min-height: 252px !important; padding: 23px 19px !important; }
}

/* 站点权益展示：主素材站、赠送站点、未赠送区分层呈现。 */
body:has(.design-hero) {
  background: #f3f7f3 !important;
}
body:has(.design-hero) .design-hero {
  border-color: #cddbd0 !important;
  border-radius: 18px !important;
  box-shadow: 0 22px 44px rgba(42, 83, 71, .12) !important;
}
body:has(.design-hero) .design-hero-copy {
  padding: 46px 48px 38px !important;
}
body:has(.design-hero) .design-hero h2 {
  color: #183f42 !important;
  font-size: 45px !important;
  letter-spacing: -.5px !important;
}
body:has(.design-hero) .hero-download-panel {
  border: 0 !important;
  border-left: 5px solid #ed785e !important;
  border-radius: 14px !important;
  background: #fffaf5 !important;
  box-shadow: 0 12px 24px rgba(206, 108, 78, .12) !important;
}
body:has(.design-hero) .hero-download-panel label { color: #714535 !important; }
.input-step { background: #ed785e !important; }
body:has(.design-hero) .hero-input-row .url-input {
  border-color: #e7ad92 !important;
  border-radius: 11px !important;
  box-shadow: 0 0 0 4px rgba(237, 120, 94, .09) !important;
}
body:has(.design-hero) .hero-input-row .url-input:focus {
  border-color: #ed785e !important;
  box-shadow: 0 0 0 4px rgba(237, 120, 94, .19) !important;
}
body:has(.design-hero) .hero-input-row .btn {
  border-radius: 11px !important;
  background: #ed785e !important;
  box-shadow: 0 9px 16px rgba(211, 100, 74, .24) !important;
}
body:has(.design-hero) .hero-input-row .btn:hover { background: #d9634c !important; }
body:has(.design-hero) .design-hero-visual {
  border-radius: 0 18px 18px 0 !important;
  background: #1f5552 !important;
}
body:has(.design-hero) .hero-metrics {
  grid-template-columns: minmax(180px, 260px) !important;
}
body:has(.design-hero) .hero-metrics > div { border-radius: 12px !important; }
.site-section { margin-top: 38px !important; }
.purchase-link {
  display: block;
  width: fit-content;
  margin: 22px auto 0;
  padding: 11px 24px;
  border: 1px solid #e7a18b;
  border-radius: 999px;
  background: #fff6ef;
  color: #bd614a;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}
.purchase-link:hover { border-color: #ed785e; background: #ed785e; color: #fff; }
.site-section-head { margin-bottom: 16px !important; }
.site-section-head h3 { color: #234c49 !important; font-size: 22px !important; }
.site-section-head::after { display: none !important; }
.site-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  margin-bottom: 0 !important;
}
.site-group { margin-top: 20px; }
.site-group:first-child { margin-top: 0; }
.site-group + .site-group { margin-top: 42px; }
.site-group-title {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 10px;
}
.site-group-title strong { color: #254f4b; font-size: 16px; }
.site-group-title span { color: #7d9792; font-size: 12px; }
.site-group-primary > .site-card { max-width: 360px; }
.site-group-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.site-group .site-card {
  min-height: 125px !important;
  border: 1px solid #d4e2dc !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 8px 18px rgba(42, 83, 71, .06) !important;
}
.site-group-primary .site-card {
  border-color: #e6a68c !important;
  background: #fff7f0 !important;
}
.site-group .site-card:hover,
.site-group .site-card.active { transform: translateY(-2px) !important; border-color: #ed785e !important; }
.site-group .site-card.locked,
.site-group .site-card.exhausted {
  opacity: .56;
  filter: saturate(.55);
  background: #eef1ed !important;
  cursor: not-allowed;
}
.site-card-top { display: flex; justify-content: space-between; align-items: center; min-height: 18px; gap: 8px; }
.site-kind, .site-lock {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
}
.site-kind { color: #278071; background: #e4f3ed; }
.site-group-primary .site-kind { color: #bb654d; background: #ffe3d4; }
.site-lock { color: #77807b; background: #dfe5e0; }
.site-group .site-card h3 { margin-top: 9px !important; font-size: 16px !important; }
.site-group .site-card p { line-height: 1.65 !important; }
.site-group .site-card .quota { right: 15px; bottom: 13px; left: 15px; color: #2a7e6f !important; }
.site-group-primary .site-card .quota { color: #b35b45 !important; }
.site-empty {
  grid-column: 1 / -1;
  padding: 18px;
  border: 1px dashed #c7d8d1;
  border-radius: 12px;
  color: #82958f;
  background: rgba(255, 255, 255, .46);
  font-size: 13px;
}
@media (max-width: 900px) {
  .site-group-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  body:has(.design-hero) .design-hero-copy { padding: 30px 18px 22px !important; }
  body:has(.design-hero) .design-hero h2 { font-size: 35px !important; }
  body:has(.design-hero) .design-hero-visual { border-radius: 0 0 18px 18px !important; }
  .site-group-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .site-group-primary > .site-card { max-width: none; }
  .site-group .site-card { min-height: 116px !important; padding: 12px !important; }
  .site-group .site-card .quota { right: 12px; bottom: 10px; left: 12px; }
}

/* 下载页搜索优先：胶囊输入栏置于页面中心，流程改为下方横向步骤条。 */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
body:has(.design-hero) .container { padding-top: 26px !important; }
body:has(.design-hero) .design-hero {
  display: block !important;
  min-height: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.design-hero) .design-hero-copy { padding: 0 !important; }
body:has(.design-hero) .hero-download-panel {
  max-width: 920px !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff7ef !important;
  box-shadow: 0 16px 32px rgba(197, 116, 70, .14) !important;
}
body:has(.design-hero) .hero-input-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 150px !important;
  gap: 0 !important;
  min-height: 66px !important;
  padding: 6px !important;
  border: 2px solid #ed785e !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 5px rgba(237, 120, 94, .09) !important;
}
body:has(.design-hero) .hero-input-row .url-input {
  min-height: 52px !important;
  padding: 13px 24px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 17px !important;
}
body:has(.design-hero) .hero-input-row .url-input:focus {
  border: 0 !important;
  box-shadow: none !important;
}
body:has(.design-hero) .hero-input-row .btn {
  min-height: 52px !important;
  border-radius: 999px !important;
  background: #ed785e !important;
  box-shadow: none !important;
  font-size: 16px !important;
}
body:has(.design-hero) .hero-metrics {
  max-width: 920px !important;
  margin: 16px auto 0 !important;
}
.workflow-strip {
  display: flex;
  align-items: center;
  gap: 34px;
  max-width: 920px;
  margin: 18px auto 0;
  padding: 16px 20px;
  border: 1px solid #d7e2d8;
  border-radius: 16px;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 8px 20px rgba(53, 88, 72, .06);
}
.workflow-strip-heading { flex: 0 0 126px; }
.workflow-strip-heading span { display: block; color: #6f9186; font-size: 11px; font-weight: 800; }
.workflow-strip-heading strong { display: block; margin-top: 3px; color: #214f4b; font-size: 15px; }
.workflow-strip-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); flex: 1; gap: 0; margin: 0; padding: 0; list-style: none; }
.workflow-strip-list .workflow-step { min-height: 42px; gap: 9px; align-items: center; }
.workflow-strip-list .workflow-step:not(:last-child)::after { top: 20px; left: 14px; width: calc(100% - 4px); height: 1px; background: #ccddd6; transform: translateX(18px); }
.workflow-strip-list .workflow-step > span { flex-basis: 28px; width: 28px; height: 28px; border-color: #a9c8bb; background: #f7fcf8; color: #39776d; }
.workflow-strip-list .workflow-step.active > span { border-color: #ed785e; background: #ed785e; color: #fff; }
.workflow-strip-list .workflow-step strong { color: #2c5550; font-size: 13px; }
.workflow-strip-list .workflow-step small { margin-top: 1px; color: #819a92; font-size: 11px; }
@media (max-width: 760px) {
  .workflow-strip { align-items: stretch; flex-direction: column; gap: 12px; }
  .workflow-strip-heading { flex-basis: auto; }
}
@media (max-width: 620px) {
  body:has(.design-hero) .hero-download-panel { margin-top: 14px !important; }
  body:has(.design-hero) .hero-input-row { grid-template-columns: minmax(0, 1fr) 112px !important; min-height: 58px !important; }
  body:has(.design-hero) .hero-input-row .url-input,
  body:has(.design-hero) .hero-input-row .btn { min-height: 44px !important; }
  body:has(.design-hero) .hero-input-row .url-input { padding: 10px 16px !important; font-size: 15px !important; }
  body:has(.design-hero) .hero-input-row .btn { font-size: 14px !important; }
  .workflow-strip { margin-top: 14px; padding: 14px; border-radius: 14px; }
  .purchase-link { margin-top: 16px; }
  .workflow-strip-list { grid-template-columns: 1fr; gap: 10px; }
  .workflow-strip-list .workflow-step { min-height: 34px; }
  .workflow-strip-list .workflow-step:not(:last-child)::after { top: 28px; left: 13px; width: 1px; height: 13px; transform: none; }
}

/* 最终下载页布局覆盖：搜索框更宽，流程条独立留白，购买入口与站点概况并排。 */
body:has(.design-hero) .hero-download-panel { max-width: 1080px !important; margin: 28px auto 0 !important; }
body:has(.design-hero) .hero-input-row { min-height: 72px !important; }
body:has(.design-hero) .hero-actions-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  max-width: 1080px !important;
  margin: 24px auto 0 !important;
}
body:has(.design-hero) .hero-actions-row .hero-metrics { flex: 1 1 auto !important; max-width: none !important; margin: 0 !important; }
body:has(.design-hero) .hero-actions-row .purchase-link { flex: 0 0 auto !important; margin: 0 !important; white-space: nowrap; }
body:has(.design-hero) .workflow-strip { max-width: 900px !important; margin-top: 34px !important; }
@media (max-width: 620px) {
  body:has(.design-hero) .hero-download-panel { margin-top: 20px !important; }
  body:has(.design-hero) .hero-input-row { min-height: 60px !important; }
  body:has(.design-hero) .hero-actions-row { align-items: stretch !important; flex-direction: column !important; gap: 12px !important; margin-top: 18px !important; }
  body:has(.design-hero) .hero-actions-row .hero-metrics { width: 100% !important; }
  body:has(.design-hero) .hero-actions-row .purchase-link { align-self: flex-start !important; }
  body:has(.design-hero) .workflow-strip { margin-top: 24px !important; }
}

/* 参考轻量数据面板的文字层级：深色标题、中灰正文、浅灰辅助信息。 */
body:has(.design-hero) {
  --ink: #171717;
  --ink-soft: #3f3f46;
  --muted: #737373;
  --line: #e5e5e5;
  --line-strong: #d4d4d8;
  --canvas: #fafafa;
}
body:has(.design-hero) .topbar h1 { color: #171717 !important; }
body:has(.design-hero) .topbar a { color: #737373 !important; }
body:has(.design-hero) .topbar a:hover { color: #0f9fa3 !important; }
body:has(.design-hero) .topbar button { color: #3f3f46 !important; }
body:has(.design-hero) .workflow-strip { border-color: #e5e5e5 !important; background: rgba(255,255,255,.92) !important; box-shadow: 0 8px 22px rgba(0,0,0,.045) !important; }
body:has(.design-hero) .workflow-strip-heading span { color: #737373 !important; }
body:has(.design-hero) .workflow-strip-heading strong { color: #171717 !important; }
body:has(.design-hero) .workflow-strip-list .workflow-step { border-color: #e5e5e5 !important; }
body:has(.design-hero) .workflow-strip-list .workflow-step strong { color: #262626 !important; }
body:has(.design-hero) .workflow-strip-list .workflow-step small { color: #8a8a8f !important; }
body:has(.design-hero) .site-section h2,
body:has(.design-hero) .site-group-title { color: #171717 !important; }
body:has(.design-hero) .site-group-note,
body:has(.design-hero) .site-card p,
body:has(.design-hero) .site-card .quota { color: #737373 !important; }
body:has(.design-hero) .site-card { border-color: #e5e5e5 !important; box-shadow: 0 8px 20px rgba(0,0,0,.035) !important; }
body:has(.design-hero) .site-card h3 { color: #262626 !important; }
body:has(.design-hero) .result-card { border-color: #e5e5e5 !important; box-shadow: 0 8px 20px rgba(0,0,0,.04) !important; }

/* 登录页最终覆盖必须位于主题文件末尾，避免旧版登录规则改变背景和按钮。 */
body:has(.login-stage) { background: #fffaf2 !important; }
body:has(.login-stage)::before { display: none !important; }
body:has(.login-stage) .login-box.login-card { border-radius: 22px !important; background: rgba(255, 255, 255, .92) !important; }
body:has(.login-stage) .login-card .btn { border-radius: 999px !important; background: #ed785e !important; color: #fff !important; }
body:has(.login-stage) .login-card .btn:hover { background: #d9634c !important; }

/* 下载页背景图最终覆盖，确保搜索框位于图层上方且图片横向铺满。 */
body:has(.design-reference-banner) .design-hero { position: relative !important; width: 100vw !important; max-width: none !important; min-height: 430px !important; margin-left: calc(50% - 50vw) !important; overflow: hidden !important; background: #fff1c8 !important; }
body:has(.design-reference-banner) .design-hero-copy { position: relative !important; z-index: 1 !important; width: min(1160px, calc(100% - 48px)) !important; min-height: 430px !important; margin: 0 auto !important; padding: 74px 0 38px !important; }
body:has(.design-reference-banner) .design-reference-banner { position: absolute !important; z-index: 0 !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff1c8 !important; box-shadow: none !important; }
body:has(.design-reference-banner) .design-reference-banner img { width: 100% !important; height: 100% !important; aspect-ratio: auto !important; object-fit: cover !important; object-position: center !important; }
body:has(.design-reference-banner) .hero-download-panel, body:has(.design-reference-banner) .hero-actions-row { position: relative !important; z-index: 2 !important; }
body:has(.design-reference-banner) .hero-download-panel { background: rgba(255, 255, 255, .88) !important; box-shadow: 0 18px 36px rgba(135, 78, 31, .2) !important; }
body:has(.design-reference-banner) .hero-actions-row .hero-metrics > div { background: rgba(255, 255, 255, .84) !important; }
@media (max-width: 620px) { body:has(.design-reference-banner) .design-hero, body:has(.design-reference-banner) .design-hero-copy { min-height: 420px !important; } body:has(.design-reference-banner) .design-hero-copy { width: calc(100% - 28px) !important; padding: 54px 0 24px !important; } }