:root {
  --bx-blue: #1677ff;
  --bx-cyan: #36a9ff;
  --bx-primary: #1677ff;
  --bx-primary-light: #4096ff;
  --bx-purple: #8068f5;
  --bx-green: #20b787;
  --bx-ink: #111827;
  --bx-muted: #697588;
  --bx-line: #e5eaf1;
  --bx-bg: #f5f7fa;
  --bx-card: #ffffff;
  --bx-shadow: 0 16px 42px rgba(44, 78, 120, .09);
  --bx-radius: 16px;
  --bx-container: 1280px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  overflow-x: hidden;
  color: var(--bx-ink);
  background: #fff;
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { line-height: 1.28; }
button, input, select, textarea { font: inherit; }
a, button {
  transition: color .2s ease, background-color .2s ease, border-color .2s ease,
    transform .2s ease, box-shadow .2s ease;
}
.h-18 { height: 4.5rem; }
.py-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; }
a.rounded-md, button.rounded-md {
  min-height: 40px;
  border-radius: 10px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
a.rounded-md:hover, button.rounded-md:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(22,119,255,.17);
}

/* 官网统一导航 */
body[data-page="home"] header,
body[data-page="projects"] header,
body[data-page="task-center"] header {
  position: sticky;
  top: 0;
  z-index: 50;
  color: var(--bx-ink);
  border-color: #edf0f5 !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 5px 22px rgba(42,69,110,.055);
  backdrop-filter: blur(16px);
}
body[data-page="home"] header > div,
body[data-page="projects"] header > div,
body[data-page="task-center"] header > div {
  width: 100%;
  max-width: 1440px !important;
}
header a > span:first-child {
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
  box-shadow: 0 7px 17px rgba(22,119,255,.2);
}
header nav { color: #3e4859 !important; }
header nav a { font-weight: 600; white-space: nowrap; line-height: 1; }
header nav a:hover, header nav a.font-medium { color: var(--bx-primary) !important; }
header nav a.font-medium { position: relative; }
header nav a.font-medium::after {
  content: "";
  position: absolute;
  left: 24%;
  right: 24%;
  bottom: 0;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--bx-primary), var(--bx-cyan));
}
header > div > div:last-child > a { color: #5d6878 !important; white-space: nowrap; }
header > div > div:last-child > a.rounded-md,
header > div > a:last-child.rounded-md {
  min-height: 40px;
  padding-left: 18px !important;
  padding-right: 18px !important;
  color: #fff !important;
  font-weight: 650;
  border: 0 !important;
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
  box-shadow: 0 8px 20px rgba(22,119,255,.22);
}
body[data-page="projects"] header > div > a:last-child {
  min-width: 0;
  border-radius: 10px !important;
  box-shadow: 0 8px 20px rgba(22,119,255,.22) !important;
}

@media (min-width: 1101px) {
  body[data-page="home"] header > div,
  body[data-page="projects"] header > div,
  body[data-page="task-center"] header > div {
    min-height: 0 !important;
    height: 72px !important;
    padding: 0 24px !important;
    gap: 24px;
    flex-wrap: nowrap;
  }
  body[data-page="home"] header > div > a:first-child,
  body[data-page="projects"] header > div > a:first-child,
  body[data-page="task-center"] header > div > a:first-child,
  body[data-page="home"] header > div > div:last-child,
  body[data-page="task-center"] header > div > div:last-child {
    height: 72px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }
  body[data-page="home"] header nav,
  body[data-page="projects"] header nav,
  body[data-page="task-center"] header nav {
    order: initial;
    width: auto;
    min-width: 0;
    height: 72px;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: flex-start;
    gap: 0 !important;
    border-top: 0;
  }
  body[data-page="home"] header nav a,
  body[data-page="projects"] header nav a,
  body[data-page="task-center"] header nav a {
    height: 72px;
    padding: 0 11px;
    display: flex;
    align-items: center;
  }
}

/* 首页 */
body[data-page="home"] main > section:first-child {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: none !important;
  min-height: 620px;
  padding: 76px max(24px, calc((100vw - var(--bx-container)) / 2 + 24px)) 82px !important;
  gap: clamp(40px, 5vw, 76px) !important;
  background: radial-gradient(circle at 78% 33%, rgba(127,104,245,.17), transparent 22rem),
    radial-gradient(circle at 18% 12%, rgba(33,197,235,.18), transparent 24rem),
    linear-gradient(120deg, #dff8ff 0, #f3f8ff 54%, #f3edff 100%);
}
body[data-page="home"] main > section:first-child::before {
  content: "";
  position: absolute;
  z-index: -1;
  right: 5%;
  top: 9%;
  width: 34rem;
  height: 27rem;
  border-radius: 45% 55% 52% 48%;
  background: linear-gradient(145deg, rgba(63,200,240,.14), rgba(133,103,247,.18));
  transform: rotate(-8deg);
}
body[data-page="home"] main > section:first-child::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 12%;
  top: 22%;
  width: 17rem;
  height: 17rem;
  border: 2px solid rgba(112,123,245,.14);
  border-radius: 3rem;
  transform: rotate(12deg);
  box-shadow: 0 0 0 2.8rem rgba(76,192,241,.04), 0 0 0 5.5rem rgba(120,99,245,.03);
}
body[data-page="home"] main > section:first-child > div:first-child > p:first-child {
  color: var(--bx-primary) !important;
  background: rgba(255,255,255,.78) !important;
  border: 1px solid rgba(255,255,255,.9);
  box-shadow: 0 6px 18px rgba(42,105,150,.07);
}
body[data-page="home"] h1 {
  max-width: 760px;
  color: #0b1019;
  font-size: clamp(44px, 4.2vw, 60px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.04em;
}
body[data-page="home"] h1 span {
  color: transparent !important;
  background: linear-gradient(90deg, #125bcc, var(--bx-primary) 56%, var(--bx-cyan));
  -webkit-background-clip: text;
  background-clip: text;
}
body[data-page="home"] main > section:first-child p { color: #657184 !important; }
body[data-page="home"] main > section:first-child > div:first-child > p.mt-6 {
  max-width: 680px;
  font-size: 17px !important;
  line-height: 1.85 !important;
}
body[data-page="home"] main > section:first-child > div:first-child a:first-child {
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
  box-shadow: 0 12px 28px rgba(22,119,255,.26);
}
body[data-page="home"] main > section:first-child > div:first-child a:nth-child(2) {
  color: var(--bx-blue) !important;
  border-color: #bed7ff !important;
  background: rgba(255,255,255,.76);
}
body[data-page="home"] main > section:first-child > div:last-child {
  position: relative;
  padding: 26px !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 28px 68px rgba(64,96,150,.15) !important;
  backdrop-filter: blur(14px);
}
body[data-page="home"] main > section:first-child > div:last-child::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -12px;
  top: -12px;
  width: 60px;
  height: 60px;
  border-radius: 16px;
  background: linear-gradient(135deg, #8068f5, #4b9cf6);
  transform: rotate(9deg);
  box-shadow: 0 12px 26px rgba(105,94,234,.22);
}
body[data-page="home"] main > section:first-child > div:last-child .bg-white {
  background: rgba(255,255,255,.88) !important;
  border: 1px solid #e8edf6;
}
body[data-page="home"] main > section:nth-child(2) {
  position: relative;
  max-width: none !important;
  margin: 0;
  border-color: #edf0f5 !important;
  background: #f8fafc !important;
}
body[data-page="home"] main > section:nth-child(2) > div {
  width: 100%;
  max-width: var(--bx-container) !important;
  margin: 0 auto;
  padding: 68px 24px !important;
}
body[data-page="home"] main > section:nth-child(2) article {
  min-height: 190px;
  padding: 24px !important;
  border: 1px solid #ebeff5 !important;
  border-radius: var(--bx-radius) !important;
  background: #fff !important;
  box-shadow: var(--bx-shadow);
}
body[data-page="home"] main > section:nth-child(2) article iconify-icon {
  width: 46px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  color: var(--bx-blue) !important;
  background: #eef5ff;
}
body[data-page="home"] main > section:nth-child(2) article:nth-child(2) iconify-icon { color: #765de9 !important; background: #f0ecff; }
body[data-page="home"] main > section:nth-child(2) article:nth-child(3) iconify-icon { color: #3388f5 !important; background: #edf5ff; }
body[data-page="home"] main > section:nth-child(2) article:nth-child(4) iconify-icon { color: #18a77e !important; background: #eafaf5; }
body[data-page="home"] main > section:nth-child(2) article p,
body[data-page="home"] main section article p { color: #7b8697 !important; line-height: 1.75 !important; }
body[data-page="home"] main > section:nth-child(3) { padding-top: 64px !important; padding-bottom: 64px !important; background: #f5f7fa; }
body[data-page="home"] main > section:nth-child(3) > div {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none;
}
body[data-page="home"] main > section:nth-child(3) > div > div { padding-left: 26px; border-left: 1px solid #edf0f5; }
body[data-page="home"] main > section:nth-child(3) > div > div:first-child { border-left: 0; }
body[data-page="home"] main > section:nth-child(3) > div > div:nth-child(1) p:first-child { color: var(--bx-blue) !important; }
body[data-page="home"] main > section:nth-child(3) > div > div:nth-child(2) p:first-child { color: var(--bx-purple) !important; }
body[data-page="home"] main > section:nth-child(3) > div > div:nth-child(3) p:first-child { color: var(--bx-primary-light) !important; }
body[data-page="home"] main > section:nth-child(3) > div > div:nth-child(4) p:first-child { color: var(--bx-green) !important; }
body[data-page="home"] main section h2 { color: #10151e; font-size: clamp(28px, 2.5vw, 36px) !important; letter-spacing: -.025em; }
body[data-page="home"] main section article {
  border-radius: var(--bx-radius) !important;
  border-color: var(--bx-line) !important;
  background: #fff;
}
body[data-page="home"] main section article:hover { transform: translateY(-4px); box-shadow: 0 20px 46px rgba(44,78,120,.12); }
body[data-page="home"] main > section:nth-child(4) article { border-top: 4px solid var(--bx-blue) !important; }
body[data-page="home"] main > section:nth-child(4) article:nth-child(2) { border-top-color: var(--bx-purple) !important; }
body[data-page="home"] main > section:nth-child(4) article:nth-child(3) { border-top-color: var(--bx-primary-light) !important; }
body[data-page="home"] main > section:nth-child(5) {
  background: radial-gradient(circle at 85% 20%, rgba(129,104,245,.11), transparent 20rem),
    linear-gradient(135deg, #e7f9ff, #f5f8ff 60%, #f4efff) !important;
}
body[data-page="home"] main > section:nth-child(5) .bg-white { background: #fff !important; border: 1px solid var(--bx-line); box-shadow: 0 9px 24px rgba(44,78,120,.055); }
body[data-page="home"] main > section:nth-child(7) { padding-top: 72px !important; padding-bottom: 72px !important; }
body[data-page="home"] main > section:nth-child(8) { padding-top: 0 !important; padding-bottom: 80px !important; }
body[data-page="home"] footer { background: #f6f8fb !important; border-color: #e5eaf1 !important; }
body[data-page="home"] footer p,
body[data-page="home"] footer a,
body[data-page="home"] footer span { color: #727e90 !important; }

/* 项目数据库与任务中心 */
body[data-page="projects"], body[data-page="task-center"] { background: var(--bx-bg); }
body[data-page="projects"] main {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: var(--bx-container) !important;
  margin: 0 auto;
  padding: 68px 24px 82px !important;
}
body[data-page="task-center"] main {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none !important;
  margin: 0 auto;
  padding: 0 0 76px !important;
}
body[data-page="projects"] main::before,
body[data-page="task-center"] main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 340px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 80% 15%, rgba(128,104,245,.16), transparent 20rem),
    radial-gradient(circle at 10% 0, rgba(35,194,232,.18), transparent 20rem),
    linear-gradient(130deg, #e4f9ff, #f6f9ff 60%, #f3edff);
}
body[data-page="task-center"] main > section { width: 100%; max-width: var(--bx-container) !important; margin-left: auto; margin-right: auto; }
body[data-page="task-center"] main > section:first-child { padding: 68px 24px 30px !important; }
body[data-page="task-center"] main > section:not(:first-child) { padding-left: 24px !important; padding-right: 24px !important; }
body[data-page="projects"] main > p:first-child,
body[data-page="task-center"] main > section:first-child > p:first-child,
body[data-page="services"] main > section:first-child > div > p:first-child {
  display: inline-flex;
  padding: 6px 12px;
  color: var(--bx-primary) !important;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  box-shadow: 0 6px 16px rgba(44,78,120,.06);
}
body[data-page="projects"] h1,
body[data-page="task-center"] h1 {
  max-width: 900px;
  color: #0b1018;
  font-size: clamp(34px, 3.3vw, 46px) !important;
  line-height: 1.22 !important;
  letter-spacing: -.035em;
}
body[data-page="projects"] main > h1 + p,
body[data-page="task-center"] main > section:first-child > h1 + p {
  max-width: 860px !important;
  color: #697588 !important;
  line-height: 1.85 !important;
}
body[data-page="projects"] main > section:first-of-type {
  padding: 22px !important;
  border: 1px solid var(--bx-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--bx-shadow) !important;
}
body[data-page="projects"] select {
  min-height: 38px;
  padding: 7px 30px 7px 11px !important;
  color: #536073 !important;
  border-color: #dfe5ed !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
}
body[data-page="projects"] #filter-panel {
  margin-top: 0 !important;
  padding-top: 0 !important;
  gap: 14px !important;
  border-top: 0 !important;
}
body[data-page="projects"] #filter-panel > div {
  min-height: 92px;
  padding: 12px;
  border: 1px solid #edf0f4;
  border-radius: 12px;
  background: #f8fafc;
}
body[data-page="projects"] #filter-panel button {
  min-height: 29px;
  color: #536073 !important;
  border-color: #dfe5ed !important;
  background: #fff !important;
}
body[data-page="projects"] #filter-panel button[data-active="true"],
body[data-page="projects"] #filter-panel button.bg-\[\#1677FF\] {
  color: #fff !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--bx-blue), #4ba3f8) !important;
  box-shadow: 0 5px 13px rgba(40,120,240,.17);
}
body[data-page="projects"] main > section:nth-of-type(2) { margin-top: 32px !important; }
body[data-page="projects"] .overflow-x-auto,
body[data-page="task-center"] .overflow-x-auto {
  border-color: var(--bx-line) !important;
  background: #fff !important;
  box-shadow: 0 12px 34px rgba(44,78,120,.065);
}
body[data-page="projects"] table thead,
body[data-page="task-center"] table thead {
  color: #657186 !important;
  background: linear-gradient(90deg, #eef5ff, #f8fafc) !important;
}
body[data-page="projects"] th, body[data-page="projects"] td,
body[data-page="task-center"] th, body[data-page="task-center"] td { vertical-align: middle; }
body[data-page="projects"] tbody tr:hover,
body[data-page="task-center"] tbody tr:hover { background: #f4f8ff; }
body[data-page="task-center"] #task-filter > div {
  padding: 24px !important;
  border: 1px solid var(--bx-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--bx-shadow);
}
body[data-page="task-center"] main > section:first-child .grid > div {
  min-height: 114px;
  padding: 20px !important;
  border-color: #e6ebf2 !important;
  background: #fff !important;
  box-shadow: 0 9px 24px rgba(44,78,120,.055);
}
body[data-page="task-center"] #task-filter button[data-task-group] {
  min-height: 34px;
  color: #536073 !important;
  border-color: #dfe5ed !important;
  background: #fff !important;
}
body[data-page="task-center"] #task-filter button[data-task-group].bg-\[\#E8F3FF\] {
  color: var(--bx-blue) !important;
  border-color: #9fc5ff !important;
  background: #eef5ff !important;
  box-shadow: 0 4px 12px rgba(40,120,240,.1);
}
body[data-page="task-center"] #task-list { padding-top: 28px !important; }
body[data-page="task-center"] #task-list > div { gap: 20px !important; }
body[data-page="task-center"] [data-task] {
  position: relative;
  padding: 24px !important;
  overflow: hidden;
  border: 1px solid #e6ebf1 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(44,78,120,.055);
}
body[data-page="task-center"] [data-task]::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(#2878f0, #28c4e8);
}
body[data-page="task-center"] [data-task]:nth-child(3n+2)::before { background: linear-gradient(#8068f5, #ae80ff); }
body[data-page="task-center"] [data-task]:nth-child(3n)::before { background: linear-gradient(var(--bx-primary), var(--bx-cyan)); }
body[data-page="task-center"] [data-task]:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(44,78,120,.105);
}
body[data-page="task-center"] [data-task] p,
body[data-page="task-center"] [data-task] dt { color: #727f91 !important; }
body[data-page="task-center"] main > section:last-child { padding-top: 58px !important; padding-bottom: 10px !important; }
body[data-page="task-center"] main > section:last-child > div {
  border-color: var(--bx-line) !important;
  background: #fff !important;
  box-shadow: var(--bx-shadow);
}
body[data-page="task-center"] main > section:last-child .rounded-lg,
body[data-page="task-center"] main > section:last-child .rounded-xl { border-color: #e7ebf1 !important; }
body[data-page="projects"] footer,
body[data-page="task-center"] footer { color: #7c8798 !important; background: var(--bx-bg); }

/* 三个后台 */
body[data-page^="dashboard-"] {
  --dash-accent: var(--bx-blue);
  min-height: 100vh;
  color: #172033;
  background: #f4f6f9;
}
body[data-page="dashboard-investor"] { --dash-accent: var(--bx-purple); }
body[data-page="dashboard-provider"] { --dash-accent: var(--bx-blue); }
body[data-page^="dashboard-"] header {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 50;
  width: 238px;
  height: 100vh;
  color: #172033;
  border-right: 1px solid #e5eaf1 !important;
  background: #fff !important;
  box-shadow: 4px 0 18px rgba(44,78,120,.035);
}
body[data-page^="dashboard-"] header > div {
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
body[data-page^="dashboard-"] header > div > a:first-child {
  height: 78px;
  padding: 0 12px;
  border-bottom: 1px solid #edf0f5;
}
body[data-page^="dashboard-"] header > div > div:last-child {
  height: calc(100% - 78px);
  padding-top: 15px;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 5px !important;
  overflow-y: auto;
}
body[data-page^="dashboard-"] header > div > div:last-child::before {
  content: "业务工作台";
  padding: 2px 12px 9px;
  color: #9ba5b5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
}
body[data-page^="dashboard-"] header > div > div:last-child a {
  min-height: 42px;
  padding: 9px 12px !important;
  border: 0 !important;
  border-radius: 9px;
  color: #616d7f !important;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
body[data-page^="dashboard-"] header > div > div:last-child a:hover {
  color: var(--dash-accent) !important;
  background: #f0f5ff;
}
body[data-page^="dashboard-"] header > div > div:last-child a:last-child {
  margin-top: auto;
  margin-bottom: 30px;
  color: #fff !important;
  background: var(--bx-primary);
  box-shadow: 0 7px 16px rgba(22,119,255,.2);
  justify-content: center;
}
body[data-page^="dashboard-"] main {
  width: auto;
  max-width: none !important;
  margin-left: 238px;
  padding: 32px clamp(24px, 3vw, 52px) 58px !important;
  background: radial-gradient(circle at 96% 0, rgba(128,104,245,.055), transparent 24rem);
}
body[data-page^="dashboard-"] main > * {
  width: 100%;
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body[data-page^="dashboard-"] main > div:first-child {
  padding: 26px 30px !important;
  border: 1px solid #e0e8f3 !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at 84% 18%, rgba(128,104,245,.14), transparent 17rem),
    linear-gradient(125deg, #e4f8ff, #f5f9ff 60%, #f3edff) !important;
  box-shadow: 0 13px 35px rgba(44,78,120,.085);
}
body[data-page^="dashboard-"] main > div:first-child h1 { font-size: 27px !important; letter-spacing: -.025em; }
body[data-page^="dashboard-"] main > div:first-child p { color: #69778a !important; }
body[data-page^="dashboard-"] main > div:first-child a {
  color: var(--dash-accent) !important;
  border-color: #bed5ff !important;
  background: #fff;
}
body[data-page^="dashboard-"] main > div:first-child a.bg-\[\#1677FF\] {
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--dash-accent), #4b9ef3) !important;
}
body[data-page^="dashboard-"] section {
  border: 1px solid var(--bx-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(44,78,120,.05) !important;
}
body[data-page^="dashboard-"] section.p-6 { padding: 24px !important; }
body[data-page^="dashboard-"] section.grid > div {
  min-height: 118px;
  padding: 20px !important;
  border: 1px solid #e8edf3 !important;
  border-radius: 14px !important;
  background: #fafbfd !important;
}
body[data-page^="dashboard-"] section.grid > div:nth-child(4n+1) { border-top: 3px solid var(--dash-accent) !important; }
body[data-page^="dashboard-"] section.grid > div:nth-child(4n+2) { border-top: 3px solid var(--bx-green) !important; }
body[data-page^="dashboard-"] section.grid > div:nth-child(4n+3) { border-top: 3px solid var(--bx-purple) !important; }
body[data-page^="dashboard-"] section.grid > div:nth-child(4n) { border-top: 3px solid var(--bx-primary-light) !important; }
body[data-page^="dashboard-"] section .rounded-lg { border-color: #e8ecf2 !important; background: #fafbfd; }
body[data-page^="dashboard-"] section p,
body[data-page^="dashboard-"] section dt { color: #6d798b !important; }
body[data-page^="dashboard-"] section h2 { font-size: 18px; }
body[data-page^="dashboard-"] table thead { color: #667286 !important; background: linear-gradient(90deg, #eef5ff, #f8fafc) !important; }
body[data-page^="dashboard-"] tbody tr:hover { background: #f4f8ff; }
body[data-page^="dashboard-"] input,
body[data-page^="dashboard-"] select,
body[data-page^="dashboard-"] textarea {
  min-height: 42px;
  border-color: #dfe5ed !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
}
body[data-page^="dashboard-"] footer {
  margin-left: 238px;
  padding-left: 28px !important;
  padding-right: 28px !important;
  color: #858f9f !important;
  background: #f4f6f9;
}

@media (max-width: 1100px) {
  body[data-page="home"] header > div,
  body[data-page="projects"] header > div,
  body[data-page="task-center"] header > div {
    min-height: 0 !important;
    height: auto !important;
    padding: 11px 18px 8px !important;
    gap: 10px 14px;
    flex-wrap: wrap;
  }
  body[data-page="home"] header nav,
  body[data-page="projects"] header nav,
  body[data-page="task-center"] header nav {
    order: 3;
    width: 100%;
    padding: 8px 0 2px;
    gap: 22px !important;
    display: flex !important;
    overflow-x: auto;
    scrollbar-width: none;
  }
  body[data-page="home"] header nav::-webkit-scrollbar,
  body[data-page="projects"] header nav::-webkit-scrollbar,
  body[data-page="task-center"] header nav::-webkit-scrollbar { display: none; }
  body[data-page^="dashboard-"] header {
    position: sticky;
    inset: auto;
    width: 100%;
    height: auto;
  }
  body[data-page^="dashboard-"] header > div {
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 16px !important;
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  body[data-page^="dashboard-"] header > div > a:first-child { height: 44px; border: 0; }
  body[data-page^="dashboard-"] header > div > div:last-child {
    width: 100%;
    height: auto;
    padding: 7px 0 0;
    flex-direction: row !important;
    overflow-x: auto;
    border-top: 1px solid #edf0f5;
    background: #fafbfd;
  }
  body[data-page^="dashboard-"] header > div > div:last-child::before { display: none; }
  body[data-page^="dashboard-"] header > div > div:last-child a { white-space: nowrap; }
  body[data-page^="dashboard-"] header > div > div:last-child a:last-child { margin-top: 0; margin-bottom: 0; }
  body[data-page^="dashboard-"] main,
  body[data-page^="dashboard-"] footer { margin-left: 0; }
}

@media (max-width: 768px) {
  body { font-size: 14px; }
  body[data-page="home"] header > div > div:last-child { gap: 8px !important; }
  body[data-page="home"] header > div > div:last-child > a:not(.rounded-md):not(:first-child) { display: none !important; }
  body[data-page="task-center"] header > div > div:last-child > a:first-child { display: none; }
  body[data-page="home"] main > section:first-child {
    min-height: auto;
    padding: 52px 18px 60px !important;
    gap: 34px !important;
  }
  body[data-page="home"] h1 { font-size: clamp(35px, 10vw, 45px) !important; line-height: 1.18 !important; }
  body[data-page="home"] main > section:first-child > div:first-child > p.mt-6 { font-size: 15px !important; }
  body[data-page="home"] main > section:first-child > div:last-child { padding: 18px !important; }
  body[data-page="home"] main > section:nth-child(2) { margin-left: 0; margin-right: 0; }
  body[data-page="home"] main > section:nth-child(2) > div { padding: 52px 18px !important; }
  body[data-page="home"] main > section:nth-child(3),
  body[data-page="home"] main > section:nth-child(4),
  body[data-page="home"] main > section:nth-child(7),
  body[data-page="home"] main > section:nth-child(8) { padding-left: 18px !important; padding-right: 18px !important; }
  body[data-page="home"] main > section:nth-child(5) > div,
  body[data-page="home"] main > section:nth-child(6) > div { padding-left: 18px !important; padding-right: 18px !important; }
  body[data-page="home"] main section h2 { font-size: 27px !important; }
  body[data-page="home"] main > section:nth-child(3) > div > div { padding-left: 14px; }
  body[data-page="projects"] main { padding: 46px 16px 64px !important; }
  body[data-page="task-center"] main > section:first-child { padding: 46px 16px 24px !important; }
  body[data-page="task-center"] main > section:not(:first-child) { padding-left: 16px !important; padding-right: 16px !important; }
  body[data-page="projects"] h1,
  body[data-page="task-center"] h1 { font-size: 32px !important; }
  body[data-page="projects"] main > section:first-of-type,
  body[data-page="task-center"] #task-filter > div,
  body[data-page="task-center"] [data-task] { padding: 17px !important; }
  body[data-page="projects"] #filter-panel { grid-template-columns: 1fr !important; }
  body[data-page="projects"] #filter-panel > div { min-height: 0; }
  body[data-page^="dashboard-"] main { padding: 18px 14px 42px !important; }
  body[data-page^="dashboard-"] main > div:first-child,
  body[data-page^="dashboard-"] section.p-6 { padding: 18px !important; }
  body[data-page^="dashboard-"] main > div:first-child h1 { font-size: 23px !important; }
  body[data-page^="dashboard-"] section.grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body[data-page^="dashboard-"] section.grid > div { min-height: 104px; padding: 16px !important; }
  body[data-page^="dashboard-"] footer { padding-left: 16px !important; padding-right: 16px !important; }
  [class*="grid-cols-5"], [class*="grid-cols-6"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .overflow-x-auto { margin-left: -2px; margin-right: -2px; }
}

@media (max-width: 420px) {
  body[data-page^="dashboard-"] section.grid { grid-template-columns: 1fr !important; }
}

/* 补充页面：官网内容页 */
body[data-shell="public"] {
  min-height: 100vh;
  color: var(--bx-ink);
  background: var(--bx-bg) !important;
}
body[data-shell="public"] header {
  position: sticky;
  top: 0;
  z-index: 50;
  color: var(--bx-ink);
  border-color: #edf0f5 !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 5px 22px rgba(42,69,110,.055);
  backdrop-filter: blur(16px);
}
body[data-shell="public"] header > div {
  width: 100%;
  max-width: 1440px !important;
}
body[data-shell="public"] header nav {
  color: #3e4859 !important;
}
body[data-shell="public"] header nav a {
  position: relative;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
body[data-shell="public"] header nav a:hover,
body[data-shell="public"] header nav a.font-medium {
  color: var(--bx-primary) !important;
}
body[data-shell="public"] header nav a.font-medium::after {
  content: "";
  position: absolute;
  left: 25%;
  right: 25%;
  bottom: 0;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--bx-primary), var(--bx-cyan));
}
body[data-shell="public"] header > div > a:last-child.rounded-md {
  min-width: 96px;
  color: #fff !important;
  border: 0 !important;
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
  box-shadow: 0 8px 20px rgba(22,119,255,.22) !important;
}
body[data-shell="public"] main {
  position: relative;
  isolation: isolate;
  width: 100%;
}
body[data-shell="public"] main::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 330px;
  transform: translateX(-50%);
  background: radial-gradient(circle at 84% 10%, rgba(128,104,245,.13), transparent 21rem),
    radial-gradient(circle at 12% 0, rgba(54,169,255,.18), transparent 22rem),
    linear-gradient(130deg, #e6f7ff, #f6f9ff 62%, #f2efff);
}
body[data-shell="public"] main > p:first-child,
body[data-shell="public"] main > div:first-child > p:first-child,
body[data-shell="public"] main > section:first-child > p:first-child {
  display: inline-flex;
  align-items: center;
  min-height: 31px;
  padding: 5px 12px;
  color: var(--bx-primary) !important;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 999px;
  background: rgba(255,255,255,.83) !important;
  box-shadow: 0 6px 16px rgba(44,78,120,.06);
}
body[data-shell="public"] main > h1,
body[data-shell="public"] main > div:first-child h1,
body[data-shell="public"] main > section:first-child h1 {
  color: #0b1018;
  font-size: clamp(34px, 3.3vw, 46px) !important;
  line-height: 1.22 !important;
  letter-spacing: -.035em;
}
body[data-shell="public"] main > h1 + p,
body[data-shell="public"] main > div:first-child h1 + p,
body[data-shell="public"] main > section:first-child h1 + p {
  color: #657286 !important;
  font-size: 16px;
  line-height: 1.85 !important;
}
body[data-shell="public"] main [class*="rounded-xl"][class*="border"],
body[data-shell="public"] main figure[class*="border"] {
  border-color: var(--bx-line) !important;
  border-radius: var(--bx-radius) !important;
  background-color: #fff;
  box-shadow: 0 10px 30px rgba(44,78,120,.065);
}
body[data-shell="public"] main [class*="rounded-xl"][class*="border"]:hover {
  border-color: #cfe1fb !important;
  box-shadow: 0 18px 42px rgba(44,78,120,.105);
}
body[data-shell="public"] main [class*="rounded-lg"][class*="bg-[#FAFCFF]"],
body[data-shell="public"] main [class*="rounded-lg"][class*="bg-[#F7F8FA]"] {
  border: 1px solid #e9eef5;
  background: #f8fafc !important;
}
body[data-shell="public"] main section h2 {
  color: #121926;
  letter-spacing: -.015em;
}
body[data-shell="public"] table {
  border-collapse: separate;
  border-spacing: 0;
}
body[data-shell="public"] table thead {
  color: #657186 !important;
  background: linear-gradient(90deg, #eef5ff, #f8fafc) !important;
}
body[data-shell="public"] table tbody tr:hover {
  background: #f4f8ff;
}
body[data-shell="public"] input,
body[data-shell="public"] select,
body[data-shell="public"] textarea {
  min-height: 42px;
  color: #283447;
  border-color: #dfe5ed !important;
  border-radius: 9px !important;
  background: #fff !important;
}
body[data-shell="public"] input:focus,
body[data-shell="public"] select:focus,
body[data-shell="public"] textarea:focus {
  border-color: #76adf8 !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.1);
}
body[data-shell="public"] .bg-\[\#1677FF\] {
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
}
body[data-shell="public"] footer {
  color: #7c8798 !important;
  border-color: #e5eaf1 !important;
  background: #f3f6fa;
}
body[data-page="services"] main > section {
  position: relative;
  z-index: 0;
}
body[data-page="services"] main > section:not(:first-child) {
  margin-top: 0;
}
body[data-page="services"] [data-service-jump],
body[data-page="services"] [data-service-card] {
  box-shadow: 0 8px 24px rgba(44,78,120,.055);
}
body[data-page="services"] [data-service-jump]:hover,
body[data-page="services"] [data-service-card]:hover {
  transform: translateY(-3px);
}
body[data-page="project-detail"] main > section:first-of-type {
  border-top: 4px solid var(--bx-primary) !important;
}

/* 补充页面：登录后业务工作台 */
body[data-shell="workspace"] {
  min-height: 100vh;
  color: #172033;
  background: #f4f6f9 !important;
}
body[data-shell="workspace"] header {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 50;
  width: 248px;
  height: 100vh;
  color: #172033;
  border-right: 1px solid #e5eaf1 !important;
  background: #fff !important;
  box-shadow: 4px 0 18px rgba(44,78,120,.035);
}
body[data-shell="workspace"] header > div {
  width: 100%;
  height: 100% !important;
  min-height: 100% !important;
  padding: 0 16px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
body[data-shell="workspace"] header > div > a:first-child {
  min-height: 80px;
  padding: 0 10px;
  border-bottom: 1px solid #edf0f5;
  line-height: 1.35;
}
body[data-shell="workspace"] header > div > div:last-child {
  height: calc(100% - 80px);
  padding-top: 15px;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 5px !important;
  overflow-y: auto;
}
body[data-shell="workspace"] header > div > div:last-child::before {
  content: "业务工作台";
  padding: 2px 12px 9px;
  color: #9ba5b5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
}
body[data-shell="workspace"] header > div > div:last-child a {
  min-height: 42px;
  padding: 9px 12px !important;
  color: #616d7f !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: nowrap;
}
body[data-shell="workspace"] header > div > div:last-child a:hover {
  color: var(--bx-primary) !important;
  background: #f0f5ff !important;
}
body[data-shell="workspace"] header > div > div:last-child a:last-child {
  margin-top: auto;
  margin-bottom: 30px;
  color: #fff !important;
  background: var(--bx-primary) !important;
  box-shadow: 0 7px 16px rgba(22,119,255,.2) !important;
  justify-content: center;
}
body[data-page="notifications"][data-shell="workspace"] header a[href^="notifications.html"],
body[data-page="fund-records"][data-shell="workspace"] header a[href^="fund-records.html"],
body[data-page="report-center"][data-shell="workspace"] header a[href^="report-center.html"],
body[data-page="chat"][data-shell="workspace"] header a[href^="chat.html"],
body[data-page="contracts"][data-shell="workspace"] header a[href^="contracts.html"],
body[data-page="risk-alerts"][data-shell="workspace"] header a[href^="risk-alerts.html"] {
  color: var(--bx-primary) !important;
  background: #f0f5ff !important;
  box-shadow: inset 3px 0 0 var(--bx-primary) !important;
  font-weight: 600;
}
body[data-shell="workspace"] main {
  width: auto;
  max-width: none !important;
  min-height: calc(100vh - 64px);
  margin-left: 248px;
  padding: 32px clamp(24px, 3vw, 52px) 58px !important;
  background: radial-gradient(circle at 96% 0, rgba(128,104,245,.055), transparent 24rem);
}
body[data-shell="workspace"] main > * {
  width: 100%;
  max-width: 1400px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body[data-shell="workspace"] main > div:first-child {
  padding: 24px 28px !important;
  border: 1px solid #e0e8f3 !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at 86% 18%, rgba(128,104,245,.13), transparent 17rem),
    linear-gradient(125deg, #e4f8ff, #f5f9ff 60%, #f3edff) !important;
  box-shadow: 0 13px 35px rgba(44,78,120,.08);
}
body[data-shell="workspace"] main > div:first-child h1 {
  color: #101827;
  font-size: 27px !important;
  letter-spacing: -.025em;
}
body[data-shell="workspace"] main > div:first-child p {
  color: #69778a !important;
}
body[data-shell="workspace"] main section,
body[data-shell="workspace"] main aside,
body[data-shell="workspace"] main article,
body[data-shell="workspace"] main [class*="rounded-xl"][class*="border"] {
  border-color: var(--bx-line) !important;
  border-radius: 16px !important;
  background-color: #fff !important;
  box-shadow: 0 8px 25px rgba(44,78,120,.055);
}
body[data-shell="workspace"] main article:hover,
body[data-shell="workspace"] main [class*="rounded-xl"][class*="border"]:hover {
  border-color: #d5e2f3 !important;
  box-shadow: 0 15px 36px rgba(44,78,120,.095);
}
body[data-shell="workspace"] main [class*="rounded-lg"][class*="bg-[#FAFCFF]"],
body[data-shell="workspace"] main [class*="rounded-lg"][class*="bg-[#F7F8FA]"] {
  border: 1px solid #e9eef5;
  background: #f8fafc !important;
}
body[data-shell="workspace"] table thead {
  color: #657186 !important;
  background: linear-gradient(90deg, #eef5ff, #f8fafc) !important;
}
body[data-shell="workspace"] table tbody tr:hover {
  background: #f4f8ff;
}
body[data-shell="workspace"] input,
body[data-shell="workspace"] select,
body[data-shell="workspace"] textarea {
  min-height: 42px;
  border-color: #dfe5ed !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
}
body[data-shell="workspace"] input:focus,
body[data-shell="workspace"] select:focus,
body[data-shell="workspace"] textarea:focus {
  border-color: #76adf8 !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.1);
}
body[data-shell="workspace"] .bg-\[\#1677FF\] {
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
}
body[data-shell="workspace"] footer {
  margin-left: 248px;
  padding-left: 28px !important;
  padding-right: 28px !important;
  color: #858f9f !important;
  background: #f4f6f9;
}

/* 补充页面：登录 / 注册 */
body[data-shell="auth"] {
  min-height: 100vh;
  background: radial-gradient(circle at 82% 22%, rgba(128,104,245,.14), transparent 24rem),
    radial-gradient(circle at 14% 14%, rgba(54,169,255,.2), transparent 25rem),
    linear-gradient(135deg, #e9f7ff, #f6f9ff 58%, #f2efff) !important;
}
body[data-shell="auth"] main {
  min-height: calc(100vh - 64px);
}
body[data-shell="auth"] main > section:first-child h1 {
  color: #0b1018;
  font-size: clamp(38px, 4vw, 52px) !important;
  line-height: 1.18 !important;
  letter-spacing: -.04em;
}
body[data-shell="auth"] main > section:first-child h1 span {
  color: transparent !important;
  background: linear-gradient(90deg, #125bcc, var(--bx-primary) 56%, var(--bx-cyan));
  -webkit-background-clip: text;
  background-clip: text;
}
body[data-shell="auth"] main > section:last-child {
  padding: 30px !important;
  border-color: rgba(255,255,255,.88) !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 28px 68px rgba(64,96,150,.15) !important;
  backdrop-filter: blur(14px);
}
body[data-shell="auth"] input,
body[data-shell="auth"] select {
  min-height: 46px;
  border-color: #dfe5ed !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}
body[data-shell="auth"] input:focus,
body[data-shell="auth"] select:focus {
  border-color: #76adf8 !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.1);
}
body[data-shell="auth"] form > button.bg-\[\#1677FF\] {
  min-height: 46px;
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
  box-shadow: 0 10px 24px rgba(22,119,255,.2);
}
body[data-shell="auth"] footer {
  color: #7b8797 !important;
}

@media (min-width: 1101px) {
  body[data-shell="public"] header > div {
    min-height: 0 !important;
    height: 72px !important;
    padding: 0 24px !important;
    gap: 24px;
    flex-wrap: nowrap;
  }
  body[data-shell="public"] header > div > a:first-child,
  body[data-shell="public"] header > div > a:last-child {
    height: 72px;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }
  body[data-shell="public"] header nav {
    order: initial;
    width: auto;
    min-width: 0;
    height: 72px;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: flex-start;
    gap: 0 !important;
  }
  body[data-shell="public"] header nav a {
    height: 72px;
    padding: 0 11px;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1100px) {
  body[data-shell="public"] header > div {
    min-height: 0 !important;
    height: auto !important;
    padding: 11px 18px 8px !important;
    gap: 10px 14px;
    flex-wrap: wrap;
  }
  body[data-shell="public"] header nav {
    order: 3;
    width: 100%;
    padding: 8px 0 2px;
    gap: 22px !important;
    display: flex !important;
    overflow-x: auto;
    scrollbar-width: none;
  }
  body[data-shell="public"] header nav::-webkit-scrollbar {
    display: none;
  }
  body[data-shell="workspace"] header {
    position: sticky;
    inset: auto;
    width: 100%;
    height: auto;
  }
  body[data-shell="workspace"] header > div {
    min-height: 0 !important;
    height: auto !important;
    padding: 10px 16px !important;
    flex-direction: row !important;
    flex-wrap: wrap;
  }
  body[data-shell="workspace"] header > div > a:first-child {
    min-height: 44px;
    border: 0;
  }
  body[data-shell="workspace"] header > div > div:last-child {
    width: 100%;
    height: auto;
    padding: 7px 0 0;
    flex-direction: row !important;
    overflow-x: auto;
    border-top: 1px solid #edf0f5;
    background: #fafbfd;
  }
  body[data-shell="workspace"] header > div > div:last-child::before {
    display: none;
  }
  body[data-shell="workspace"] header > div > div:last-child a {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  body[data-shell="workspace"] header > div > div:last-child a:last-child {
    margin-top: 0;
    margin-bottom: 0;
  }
  body[data-page="notifications"][data-shell="workspace"] header a[href^="notifications.html"],
  body[data-page="fund-records"][data-shell="workspace"] header a[href^="fund-records.html"],
  body[data-page="report-center"][data-shell="workspace"] header a[href^="report-center.html"],
  body[data-page="chat"][data-shell="workspace"] header a[href^="chat.html"],
  body[data-page="contracts"][data-shell="workspace"] header a[href^="contracts.html"],
  body[data-page="risk-alerts"][data-shell="workspace"] header a[href^="risk-alerts.html"] {
    box-shadow: inset 0 -3px 0 var(--bx-primary) !important;
  }
  body[data-shell="workspace"] main,
  body[data-shell="workspace"] footer {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  body[data-shell="public"] main {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body[data-page="services"] main {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body[data-page="services"] main > section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body[data-shell="public"] main > h1,
  body[data-shell="public"] main > div:first-child h1,
  body[data-shell="public"] main > section:first-child h1 {
    font-size: 32px !important;
  }
  body[data-shell="public"] main [class*="p-8"],
  body[data-shell="public"] main [class*="p-7"],
  body[data-shell="public"] main [class*="p-6"] {
    padding: 18px !important;
  }
  body[data-shell="workspace"] main {
    padding: 18px 14px 42px !important;
  }
  body[data-shell="workspace"] main > div:first-child,
  body[data-shell="workspace"] main section,
  body[data-shell="workspace"] main aside,
  body[data-shell="workspace"] main article {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
  body[data-shell="workspace"] main > div:first-child h1 {
    font-size: 23px !important;
  }
  body[data-shell="workspace"] footer {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body[data-shell="auth"] main {
    padding: 28px 16px 18px !important;
  }
  body[data-shell="auth"] main > section:last-child {
    padding: 20px !important;
  }
}

/* 官网登录按钮统一采用首页规格 */
body[data-page="home"] header > div > div:last-child > a.rounded-md,
body[data-page="projects"] header > div > a:last-child.rounded-md,
body[data-page="task-center"] header > div > div:last-child > a.rounded-md,
body[data-shell="public"] header > div > a:last-child.rounded-md {
  width: 106px;
  min-width: 106px;
  height: 40px !important;
  min-height: 40px;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, var(--bx-primary), var(--bx-primary-light)) !important;
  box-shadow: 0 8px 20px rgba(22,119,255,.22) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1;
  white-space: nowrap;
  flex: 0 0 106px;
}

/* 本轮仅处理截图中的两处细节，不调整其他页面视觉 */
body[data-page="projects"] table th {
  white-space: nowrap;
}
body[data-page="projects"] table th:nth-child(3),
body[data-page="projects"] table td:nth-child(3) {
  min-width: 92px;
  white-space: nowrap;
}
body[data-page="projects"] table td:nth-child(3) > span {
  min-width: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  line-height: 1.2;
}

body[data-page="services"] #market-list > div.mt-6 {
  gap: 28px !important;
}
body[data-page="services"] #market-list aside {
  width: 240px !important;
}
body[data-page="services"] #market-list aside > div {
  position: static !important;
  padding: 12px 10px !important;
  border-color: #e1e8f1 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(35,68,112,.07) !important;
}
body[data-page="services"] #market-list aside > div > p {
  margin: 0 4px 7px;
  padding: 6px 10px 11px !important;
  color: #334155 !important;
  border-bottom: 1px solid #edf1f6;
  font-size: 13px !important;
  font-weight: 600 !important;
}
body[data-page="services"] button[data-cat-btn] {
  min-height: 40px;
  margin: 1px 0;
  padding: 0 12px !important;
  color: #56657a !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  white-space: nowrap;
}
body[data-page="services"] button[data-cat-btn]:hover {
  color: #1677ff !important;
  background: #f5f8fc !important;
}
body[data-page="services"] button[data-cat-btn].bg-\[\#E8F3FF\] {
  color: #1268d8 !important;
  background: #edf5ff !important;
  box-shadow: inset 3px 0 0 #1677ff !important;
  font-weight: 600 !important;
}
body[data-page="services"] button[data-cat-btn] [data-cat-count] {
  min-width: 22px;
  padding: 0 !important;
  color: #98a3b3 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 11px !important;
  font-variant-numeric: tabular-nums;
}
body[data-page="services"] button[data-cat-btn].bg-\[\#E8F3FF\] [data-cat-count] {
  color: #1677ff !important;
  background: transparent !important;
}

/* 本轮：官网密度、双边合作视觉、列表首屏、页脚与入驻页统一优化 */
body[data-page="home"] main > section:not(:first-child) > div {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}
body[data-page="home"] main > section:nth-child(2) > div,
body[data-page="home"] main > section:nth-child(4) > div,
body[data-page="home"] main > section:nth-child(5) > div,
body[data-page="home"] main > section:nth-child(6) > div {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}
body[data-page="home"] main section .mb-10 { margin-bottom: 30px !important; }

/* 首页模块节奏：标题、正文与内容区使用统一间距，避免多层 padding 形成大块空白 */
body[data-page="home"] main > section:nth-child(n+2) > div {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
body[data-page="home"] main > section:nth-child(2) > div,
body[data-page="home"] main > section:nth-child(3) > div,
body[data-page="home"] main > section:nth-child(4) > div,
body[data-page="home"] main > section:nth-child(5) > div,
body[data-page="home"] main > section:nth-child(6) > div {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}
body[data-page="home"] main > section:nth-child(2) .mb-10,
body[data-page="home"] main > section:nth-child(3) .mb-10,
body[data-page="home"] main > section:nth-child(4) .mb-10,
body[data-page="home"] main > section:nth-child(6) .mb-10,
body[data-page="home"] main > section:nth-child(7) .mb-10 {
  margin-bottom: 32px !important;
}

/* 核心优势与数据大盘：标题信息左右分布，充分利用宽屏空间 */
body[data-page="home"] main > section:nth-child(2) .mb-10,
body[data-page="home"] main > section:nth-child(3) .mb-10 {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
  align-items: end !important;
  gap: 48px !important;
}
body[data-page="home"] main > section:nth-child(2) .mb-10 > div,
body[data-page="home"] main > section:nth-child(3) .mb-10 > div {
  min-width: 0;
}
body[data-page="home"] .home-section-summary,
body[data-page="home"] .home-data-heading > p:last-child {
  align-self: end;
  max-width: 520px !important;
  margin: 0 0 1px !important;
  padding-left: 24px;
  border-left: 2px solid #dbe9fb;
  color: #6f7d90 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}
body[data-page="home"] .home-section-summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
body[data-page="home"] .home-section-summary > a {
  border-color: #cfe1fb !important;
  box-shadow: 0 8px 20px rgba(22,119,255,.08);
}

/* 平台数据大盘：收紧整体高度，扩大右侧可视化占比 */
body[data-page="home"] main > section:nth-child(3) {
  padding: 0 !important;
  background: #f5f7fa;
}
body[data-page="home"] main > section:nth-child(3) > div {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}
body[data-page="home"] main > section:nth-child(3) > div > .grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr) !important;
  gap: 20px !important;
}
body[data-page="home"] main > section:nth-child(3) > div > .grid > div {
  min-height: 248px;
  padding: 20px !important;
  border-color: #e1e8f2 !important;
  border-radius: 18px !important;
  background: #f8fbff !important;
}
body[data-page="home"] main > section:nth-child(3) > div > .grid > div > div {
  display: flex;
  min-height: 94px;
  flex-direction: column;
  justify-content: center;
  padding: 18px 20px !important;
  border: 1px solid #edf1f7;
  box-shadow: 0 8px 20px rgba(44,78,120,.045);
}
body[data-page="home"] main > section:nth-child(3) figure {
  position: relative;
  min-height: 248px;
  overflow: hidden;
  justify-content: stretch !important;
  padding: 0 !important;
  border-color: #dce7f5 !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg,#edf5ff,#f7f4ff) !important;
  box-shadow: 0 14px 32px rgba(44,78,120,.08);
}
body[data-page="home"] main > section:nth-child(3) figure > div {
  width: 100% !important;
  height: 100% !important;
  min-height: 248px;
  border-radius: 0 !important;
  background: #eef5ff !important;
}
body[data-page="home"] main > section:nth-child(3) figure img {
  width: 100% !important;
  height: 100% !important;
  min-height: 248px;
  object-fit: cover !important;
  transform: scale(1.03);
}
body[data-page="home"] main > section:nth-child(3) figure figcaption {
  position: absolute;
  right: 18px;
  bottom: 16px;
  left: 18px;
  padding: 11px 14px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 10px;
  color: #53657d !important;
  background: rgba(255,255,255,.86);
  box-shadow: 0 8px 24px rgba(35,71,116,.1);
  backdrop-filter: blur(10px);
}

body[data-page="home"] main > section:has(.business-logic-visual) .grid.lg\:grid-cols-\[1\.05fr_\.95fr\] {
  grid-template-columns: minmax(0, 1.06fr) minmax(420px, .94fr) !important;
  gap: 56px !important;
}
.business-logic-visual {
  position: relative;
  min-height: 390px;
  overflow: hidden;
  border: 1px solid #dbe8f8;
  border-radius: 24px;
  background: radial-gradient(circle at 50% 48%, rgba(22,119,255,.16), transparent 29%), linear-gradient(145deg,#f8fbff,#eef5ff 58%,#f7f4ff);
  box-shadow: 0 24px 55px rgba(44,78,120,.12);
}
.business-logic-visual::before { content:""; position:absolute; inset:22px; border:1px dashed #c7daf2; border-radius:18px; }
.logic-party,.logic-hub { position:absolute; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.logic-party { top:82px; width:124px; height:142px; border:1px solid #dfe8f3; border-radius:18px; background:#fff; box-shadow:0 12px 28px rgba(44,78,120,.1); }
.logic-party-project { left:32px; } .logic-party-investor { right:32px; }
.logic-party iconify-icon { font-size:30px; color:#1677ff; } .logic-party span { margin-top:11px; font-weight:700; } .logic-party small { margin-top:5px; color:#86909c; font-size:11px; }
.logic-hub { left:50%; top:58px; width:150px; height:190px; transform:translateX(-50%); border-radius:26px; color:#fff; background:linear-gradient(145deg,#126be9,#5b8cff 65%,#7668e8); box-shadow:0 20px 42px rgba(22,119,255,.28); }
.logic-logo { display:flex; align-items:center; justify-content:center; width:54px; height:54px; margin-bottom:14px; border-radius:16px; color:#1677ff; background:#fff; font-size:27px; }
.logic-hub strong { font-size:19px; } .logic-hub small { margin-top:7px; color:#dbeaff; }
.logic-flow { position:absolute; z-index:1; top:146px; height:2px; background:#79aef4; }
.logic-flow-left { left:150px; right:calc(50% + 73px); } .logic-flow-right { left:calc(50% + 73px); right:150px; }
.logic-flow span { position:absolute; top:-26px; left:50%; transform:translateX(-50%); padding:3px 8px; border-radius:999px; white-space:nowrap; color:#53749c; background:#f5f9ff; font-size:10px; }
.business-logic-visual figcaption { position:absolute; left:38px; right:38px; bottom:34px; padding:16px 18px; border-radius:13px; color:#52627a; background:rgba(255,255,255,.82); text-align:center; font-size:12px; line-height:1.7; backdrop-filter:blur(8px); }

/* 三个信息型页面首屏压缩：保留筛选能力，让列表内容提前露出 */
body[data-page="projects"] main { padding-top: 30px !important; }
body[data-page="projects"] main > p:first-child { margin-bottom: 2px !important; }
body[data-page="projects"] main > h1 { margin-top: 4px !important; font-size: 28px !important; }
body[data-page="projects"] main > h1 + p { margin-top: 8px !important; max-width: 980px; font-size: 13px; line-height: 1.65 !important; }
body[data-page="projects"] main > section:first-of-type { margin-top: 14px !important; padding: 12px !important; max-height:none; overflow:visible; }
body[data-page="projects"] #filter-panel { grid-template-columns: repeat(5,minmax(0,1fr)) !important; gap: 8px !important; }
body[data-page="projects"] #filter-panel > div { min-height:0; padding:9px; }
body[data-page="projects"] #filter-panel > div > div { flex-wrap:wrap !important; overflow:visible; }
body[data-page="projects"] #filter-panel button { flex:0 0 auto; min-height:25px; padding:3px 8px !important; font-size:11px !important; }
body[data-page="projects"] main > section:nth-of-type(2) { margin-top: 18px !important; }

body[data-page="task-center"] main > section:first-child { padding-top: 30px !important; padding-bottom: 14px !important; }
body[data-page="task-center"] main > section:first-child h1 { margin-top:4px !important; font-size:28px !important; }
body[data-page="task-center"] main > section:first-child h1 + p { margin-top:8px !important; max-width:980px; font-size:13px; line-height:1.65 !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body[data-page="task-center"] main > section:first-child .grid { margin-top:14px !important; gap:10px !important; }
body[data-page="task-center"] main > section:first-child .grid > div { min-height:auto; padding:12px 16px !important; }
body[data-page="task-center"] main > section:first-child .grid p.mt-2 { margin-top:4px !important; font-size:20px !important; }
body[data-page="task-center"] #task-filter > div { max-height:none; overflow:visible; padding:12px 16px !important; }
body[data-page="task-center"] #task-filter .mt-5 { margin-top:12px !important; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px !important; }
body[data-page="task-center"] #task-filter .mt-5 > div { display:block !important; min-width:0; min-height:96px; margin-top:0 !important; padding:11px 12px; border:1px solid #e9eef5; border-radius:10px; background:#fafcff; }
body[data-page="task-center"] #task-filter .mt-5 > div > span { display:block; width:auto !important; padding:0 !important; margin-bottom:8px; color:#718096 !important; font-weight:500; line-height:20px; }
body[data-page="task-center"] #task-filter .mt-5 > div > div { align-content:flex-start; gap:6px !important; flex-wrap:wrap !important; overflow:visible; }
body[data-page="task-center"] #task-filter button[data-task-group] { flex:0 0 auto; min-height:25px; padding:3px 8px !important; font-size:11px !important; }
body[data-page="task-center"] #task-list { padding-top:18px !important; }

body[data-page="services"] main > section:first-child > div { padding-top:24px !important; padding-bottom:20px !important; }
body[data-page="services"] main > section:first-child h1 { margin-top:4px !important; font-size:28px !important; }
body[data-page="services"] main > section:first-child h1 + p { margin-top:7px !important; }
body[data-page="services"] main > section:first-child .mt-6 { margin-top:14px !important; }
body[data-page="services"] main > section:first-child .mt-5 { margin-top:10px !important; }
body[data-page="services"] #market-sticky-nav > div:last-child { padding-top:0 !important; padding-bottom:0 !important; }
body[data-page="services"] #market-sticky-nav nav a { transition:all .18s ease; }
body[data-page="services"] #market-sticky-nav nav a:hover { color:#1677ff !important; border-color:#b9d5fb !important; background:#edf5ff !important; }
body[data-page="services"] #market-filter { padding-top:12px !important; }
body[data-page="services"] #filter-panel { max-height:none; overflow:visible; padding:12px 16px !important; }
body[data-page="services"] #filter-panel > div:nth-child(2) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px !important; }
body[data-page="services"] #filter-panel > div:nth-child(2) > div { display:block !important; min-width:0; min-height:92px; padding:11px 12px; border:1px solid #e9eef5; border-radius:10px; background:#fafcff; }
body[data-page="services"] #filter-panel > div:nth-child(2) > div > span { display:block; width:auto !important; margin:0 0 8px !important; color:#718096 !important; font-weight:500; line-height:20px; }
body[data-page="services"] #filter-panel > div:nth-child(2) > div > div { align-content:flex-start; flex-wrap:wrap !important; overflow:visible; gap:6px !important; }
body[data-page="services"] #filter-panel button[data-filter-group] { flex:0 0 auto; padding:3px 8px !important; font-size:11px !important; }
body[data-page="services"] #market-list { padding-top:18px !important; }
body[data-page="services"] #market-list aside { position:sticky; top:132px; align-self:flex-start; max-height:none; overflow:visible; }

/* 应用服务市场：移除顶部服务分区导航与筛选模块，清单直接承接头部 */
body[data-page="services"] #market-sticky-nav,
body[data-page="services"] #market-filter {
  display:none !important;
}
body[data-page="services"] #market-list {
  padding-top:26px !important;
}
body[data-page="services"] #market-list aside {
  top:84px;
}

.site-footer { color:#6f7c8f !important; background:#f5f7fa !important; }
.site-footer-grid { width:min(1280px,100%); margin:0 auto; padding:42px 24px 34px; display:grid; grid-template-columns:1.65fr repeat(3,1fr); gap:52px; }
.site-footer-grid h3 { margin:0 0 16px; color:#202b3c; font-size:14px; font-weight:700; }
.site-footer-grid a { display:block; margin-top:10px; color:#748195 !important; font-size:13px; transition:color .18s ease; }
.site-footer-grid a:hover { color:#1677ff !important; }
.site-footer-brand p { max-width:390px; margin-top:16px; font-size:13px; line-height:1.8; }
.site-footer-brand iconify-icon {
  color:#fff !important;
  fill:#fff !important;
}
.site-record { padding:16px 24px; border-top:1px solid #e3e8ef; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px 22px; color:#9099a8; background:#eef2f6; font-size:11px; line-height:1.6; }
.site-record a { color:#7e8999 !important; }
.site-record-compact { margin-top:18px; margin-left:-24px; margin-right:-24px; margin-bottom:-24px; }

body[data-page^="dashboard-"] header > div > div:last-child a[href="login.html"] { margin-top:auto !important; margin-bottom:0 !important; color:#fff !important; background:#1677ff !important; box-shadow:0 7px 16px rgba(22,119,255,.2) !important; justify-content:center; }
body[data-page^="dashboard-"] header > div > div:last-child a[href="home.html"] { margin-top:4px !important; color:#69778a !important; background:transparent !important; box-shadow:none !important; justify-content:center; }
body[data-page^="dashboard-"] header > div > div:last-child a[data-dashboard-home] { color:var(--dash-accent) !important; background:#f3f7fc !important; font-weight:600; }

/* 后台侧栏：三个首页与六个业务页使用完全一致的菜单和底部操作 */
body[data-page^="dashboard-"] header > div > div:last-child a[data-current="true"],
body[data-shell="workspace"] header > div > div:last-child a[data-current="true"] {
  color:#1677ff !important;
  background:#f0f5ff !important;
  box-shadow:inset 3px 0 0 #1677ff !important;
  font-weight:600;
}
body[data-page^="dashboard-"] header > div > div:last-child a[data-side-action="logout"],
body[data-shell="workspace"] header > div > div:last-child a[data-side-action="logout"] {
  margin-top:auto !important;
  margin-bottom:0 !important;
  color:#fff !important;
  background:#1677ff !important;
  box-shadow:0 8px 18px rgba(22,119,255,.22) !important;
  justify-content:center;
  font-weight:600;
}
body[data-page^="dashboard-"] header > div > div:last-child a[data-side-action="logout"]:hover,
body[data-shell="workspace"] header > div > div:last-child a[data-side-action="logout"]:hover {
  color:#fff !important;
  background:#126ee8 !important;
}
body[data-page^="dashboard-"] header > div > div:last-child a[data-side-action="home"],
body[data-shell="workspace"] header > div > div:last-child a[data-side-action="home"] {
  margin-top:4px !important;
  margin-bottom:30px !important;
  color:#667286 !important;
  background:transparent !important;
  box-shadow:none !important;
  justify-content:center;
}
body[data-page^="dashboard-"] header > div > div:last-child a[data-side-action="home"]:hover,
body[data-shell="workspace"] header > div > div:last-child a[data-side-action="home"]:hover {
  color:#1677ff !important;
  background:transparent !important;
}

/* 首页 Banner 下方模块统一标题层级和垂直节奏 */
body[data-page="home"] main > section:not(:first-child) {
  padding-top:0 !important;
  padding-bottom:0 !important;
}
body[data-page="home"] main > section:not(:first-child) > div {
  padding-top:56px !important;
  padding-bottom:56px !important;
}
body[data-page="home"] main p.tracking-\[0\.2em\] {
  display:inline-flex;
  align-items:center;
  min-height:24px;
  margin:0 !important;
  color:#1677ff !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:24px !important;
  letter-spacing:.08em !important;
}
body[data-page="home"] main p.tracking-\[0\.2em\] + h2 {
  margin-top:9px !important;
  line-height:1.28 !important;
}
body[data-page="home"] main p.tracking-\[0\.2em\] + h2 + p {
  margin-top:12px !important;
}
body[data-page="home"] main section .mb-10 { margin-bottom:34px !important; }

@media (max-width: 1023px) {
  body[data-page="home"] .home-feature-heading,
  body[data-page="home"] .home-data-heading {
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:18px !important;
  }
  body[data-page="home"] .home-section-summary,
  body[data-page="home"] .home-data-heading > p:last-child {
    max-width:680px !important;
    padding-left:18px;
  }
  body[data-page="home"] main > section:nth-child(3) > div > .grid {
    grid-template-columns:1fr !important;
  }
  body[data-page="home"] main > section:nth-child(3) figure,
  body[data-page="home"] main > section:nth-child(3) figure > div,
  body[data-page="home"] main > section:nth-child(3) figure img {
    min-height:280px;
  }
  body[data-page="home"] main > section:has(.business-logic-visual) .grid.lg\:grid-cols-\[1\.05fr_\.95fr\] { grid-template-columns:1fr !important; }
  .business-logic-visual { min-height:360px; }
  .site-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
}
@media (max-width: 1199px) and (min-width: 641px) {
  body[data-page="task-center"] #task-filter .mt-5 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-page="services"] #filter-panel > div:nth-child(2) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  body[data-page="home"] main > section:not(:first-child) > div { padding-top:44px !important; padding-bottom:44px !important; }
  .business-logic-visual { min-height:420px; }
  .logic-party { top:66px; width:104px; height:128px; }
  .logic-party-project { left:18px; } .logic-party-investor { right:18px; }
  .logic-hub { top:215px; height:150px; }
  .logic-flow { display:none; }
  .business-logic-visual figcaption { display:none; }
  .site-footer-grid { grid-template-columns:1fr 1fr; padding:34px 20px 28px; gap:28px 18px; }
  .site-footer-brand { grid-column:1 / -1; }
  body[data-page="projects"] #filter-panel { grid-template-columns:1fr !important; }
  body[data-page="projects"] #filter-panel > div > div,
  body[data-page="task-center"] #task-filter .mt-5 > div > div,
  body[data-page="services"] #filter-panel > div:nth-child(2) > div > div { flex-wrap:wrap !important; overflow:visible; }
  body[data-page="task-center"] #task-filter .mt-5,
  body[data-page="services"] #filter-panel > div:nth-child(2) { grid-template-columns:1fr !important; }
  body[data-page="services"] #market-list aside { position:static; max-height:none; overflow:visible; }
  body[data-page="home"] main > section:not(:first-child) > div { padding-top:46px !important; padding-bottom:46px !important; }
  body[data-page="home"] .home-feature-heading,
  body[data-page="home"] .home-data-heading { gap:14px !important; }
  body[data-page="home"] .home-section-summary,
  body[data-page="home"] .home-data-heading > p:last-child {
    padding-left:14px;
    font-size:13px !important;
  }
  body[data-page="home"] main > section:nth-child(3) > div > .grid > div {
    grid-template-columns:1fr !important;
    min-height:0;
    padding:14px !important;
  }
  body[data-page="home"] main > section:nth-child(3) figure,
  body[data-page="home"] main > section:nth-child(3) figure > div,
  body[data-page="home"] main > section:nth-child(3) figure img { min-height:220px; }
}