/* ========== T-009 官网视觉微调 (tune.css) ========== */

/* W15 · 数字字体：价格/数据等宽数字 */
.fyez-price-num,
.fyez-price-unit,
.fyez-single-price .fyez-price-num,
.fyez-buy-box-price .fyez-price-num,
.fyez-sticky-buy-price .fyez-price-num,
.fyez-user-points,
.fyez-card-body [style*="font-size:24px"],
.fyez-camp-metric .num,
.fyez-geo-preview-stat .n,
.fyez-camp-preview-stat .n,
[data-counter] {
  font-variant-numeric: tabular-nums;
}

/* W6 · 课程列表筛选条 */
.fyez-filter-bar{
  position:sticky;top:64px;z-index:600;
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  margin:0 0 28px;padding:14px 16px;
  background:rgba(255,253,249,.9);backdrop-filter:blur(10px);
  border:1px solid #E6EBF0;border-radius:16px;
  box-shadow:0 8px 24px rgba(23,50,77,.08);
}
.fyez-filter-chip{
  padding:8px 18px;border-radius:999px;cursor:pointer;user-select:none;
  font-size:13px;font-weight:600;color:#5B6B7C;background:#F1F5F9;border:1px solid transparent;
  transition:all .2s;
}
.fyez-filter-chip:hover{background:#FFF3E8;color:#C95812}
.fyez-filter-chip.is-active{background:linear-gradient(135deg,#F47A20,#C95812);color:#fff;box-shadow:0 4px 12px rgba(244,122,32,.3)}
.fyez-filter-chip .cnt{opacity:.65;font-size:11px;margin-left:2px}
@media(max-width:782px){.fyez-filter-bar{top:0}}

/* W13 · 移动端课程卡横向化（640px 内） */
@media(max-width:640px){
  .fyez-grid-3 .fyez-card-v2{flex-direction:row;align-items:stretch}
  .fyez-grid-3 .fyez-card-cover{width:40%;height:auto;min-height:160px;flex-shrink:0;align-items:flex-start;padding:16px}
  .fyez-grid-3 .fyez-card-cover-deco{font-size:44px;top:8px;right:10px}
  .fyez-grid-3 .fyez-card-cover-title{font-size:14px}
  .fyez-grid-3 .fyez-card-cover-sub{display:none}
  .fyez-grid-3 .fyez-card-body{padding:14px 16px}
  .fyez-grid-3 .fyez-card-body-desc{-webkit-line-clamp:2}
}

/* W14 · 移动端 4 档阶梯条 2×2 */
@media(max-width:640px){
  .fyez-tier-bar{flex-wrap:wrap}
  .fyez-tier-step{flex:1 1 46%;min-width:140px}
}

/* W12 · 404 页视觉升级 */
.fyez-404-hero{
  position:relative;overflow:hidden;text-align:center;padding:96px 24px 80px;
  background:linear-gradient(160deg,#1a3a5c 0%,#0E1F33 60%,#07151F 100%);
}
.fyez-404-hero::before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 20% 30%,rgba(244,122,32,.22),transparent 45%),
             radial-gradient(circle at 80% 70%,rgba(59,130,201,.16),transparent 45%)}
.fyez-404-hero>*{position:relative;z-index:1}
.fyez-404-num-big{
  font-size:clamp(80px,16vw,160px);font-weight:900;line-height:1;
  font-family:"JetBrains Mono",Consolas,monospace;
  background:linear-gradient(135deg,#FCD34D 0%,#F47A20 60%,#C95812 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 8px 32px rgba(244,122,32,.35));
  display:block;margin-bottom:16px;
}
.fyez-404-hero-title{font-size:clamp(22px,4vw,34px);font-weight:900;color:#fff;margin-bottom:14px}
.fyez-404-hero-desc{font-size:15px;color:rgba(255,255,255,.7);max-width:560px;margin:0 auto 28px;line-height:1.7}
.fyez-404-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.fyez-404-link{
  display:inline-flex;align-items:center;gap:6px;padding:10px 22px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);
  color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;
}
.fyez-404-link:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}

/* W2 · 课程详情移动端粘性购买栏 */
.fyez-sticky-buy{
  position:fixed;left:0;right:0;bottom:0;z-index:9500;
  display:flex;align-items:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
  border-top:1px solid #E6EBF0;box-shadow:0 -8px 30px rgba(23,50,77,.12);
  transform:translateY(110%);transition:transform .35s cubic-bezier(.22,.61,.36,1);
}
.fyez-sticky-buy.is-show{transform:translateY(0)}
.fyez-sticky-buy-price{display:flex;align-items:baseline;gap:2px;margin-right:auto;white-space:nowrap}
.fyez-sticky-buy-price .fyez-price-num{font-size:26px;font-weight:900;color:#EA580C}
.fyez-sticky-buy-hint{font-size:11px;color:#8C99A8}
.fyez-sticky-buy .fyez-btn{padding:11px 22px;font-size:14px}
@media(max-width:782px){
  body.fyez-has-sticky-buy{padding-bottom:76px}
}