/* ============================================================
   企业团报 tuantuan.css
   骨架：D 双轨（thread-double）+ hero-half
   母题：携手弧线 —— 左右双轨之间一道金色弧线把两边"挽"起来
   ============================================================ */

/* ---------- 页头 ---------- */
.tt-hero .hero-inner { padding-top: 150px; }
.tt-hero .crumb a { color: rgba(110,102,89,.9); }
.tt-hero .crumb a:hover { color: var(--gold-deep); }

/* ---------- 双轨之间的携手弧线（顶部装饰） ---------- */
.tt-arc { position: relative; }
.tt-arc::after {
  content: ""; position: absolute; left: 62px; right: 62px; top: 0; height: 40px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 40' preserveAspectRatio='none'%3E%3Cpath d='M0 38 Q500 -10 1000 38' fill='none' stroke='%23C2A04B' stroke-width='1.5' stroke-opacity='.5'/%3E%3Ccircle cx='500' cy='14' r='4' fill='%23C2A04B'/%3E%3C/svg%3E") no-repeat center / 100% 100%;
  pointer-events: none;
}

/* ---------- 表格包裹 ---------- */
.tbl-wrap { overflow-x: auto; border-radius: var(--radius); }

/* ---------- 团报流程编号 ---------- */
.tt-num { max-width: 800px; }

/* ---------- 企业服务六卡 ---------- */
.tt-services { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.tt-services h3 { font-size: 18px; color: var(--gold-deep); margin-bottom: 10px; }
.tt-services p { font-size: 14.5px; color: var(--ink-soft); }
@media (max-width: 900px) { .tt-services { grid-template-columns: 1fr; } }

/* ---------- 案例卡片 ---------- */
.tt-case-card { margin-bottom: 16px; }
.tt-case-card h3 { font-size: 17px; color: var(--ink); margin-bottom: 8px; }
.tt-case-card p { font-size: 14px; color: var(--ink-soft); }

/* ---------- 表单收窄 ---------- */
.tt-form-wrap { max-width: 860px; }

/* ---------- 案例配图 ---------- */
.tt-fig { max-width: 960px; margin-inline: auto; }
.tt-fig img { border-radius: var(--radius-lg); width: 100%; height: auto; box-shadow: var(--shadow-soft); }
.tt-fig figcaption { margin-top: 12px; font-size: 13.5px; color: var(--ink-mute); text-align: center; }

/* ---------- 成本明细与企业台账 ---------- */
.tt-cost-detail h3, .tt-ledger h3 { font-size: 18px; color: var(--ink); margin-bottom: 14px; }
.tt-cost-note { font-size: 13px; color: var(--ink-mute); }
.tt-ledger {
  background: var(--grad-cream); border: 1px dashed var(--gold);
  border-radius: var(--radius); padding: 24px 28px;
}
.tt-ledger .check-list li { margin-bottom: 8px; }

/* ---------- FAQ ---------- */
.tt-faq .acc { max-width: 840px; margin-inline: auto; }
.tt-faq .acc-body-inner a { color: var(--gold-deep); text-decoration: underline; }

/* ---------- 通用间距 ---------- */
.mt { margin-top: 20px; }
.mt-lg { margin-top: 34px; }
.mt-xl { margin-top: 52px; }
