/* ============================================================
   cys-channel.css —— 栏目页（频道/业务/细分）统一板块样式
   依据：加喜财税网站_专题业务页页面结构规划表.xlsx（cys-* 模块标识）
   适用：9 一级频道首页 + 9 二级业务栏目页 + 6 三级细分页 + 知识库列表页
   基础：全部复用 cys-tpl.css 变量与基类（--blue/--blue2/--blue3/--ink/--cloud/--line/--gold 等）
   风格：J 版浅灰蓝科技金融风；金色仅保留点缀（hover、小菱形）
   约定：本文件只写 cys-* 板块类与知识库一行一条列表类，不覆盖 cys-tpl.css 既有类
   ============================================================ */

/* ===== cys-value-bar 核心卖点条（一级页） ===== */
.sec.slim{padding:36px 0}
@media (max-width:760px){.sec.slim{padding:24px 0}}
.vbar{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vb-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 18px;display:flex;gap:14px;align-items:flex-start;transition:all .3s}
.vb-item:hover{border-color:var(--blue);box-shadow:0 10px 24px rgba(42,92,140,.08)}
.vb-ic{width:44px;height:44px;border-radius:10px;background:var(--cloud);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:17px;color:var(--blue);flex-shrink:0;transition:all .3s}
.vb-item:hover .vb-ic{background:var(--blue);color:#fff}
.vb-item h4{font-size:15px;color:var(--ink);margin-bottom:4px;letter-spacing:.5px}
.vb-item p{font-size:12px;color:var(--ink2);line-height:1.7}

/* ===== cys-col-grid 二级栏目导航卡片墙（一级页核心） ===== */
.colgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:cc}
.col-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;display:block;position:relative;overflow:hidden;transition:all .3s}
.col-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2),var(--blue));background-size:200% 100%;animation:goldflow 5s linear infinite;opacity:0;transition:opacity .3s}
.col-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(42,92,140,.12);border-color:var(--blue)}
.col-card:hover::before{opacity:1}
.col-card .cc-no{font-family:var(--mono);font-size:12px;color:var(--blue2);letter-spacing:2px;display:block;margin-bottom:10px}
.col-card .cc-no::before{counter-increment:cc;content:counter(cc,decimal-leading-zero)}
.col-card h3{font-size:17px;color:var(--ink);margin-bottom:8px}
.col-card p{font-size:12.5px;color:var(--ink2);line-height:1.75;margin-bottom:12px;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.col-card .go{color:var(--blue);font-size:13px;font-weight:600;letter-spacing:.5px}
.col-card:hover .go{color:var(--gold)}

/* ===== cys-type-compare 公司类型对比表 / cys-price-overview 费用周期概览 ===== */
.tbl-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:#fff}
.tcompare,.priceov{width:100%;border-collapse:collapse;min-width:720px;font-size:13.5px;line-height:1.75}
.tcompare thead th,.priceov thead th{background:var(--blue);color:#fff;padding:12px 14px;text-align:left;font-weight:600;letter-spacing:.5px;white-space:nowrap}
.tcompare tbody th,.priceov tbody th{background:var(--cloud);border:1px solid var(--line);padding:11px 14px;text-align:left;font-weight:600;color:var(--ink);white-space:nowrap}
.tcompare tbody td,.priceov tbody td{border:1px solid var(--line);padding:11px 14px;vertical-align:top;color:var(--ink2)}
.tcompare tbody tr:nth-child(even) td,.priceov tbody tr:nth-child(even) td{background:var(--cloud)}
.tcompare .rec{background:rgba(42,92,140,.08);box-shadow:inset 0 0 0 1px var(--blue);color:var(--ink)}
.tcompare .rec-badge{display:inline-block;background:var(--blue);color:#fff;font-size:11px;padding:1px 8px;border-radius:10px;margin-right:6px;letter-spacing:1px}
.priceov .p-note{font-size:11.5px;color:var(--blue2)}
.priceov tbody td .p{color:var(--blue);font-weight:600;white-space:nowrap}

/* ===== cys-advantage 频道数据与优势 ===== */
.adv{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.adv-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 18px;text-align:center;transition:all .3s}
.adv-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(42,92,140,.1)}
.adv-item .adv-num{font-family:var(--mono);font-size:34px;font-weight:700;color:var(--blue);line-height:1.2;display:block}
.adv-item .adv-num .unit{font-size:14px;color:var(--ink);letter-spacing:.5px;font-weight:600}
.adv-item span:last-child{font-size:12px;color:var(--ink2);display:block;margin-top:6px;letter-spacing:.5px}

/* ===== cys-case 客户评价与案例 ===== */
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;display:block;transition:all .3s}
.case-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(42,92,140,.1);border-color:var(--blue)}
.case-card .case-tag{display:inline-block;background:var(--blue3);color:var(--blue);font-size:11.5px;padding:2px 10px;border-radius:10px;letter-spacing:1px;margin-bottom:12px}
.case-card h4{font-size:15.5px;color:var(--ink);margin-bottom:8px}
.case-card p{font-size:12.5px;color:var(--ink2);line-height:1.8;margin-bottom:12px}
.case-card .case-meta{font-size:11.5px;color:var(--blue2);letter-spacing:.5px;border-top:1px dashed var(--line);padding-top:10px;display:flex;justify-content:space-between}

/* ===== cys-news 相关资讯（复用 .grid + .art 卡片，含缩略图） ===== */
.newslst .art .th img{object-fit:cover}
.newslst .art .bd h4{font-size:15px}

