/* Visual-only refinement of existing acquisition and community screens.
   No generated content, status overrides, or changes to interactive controls. */
body {
  background: radial-gradient(ellipse at 94% 7%, #d6f0f8 0, transparent 34%),
    radial-gradient(ellipse at 5% 56%, #e0eeff 0, transparent 38%), #f3f8fd;
  background-attachment: fixed;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  color: #122c49;
}
.community-header,.personal-header,.opc-topbar {
  background: rgba(255,255,255,.95);
  border-bottom-color: #d3e5f3;
  box-shadow: 0 4px 22px #1e5a8910;
}
.community-hero,.personal-hero,.acquisition-head,.growth-page-head {
  border: 1px solid #c7dff0;
  border-radius: 22px;
  background: radial-gradient(ellipse at 78% 5%, #d3f3f780, transparent 55%),
    linear-gradient(115deg, #ffffff 10%, #eff7ff 65%, #e4f5f7);
  box-shadow: 0 14px 36px #245e8510, inset 0 1px 0 #fff;
}
.acquisition-head,.growth-page-head { padding: 26px 30px; }
.community-hero,.personal-hero { padding: 26px 32px; }
.community-hero h1,.personal-hero h1,.acquisition-head h1,.growth-page-head h1 {
  color:#0b2847; font-size:36px; letter-spacing:-.8px; line-height:1.3;
}
.community-hero p,.acquisition-head .opc-desc { font-size:15px; line-height:1.8; }
.acquisition-eyebrow,.eyebrow,.growth-kicker { color:#167998; }
.account-card { border-radius:17px; border-color:#cbdff1; box-shadow:0 8px 24px #3271a60c; }
.account-metrics span { background:linear-gradient(130deg,#f0f7ff,#edf9f9); }
.acquisition-view-tabs,.acquisition-local-operations,.acquisition-business-metrics .opc-metric,
.acquisition-layout .opc-panel,.acquisition-device-overview,.question-board,.publish-panel,
.detail-main,.detail-side-card,.workbench-panel,.summary-grid>*,.growth-overview-card,
.growth-card,.growth-tree-card {
  border-color:#d1e3ef; border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 25px #215e8a0b,inset 0 1px 0 #fff;
}
.acquisition-business-metrics .opc-metric { border-top:3px solid #70b3ef; padding:18px; }
.acquisition-business-metrics .opc-metric:nth-child(2) { border-top-color:#e4b662; }
.acquisition-business-metrics .opc-metric:nth-child(3) { border-top-color:#58bfae; }
.acquisition-business-metrics .opc-metric:nth-child(4) { border-top-color:#6bade3; }
.acquisition-business-metrics .opc-metric:nth-child(5) { border-top-color:#9c9edb; }
.acquisition-business-metrics .opc-metric:nth-child(6) { border-top-color:#80bac5; }
.acquisition-business-metrics .opc-metric-value { font-size:32px; font-weight:750; color:#113759; }
.acquisition-view-tab.is-active { background:linear-gradient(125deg,#e7f1ff,#e4f9fb); border-color:#8fc7ed; }
.acquisition-boundary { border-radius:12px; background:#eef7ff; border-color:#d2e3f4; }
.acquisition-table-wrap { max-height:650px; overflow:auto; scrollbar-color:#a6c8df #f0f7fb; scrollbar-width:thin; }
.acquisition-table { font-size:14px; }
.acquisition-table thead th { position:sticky;top:0;z-index:1;background:#edf5fc;color:#385775;padding:14px 10px; }
.acquisition-table td { padding:17px 12px; border-bottom-color:#e2eef7; }
.acquisition-table tbody tr:nth-child(even) { background:#f7fbff; }
.acquisition-table tbody tr:hover { background:#edf7ff; }
.acquisition-drawer { background:linear-gradient(160deg,#f6fbff,#fff 40%); box-shadow:-18px 0 60px #12395726; }
.acquisition-drawer-head { border-bottom:1px solid #c9deee; padding-bottom:18px; }
.acquisition-lead-detail-drawer { width:min(840px,94vw); }
.acquisition-lead-detail-section { border-radius:16px; border:1px solid #d3e5f1; background:#fff; }
.question-board { padding:24px; }
.question-list { padding-top:14px; }
.question-row { margin-bottom:12px; padding:20px 16px; border:1px solid #dceaf5; background:linear-gradient(115deg,#fff,#f9fcff); gap:16px; }
.question-row:last-child { border-bottom:1px solid #dceaf5; }
.question-row:hover { background:#f0f9ff; box-shadow:0 6px 20px #377eac0d; }
.question-body h3 { font-size:19px; color:#123456; line-height:1.55; }
.question-body p { line-height:1.75; color:#627d96; }
.question-side .status-pill { border:1px solid #c5e9db; background:#ebf9f1; }
.bounty { background:linear-gradient(135deg,#fff9eb,#ffefd2); border-color:#ecd3a3; box-shadow:0 4px 10px #cc963212; }
.bounty b { font-size:27px; color:#bf7b16; }
.publish-panel { align-self:start; }
.publish-panel h2 { color:#103656; }
.publish-panel input,.publish-panel textarea,.publish-panel select,
.question-tools input,.question-tools select,
.acquisition-layout input:not([type=checkbox]),.acquisition-layout select {
  border-color:#c9dff0; border-radius:10px; background:#fcfeff;
}
.publish-submit,.question-tools button,.opc-btn-primary,.account-guest a {
  background:linear-gradient(110deg,#1673ee,#248bdc); border-color:#217ee4;
  box-shadow:0 5px 12px #1c77db1c;
}
button:disabled { box-shadow:none; }
.filter-tabs button.is-active { background:#e8f4ff; border-color:#85b9ed; }
.growth-overview-card { border-top:3px solid #83b9f0; }
.growth-overview-card:nth-child(3) { border-top-color:#63c9b4; }
.growth-overview-card:nth-child(4) { border-top-color:#e4bd74; }
.growth-overview-primary { background:linear-gradient(115deg,#ecf4ff,#f0fbfb); }
.growth-overview-card strong { font-size:32px; }
.growth-tree-card { background:radial-gradient(ellipse at 50% 30%,#e5f8ff,transparent 55%),#fff; }
.detail-side-card { border-top:3px solid #85c5df; }
.detail-main { overflow-wrap:anywhere; }
@media(min-width:1200px) {
  body.vnext-portal .acquisition-head { padding:24px 28px; min-height:136px; }
  body.vnext-portal .acquisition-head h1 { font-size:34px; line-height:1.4; }
  body.vnext-portal .acquisition-head .opc-desc { font-size:14px; line-height:1.7; max-width:900px; }
  body.vnext-portal .acquisition-business-metrics { grid-template-columns:repeat(6,minmax(0,1fr)); }
  body.vnext-portal .acquisition-business-metrics .opc-metric { border-radius:16px; padding:18px 16px; }
  body.vnext-portal .acquisition-business-metrics .opc-metric-value { font-size:32px; }
  .community-shell { width:calc(100% - 72px); max-width:1640px; margin-top:24px; }
  .community-layout { grid-template-columns:minmax(0,1fr) 350px; gap:22px; margin-top:22px; }
  .community-hero { align-items:center; }
  .community-hero .account-card { min-width:430px; padding:18px; }
  .community-hero .account-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
  .community-hero .account-metrics span { padding:10px 8px; font-size:12px; }
  .acquisition-head h1 { margin-top:6px; margin-bottom:8px; }
}
@media(max-width:800px) {
  .community-hero,.personal-hero,.acquisition-head,.growth-page-head { padding:20px; border-radius:16px; }
  .community-hero h1,.personal-hero h1,.acquisition-head h1,.growth-page-head h1 { font-size:28px; }
  .question-board { padding:16px; }
  .question-row { padding:16px 10px; }
  .acquisition-table-wrap { max-height:650px; }
}