/* 核心样式: 黄历(宽版·清晰) + 商品 + 道观 + 询价 + 浮窗 + 免责 */

/* ===== 黄历容器 ===== */
.afs-huangli{font-family:"Noto Sans SC",-apple-system,"PingFang SC",system-ui,sans-serif;color:#1a1a1a;max-width:100%;margin:0 auto}

/* 日期选择器 */
.afs-hl-picker{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:20px;flex-wrap:wrap}
.afs-hl-picker input[type=date]{padding:10px 16px;border:2px solid #b8893b;border-radius:8px;font-size:16px;font-family:inherit;color:#1a1a1a;background:#fff;cursor:pointer}
.afs-hl-picker input[type=date]:focus{outline:none;border-color:#9e2b25;box-shadow:0 0 0 3px rgba(158,43,37,.1)}
.afs-hl-picker button{padding:10px 22px;background:linear-gradient(135deg,#9e2b25,#b53a30);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s}
.afs-hl-picker button:hover{transform:translateY(-1px)}
.afs-hl-nav{display:flex;gap:8px}
.afs-hl-nav a{padding:8px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;color:#666;background:#fff;text-decoration:none;transition:all .15s}
.afs-hl-nav a:hover{background:#9e2b25;color:#fff;border-color:#9e2b25}

/* 主卡 */
.afs-hl-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 16px rgba(0,0,0,.06)}

/* 头部: 日期 */
.afs-hl-head{background:linear-gradient(135deg,#9e2b25 0%,#7a201c 100%);color:#fff;padding:22px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.afs-hl-date{font-size:24px;font-weight:700;letter-spacing:1px}
.afs-hl-lunar{font-size:16px;opacity:.95}

/* 干支条 */
.afs-hl-gz{padding:14px 32px;background:#faf8f4;border-bottom:1px solid #eee;font-size:15px;color:#555;display:flex;flex-wrap:wrap;gap:6px 20px}
.afs-hl-gz b{color:#9e2b25;font-weight:600}
.afs-hl-sub{padding:8px 32px;font-size:14px;color:#888;border-bottom:1px solid #f0f0f0}

/* 宜忌(核心突出) */
.afs-hl-yiji{display:grid;grid-template-columns:1fr 1fr;gap:0}
.afs-hl-y,.afs-hl-j{padding:20px 32px;display:flex;align-items:flex-start;gap:14px}
.afs-hl-y{border-right:1px solid #eee;background:#f8fcf8}
.afs-hl-j{background:#fef9f8}
.afs-hl-lbl{flex:0 0 40px;height:40px;line-height:40px;text-align:center;border-radius:8px;color:#fff;font-weight:700;font-size:18px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.afs-hl-y .afs-hl-lbl{background:linear-gradient(135deg,#2d7a3d,#3a9949)}
.afs-hl-j .afs-hl-lbl{background:linear-gradient(135deg,#9e2b25,#b53a30)}
.afs-hl-txt{font-size:16px;line-height:1.8;padding-top:6px;flex:1;color:#333}

/* 信息网格 */
.afs-hl-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:0;border-top:1px solid #e0e0e0}
.afs-hl-grid>div{padding:12px 28px;border-bottom:1px solid #f0f0f0;font-size:14px;color:#444;line-height:1.7}
.afs-hl-grid>div:nth-child(3n+2),.afs-hl-grid>div:nth-child(3n){border-left:1px solid #f0f0f0}
.afs-hl-grid>div:nth-child(odd){border-right:none}
.afs-hl-grid>div:nth-child(odd){border-right:1px solid #f0f0f0}
.afs-hl-grid b{color:#666;font-weight:600;margin-right:6px}
.afs-hl-full{grid-column:1/-1;border-right:none!important}
.afs-hl-pz{font-size:13px;color:#777;background:#fafafa}

/* 星宿歌 */
.afs-hl-song{padding:14px 32px;border-top:1px solid #e0e0e0;font-size:14px;color:#555;line-height:1.9;background:#faf8f4}
.afs-hl-song b{color:#b8893b}

/* 九星 */
.afs-hl-ns{padding:14px 32px;border-top:1px solid #e0e0e0;font-size:14px;color:#555;line-height:1.8;background:#f8f6f0}
.afs-hl-ns b{color:#9e2b25}
.afs-hl-ns-song{margin-top:8px;font-size:13px;color:#888;line-height:1.7}

/* 佛历道历 + 节气 */
.afs-hl-cal{padding:10px 32px;border-top:1px solid #e0e0e0;font-size:14px;color:#777;text-align:center}
.afs-hl-jieqi{padding:10px 32px;border-top:1px solid #f0f0f0;font-size:14px;color:#777;text-align:center;background:#fafafa}

/* 十二时辰 */
.afs-hl-times{padding:0;border-top:2px solid #9e2b25}
.afs-hl-times h4{margin:0;padding:16px 32px 12px;font-size:18px;color:#9e2b25;background:#faf8f4}
.afs-tc-wrap{overflow-x:auto;padding:0 16px 16px}
.afs-tc-table{width:100%;border-collapse:collapse;font-size:14px;min-width:600px}
.afs-tc-table th{background:linear-gradient(180deg,#9e2b25,#7a201c);color:#fff;font-weight:600;padding:10px 8px;text-align:center;border:1px solid #7a201c;font-size:14px}
.afs-tc-table td{border:1px solid #eee;padding:8px;text-align:left;vertical-align:top;color:#333}
.afs-tc-table tr:nth-child(even) td{background:#faf8f4}
.afs-tc{font-weight:700;color:#9e2b25;text-align:center!important;white-space:nowrap;font-size:15px}
.afs-tc small{font-weight:400;color:#888;font-size:12px;display:block;margin-top:2px}
.afs-tc-j td{background:#f0f8f0!important}
.afs-tc-x td{background:#fdf4f3!important}
.afs-tc-j .afs-tc{color:#2d7a3d}
.afs-tc-x .afs-tc{color:#9e2b25}

/* 免责 */
.afs-hl-disc{margin:0;padding:14px 32px;background:#2b2b2b;color:#aaa;font-size:12px;line-height:1.7;text-align:center}

/* 响应式 */
@media(max-width:700px){
  .afs-huangli{max-width:100%}
  .afs-hl-yiji{grid-template-columns:1fr}
  .afs-hl-y{border-right:none;border-bottom:1px solid #eee}
  .afs-hl-grid{grid-template-columns:1fr 1fr}
  .afs-hl-grid>div{border-left:none!important;border-right:1px solid #f0f0f0}
  .afs-hl-grid>div:nth-child(2n){border-right:none}
  .afs-hl-head{padding:16px 18px}
  .afs-hl-date{font-size:20px}
  .afs-hl-gz,.afs-hl-grid>div,.afs-hl-song,.afs-hl-ns,.afs-hl-cal,.afs-hl-jieqi,.afs-hl-times h4,.afs-hl-disc{padding-left:18px;padding-right:18px}
  .afs-hl-y,.afs-hl-j{padding:14px 18px}
  .afs-hl-txt{font-size:15px}
}

/* ===== 商品/道观/案例 ===== */
.afs-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.afs-prod-card{display:block;background:#fff;border:1px solid #e8e0d2;border-radius:8px;overflow:hidden;text-decoration:none;color:#2b2b2b;transition:box-shadow .15s,transform .15s}
.afs-prod-card:hover{box-shadow:0 4px 14px rgba(158,43,37,.12);transform:translateY(-2px)}
.afs-thumb{width:100%;aspect-ratio:1;object-fit:cover;background:#f3ecdf}
.afs-noimg{background:linear-gradient(135deg,#f3ecdf,#e8d9c0)}
.afs-card-body{padding:10px 12px}
.afs-card-body h4{margin:0 0 4px;font-size:14px}
.afs-card-body small{font-size:12px;color:#9e2b25}

/* ===== 询价 ===== */
.afs-inquiry{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:20px 0;padding:14px;background:linear-gradient(180deg,#fff,#fbf7f0);border:1px solid #e8e0d2;border-radius:8px}
.afs-inq-btn{display:inline-block;padding:8px 16px;border-radius:6px;font-size:14px;text-decoration:none;color:#fff;background:#25d366;transition:opacity .15s}
.afs-inq-btn:hover{opacity:.88;color:#fff}
.afs-mail{background:#9e2b25}
.afs-inq-wx{display:inline-flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:#8a7f6f}
.afs-wx-qr{width:60px;height:60px;border:1px solid #e8e0d2;border-radius:4px}

/* ===== 浮窗 ===== */
.afs-fab{position:fixed;right:18px;bottom:18px;z-index:9998;display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#9e2b25,#b53a30);color:#fff;border-radius:30px;padding:12px 18px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(158,43,37,.4);transition:transform .15s}
.afs-fab:hover{color:#fff;transform:translateY(-2px)}
@media(max-width:480px){.afs-fab span{display:none}}

/* ===== 免责 ===== */
.afs-craft-disc{margin:18px 0 0;padding:11px 14px;background:#fff7ed;border:1px solid #f0e0c8;border-radius:6px;font-size:12.5px;color:#8a6f4f;line-height:1.6}
.afs-footer-disc{max-width:1100px;margin:18px auto 8px;padding:0 16px;font-size:11px;color:#9a8f7f;line-height:1.6;text-align:center}

/* ===== 多渠道私域入口(contact_channels / [contact_bar]) ===== */
.afs-channels{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;align-items:stretch}
.afs-channels .afs-ch{display:flex;flex-direction:column;justify-content:center;min-width:106px;padding:10px 14px;border-radius:8px;text-decoration:none;color:#fff;font-size:13px;line-height:1.35;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.afs-channels .afs-ch b{font-size:15px;font-weight:700;display:block}
.afs-channels .afs-ch small{opacity:.92;font-size:11px}
.afs-channels .afs-ch:hover{transform:translateY(-2px);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.afs-channels .afs-ch-wa{background:linear-gradient(135deg,#25d366,#1da851)}
.afs-channels .afs-ch-line{background:linear-gradient(135deg,#06c755,#04a847)}
.afs-channels .afs-ch-mail{background:linear-gradient(135deg,#9e2b25,#b53a30)}
.afs-channels .afs-ch-wx{background:linear-gradient(135deg,#07c160,#059a4a);text-align:center}
.afs-channels .afs-ch-wx img{width:64px;height:64px;border-radius:6px;background:#fff;padding:3px;display:block;margin:0 auto 4px}

/* ===== 多渠道展开式悬浮按钮(details/summary,无 JS) ===== */
.afs-fab-group{position:fixed;right:18px;bottom:18px;z-index:9998}
.afs-fab-toggle{position:relative}
.afs-fab-toggle summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;background:linear-gradient(135deg,#9e2b25,#b53a30);color:#fff;border-radius:30px;padding:12px 18px;font-size:14px;font-weight:600;box-shadow:0 4px 14px rgba(158,43,37,.4);transition:transform .15s}
.afs-fab-toggle summary::-webkit-details-marker{display:none}
.afs-fab-toggle summary:hover{transform:translateY(-2px)}
.afs-fab-toggle[open] summary{border-radius:30px 30px 0 0}
.afs-fab-channels{position:absolute;right:0;bottom:100%;min-width:220px;margin-bottom:8px;padding:12px;background:#fff;border:1px solid #e8e0d2;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.afs-fab-channels .afs-channels{flex-direction:column;margin:0;gap:8px}
.afs-fab-channels .afs-ch{flex-direction:row;align-items:center;gap:8px;min-width:0;width:100%}
.afs-fab-channels .afs-ch-wx{text-align:left}
.afs-fab-channels .afs-ch-wx img{margin:0}
@media(max-width:480px){.afs-fab-toggle summary span{display:none}}

/* ===== 八字排盘: 表单提示 + 结果区 CTA ===== */
.bz-tip{margin:0 0 12px;padding:9px 14px;background:#fff7ed;border:1px solid #f0e0c8;border-left:3px solid #b8893b;border-radius:6px;font-size:13px;color:#8a6f4f;line-height:1.6}
.bz-cta{margin:18px 0 0;padding:18px;background:linear-gradient(135deg,#fffdf7,#fbf3e6);border:1px solid #e8d9c0;border-radius:10px}
.bz-cta>p{margin:0 0 4px;color:#9e2b25;font-weight:600;font-size:15px}
.bz-cta .afs-channels{margin:8px 0 0}

/* ===== 服务单页 ===== */
.afs-svc-meta{margin:16px 0;padding:14px 16px;background:#fbf7f0;border-left:3px solid #b8893b;border-radius:0 6px 6px 0}
.afs-svc-meta h4{margin:0 0 4px;color:#9e2b25;font-size:15px}
.afs-svc-meta p{margin:0;color:#555;font-size:14px;line-height:1.7}
.afs-svc-en{margin:16px 0;padding:12px 16px;background:#f5f7fa;border-left:3px solid #2980b9;border-radius:0 6px 6px 0;font-size:13.5px;color:#445}
.afs-svc-en h4{margin:0 0 4px;color:#2980b9;font-size:14px}
.afs-svc-cta{margin:22px 0 6px;padding:18px;background:#fff;border:1px solid #e8e0d2;border-radius:8px;text-align:center}
.afs-svc-cta>p{margin:0 0 10px;color:#555;font-size:14px}

/* 服务卡片占位图标 */
.afs-svc-card .afs-noimg{display:flex;align-items:center;justify-content:center}
.afs-dao-icon{font-size:42px;color:#b8893b;opacity:.6;font-family:"Noto Serif SC",serif}