/* ===== cys-guarantee 服务保障 ===== */
.grd{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grd-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 18px;display:flex;gap:14px;align-items:flex-start;transition:all .3s}
.grd-item:hover{border-color:var(--blue);box-shadow:0 10px 24px rgba(42,92,140,.08)}
.grd-item .grd-ic{width:42px;height:42px;border-radius:10px;background:var(--cloud);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:16px;color:var(--blue);flex-shrink:0;transition:all .3s}
.grd-item:hover .grd-ic{background:var(--blue);color:#fff}
.grd-item h4{font-size:14.5px;color:var(--ink);margin-bottom:4px}
.grd-item p{font-size:12px;color:var(--ink2);line-height:1.7}

/* ===== cys-quick-card 业务速览卡（二级页） / cys-quick-answer 快速了解（三级页） ===== */
.qcards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qcard{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 18px;text-align:center;transition:all .3s}
.qcard:hover{border-color:var(--blue);box-shadow:0 10px 24px rgba(42,92,140,.08)}
.qcard .qk{font-size:12px;color:var(--blue2);letter-spacing:2px;display:block;margin-bottom:6px}
.qcard .qv{font-size:15px;color:var(--ink);font-weight:700;line-height:1.6}
.qanswer{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qa4-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 18px;transition:all .3s}
.qa4-item:hover{border-color:var(--blue);box-shadow:0 10px 24px rgba(42,92,140,.08)}
.qa4-item .qq{font-size:12px;color:var(--blue2);letter-spacing:1px;display:block;margin-bottom:8px}
.qa4-item .qa4{font-size:14px;color:var(--ink);line-height:1.7;font-weight:600}

/* ===== cys-crumb-anchor 面包屑+页内锚点导航（二级页，吸顶） ===== */
.anchornav{background:var(--cloud);border-bottom:1px solid var(--line);position:sticky;top:80px;z-index:60}
.anchornav .wrap{display:flex;align-items:center;gap:8px;min-height:46px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.anchornav .wrap::-webkit-scrollbar{display:none}
.anchornav .an-label{font-family:var(--mono);font-size:11.5px;color:var(--blue);letter-spacing:2px;flex-shrink:0}
.anchornav a{flex-shrink:0;font-size:13px;color:var(--ink2);padding:7px 16px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:all .25s;white-space:nowrap}
.anchornav a:hover{color:var(--blue);border-color:var(--blue)}

/* ===== cys-heming-entry / cys-tm-search 免表单工具入口 ===== */
.toolentry{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;background:linear-gradient(135deg,var(--cloud) 0%,var(--blue3) 100%);border:1px solid var(--line);border-radius:12px;padding:26px 28px;position:relative;overflow:hidden}
.toolentry::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--blue2),var(--blue));background-size:200% 100%;animation:goldflow 5s linear infinite}
.toolentry .te-txt{max-width:600px}
.toolentry h3{font-size:19px;color:var(--ink);margin-bottom:8px}
.toolentry p{font-size:13px;color:var(--ink2);line-height:1.8}
.toolentry .te-cta{display:flex;gap:12px;flex-wrap:wrap}

/* ===== cys-address-service 注册地址服务模块 ===== */
.addrgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.addr-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 20px;display:block;transition:all .3s}
.addr-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(42,92,140,.1);border-color:var(--blue)}
.addr-card h4{font-size:15.5px;color:var(--ink);margin-bottom:8px}
.addr-card p{font-size:12.5px;color:var(--ink2);line-height:1.8;margin-bottom:10px;min-height:66px}
.addr-card .btn-line{display:inline-block;font-size:12.5px}

/* ===== cys-related-series 关联频道推荐 / cys-subnav 三级栏目导航 ===== */
.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.related-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 16px;display:block;transition:all .3s}
.related-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(42,92,140,.1);border-color:var(--blue)}
.related-card h4{font-size:14.5px;color:var(--ink);margin-bottom:4px}
.related-card p{font-size:11.5px;color:var(--ink2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ===== 知识库列表页：一行一条 + 缩略图 ===== */
.kblist{display:grid;gap:14px}
.krow{display:grid;grid-template-columns:236px 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;align-items:stretch;transition:all .3s}
.krow:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(42,92,140,.1);border-color:var(--blue)}
.krow .th{border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--cloud)}
.krow .th img{width:100%;height:100%;object-fit:cover}
.krow .bd{display:flex;flex-direction:column;justify-content:center;min-width:0}
.krow .bd h3{font-size:17px;color:var(--ink);margin-bottom:6px;line-height:1.55}
.krow .bd h3:hover{color:var(--blue)}
.krow .bd p{font-size:13px;color:var(--ink2);line-height:1.8;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.krow .meta{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--ink2);margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);flex-wrap:wrap}
.krow .meta .col{background:var(--blue3);color:var(--blue);padding:2px 10px;border-radius:12px;font-size:11.5px}
.krow .meta b{margin-left:auto;color:var(--blue);font-weight:600}
.krow:hover .meta b{color:var(--gold)}

/* ===== 响应式 ===== */
@media (max-width:960px){
  .vbar,.adv,.grd,.qcards,.qanswer{grid-template-columns:repeat(2,1fr)}
  .colgrid{grid-template-columns:repeat(2,1fr)}
  .casegrid,.addrgrid{grid-template-columns:repeat(2,1fr)}
  .related-grid{grid-template-columns:repeat(3,1fr)}
  .krow{grid-template-columns:200px 1fr;gap:16px}
}
@media (max-width:560px){
  .vbar,.adv,.grd,.qcards,.qanswer{grid-template-columns:1fr}
  .colgrid{grid-template-columns:1fr}
  .casegrid,.addrgrid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .krow{grid-template-columns:1fr}
  .krow .th{aspect-ratio:16/9}
  .anchornav{top:64px}
  .toolentry{padding:22px 18px}
}