/*
  wsf.css —— 王施帆站点商业化改版自定义样式（首页/栏目页/内容页通用）
  作用域：.wsf-home(首页) 与 .wsf(其它页面包裹用)
  改主色：只改 .wsf-home,.wsf 里的 --wa
  本版：Banner保持大，下面全部缩一档、更紧凑（上大下小）
*/
.wsf-home,.wsf{--wa:#996493;--wa-bg:#f4eef3;--wm:#c0547a;--wm-bg:#fdf0f5;--ln:rgba(0,0,0,.08);--ln2:rgba(0,0,0,.16);--wa-ln:#e6d7e5;--wm-ln:#eecada;--cardln:#e7e7ec;--t1:#1c1f23;--t2:#565c66;--t3:#9aa1a8;--soft:#f6f6f8;}
.wsf-home{max-width:1220px;margin:0 auto;padding:14px 24px 0;}
.wsf-home *,.wsf *{box-sizing:border-box}

/* 区块通用：间距收紧 */
.wsf-sec{padding:30px 0;border-top:1px solid var(--ln)}
.wsf-sec:first-child{border-top:0}
.wsf-h{font-size:21px;font-weight:600;color:var(--t1);letter-spacing:-.02em;margin:0}
.wsf-sub{font-size:14px;color:var(--t3)}
.wsf-head{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}
.wsf-head .more{margin-left:auto;font-size:13px;color:var(--t2)}

/* Banner —— 保持大、抢眼（不缩） */
.wsf-hero{display:grid;grid-template-columns:1.45fr 1fr;gap:54px;align-items:center;padding:64px 0 30px}
.wsf-hero .eb{font-size:15px;color:var(--wa);letter-spacing:.04em;margin-bottom:18px;font-weight:500}
.wsf-htitle{font-size:48px;font-weight:600;line-height:1.3;letter-spacing:-.025em;color:var(--t1);margin:0 0 22px}
.wsf-bio{font-size:16px;color:var(--t2);line-height:1.95;margin:0}
.wsf-bio b{color:var(--t1);font-weight:600}
.wsf-ctas{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}
.wsf-btn{display:inline-block;font-size:16px;padding:14px 34px;border-radius:10px;text-decoration:none}
.wsf-btn.p{background:var(--wa);color:#fff}
.wsf-btn.o{border:1px solid var(--ln2);color:var(--t1)}
.wsf-hero .pic{background:var(--soft);border-radius:14px;min-height:330px;display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:14px;overflow:hidden}
.wsf-hero .pic img{width:100%;height:100%;object-fit:cover;display:block}

/* 信任数据 —— 缩小、收紧 */
.wsf-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wsf-stat{background:var(--soft);border-radius:10px;padding:16px 14px;text-align:center}
.wsf-stat b{display:block;font-size:29px;font-weight:600;color:var(--t1);line-height:1.05}
.wsf-stat span{font-size:12px;color:var(--t3);display:block;margin-top:5px}

/* SEO 服务 —— 紧凑卡片 */
.wsf-srv{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wsf-srv a,.wsf-srv .add{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:22px 20px;text-decoration:none;display:block;transition:border-color .15s}
.wsf-srv a:hover{border-color:var(--wa)}
.wsf-srv .ic{font-size:27px;color:var(--wa)}
.wsf-srv h4{font-size:17px;font-weight:600;color:var(--t1);margin:14px 0 5px}
.wsf-srv p{font-size:14px;color:var(--t2);margin:0;line-height:1.6}
.wsf-srv .add{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--t3);background:var(--soft);border-style:dashed}
.wsf-srv .add .ic{color:var(--t3)}.wsf-srv .add p{margin-top:7px;font-size:12px}

/* 培训课程 */
.wsf-train{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.wsf-train a{display:flex;border:1.5px solid var(--wa-ln);border-radius:12px;overflow:hidden;text-decoration:none;position:relative;min-height:90px;transition:border-color .15s}
.wsf-train a:hover{border-color:var(--wa)}
.wsf-train a.hot{border:1.5px solid var(--wm-ln)}
.wsf-train a.hot:hover{border-color:var(--wm)}
.wsf-train .tag{position:absolute;top:10px;right:10px;background:var(--wm-bg);color:var(--wm);font-size:12px;padding:2px 10px;border-radius:8px}
.wsf-train .tag.p{background:var(--wa-bg);color:var(--wa)}
.wsf-train .price{position:absolute;right:24px;bottom:14px;font-size:30px;font-weight:600;color:#cdd1d7;line-height:1;font-family:Georgia,serif;pointer-events:none}
.wsf-train .price i{font-size:13px;font-style:normal;color:#cdd1d7;margin-left:2px;font-family:inherit}
.wsf-train .badge{width:96px;flex:none;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;text-align:center;line-height:1.3}
.wsf-train .b-blue{background:var(--wa-bg);color:var(--wa)}
.wsf-train .b-amber{background:var(--wm-bg);color:var(--wm)}
.wsf-train .tx{padding:16px 22px;padding-right:96px;display:flex;flex-direction:column;justify-content:center}
.wsf-train h4{font-size:17px;font-weight:600;color:var(--t1);margin:0 0 5px}
.wsf-train p{font-size:13px;color:var(--t2);margin:0;line-height:1.6}

/* 推荐栏目 */
.wsf-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.wsf-chips a{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--wa-ln);border-radius:10px;padding:15px 18px;text-decoration:none;color:var(--t1);transition:background .15s,border-color .15s}
.wsf-chips a:hover{border-color:var(--wa);background:var(--wa-bg)}
.wsf-chips a.on{border-color:var(--wa);color:var(--wa);background:var(--wa-bg)}
.wsf-chips .ic{font-size:18px;color:var(--wa)}
.wsf-chips span{font-size:15px;font-weight:500}

/* 精选阅读 */
.wsf-fcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}
.wsf-fcard{border:1px solid var(--cardln);border-radius:14px;overflow:hidden;text-decoration:none;display:block;background:#fff;transition:border-color .15s}
.wsf-fcard:hover{border-color:var(--wa)}
.wsf-fcard .img{display:block;height:150px;background:var(--soft) center/cover no-repeat}
.wsf-fcard .bd{padding:24px 22px 26px}
.wsf-fcard .cat{display:block;font-size:12px;color:var(--wa);letter-spacing:.05em;font-weight:500;margin-bottom:14px}
.wsf-fcard h4{font-size:17px;font-weight:600;color:var(--t1);line-height:1.7;margin:0 0 16px}
.wsf-fcard .note{font-size:13px;color:var(--t3);line-height:1.75}
.wsf-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.wsf-num{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--cardln);border-radius:14px;padding:22px 24px;text-decoration:none;transition:border-color .15s}
.wsf-num:hover{border-color:var(--wa)}
.wsf-num i{font-size:32px;font-weight:600;color:var(--wa);opacity:.45;font-style:normal;min-width:38px;text-align:center;font-family:Georgia,serif}
.wsf-num .cat{display:block;font-size:12px;color:var(--wa);font-weight:500;margin-bottom:7px}
.wsf-num h5{font-size:15px;font-weight:500;color:var(--t1);margin:0;line-height:1.55}

/* 重点栏目模块 */
.wsf-mhead{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.wsf-mhead .bar{width:3px;height:18px;border-radius:2px;background:var(--wa)}
.wsf-mhead.green .bar{background:var(--wm)}
.wsf-mhead h3{font-size:18px;font-weight:600;color:var(--t1);margin:0}
.wsf-mhead .s{font-size:12px;color:var(--t3)}
.wsf-mhead .more{margin-left:auto;font-size:13px;color:var(--t2)}
.wsf-mlist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wsf-mlist a{text-decoration:none;display:block}
.wsf-mlist .img{display:block;height:140px;border-radius:10px;background:var(--soft) center/cover no-repeat;margin-bottom:10px;transition:opacity .15s}
.wsf-mlist a:hover .img{opacity:.88}
.wsf-mlist h4{font-size:16px;font-weight:500;color:var(--t1);line-height:1.5;margin:0}
.wsf-mlist a:hover h4{color:var(--wa)}
.wsf-mlist .note{font-size:12px;color:var(--t3);margin-top:6px}

/* 学员评价（自动滚动） */
.wsf-mask{overflow:hidden}
.wsf-track{display:flex;gap:14px;width:max-content;animation:wsfM 32s linear infinite}
.wsf-mask:hover .wsf-track{animation-play-state:paused}
@keyframes wsfM{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wsf-rev{width:280px;flex:none;background:#fff;border:1px solid var(--ln);border-radius:10px;padding:18px}
.wsf-rev p{font-size:14px;line-height:1.75;color:var(--t2);margin:0;font-family:Georgia,'Songti SC',serif}
.wsf-rev .by{display:flex;align-items:center;gap:10px;margin-top:13px}
.wsf-rev .av{width:30px;height:30px;border-radius:50%;background:var(--wa-bg);color:var(--wa);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
.wsf-rev .by span{font-size:12px;color:var(--t3)}

/* 底部联系条 */
.wsf-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--soft);border-radius:10px;padding:22px 28px;flex-wrap:wrap}
.wsf-strip .l{font-size:15px;color:var(--t2)}
.wsf-strip .r{display:flex;align-items:center;gap:14px}
.wsf-strip .r .bi{font-size:28px;color:var(--t2)}

/* 响应式 */
@media(max-width:1000px){
 .wsf-srv,.wsf-chips{grid-template-columns:repeat(2,1fr)}
 .wsf-fcards,.wsf-mlist{grid-template-columns:repeat(3,1fr)}
 .wsf-htitle{font-size:38px}
}
@media(max-width:760px){
 .wsf-sec{padding:26px 0}
 .wsf-hero{grid-template-columns:1fr;gap:26px;padding:40px 0 0}
 .wsf-stats{grid-template-columns:repeat(2,1fr)}
 .wsf-srv,.wsf-chips,.wsf-train,.wsf-nums,.wsf-fcards,.wsf-mlist{grid-template-columns:1fr}
 .wsf-htitle{font-size:32px}
 .wsf-h{font-size:20px}
}