/* 天狐影视 FAQ 组件（共用样式）
   - 抽取自 resources/views/follow.blade.php 内联 <style>（follow.html 参考版）
   - follow.html 与 /kefu 引用同一文件，避免两份拷贝
   - 末尾追加 /kefu 专用布局（左侧分类目录），不影响 follow.html
*/
.follow_page_faq .list{display:flex;flex-direction:column;gap:18px}
            .follow_page_faq .list .item{background:#fff;border:1px solid #e9ecf0;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(31,58,95,.05);margin:0;transition:box-shadow .25s,border-color .25s}
            .follow_page_faq .list .item:hover{border-color:#dbe2ea}
            .follow_page_faq .list .item .tit{display:flex;align-items:center;gap:14px;padding:20px 26px;cursor:pointer;user-select:none;border:0;background:none}
            .follow_page_faq .list .item .tit .faq-num{width:38px;height:38px;border-radius:10px;background:#1f3a5f;color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:15px;flex-shrink:0}
            .follow_page_faq .list .item .tit span{flex:1;font-size:17px;font-weight:700;color:#1f3a5f}
            .follow_page_faq .list .item .tit .faq-arr{font-style:normal;font-size:13px;color:#9aa3ad;transition:transform .3s;flex-shrink:0}
            .follow_page_faq .list .item .tit.on .faq-arr{transform:rotate(180deg)}
            .follow_page_faq .list .item .item_con{padding:0 26px 26px 78px}
            .follow_page_faq .faq_sec{border-radius:10px;padding:16px 20px;margin:0 0 10px}
            .follow_page_faq .faq_sec:last-child{margin-bottom:0}
            .follow_page_faq .faq_lab{display:inline-block;padding:3px 12px;border-radius:6px;font-size:12.5px;font-weight:700;color:#fff;margin-bottom:8px}
            .follow_page_faq .faq_sec p{font-size:14.5px;line-height:1.9;margin:0}
            .follow_page_faq .faq_obj{background:#f2f6fa;border-left:4px solid #1f3a5f}
            .follow_page_faq .faq_obj .faq_lab{background:#1f3a5f}
            .follow_page_faq .faq_obj p{color:#4a525c}
            .follow_page_faq .faq_our{background:#faf7ee;border-left:4px solid #b8942e}
            .follow_page_faq .faq_our .faq_lab{background:#b8942e}
            .follow_page_faq .faq_our p{color:#5a5344}
            .follow_page_faq .faq_cat_tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:34px 0 30px}
            .follow_page_faq .faq_cat_tabs span{display:inline-block;padding:8px 24px;border:1px solid #e3e7ec;border-radius:20px;cursor:pointer;font-size:15px;color:#5b626b;background:#fff;transition:all .2s}
            .follow_page_faq .faq_cat_tabs span:hover{color:#b8942e;border-color:#c8a45c}
            .follow_page_faq .faq_cat_tabs span.on{background:#b8942e;border-color:#b8942e;color:#fff}
            .follow_page_faq .faq_show_all{text-align:center;margin:36px 0 4px}
            .follow_page_faq .faq_show_all button{padding:13px 52px;border:1px solid #1f3a5f;background:transparent;color:#1f3a5f;border-radius:26px;font-size:16px;cursor:pointer;transition:all .2s}
            .follow_page_faq .faq_show_all button:hover{background:#1f3a5f;color:#fff}
            .follow_page_faq .item.faq_extra{display:none}
            .follow_page_faq .faq_cat_tabs #faqAllOpenBtn{margin-left:auto;padding:8px 24px;border:1px solid #1f3a5f;background:transparent;color:#1f3a5f;border-radius:20px;font-size:15px;cursor:pointer;transition:all .2s}
            .follow_page_faq .faq_cat_tabs #faqAllOpenBtn:hover{background:#1f3a5f;color:#fff}
            @media (max-width:768px){
                .follow_page_faq .list .item .tit{padding:16px;gap:10px}
                .follow_page_faq .list .item .tit span{font-size:15.5px}
                .follow_page_faq .list .item .tit .faq-num{width:30px;height:30px;border-radius:8px;font-size:13px}
                .follow_page_faq .list .item .item_con{padding:0 16px 18px}
            }

/* ===== /kefu FAQ：顶部居中标题 + 胶囊分类 + 单列通栏折叠卡片（复用 .follow_page_faq 组件） ===== */
.kefu-faq{max-width:1100px;margin:10px auto 0}
.kefu-faq .kf-faq-head{text-align:center;margin:0 0 26px}
.kefu-faq .kf-faq-head h2{margin:0;font-size:36px;line-height:1.25;font-weight:700;color:#5c5c5c;letter-spacing:0}
.kefu-faq .kf-faq-head p{margin:6px 0 0;font-size:12px;line-height:1.5;letter-spacing:.02em;color:#c9cdd4;font-weight:400;text-transform:uppercase}
.kefu-faq .kf-bar{display:flex;align-items:center;gap:14px;margin:0 0 28px}
.kefu-faq .kf-pills{display:flex;align-items:center;gap:9px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:1px 0}
.kefu-faq .kf-pills::-webkit-scrollbar{display:none}
.kefu-faq .kf-pill{flex:none;display:inline-flex;align-items:center;height:28px;box-sizing:border-box;border:1px solid #e3e7ec;background:#fff;border-radius:999px;padding:0 14px;font-size:12.5px;line-height:1;color:#5b626b;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.kefu-faq .kf-pill .kf-n{margin-left:6px;font-size:11px;font-weight:400;color:#9aa3ad}
.kefu-faq .kf-pill:hover{border-color:#d5b878}
.kefu-faq .kf-pill.on{background:#b8942e;border-color:#b8942e;color:#fff}
.kefu-faq .kf-pill.on .kf-n{color:rgba(255,255,255,.92)}
.kefu-faq .kf-expand{flex:none;margin-left:auto;height:28px;box-sizing:border-box;border:1px solid #1f3a5f;background:transparent;border-radius:999px;padding:0 16px;font-size:12.5px;line-height:1;color:#1f3a5f;cursor:pointer;transition:border-color .2s,color .2s}
.kefu-faq .kf-expand:hover{border-color:#b8942e;color:#b8942e}
.kefu-faq .list{display:flex;flex-direction:column;gap:12px}
.kefu-faq .list .item .tit{width:100%;text-align:left;border:0;background:none;font:inherit;padding:15px 20px;gap:14px}
.kefu-faq .list .item .tit .faq-num{width:30px;height:30px;min-width:30px;line-height:30px;border-radius:6px;font-size:12px;font-weight:800;padding:0}
.kefu-faq .list .item .tit span{font-size:16px;font-weight:700;color:#1f3a5f}
.kefu-faq .list .item .tit .faq-arr{font-size:10px;color:#9aa3ad;transition:transform .25s}
.kefu-faq .list .item .tit.on .faq-arr{transform:rotate(180deg)}
.kefu-faq .list .item .item_con{display:none;padding:0 20px 20px 64px}
.kefu-faq .list .item .tit.on + .item_con{display:block}
.kefu-faq .list .item .tit:focus-visible{outline:2px solid #b8942e;outline-offset:-3px}
/* 第三段：补充说明（中性灰块，几何尺寸与官方色块一致，字号/行高与 a2 相同） */
.kefu-faq .faq_sec.faq_tip{background:#f6f7f9;border-left:4px solid #6b7280}
.kefu-faq .faq_sec.faq_tip .faq_lab{background:#6b7280}
.kefu-faq .faq_sec.faq_tip p{color:#525860}
.kf-testbadge{display:inline-block;margin-left:12px;padding:3px 10px;border:1px dashed #c8a45c;border-radius:20px;font-size:11.5px;font-weight:600;color:#b8942e;letter-spacing:.02em;vertical-align:middle}
@media (max-width:959px){
  .kefu-faq{margin-top:6px}
  .kefu-faq .kf-faq-head{margin-bottom:18px}
  .kefu-faq .kf-faq-head h2{font-size:26px}
  .kefu-faq .kf-faq-head p{font-size:11px;letter-spacing:.02em}
  .kefu-faq .kf-bar{gap:10px;margin-bottom:20px}
  .kefu-faq .kf-pills{gap:8px}
  .kefu-faq .kf-pill{height:27px;padding:0 12px;font-size:12px}
  .kefu-faq .kf-expand{height:27px;padding:0 12px;font-size:12px}
  .kefu-faq .list{gap:10px}
  .kefu-faq .list .item .tit{padding:14px 16px;gap:12px}
  .kefu-faq .list .item .tit span{font-size:15.5px}
  .kefu-faq .list .item .item_con{padding:0 16px 16px 58px}
}