/* 修图咖统一设计系统：视觉层增量覆盖，不改变业务逻辑。 */
:root {
  --ds-bg: #07111f; --ds-bg-deep: #050c17;
  --ds-surface: rgba(16,32,54,.92); --ds-surface-strong: #10233c; --ds-surface-soft: rgba(22,45,74,.72);
  --ds-line: rgba(123,170,224,.22); --ds-line-strong: rgba(94,151,216,.46);
  --ds-text: #f5f9ff; --ds-muted: #a3b7ce; --ds-faint: #7890ad;
  --ds-primary: #347cf4; --ds-primary-strong: #1f63df; --ds-cyan: #28d5f2;
  --ds-success: #3dd39b; --ds-danger: #ef6f7e;
  --ds-radius-sm: 12px; --ds-radius: 18px; --ds-radius-lg: 26px;
  --ds-shadow: 0 24px 64px rgba(0,8,20,.34); --ds-shadow-soft: 0 14px 36px rgba(0,10,25,.22);
  --ds-ease: cubic-bezier(.2,.78,.24,1);
}
body.home-body,body.login-body,body.su-body,body.account-body,body.workspace-body,body.billing-body,body.platform-body,body.intake-body,body.collect-body {
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  color:var(--ds-text); text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  scrollbar-color:#36577f rgba(5,13,25,.35);
}
body.home-body,body.login-body,body.su-body,body.account-body,body.workspace-body,body.billing-body,body.platform-body,body.intake-body,body.collect-body { background-color:var(--ds-bg); }
body.home-body ::selection,body.login-body ::selection,body.su-body ::selection,body.account-body ::selection,body.workspace-body ::selection,body.billing-body ::selection,body.platform-body ::selection,body.intake-body ::selection,body.collect-body ::selection { background:rgba(52,124,244,.38); color:#fff; }
body.home-body ::-webkit-scrollbar,body.login-body ::-webkit-scrollbar,body.su-body ::-webkit-scrollbar,body.account-body ::-webkit-scrollbar,body.workspace-body ::-webkit-scrollbar,body.billing-body ::-webkit-scrollbar,body.platform-body ::-webkit-scrollbar,body.intake-body ::-webkit-scrollbar,body.collect-body ::-webkit-scrollbar { width:10px; height:10px; }
body.home-body ::-webkit-scrollbar-track,body.login-body ::-webkit-scrollbar-track,body.su-body ::-webkit-scrollbar-track,body.account-body ::-webkit-scrollbar-track,body.workspace-body ::-webkit-scrollbar-track,body.billing-body ::-webkit-scrollbar-track,body.platform-body ::-webkit-scrollbar-track,body.intake-body ::-webkit-scrollbar-track,body.collect-body ::-webkit-scrollbar-track { background:rgba(5,13,25,.34); }
body.home-body ::-webkit-scrollbar-thumb,body.login-body ::-webkit-scrollbar-thumb,body.su-body ::-webkit-scrollbar-thumb,body.account-body ::-webkit-scrollbar-thumb,body.workspace-body ::-webkit-scrollbar-thumb,body.billing-body ::-webkit-scrollbar-thumb,body.platform-body ::-webkit-scrollbar-thumb,body.intake-body ::-webkit-scrollbar-thumb,body.collect-body ::-webkit-scrollbar-thumb { border:2px solid transparent; border-radius:999px; background:#36577f; background-clip:padding-box; }

/* 表单：统一提高可读性，不再使用接近纯黑的输入框。 */
body.home-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.home-body textarea,body.home-body select,
body.login-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.login-body textarea,body.login-body select,
body.su-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.su-body textarea,body.su-body select,
body.account-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.account-body textarea,body.account-body select,
body.workspace-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.workspace-body textarea,body.workspace-body select,
body.billing-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.billing-body textarea,body.billing-body select,
body.platform-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.platform-body textarea,body.platform-body select,
body.intake-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.intake-body textarea,body.intake-body select,
body.collect-body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.collect-body textarea,body.collect-body select {
  border:1px solid rgba(105,151,207,.52)!important; border-radius:13px!important; background:rgba(20,39,63,.94)!important; color:#f7fbff!important;
  caret-color:var(--ds-cyan); box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:border-color .2s var(--ds-ease),background .2s var(--ds-ease),box-shadow .2s var(--ds-ease),transform .2s var(--ds-ease)!important;
}
body.home-body textarea,body.login-body textarea,body.su-body textarea,body.account-body textarea,body.workspace-body textarea,body.billing-body textarea,body.platform-body textarea,body.intake-body textarea,body.collect-body textarea { padding-top:12px; padding-bottom:12px; }
body.home-body input:hover:not(:disabled),body.home-body textarea:hover:not(:disabled),body.home-body select:hover:not(:disabled),
body.login-body input:hover:not(:disabled),body.login-body textarea:hover:not(:disabled),body.login-body select:hover:not(:disabled),
body.su-body input:hover:not(:disabled),body.su-body textarea:hover:not(:disabled),body.su-body select:hover:not(:disabled),
body.account-body input:hover:not(:disabled),body.account-body textarea:hover:not(:disabled),body.account-body select:hover:not(:disabled),
body.workspace-body input:hover:not(:disabled),body.workspace-body textarea:hover:not(:disabled),body.workspace-body select:hover:not(:disabled),
body.billing-body input:hover:not(:disabled),body.billing-body textarea:hover:not(:disabled),body.billing-body select:hover:not(:disabled),
body.platform-body input:hover:not(:disabled),body.platform-body textarea:hover:not(:disabled),body.platform-body select:hover:not(:disabled),
body.intake-body input:hover:not(:disabled),body.intake-body textarea:hover:not(:disabled),body.intake-body select:hover:not(:disabled),
body.collect-body input:hover:not(:disabled),body.collect-body textarea:hover:not(:disabled),body.collect-body select:hover:not(:disabled) { border-color:rgba(103,175,246,.72)!important; background:rgba(24,47,75,.98)!important; }
body.home-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.home-body textarea:focus,body.home-body select:focus,
body.login-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.login-body textarea:focus,body.login-body select:focus,
body.su-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.su-body textarea:focus,body.su-body select:focus,
body.account-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.account-body textarea:focus,body.account-body select:focus,
body.workspace-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.workspace-body textarea:focus,body.workspace-body select:focus,
body.billing-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.billing-body textarea:focus,body.billing-body select:focus,
body.platform-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.platform-body textarea:focus,body.platform-body select:focus,
body.intake-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.intake-body textarea:focus,body.intake-body select:focus,
body.collect-body input:focus:not([type="checkbox"]):not([type="radio"]):not([type="range"]),body.collect-body textarea:focus,body.collect-body select:focus {
  border-color:#64c9ff!important; background:rgba(22,45,73,1)!important; box-shadow:0 0 0 3px rgba(69,169,255,.17),inset 0 1px 0 rgba(255,255,255,.04)!important; outline:none!important;
}
body.home-body input::placeholder,body.home-body textarea::placeholder,body.login-body input::placeholder,body.login-body textarea::placeholder,body.su-body input::placeholder,body.su-body textarea::placeholder,body.account-body input::placeholder,body.account-body textarea::placeholder,body.workspace-body input::placeholder,body.workspace-body textarea::placeholder,body.billing-body input::placeholder,body.billing-body textarea::placeholder,body.platform-body input::placeholder,body.platform-body textarea::placeholder,body.intake-body input::placeholder,body.intake-body textarea::placeholder,body.collect-body input::placeholder,body.collect-body textarea::placeholder { color:#8ea7c3!important; opacity:1; }
body.home-body select option,body.login-body select option,body.su-body select option,body.account-body select option,body.workspace-body select option,body.billing-body select option,body.platform-body select option,body.intake-body select option,body.collect-body select option { background:#10233c; color:#f5f9ff; }
body.home-body input[type="checkbox"],body.home-body input[type="radio"],body.workspace-body input[type="checkbox"],body.workspace-body input[type="radio"],body.platform-body input[type="checkbox"],body.platform-body input[type="radio"],body.intake-body input[type="checkbox"],body.intake-body input[type="radio"],body.collect-body input[type="checkbox"],body.collect-body input[type="radio"] { accent-color:var(--ds-primary); }
body.home-body input:disabled,body.home-body textarea:disabled,body.home-body select:disabled,body.login-body input:disabled,body.su-body input:disabled,body.account-body input:disabled,body.workspace-body input:disabled,body.workspace-body textarea:disabled,body.workspace-body select:disabled,body.billing-body input:disabled,body.platform-body input:disabled,body.intake-body input:disabled,body.collect-body input:disabled { opacity:.62; cursor:not-allowed; }

/* 按钮：保留功能差异，统一尺寸、圆角和反馈。 */
body.home-body .btn,body.login-body .btn,body.su-body .btn,body.account-body .btn,body.workspace-body .btn,body.billing-body .btn,body.platform-body .btn,body.intake-body .btn,body.collect-body .btn {
  min-height:44px; border-radius:13px!important; clip-path:none!important; font-weight:800; letter-spacing:.01em;
  transition:transform .2s var(--ds-ease),background .2s var(--ds-ease),border-color .2s var(--ds-ease),box-shadow .2s var(--ds-ease),color .2s var(--ds-ease)!important;
}
body.home-body .btn::after,body.login-body .btn::after,body.su-body .btn::after,body.account-body .btn::after,body.workspace-body .btn::after,body.billing-body .btn::after,body.platform-body .btn::after,body.intake-body .btn::after,body.collect-body .btn::after { display:none!important; }
body.home-body .btn.primary,body.login-body .btn.primary,body.su-body .btn.primary,body.account-body .btn.primary,body.workspace-body .btn.primary,body.billing-body .btn.primary,body.platform-body .btn.primary,body.intake-body .btn.primary,body.collect-body .btn.primary {
  border-color:rgba(115,196,255,.78)!important; background:linear-gradient(135deg,#2d91f6 0%,#2468ed 52%,#3f5ce8 100%)!important; color:#fff!important;
  box-shadow:0 12px 30px rgba(35,112,239,.28),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.home-body .btn.primary:hover,body.login-body .btn.primary:hover,body.su-body .btn.primary:hover,body.account-body .btn.primary:hover,body.workspace-body .btn.primary:hover,body.billing-body .btn.primary:hover,body.platform-body .btn.primary:hover,body.intake-body .btn.primary:hover,body.collect-body .btn.primary:hover {
  border-color:rgba(145,219,255,.92)!important; background:linear-gradient(135deg,#3b9dff 0%,#3178f8 52%,#536cf4 100%)!important;
  box-shadow:0 16px 38px rgba(35,112,239,.36),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
body.home-body .btn.ghost,body.login-body .btn.ghost,body.su-body .btn.ghost,body.account-body .btn.ghost,body.workspace-body .btn.ghost,body.billing-body .btn.ghost,body.platform-body .btn.ghost,body.intake-body .btn.ghost,body.collect-body .btn.ghost {
  border-color:rgba(104,148,203,.48)!important; background:rgba(17,34,56,.78)!important; color:#bdd7f4!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
body.home-body .btn.ghost:hover,body.login-body .btn.ghost:hover,body.su-body .btn.ghost:hover,body.account-body .btn.ghost:hover,body.workspace-body .btn.ghost:hover,body.billing-body .btn.ghost:hover,body.platform-body .btn.ghost:hover,body.intake-body .btn.ghost:hover,body.collect-body .btn.ghost:hover {
  border-color:rgba(89,191,255,.76)!important; background:rgba(24,48,78,.94)!important; color:#fff!important; box-shadow:0 10px 24px rgba(17,93,183,.18)!important;
}
body.home-body .btn:hover,body.login-body .btn:hover,body.su-body .btn:hover,body.account-body .btn:hover,body.workspace-body .btn:hover,body.billing-body .btn:hover,body.platform-body .btn:hover,body.intake-body .btn:hover,body.collect-body .btn:hover { transform:translateY(-2px); }
body.home-body .btn:active,body.login-body .btn:active,body.su-body .btn:active,body.account-body .btn:active,body.workspace-body .btn:active,body.billing-body .btn:active,body.platform-body .btn:active,body.intake-body .btn:active,body.collect-body .btn:active { transform:translateY(0) scale(.985); }
body.home-body .btn.small,body.workspace-body .btn.small,body.platform-body .btn.small,body.billing-body .btn.small,body.intake-body .btn.small,body.collect-body .btn.small { min-height:38px; border-radius:11px!important; }

/* 官网首页：更宽的画布、更清晰的层级、更克制的科技感。 */
body.home-body { background:radial-gradient(circle at 15% 0%,rgba(39,103,229,.16),transparent 34%),radial-gradient(circle at 92% 8%,rgba(20,197,226,.10),transparent 30%),linear-gradient(180deg,#081525 0%,#07111f 52%,#06101d 100%); }
body.home-body .site-header { top:14px; gap:30px; max-width:1560px; margin:14px auto 0; padding:12px 18px; border:1px solid rgba(111,163,225,.22); border-radius:20px; background:rgba(7,17,31,.82); box-shadow:0 18px 46px rgba(0,7,18,.22); backdrop-filter:blur(22px) saturate(135%); transition:background .25s var(--ds-ease),border-color .25s var(--ds-ease),box-shadow .25s var(--ds-ease),transform .25s var(--ds-ease); }
body.home-body .site-header.is-scrolled { border-color:rgba(111,163,225,.36); background:rgba(7,17,31,.94); box-shadow:0 22px 58px rgba(0,7,18,.36); transform:translateY(-2px); }
body.home-body .site-brand { gap:13px; }
body.home-body .site-brand img { width:46px; height:46px; border-radius:14px; box-shadow:0 12px 28px rgba(28,122,255,.25); }
body.home-body .site-brand strong { font-size:18px; letter-spacing:.01em; }
body.home-body .site-brand small { color:#7f99b8; font-size:10px; }
body.home-body .site-nav { gap:27px; color:#91a9c6; font-size:13px; }
body.home-body .site-nav a { position:relative; padding:8px 0; transition:color .2s var(--ds-ease); }
body.home-body .site-nav a::after { content:""; position:absolute; right:0; bottom:1px; left:0; height:2px; border-radius:999px; background:linear-gradient(90deg,#2ed5f2,#4f80ff); opacity:0; transform:scaleX(.35); transform-origin:center; transition:opacity .2s var(--ds-ease),transform .2s var(--ds-ease); }
body.home-body .site-nav a:hover,body.home-body .site-nav a.is-active { color:#dff5ff; }
body.home-body .site-nav a:hover::after,body.home-body .site-nav a.is-active::after { opacity:1; transform:scaleX(1); }
body.home-body .hero,body.home-body .section,body.home-body .stat-strip,body.home-body .trial-section,body.home-body .security-section,body.home-body .contact-section,body.home-body footer { max-width:1560px; }
body.home-body .hero { min-height:760px; gap:70px; padding:116px 32px 104px; }
body.home-body .hero-copy { max-width:780px; }
body.home-body .hero-trial-badge,body.home-body .eyebrow { border-color:rgba(85,183,255,.36); background:linear-gradient(135deg,rgba(35,123,243,.16),rgba(35,207,226,.08)); color:#8fe7ff; font-size:12px; letter-spacing:.045em; }
body.home-body .hero h1,body.home-body .hero-v2 h1 { margin:25px 0 22px; font-size:clamp(54px,5.1vw,82px); line-height:1.06; letter-spacing:-.055em; }
body.home-body .hero-copy>p { max-width:720px; color:#a7bcd6; font-size:17px; line-height:1.95; }
body.home-body .hero-actions { gap:14px; margin-top:34px; }
body.home-body .btn.large { min-height:56px; padding:0 30px; border-radius:15px!important; font-size:15px; }
body.home-body .hero-points { gap:11px; margin-top:28px; }
body.home-body .hero-points span { padding:11px 15px; border-color:rgba(97,154,219,.25); border-radius:13px; background:rgba(13,31,53,.68); }
body.home-body .hero-preview { border-radius:28px; box-shadow:0 42px 110px rgba(0,5,16,.5),0 0 52px rgba(25,126,255,.14); animation:ds-float-preview 7s ease-in-out infinite; }
body.home-body .hero-preview:before { border-radius:28px; background:linear-gradient(155deg,rgba(13,31,53,.98),rgba(7,18,33,.99)); }
body.home-body .preview-top { height:52px; padding:0 19px; }
body.home-body .preview-body { padding:24px; }
body.home-body .preview-metrics { gap:12px; margin:20px 0; }
body.home-body .preview-metrics div { padding:15px; border-radius:15px; background:linear-gradient(145deg,rgba(28,61,99,.82),rgba(11,27,47,.9)); }
body.home-body .preview-metrics strong { font-size:26px; }
body.home-body .preview-column { gap:9px; padding:14px; border-radius:15px; }
body.home-body .preview-column i { height:40px; }
body.home-body .stat-strip { gap:14px; padding:0 32px 16px; }
body.home-body .stat-item { margin-right:0; padding:25px 23px; border-color:rgba(91,150,216,.23); border-radius:18px; background:linear-gradient(150deg,rgba(16,35,60,.88),rgba(8,20,36,.82)); box-shadow:0 14px 36px rgba(0,8,20,.16); }
body.home-body .stat-item strong { font-size:34px; }
@keyframes ds-float-preview { 0%,100% { transform:translate3d(0,0,0); } 50% { transform:translate3d(0,-8px,0); } }
body.home-body .section { padding:118px 32px; }
body.home-body .section h2 { font-size:clamp(34px,3.8vw,52px); line-height:1.14; }
body.home-body .section-head { margin-bottom:46px; }
body.home-body .section-head p,body.home-body .trial-copy p,body.home-body .security-copy p,body.home-body .contact-copy>p { color:#9db4cf; font-size:14px; }
body.home-body .compare-grid,body.home-body .faq-grid { gap:20px; max-width:1260px; }
body.home-body .compare-col,body.home-body .faq-item,body.home-body .core-card,body.home-body .tool-card,body.home-body .audience-grid article,body.home-body .trial-item,body.home-body .contact-form { border-color:rgba(95,154,219,.24); border-radius:22px; box-shadow:0 18px 46px rgba(0,8,20,.18); }
body.home-body .compare-col,body.home-body .core-card,body.home-body .tool-card,body.home-body .audience-grid article { padding:31px; }
body.home-body .compare-col.after { border-color:rgba(53,216,165,.34); background:linear-gradient(155deg,rgba(12,63,57,.48),rgba(9,25,41,.82)); }
body.home-body .compare-col.before,body.home-body .core-card,body.home-body .tool-card,body.home-body .audience-grid article,body.home-body .faq-item,body.home-body .trial-item { background:linear-gradient(155deg,rgba(16,36,61,.88),rgba(9,21,37,.88)); }
body.home-body .core-grid,body.home-body .tool-grid,body.home-body .audience-grid { gap:20px; }
body.home-body .core-card,body.home-body .tool-card,body.home-body .audience-grid article,body.home-body .compare-col,body.home-body .faq-item,body.home-body .trial-item { transition:transform .28s var(--ds-ease),border-color .28s var(--ds-ease),box-shadow .28s var(--ds-ease),background .28s var(--ds-ease); }
body.home-body .core-card:hover,body.home-body .tool-card:hover,body.home-body .audience-grid article:hover,body.home-body .compare-col:hover,body.home-body .faq-item:hover,body.home-body .trial-item:hover { transform:translateY(-5px); border-color:rgba(85,194,255,.5); box-shadow:0 28px 66px rgba(7,65,139,.28); }
body.home-body .workflow-line { gap:15px; }
body.home-body .workflow-line>div { min-height:154px; padding:23px 19px; border-color:rgba(91,150,216,.22); border-radius:18px; background:linear-gradient(155deg,rgba(17,39,67,.84),rgba(9,22,38,.86)); }
body.home-body .trial-section { padding:88px 32px; }
body.home-body .trial-section::before { inset:24px 2px; border-radius:32px; border-color:rgba(91,164,236,.25); }
body.home-body .trial-inner { gap:58px; padding:58px 52px; }
body.home-body .security-section { gap:58px; padding:92px 32px; }
body.home-body .contact-section { gap:70px; padding:126px 32px; }
body.home-body .contact-form { padding:34px; background:linear-gradient(155deg,rgba(16,38,65,.92),rgba(8,20,35,.94)); }
body.home-body footer { padding:34px 32px 52px; }
body.home-body .float-cta { border-radius:18px; box-shadow:0 18px 48px rgba(25,129,255,.42),inset 0 1px 0 rgba(255,255,255,.22); }
body.home-body .ds-scroll-progress { position:fixed; z-index:999; top:0; left:0; width:100%; height:2px; pointer-events:none; background:linear-gradient(90deg,#2ad7f1,#3c85ff 58%,#7167ff); box-shadow:0 0 14px rgba(60,162,255,.6); transform:scaleX(0); transform-origin:left center; will-change:transform; }

/* 登录、注册与账号中心。 */
body.login-body { background:radial-gradient(circle at 18% 6%,rgba(45,119,244,.20),transparent 32%),radial-gradient(circle at 84% 12%,rgba(36,208,236,.10),transparent 28%),linear-gradient(180deg,#081525,#06101c 76%); }
body.login-body .account-shell { position:relative; padding:clamp(24px,5vw,64px); overflow:hidden; }
body.login-body .account-shell::before,body.login-body .account-shell::after { content:""; position:absolute; z-index:-1; border-radius:50%; pointer-events:none; filter:blur(22px); }
body.login-body .account-shell::before { width:520px; height:520px; left:-190px; top:-170px; background:radial-gradient(circle,rgba(45,119,244,.22),transparent 70%); }
body.login-body .account-shell::after { width:460px; height:460px; right:-180px; bottom:-210px; background:radial-gradient(circle,rgba(36,208,236,.13),transparent 70%); }
body.login-body .account-card { width:min(520px,100%); padding:clamp(30px,4vw,46px); border:1px solid rgba(108,163,226,.32); border-radius:30px; background:linear-gradient(155deg,rgba(17,37,62,.96),rgba(8,20,35,.98)); box-shadow:0 34px 96px rgba(0,5,16,.52),inset 0 1px 0 rgba(255,255,255,.045); backdrop-filter:blur(20px); animation:ds-card-in .55s var(--ds-ease) both; }
body.login-body .account-brand { gap:15px; margin-bottom:32px; }
body.login-body .account-brand img { width:54px; height:54px; border-radius:16px; box-shadow:0 16px 36px rgba(33,119,255,.28); }
body.login-body .account-brand strong { font-size:20px; }
body.login-body .account-brand span { color:#8fa8c4; font-size:12px; }
body.login-body .account-card h1 { margin-bottom:9px; font-size:34px; letter-spacing:-.035em; }
body.login-body .account-card p { margin-bottom:26px; color:#9cb2cc; font-size:14px; }
body.login-body .account-card form { gap:11px; }
body.login-body .account-card label { margin-top:7px; color:#c0d1e5; font-size:13px; }
body.login-body .account-card input { min-height:52px; padding:0 16px; border-radius:14px!important; font-size:15px; }
body.login-body .account-card form .btn { min-height:52px; margin-top:16px; border-radius:14px!important; }
body.su-body { background:radial-gradient(circle at 8% 2%,rgba(42,112,234,.20),transparent 34%),radial-gradient(circle at 92% 9%,rgba(32,206,233,.12),transparent 30%),linear-gradient(180deg,#071321,#06101c 72%); }
body.su-body .su-header { max-width:1480px; padding:24px 32px; }
body.su-body .su-header img { width:48px; height:48px; border-radius:15px; box-shadow:0 14px 32px rgba(33,119,255,.25); }
body.su-body .su-header strong { font-size:18px; }
body.su-body .su-header a.su-back { padding:10px 17px; border-color:rgba(98,153,216,.44); border-radius:12px; background:rgba(17,34,56,.72); }
body.su-body .su-wrap { max-width:1480px; gap:66px; padding:46px 32px 96px; }
body.su-body .su-hero { gap:26px; padding-top:18px; }
body.su-body .su-hero h1 { font-size:clamp(44px,4.5vw,66px); line-height:1.08; letter-spacing:-.05em; }
body.su-body .su-hero>p { max-width:680px; color:#a3b9d1; font-size:16px; }
body.su-body .su-trust span,body.su-body .su-step,body.su-body .su-perk { border-color:rgba(96,154,218,.26); border-radius:14px; background:rgba(14,33,56,.76); }
body.su-body .su-steps { gap:14px; }
body.su-body .su-step { padding:18px; }
body.su-body .su-card { position:sticky; top:28px; padding:34px; border:1px solid rgba(108,163,226,.34); border-radius:28px; background:linear-gradient(155deg,rgba(17,37,62,.97),rgba(8,20,35,.99)); box-shadow:0 34px 92px rgba(0,5,16,.5),inset 0 1px 0 rgba(255,255,255,.045); }
body.su-body .su-card-title strong { font-size:21px; }
body.su-body .su-card-title span { color:#8fa8c4; }
body.su-body .su-tabs { gap:8px; padding:6px; border:1px solid rgba(95,145,205,.26); border-radius:14px; background:rgba(7,18,32,.62); }
body.su-body .su-tabs button { min-height:42px; border-radius:10px; color:#9db2ca; }
body.su-body .su-tabs button.active { background:linear-gradient(135deg,#2f8ff7,#326bea); color:#fff; box-shadow:0 10px 24px rgba(36,107,239,.26); }
body.su-body .su-field { gap:9px; }
body.su-body .su-field label { color:#c1d2e5; font-size:13px; }
body.su-body .su-field input,body.su-body .su-inline input,body.su-body .su-captcha-row input { min-height:50px; padding:0 14px; border-radius:13px!important; }
body.su-body .su-submit { min-height:52px; margin-top:18px; border-radius:14px!important; }
@keyframes ds-card-in { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:translateY(0) scale(1); } }
body.account-body { background:radial-gradient(circle at 8% 0%,rgba(44,112,229,.17),transparent 32%),radial-gradient(circle at 94% 8%,rgba(36,208,236,.09),transparent 28%),linear-gradient(180deg,#071321,#06101c 74%); }
body.account-body .account-center { width:min(1180px,100%); grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:42px 28px 86px; }
body.account-body .account-center header,body.account-body #accountToast { grid-column:1/-1; }
body.account-body .account-center header { padding:24px 26px; border-color:rgba(104,158,220,.30); border-radius:24px; background:linear-gradient(150deg,rgba(18,39,66,.94),rgba(9,22,39,.95)); box-shadow:var(--ds-shadow-soft); }
body.account-body .account-center header strong { font-size:24px; }
body.account-body .account-panel { padding:26px; border-color:rgba(97,151,213,.25); border-radius:22px; background:linear-gradient(155deg,rgba(16,35,59,.91),rgba(8,20,35,.92)); box-shadow:var(--ds-shadow-soft); }
body.account-body .account-panel h1 { margin-bottom:17px; font-size:19px; }
body.account-body .account-panel p { color:#9eb3cb; line-height:1.75; }
body.account-body .account-panel input { min-height:50px; padding:0 14px; border-radius:13px!important; }
body.account-body .account-team { padding:16px; border-color:rgba(101,163,232,.32); border-radius:15px; background:rgba(19,42,70,.75); }

/* 团队后台与平台后台。 */
body.workspace-body,body.platform-body,body.billing-body,body.intake-body { background-color:#07111f; background-image:linear-gradient(rgba(52,124,244,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(52,124,244,.035) 1px,transparent 1px),radial-gradient(circle at 12% 0%,rgba(38,108,229,.16),transparent 31%),radial-gradient(circle at 92% 5%,rgba(31,204,232,.08),transparent 26%); background-size:44px 44px,44px 44px,auto,auto; }
body.workspace-body .admin-header,body.platform-body .admin-header,body.billing-body .admin-header,body.intake-body .admin-header { border-bottom:1px solid rgba(103,151,211,.20); background:rgba(7,17,31,.86); box-shadow:0 14px 36px rgba(0,6,17,.22); backdrop-filter:blur(20px) saturate(130%); transition:background .25s var(--ds-ease),box-shadow .25s var(--ds-ease),border-color .25s var(--ds-ease); }
body.workspace-body .admin-header { padding-right:max(28px,calc((100vw - 1680px)/2)); padding-left:max(28px,calc((100vw - 1680px)/2)); }
body.workspace-body .admin-header.is-scrolled,body.platform-body .admin-header.is-scrolled,body.billing-body .admin-header.is-scrolled,body.intake-body .admin-header.is-scrolled { border-bottom-color:rgba(103,151,211,.34); background:rgba(7,17,31,.95); box-shadow:0 18px 48px rgba(0,6,17,.36); }
body.workspace-body .brand-logo,body.platform-body .brand-logo,body.billing-body .brand-logo,body.intake-body .brand-logo { box-shadow:0 12px 28px rgba(33,119,255,.24); }
body.workspace-body .admin-workspace { grid-template-columns:260px minmax(0,1fr); gap:24px; width:min(1680px,calc(100% - 48px)); padding-top:18px; }
body.workspace-body .admin-sidebar { top:94px; height:calc(100vh - 112px); padding:18px 14px; border:1px solid rgba(96,150,211,.20); border-radius:24px; background:linear-gradient(180deg,rgba(14,31,52,.97),rgba(7,17,31,.98)); box-shadow:0 20px 56px rgba(0,6,17,.25); }
body.workspace-body .sidebar-nav button { min-height:46px; border-radius:13px; color:#a9bfda; transition:transform .2s var(--ds-ease),background .2s var(--ds-ease),color .2s var(--ds-ease),border-color .2s var(--ds-ease),box-shadow .2s var(--ds-ease); }
body.workspace-body .sidebar-nav button:hover { transform:translateX(3px); background:rgba(36,91,159,.20); }
body.workspace-body .sidebar-nav button.active { border-color:rgba(82,165,255,.46); background:linear-gradient(135deg,rgba(37,112,226,.52),rgba(25,65,130,.42)); box-shadow:0 12px 28px rgba(14,68,145,.24),inset 3px 0 0 rgba(70,190,255,.8); }
body.workspace-body .admin-content-shell .admin-main { padding:8px 6px 78px 14px; }
body.workspace-body .panel,body.workspace-body .dashboard-panel,body.workspace-body .settlement-panel,body.workspace-body .intake-panel,body.platform-body .pf-panel,body.platform-body .pf-nav,body.platform-body .pf-card,body.billing-body .bl-panel,body.billing-body .bl-card,body.billing-body .bl-plan,body.intake-body .intake-panel { border-color:rgba(96,150,211,.22)!important; border-radius:22px!important; background:linear-gradient(155deg,rgba(16,35,59,.93),rgba(8,20,35,.94))!important; box-shadow:var(--ds-shadow-soft),inset 0 1px 0 rgba(255,255,255,.025)!important; }
body.workspace-body .panel::before,body.workspace-body .dashboard-panel::before,body.workspace-body .settlement-panel::before,body.workspace-body .intake-panel::before { left:28px; width:88px; height:1px; background:linear-gradient(90deg,#2bd4f0,#347cf4 62%,transparent); box-shadow:0 0 10px rgba(43,212,240,.48); }
body.workspace-body .panel-head,body.workspace-body .workspace-toolbar,body.platform-body .pf-panel-head,body.billing-body .bl-panel-head { border-color:rgba(95,145,205,.18)!important; background:rgba(18,38,63,.52); }
body.workspace-body .project-card,body.workspace-body .dashboard-card,body.workspace-body .kanban-card,body.workspace-body .image-review,body.workspace-body .settlement-merchant-card,body.workspace-body .commission-user-card,body.platform-body .pf-guide-card,body.billing-body .bl-plan { border-color:rgba(95,151,214,.25)!important; border-radius:16px!important; background:linear-gradient(150deg,rgba(20,43,72,.88),rgba(11,26,45,.92))!important; }
body.workspace-body .project-card:hover,body.workspace-body .dashboard-card:hover,body.workspace-body .kanban-card:hover,body.workspace-body .image-review:hover,body.platform-body .pf-guide-card:hover,body.billing-body .bl-plan:hover { border-color:rgba(80,186,255,.52)!important; box-shadow:0 20px 48px rgba(7,65,139,.22)!important; transform:translateY(-3px); }
body.workspace-body .panel-head h2,body.platform-body .pf-panel-head h2,body.billing-body .bl-panel-head h2 { font-size:16px; }
body.platform-body .pf-main { max-width:1660px; padding:32px 28px 80px; }
body.platform-body .pf-layout { grid-template-columns:252px minmax(0,1fr); gap:24px; }
body.platform-body .pf-nav { padding:10px; }
body.platform-body .pf-nav-button { padding:13px 14px; border-radius:13px; }
body.platform-body .pf-nav-button.active { background:linear-gradient(135deg,rgba(37,112,226,.52),rgba(26,70,140,.42)); box-shadow:inset 3px 0 0 #4bc7ff; }
body.platform-body .pf-card { padding:22px; }
body.platform-body .pf-card strong { font-size:32px; }
body.platform-body .pf-view-title h1 { font-size:30px; letter-spacing:-.03em; }
body.billing-body .bl-main { max-width:1400px; padding:36px 28px 84px; gap:22px; }
body.billing-body .bl-body { padding:22px; }
body.billing-body .bl-plan { padding:22px; }
body.billing-body .bl-plan .price { font-size:27px; }

/* 录单与表单收集。 */
body.intake-body .intake-main { width:min(1480px,calc(100% - 40px)); margin:0 auto; padding:30px 0 80px; }
body.intake-body .intake-tabs,body.intake-body .intake-panel { border-radius:22px!important; }
body.intake-body .intake-panel { padding:28px; }
body.collect-body { background:radial-gradient(circle at 8% 0%,rgba(43,111,230,.16),transparent 32%),radial-gradient(circle at 94% 8%,rgba(36,208,236,.09),transparent 28%),linear-gradient(180deg,#071321,#06101c 74%); }
body.collect-body .collect-header { border-bottom-color:rgba(100,152,213,.22); background:rgba(7,17,31,.86); backdrop-filter:blur(20px); }
body.collect-body .collect-main { width:min(1120px,calc(100% - 40px)); padding:44px 0 80px; }
body.collect-body .collect-card { border-color:rgba(101,157,220,.28); border-radius:26px; background:linear-gradient(155deg,rgba(17,37,62,.95),rgba(8,20,35,.97)); box-shadow:var(--ds-shadow); }

/* 进场动画与响应式。 */
.ds-reveal-ready { opacity:0; transform:translateY(16px); }
.ds-reveal-ready.ds-in { opacity:1; transform:translateY(0); transition:opacity .58s var(--ds-ease),transform .58s var(--ds-ease); }
@media (max-width:1180px) {
  body.home-body .hero { gap:44px; padding-right:24px; padding-left:24px; }
  body.su-body .su-wrap { gap:40px; padding-right:24px; padding-left:24px; }
  body.workspace-body .admin-workspace { grid-template-columns:224px minmax(0,1fr); gap:18px; width:calc(100% - 32px); }
}
@media (max-width:940px) {
  body.su-body .su-wrap { grid-template-columns:1fr; }
  body.su-body .su-card { position:static; }
  body.account-body .account-center { grid-template-columns:1fr; }
  body.workspace-body .admin-workspace { display:block; width:100%; padding-top:0; }
  body.workspace-body .admin-sidebar { position:static; height:auto; margin:14px; border-radius:19px; }
  body.platform-body .pf-layout { grid-template-columns:1fr; }
  body.platform-body .pf-sidebar { position:static; }
}
@media (max-width:760px) {
  body.home-body .site-header { top:0; margin:0; padding:12px 15px; border-right:0; border-left:0; border-radius:0; }
  body.home-body .hero,body.home-body .hero-v2 { min-height:auto; gap:38px; padding:76px 18px 72px; }
  body.home-body .hero h1,body.home-body .hero-v2 h1 { margin-top:20px; font-size:clamp(36px,10.6vw,48px); line-height:1.1; letter-spacing:-.045em; }
  body.home-body .hero-copy>p { font-size:15px; line-height:1.86; }
  body.home-body .hero-actions { gap:10px; }
  body.home-body .hero-actions .btn { width:100%; }
  body.home-body .hero-points span { flex:1 1 100%; }
  body.home-body .hero-preview { border-radius:22px; animation:none; }
  body.home-body .hero-preview:before { border-radius:22px; }
  body.home-body .preview-body { padding:17px; }
  body.home-body .stat-strip { gap:12px; padding:0 18px 10px; }
  body.home-body .section,body.home-body .trial-section,body.home-body .security-section,body.home-body .contact-section { padding:82px 18px; }
  body.home-body .section h2 { font-size:clamp(30px,8.6vw,40px); }
  body.home-body .compare-col,body.home-body .core-card,body.home-body .tool-card,body.home-body .audience-grid article { padding:24px; }
  body.home-body .trial-section::before { inset:14px 8px; border-radius:24px; }
  body.home-body .trial-inner { padding:32px 22px; }
  body.home-body .contact-form { padding:24px; }
  body.home-body footer { padding-right:18px; padding-left:18px; }
  body.login-body .account-card { padding:28px 22px; border-radius:24px; }
  body.login-body .account-card h1 { font-size:29px; }
  body.su-body .su-header { padding:18px; }
  body.su-body .su-wrap { padding:28px 18px 78px; }
  body.su-body .su-hero h1 { font-size:clamp(36px,10vw,48px); }
  body.su-body .su-card { padding:24px 20px; border-radius:24px; }
  body.account-body .account-center { padding:26px 16px 72px; }
  body.account-body .account-center header,body.account-body .account-panel { padding:21px; border-radius:19px; }
  body.workspace-body .admin-content-shell .admin-main,body.platform-body .pf-main,body.billing-body .bl-main { padding-right:14px; padding-left:14px; }
  body.workspace-body .admin-sidebar { margin:10px; padding:10px; }
  body.workspace-body .sidebar-nav { gap:8px; }
  body.workspace-body .sidebar-nav button { min-height:42px; }
  body.intake-body .intake-main,body.collect-body .collect-main { width:calc(100% - 24px); padding-top:18px; }
  body.intake-body .intake-panel,body.collect-body .collect-card { padding:20px; border-radius:20px!important; }
  body.platform-body .pf-main { padding-top:20px; }
  body.platform-body .pf-view-title h1 { font-size:24px; }
}
@media (max-width:480px) {
  body.home-body .site-brand img { width:40px; height:40px; }
  body.home-body .site-brand strong { font-size:16px; }
  body.home-body .hero h1,body.home-body .hero-v2 h1 { font-size:34px; }
  body.home-body .stat-item { padding:20px; }
  body.home-body .stat-item strong { font-size:29px; }
  body.workspace-body .admin-header { padding-right:12px; padding-left:12px; }
}
@media (prefers-reduced-motion:reduce) {
  body.home-body .hero-preview,body.home-body .account-card,.ds-reveal-ready { animation:none!important; transition:none!important; }
  body.home-body .ds-scroll-progress { display:none; }
}

/* 团队管理弹窗统一为深色企业面板，避免亮白弹窗打断后台层级。 */
body.workspace-body .user-modal-backdrop { background:rgba(2,8,18,.76); backdrop-filter:blur(10px); }
body.workspace-body .user-modal-card { border:1px solid rgba(104,159,222,.28); border-radius:26px; background:linear-gradient(155deg,rgba(17,38,64,.99),rgba(8,20,35,.99)); box-shadow:0 34px 100px rgba(0,5,16,.62); }
body.workspace-body .user-modal-card .user-modal-head h2 { color:#f2f7ff!important; }
body.workspace-body .user-modal-card .user-modal-head p { color:#9eb4ce!important; }
body.workspace-body .user-modal-card .user-modal-head .dashboard-eyebrow { color:#6fd4ff!important; }
body.workspace-body .user-create-form,body.workspace-body .permission-editor,body.workspace-body .commission-setting { border-color:rgba(98,154,217,.25); background:rgba(14,31,52,.82); }
body.workspace-body .permission-editor-head h3 { color:#edf4ff; }
body.workspace-body .permission-editor-head p { color:#8fa7c2; }
body.workspace-body .permission-checkbox,body.workspace-body .user-row { border-color:rgba(98,154,217,.24); background:rgba(15,33,55,.75); color:#dce9f8; }
body.workspace-body .user-row span { color:#90a8c3; }
body.workspace-body .user-row strong { color:#f1f6ff; }
body.workspace-body .user-row select { border-color:rgba(105,151,207,.52); background:rgba(20,39,63,.94); color:#f7fbff; }

/* ==========================================================================
   对比度专项修正
   目标：可见文字达到 4.5:1 左右的可读性，优先修正主按钮、状态卡和弱化说明。
   ========================================================================== */

/* 主按钮和主要选中态统一使用更深的蓝色，保证白字清晰。 */
body.home-body .btn.primary,
body.login-body .btn.primary,
body.su-body .btn.primary,
body.account-body .btn.primary,
body.workspace-body .btn.primary,
body.billing-body .btn.primary,
body.platform-body .btn.primary,
body.intake-body .btn.primary,
body.collect-body .btn.primary {
  background: linear-gradient(135deg, #1d6fe8 0%, #245fdc 55%, #4c63e3 100%) !important;
  border-color: rgba(135, 195, 255, .78) !important;
}

body.home-body .btn.primary:hover,
body.login-body .btn.primary:hover,
body.su-body .btn.primary:hover,
body.account-body .btn.primary:hover,
body.workspace-body .btn.primary:hover,
body.billing-body .btn.primary:hover,
body.platform-body .btn.primary:hover,
body.intake-body .btn.primary:hover,
body.collect-body .btn.primary:hover {
  background: linear-gradient(135deg, #256fda 0%, #285fcf 55%, #535ed0 100%) !important;
}

body.su-body .su-tabs button.active {
  background: linear-gradient(135deg, #1d6fe8, #2b58c8) !important;
  color: #fff !important;
}

body.workspace-body .home-range-tabs button.active {
  background: linear-gradient(135deg, #1b62d4, #2850b8) !important;
  color: #fff !important;
}

body.workspace-body .sidebar-nav button.active .nav-icon {
  background: #1b66d8 !important;
}

body.workspace-body .sidebar-nav button.active .nav-icon,
body.workspace-body .sidebar-nav button.active {
  color: #fff !important;
}

/* 首页悬浮入口与二维码说明。 */
body.home-body .float-cta {
  background: linear-gradient(135deg, #1d6fe8, #245fdc 55%, #4c63e3) !important;
  color: #fff !important;
}

body.home-body .float-cta-text small {
  color: rgba(255, 255, 255, .94) !important;
}

body.home-body .contact-wechat-card p {
  color: #425a75 !important;
}

body.home-body .contact-wechat-card strong {
  color: #0f3159 !important;
}

/* 平台、套餐、账号与注册页的弱化说明统一提亮。 */
body.platform-body .pf-login p,
body.platform-body .pf-card span,
body.platform-body .pf-table th,
body.platform-body .pf-sub,
body.platform-body .pf-empty,
body.platform-body .pf-hint,
body.platform-body .pf-quota,
body.platform-body .pf-security-state,
body.platform-body .pf-filter-bar label,
body.platform-body .pf-pagination,
body.platform-body .pf-view-title p,
body.platform-body .pf-guide-card span,
body.platform-body .pf-nav-button span {
  color: #a5b9d1 !important;
}

body.billing-body .bl-card span,
body.billing-body .bl-card small,
body.billing-body .bl-plan .price small,
body.billing-body .bl-table th,
body.billing-body .bl-empty,
body.billing-body .bl-note,
body.billing-body .bl-hint {
  color: #a5b9d1 !important;
}

body.account-body .account-center header span,
body.account-body .account-panel p,
body.account-body .account-team span,
body.account-body .account-empty {
  color: #a5b9d1 !important;
}

body.su-body .su-header small,
body.su-body .su-hero > p,
body.su-body .su-step span,
body.su-body .su-card-title span,
body.su-body .su-tabs button,
body.su-body .su-foot,
body.su-body .su-hint {
  color: #a5b9d1 !important;
}

/* 财务状态卡：深色底 + 白字，避免浅色渐变吞掉白色文字。 */
body.workspace-body .finance-overview-card.tone-blue { background: linear-gradient(145deg, #215fd5, #153f92) !important; }
body.workspace-body .finance-overview-card.tone-green { background: linear-gradient(145deg, #18835d, #0f5b42) !important; }
body.workspace-body .finance-overview-card.tone-violet { background: linear-gradient(145deg, #7045cf, #4b2c9a) !important; }
body.workspace-body .finance-overview-card.tone-cyan { background: linear-gradient(145deg, #0f8eaa, #08667f) !important; }
body.workspace-body .finance-overview-card.tone-indigo { background: linear-gradient(145deg, #5360d8, #30398c) !important; }
body.workspace-body .finance-overview-card.tone-amber { background: linear-gradient(145deg, #ae6d08, #8a5205) !important; }
body.workspace-body .finance-overview-card.tone-rose { background: linear-gradient(145deg, #bc3b5b, #8e2442) !important; }

body.workspace-body .settlement-summary > .summary-card-blue { background: linear-gradient(145deg, #2867d8, #1b4baa) !important; }
body.workspace-body .settlement-summary > .summary-card-cyan { background: linear-gradient(145deg, #1284a5, #0b607c) !important; }
body.workspace-body .settlement-summary > .summary-card-green { background: linear-gradient(145deg, #218d67, #11624a) !important; }
body.workspace-body .settlement-summary > .summary-card-violet { background: linear-gradient(145deg, #8051dc, #4f2fa5) !important; }
body.workspace-body .settlement-summary > .summary-card-amber { background: linear-gradient(145deg, #b16f0b, #8a5205) !important; }
body.workspace-body .settlement-summary > .summary-card-rose { background: linear-gradient(145deg, #c53e60, #942944) !important; }

body.workspace-body .finance-overview-card span,
body.workspace-body .finance-overview-card small,
body.workspace-body .finance-overview-card .card-detail-hint,
body.workspace-body .settlement-summary > .summary-card span,
body.workspace-body .settlement-summary > .summary-card small {
  color: #fff !important;
  opacity: .94 !important;
}

/* 浅色财务卡片里的整体说明文字压深，避免灰字发虚。 */
body.workspace-body .settlement-mode-head span,
body.workspace-body .settlement-mode-values span,
body.workspace-body .settlement-mode-money span,
body.workspace-body .finance-section-head p,
body.workspace-body .merchant-center-meta span,
body.workspace-body .recent-project-meta span,
body.workspace-body .project-table th,
body.workspace-body .intake-batch-row small,
body.workspace-body .flow-order-number,
body.workspace-body .workflow-editor-toolbar span,
body.workspace-body .workflow-editor-empty,
body.workspace-body .flow-kind-badge {
  color: #50657f !important;
}

/* 浅色行内的正向/负向金额加深，保证在小字号下也能看清。 */
body.workspace-body .positive,
body.workspace-body .merchant-transaction-row .positive,
body.workspace-body .finance-ledger-row .positive {
  color: #16734d !important;
}

body.workspace-body .negative,
body.workspace-body .merchant-transaction-row .negative,
body.workspace-body .finance-ledger-row .negative {
  color: #b4233a !important;
}

/* 后台深色区域的弱化文字统一抬亮。 */
body.workspace-body .empty,
body.workspace-body .empty-project,
body.workspace-body .kanban-empty,
body.workspace-body .dashboard-panel .dashboard-search-hint,
body.workspace-body .dashboard-panel .dashboard-title p,
body.workspace-body .commission-board-head span,
body.workspace-body .finance-distribution-panel p,
body.workspace-body .finance-recipient-chip,
body.workspace-body .finance-ledger-row span,
body.workspace-body .finance-ledger-row small {
  color: #a5b9d1 !important;
}

body.workspace-body .intake-panel p,
body.workspace-body .intake-panel .intake-intro p,
body.workspace-body .intake-panel .intake-match-info,
body.workspace-body .intake-panel .intake-progress,
body.workspace-body .intake-panel small {
  color: #a5b9d1 !important;
}

body.intake-body .intake-intro h1,
body.intake-body .intake-panel h1,
body.intake-body .intake-panel h2,
body.intake-body .intake-panel h3,
body.intake-body .intake-panel strong {
  color: #f1f7ff !important;
}

body.collect-body .collect-intro p,
body.collect-body .collect-field label,
body.collect-body .collect-hint,
body.collect-body .collect-muted,
body.collect-body .collect-note,
body.collect-body .collect-foot {
  color: #a5b9d1 !important;
}

body.collect-body .collect-intro h1,
body.collect-body .collect-intro h2,
body.collect-body .collect-card strong {
  color: #f1f7ff !important;
}

/* 工作流弹窗与暗色信息卡也提高辅助文字亮度。 */
body.workspace-body .workflow-editor-head p,
body.workspace-body .workflow-editor-toolbar span,
body.workspace-body .flow-order-number,
body.workspace-body .workflow-editor-empty {
  color: #a5b9d1 !important;
}

/* 选中态与状态点不再使用过亮的背景承托白字。 */
body.workspace-body .home-range-tabs button.active,
body.su-body .su-tabs button.active {
  background: linear-gradient(135deg, #1d6fe8, #2b58c8) !important;
}

/* 二次校正：区分深色信息区和浅色财务明细区，避免把浅色卡片文字也提亮。 */
body.workspace-body .finance-section-head p,
body.workspace-body .workflow-editor-toolbar span,
body.workspace-body .flow-order-number,
body.workspace-body .workflow-editor-empty,
body.workspace-body .flow-kind-badge {
  color: #a5b9d1 !important;
}

body.workspace-body .finance-distribution-panel p,
body.workspace-body .finance-ledger-row,
body.workspace-body .finance-ledger-row span,
body.workspace-body .finance-ledger-row small,
body.workspace-body .finance-ledger-row strong,
body.workspace-body .merchant-transaction-row span,
body.workspace-body .merchant-transaction-row small {
  color: #4b617b !important;
}

body.workspace-body .finance-recipient-chip {
  color: #234f91 !important;
}

body.workspace-body .merchant-center-meta span,
body.workspace-body .recent-project-meta span,
body.workspace-body .project-table th,
body.workspace-body .intake-batch-row small {
  color: #4b617b !important;
}

/* 财务分账区是浅色独立面板，恢复深色正文，避免继承后台全局白字。 */
body.workspace-body .finance-distribution-panel { color: #243b5a !important; }
body.workspace-body .finance-distribution-panel h1,
body.workspace-body .finance-distribution-panel h2,
body.workspace-body .finance-distribution-panel h3,
body.workspace-body .finance-distribution-panel h4,
body.workspace-body .finance-distribution-panel strong {
  color: #1d3452 !important;
}
body.workspace-body .finance-distribution-panel p,
body.workspace-body .finance-distribution-panel span,
body.workspace-body .finance-distribution-panel small,
body.workspace-body .finance-distribution-panel label,
body.workspace-body .finance-distribution-panel li {
  color: #4b617b !important;
}
body.workspace-body .finance-distribution-panel .pill {
  color: #234f91 !important;
  background: #eaf2ff !important;
}

/* 业务设置弹窗：深色表单区的标签必须使用浅色；浅色品牌区仍保持深色。 */
body.workspace-body .settings-modal-card .field > label,
body.workspace-body .settings-modal-card .field label {
  color: #c8d8ea !important;
}

body.workspace-body .settings-modal-card .permission-checkbox span {
  color: #dce9f8 !important;
}

body.workspace-body .settings-modal-card .settings-section-title {
  color: #7fddff !important;
  border-bottom-color: rgba(102, 160, 221, .28) !important;
}

body.workspace-body .settings-modal-card .brand-settings-body label {
  color: #334c6d !important;
}

/* 财务页顶部说明与移动端工具区可读性。 */
body.workspace-body #financeSection .settlement-panel-head p {
  color: #a5b9d1 !important;
}

body.workspace-body .finance-lock-bar {
  color: #4b617b !important;
}

@media (max-width: 760px) {
  body.workspace-body #financeSection .settlement-panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  body.workspace-body #financeSection .settlement-panel-tools {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 8px;
  }

  body.workspace-body #financeSection #settlementMonth {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.workspace-body #financeSection .settlement-panel-tools .btn {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 420px) {
  body.workspace-body #financeSection .settlement-panel-tools {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 禁用按钮仍然清晰可读，不再用低透明度把文字压没。 */
body.home-body .btn:disabled,
body.login-body .btn:disabled,
body.su-body .btn:disabled,
body.account-body .btn:disabled,
body.workspace-body .btn:disabled,
body.billing-body .btn:disabled,
body.platform-body .btn:disabled,
body.intake-body .btn:disabled,
body.collect-body .btn:disabled {
  opacity: 1 !important;
  cursor: not-allowed !important;
  filter: saturate(.72) !important;
}

body.home-body .btn.primary:disabled,
body.login-body .btn.primary:disabled,
body.su-body .btn.primary:disabled,
body.account-body .btn.primary:disabled,
body.workspace-body .btn.primary:disabled,
body.billing-body .btn.primary:disabled,
body.platform-body .btn.primary:disabled,
body.intake-body .btn.primary:disabled,
body.collect-body .btn.primary:disabled {
  border-color: #40556f !important;
  background: linear-gradient(135deg, #26374f, #1d2d46) !important;
  color: #abc0d8 !important;
  box-shadow: none !important;
}

/* 角色与权限管理 */
body.workspace-body #roleManagerModal { z-index: 440; }
body.workspace-body .role-manager-card { width:min(1180px,96vw); }
body.workspace-body .role-manager-layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:18px; align-items:start; }
body.workspace-body .role-manager-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
body.workspace-body .role-definition-list { display:grid; gap:9px; max-height:620px; overflow:auto; padding-right:4px; }
body.workspace-body .role-definition-item { display:grid; gap:5px; width:100%; padding:13px 14px; border:1px solid rgba(96,150,211,.25); border-radius:14px; background:rgba(15,33,55,.75); color:#e8f2ff; text-align:left; cursor:pointer; }
body.workspace-body .role-definition-item:hover, body.workspace-body .role-definition-item.active { border-color:rgba(80,186,255,.62); background:linear-gradient(145deg,rgba(27,66,112,.9),rgba(12,30,52,.92)); }
body.workspace-body .role-definition-item strong { font-size:14px; }
body.workspace-body .role-definition-item span { color:#9db2ca; font-size:11px; line-height:1.55; }
body.workspace-body .role-editor-form { display:grid; gap:14px; padding:16px; border:1px solid rgba(96,150,211,.24); border-radius:18px; background:rgba(9,22,39,.64); }
body.workspace-body .role-editor-actions { justify-content:flex-end; }
@media (max-width: 860px) { body.workspace-body .role-manager-layout { grid-template-columns:1fr; } body.workspace-body .role-definition-list { max-height:280px; } }


/* 第二批：任务负责人、内部通知与预计提成草稿 */
body.workspace-body .header-count-badge { display:inline-grid; place-items:center; min-width:18px; height:18px; margin-left:6px; padding:0 5px; border-radius:999px; background:#ff4d4f; color:#fff; font-size:10px; font-weight:900; }
body.workspace-body .kanban-current-owner { margin-top:7px; padding:6px 8px; border:1px solid rgba(83,148,214,.22); border-radius:10px; background:rgba(11,27,47,.58); color:#9fc7ea; font-size:11px; }
body.workspace-body .task-detail-assignment { display:grid; gap:12px; margin:18px 0; padding:15px; border:1px solid rgba(96,150,211,.24); border-radius:16px; background:rgba(9,22,39,.64); }
body.workspace-body .task-current-owner { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.workspace-body .task-current-owner span { color:#91a9c4; font-size:12px; }
body.workspace-body .task-current-owner strong { color:#f2f7ff; }
body.workspace-body .task-assignment-controls { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:end; }
body.workspace-body .task-assignment-controls label { display:grid; gap:6px; color:#adc3da; font-size:12px; }
body.workspace-body .task-assignment-controls select,body.workspace-body .task-assignment-controls input { width:100%; min-height:38px; border:1px solid rgba(105,151,207,.46); border-radius:10px; background:rgba(17,35,58,.96); color:#f4f8ff; padding:0 10px; }
body.workspace-body .task-assignment-hint { margin:0; color:#91a9c4; font-size:11px; line-height:1.6; }
body.workspace-body .task-notification-list { display:grid; gap:10px; max-height:min(64vh,620px); overflow:auto; }
body.workspace-body .task-notification-row { display:grid; grid-template-columns:minmax(170px,1fr) minmax(0,1.4fr) auto; gap:12px; align-items:center; width:100%; padding:13px 14px; border:1px solid rgba(96,150,211,.24); border-radius:14px; background:rgba(15,33,55,.75); color:#e8f2ff; text-align:left; cursor:pointer; }
body.workspace-body .task-notification-row.unread { border-color:rgba(74,178,255,.68); box-shadow:inset 3px 0 0 #35b7ff; }
body.workspace-body .task-notification-main { display:grid; gap:4px; }
body.workspace-body .task-notification-main small,body.workspace-body .task-notification-time { color:#93abc6; font-size:11px; }
body.workspace-body .task-notification-message { color:#c4d7eb; font-size:12px; }
body.workspace-body .task-notification-empty { padding:28px; border:1px dashed rgba(96,150,211,.3); border-radius:14px; color:#9eb4ce; text-align:center; }
@media (max-width:860px) {
  body.workspace-body .task-assignment-controls { grid-template-columns:1fr; }
  body.workspace-body .task-notification-row { grid-template-columns:1fr; gap:7px; }
}

/* 我的提成：发放记录在深色弹窗内保持可读对比度 */
body.workspace-body .my-commission-card .commission-item { border-color:rgba(91,148,211,.28); background:rgba(12,29,49,.82); }
body.workspace-body .my-commission-card .commission-item span { color:#a9bfd8; }
body.workspace-body .my-commission-card .commission-item strong { color:#f4f8ff; }

/* 第四批：团队管理与角色邀请 */
body.workspace-body .team-manager-card { width:min(1180px,96vw); }
body.workspace-body .team-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
body.workspace-body .team-summary-card { display:grid; gap:5px; padding:15px; border:1px solid rgba(91,149,211,.26); border-radius:16px; background:linear-gradient(145deg,rgba(21,52,88,.9),rgba(10,25,43,.92)); }
body.workspace-body .team-summary-card span { color:#9eb6d0; font-size:12px; }
body.workspace-body .team-summary-card strong { color:#f5f9ff; font-size:26px; }
body.workspace-body .team-summary-card small { color:#809ab6; font-size:11px; }
body.workspace-body .team-management-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
body.workspace-body .team-management-toolbar label { color:#b4c8df; font-size:12px; font-weight:800; }
body.workspace-body .team-management-toolbar input { flex:1; min-height:42px; border:1px solid rgba(105,151,207,.48); border-radius:12px; background:rgba(14,31,52,.92); color:#f7fbff; padding:0 12px; }
body.workspace-body .team-role-groups { display:grid; gap:14px; }
body.workspace-body .team-role-group { overflow:hidden; border:1px solid rgba(91,149,211,.24); border-radius:16px; background:rgba(9,22,39,.52); }
body.workspace-body .team-role-group-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 15px; border-bottom:1px solid rgba(91,149,211,.18); background:rgba(17,38,64,.72); }
body.workspace-body .team-role-group-head > div { display:grid; gap:3px; }
body.workspace-body .team-role-group-head strong { color:#eef5ff; }
body.workspace-body .team-role-group-head span { color:#8fa8c3; font-size:11px; }
body.workspace-body .team-role-member-list { display:grid; gap:9px; padding:12px; }
body.workspace-body .team-role-empty { padding:18px; border:1px dashed rgba(96,150,211,.24); border-radius:12px; color:#8199b3; text-align:center; font-size:12px; }
body.workspace-body .team-invitation-panel { margin-top:18px; padding:15px; border:1px solid rgba(91,149,211,.24); border-radius:16px; background:rgba(9,22,39,.52); }
body.workspace-body .team-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
body.workspace-body .team-section-head h3 { margin:0 0 3px; color:#edf5ff; }
body.workspace-body .team-section-head p { margin:0; color:#8fa8c3; font-size:11px; }
body.workspace-body .team-invitation-list { display:grid; gap:9px; }
body.workspace-body .team-invitation-item { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:12px; align-items:center; padding:12px 13px; border:1px solid rgba(91,149,211,.22); border-radius:13px; background:rgba(15,33,55,.7); }
body.workspace-body .team-invitation-main { display:grid; gap:3px; }
body.workspace-body .team-invitation-main strong { color:#f1f7ff; }
body.workspace-body .team-invitation-main span,body.workspace-body .team-invitation-main small { color:#91a9c4; font-size:11px; }
body.workspace-body .team-invitation-empty { padding:20px; border:1px dashed rgba(96,150,211,.24); border-radius:12px; color:#8199b3; text-align:center; font-size:12px; }
body.workspace-body .manual-user-card,body.workspace-body .invite-member-card { width:min(920px,96vw); }
body.workspace-body .invite-member-form { display:grid; gap:15px; }
body.workspace-body .invite-role-preview { display:grid; gap:10px; padding:14px; border:1px solid rgba(91,149,211,.25); border-radius:14px; background:rgba(13,31,52,.75); }
body.workspace-body .invite-preview-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
body.workspace-body .invite-preview-head strong { color:#f4f8ff; font-size:16px; }
body.workspace-body .invite-preview-grid { display:grid; grid-template-columns:100px minmax(0,1fr); gap:7px 12px; font-size:12px; }
body.workspace-body .invite-preview-grid span { color:#8fa8c3; }
body.workspace-body .invite-preview-grid strong { color:#dce9f8; }
body.workspace-body .invite-config-hint,body.workspace-body .invite-link-hint { margin:6px 0 0; color:#89a2be; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
@media (max-width:860px) {
  body.workspace-body .team-summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.workspace-body .team-management-toolbar { align-items:stretch; flex-direction:column; }
  body.workspace-body .team-invitation-item { grid-template-columns:1fr; }
  body.workspace-body .invite-preview-grid { grid-template-columns:1fr; }
}

/* Batch 6: task edit modal uses a light header even in workspace dark theme */
body.workspace-body .task-detail-card.user-modal-card .user-modal-head h2 { color:#142a4d!important; }
body.workspace-body .task-detail-card.user-modal-card .user-modal-head p { color:#5e718b!important; }
body.workspace-body .task-detail-card.user-modal-card .user-modal-head .dashboard-eyebrow { color:#246bfd!important; }