/* performance-ads 页专属视觉（自 services/performance-ads.php 页内 <style> 提取，仅本页 link）
   公共 .v2-* 骨架与 Mobile 规则见 assets/css/pages/services-v2.css */

/* ============ performance-ads 页专属视觉（双引擎 → 曝光/点击/线索/转化 漏斗，结构示意零假数据） ============ */
.pa-engines { display: flex; gap: 12px; justify-content: center; }
.pa-engine { flex: 1; display: flex; align-items: center; gap: 8px; justify-content: center; background: #fff; border: 1px solid #d8e0ec; border-radius: 12px; padding: 12px 10px; font-size: 13px; font-weight: 700; color: #2c3648; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05); }
.pa-engine small { display: block; font-size: 10px; font-weight: 500; color: #8b95a5; margin-top: 2px; text-align: left; }
.pa-engine .material-symbols-outlined { font-size: 18px; color: #0052cc; }
.pa-funnel { display: flex; flex-direction: column; align-items: center; gap: 7px; margin-top: 14px; }
.pa-funnel-step { display: flex; align-items: center; justify-content: center; gap: 8px; height: 40px; border-radius: 10px; font-size: 13px; font-weight: 700; color: #fff; }
.pa-funnel-step small { font-size: 10px; font-weight: 500; color: rgba(255, 255, 255, 0.75); }
.pa-f1 { width: 100%; background: #5b8ae0; }
.pa-f2 { width: 82%; background: #3a6fcf; }
.pa-f3 { width: 62%; background: #1e56b8; }
.pa-f4 { width: 44%; background: #003d9b; }
.pa-funnel-note { display: flex; justify-content: center; gap: 8px; margin-top: 12px; }
.pa-funnel-note span { font-size: 11px; font-weight: 600; color: #0052cc; background: rgba(0, 82, 204, 0.07); border-radius: 999px; padding: 4px 11px; }
.pa-svc-mock { border: 1px solid #dbe3ee; border-radius: 12px 12px 0 0; background: #f6f8fb; padding: 14px; min-height: 200px; }
.pa-search { background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; padding: 10px 12px; }
.pa-search-bar { display: flex; align-items: center; gap: 8px; background: #f0f3f8; border: 1px solid #dbe3ee; border-radius: 999px; padding: 7px 12px; font-size: 12px; font-weight: 600; color: #2c3648; }
.pa-search-bar .material-symbols-outlined { font-size: 15px; color: #8b95a5; }
.pa-ad { position: relative; margin-top: 9px; border: 1px solid #e6eaf0; border-radius: 10px; padding: 9px 12px; }
.pa-ad em { position: absolute; right: 10px; top: 9px; font-style: normal; font-size: 9px; font-weight: 700; color: #6b7686; border: 1px solid #dbe3ee; border-radius: 4px; padding: 1px 5px; }
.pa-ad b { font-size: 12px; font-weight: 700; color: #171c26; }
.pa-ad i { display: block; height: 6px; border-radius: 3px; background: #e8edf5; margin-top: 6px; width: 76%; }
.pa-feed { background: #fff; border: 1px solid #e6eaf0; border-radius: 10px; padding: 10px 12px; }
.pa-feed-head { display: flex; align-items: center; gap: 8px; }
.pa-feed-head u { width: 26px; height: 26px; border-radius: 50%; background: linear-gradient(135deg, #dbe4f0, #eef2f8); text-decoration: none; flex-shrink: 0; }
.pa-feed-head b { flex: 1; display: block; height: 7px; border-radius: 4px; background: #e8edf5; }
.pa-feed-cover { height: 74px; border-radius: 8px; background: linear-gradient(135deg, #1c2b4a, #3d5a8f); margin-top: 9px; position: relative; }
.pa-feed-cover em { position: absolute; right: 8px; bottom: 8px; font-style: normal; font-size: 9px; font-weight: 700; color: #fff; background: rgba(0, 24, 72, 0.55); border-radius: 4px; padding: 2px 7px; }
.pa-feed-meta { display: flex; gap: 10px; margin-top: 9px; }
.pa-feed-meta i { flex: 1; height: 6px; border-radius: 3px; background: #e8edf5; }
.pa-chiprow { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 11px; }
.pa-chiprow span { font-size: 10px; font-weight: 600; color: #0052cc; background: rgba(0, 82, 204, 0.07); border-radius: 999px; padding: 3px 9px; }
@media (max-width: 1200px) {
  .pa-visual { max-width: 640px; margin: 0 auto; }
}