/*
 Theme Name:   真题99 Child
 Theme URI:    https://zhenti99.com
 Description:  真题99 会员制资料售卖站子主题（建站师·恒定制）。在 Astra 基础主题之上做轻量视觉与组件定制，不修改父主题源码。
 Template:     astra
 Version:      1.0.0
 Author:       建站师·恒
 License:      GNU GPL v2 or later
*/

:root{
  --c-bg:#f6f8fc;
  --c-surface:#ffffff;
  --c-primary:#1f5fce;
  --c-primary-d:#16489c;
  --c-accent:#ff7a1a;
  --c-accent-d:#e8650a;
  --c-ink:#1c2533;
  --c-muted:#66718a;
  --c-border:#e7ecf4;
  --c-ok:#1f9d6b;
  --r:14px;
  --r-s:10px;
  --sh:0 8px 30px rgba(20,40,80,.08);
  --sh-s:0 4px 14px rgba(20,40,80,.06);
  --ff:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --maxw:1160px;
}

body{font-family:var(--ff);color:var(--c-ink);background:var(--c-bg);line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:var(--c-primary);text-decoration:none;}
img{max-width:100%;height:auto;}

/* 容器 */
.hx-wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px;}

/* 按钮 */
.btn,.hx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 26px;border-radius:999px;font-weight:700;font-size:15px;cursor:pointer;
  border:1px solid transparent;transition:.18s transform,.18s box-shadow,.18s background;}
.btn:hover,.hx-btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--c-primary);color:#fff;box-shadow:0 8px 20px rgba(31,95,206,.28);}
.btn-primary:hover{background:var(--c-primary-d);}
.btn-accent{background:var(--c-accent);color:#fff;box-shadow:0 8px 20px rgba(255,122,26,.30);}
.btn-accent:hover{background:var(--c-accent-d);}
.btn-ghost{background:#fff;color:var(--c-primary);border-color:var(--c-border);}
.btn-ghost:hover{border-color:var(--c-primary);}
.btn-lg{padding:16px 34px;font-size:16px;}

/* 顶栏（Astra 之上增强） */
.site-header{box-shadow:var(--sh-s);}
.hx-topbar{background:var(--c-primary-d);color:#dfe9ff;font-size:13px;}
.hx-topbar .hx-wrap{display:flex;justify-content:space-between;padding:6px 20px;}

/* Hero */
.hx-hero{position:relative;background:
  radial-gradient(1200px 400px at 80% -10%,rgba(31,95,206,.18),transparent),
  linear-gradient(135deg,#eaf1ff 0%,#f6f8fc 60%);
  padding:72px 0 64px;}
.hx-hero h1{font-size:clamp(28px,4vw,44px);line-height:1.25;margin:0 0 14px;font-weight:800;letter-spacing:-.5px;}
.hx-hero .hx-sub{font-size:17px;color:var(--c-muted);max-width:640px;margin:0 0 26px;}
.hx-search{display:flex;max-width:560px;background:#fff;border:1px solid var(--c-border);
  border-radius:999px;padding:6px 6px 6px 18px;box-shadow:var(--sh-s);}
.hx-search input{flex:1;border:0;outline:0;font-size:15px;background:transparent;color:var(--c-ink);}
.hx-search .btn{padding:11px 22px;}
.hx-hero-cta{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap;}

/* 区块标题 */
.hx-sec{padding:54px 0;}
.hx-sec-title{font-size:26px;font-weight:800;margin:0 0 6px;}
.hx-sec-desc{color:var(--c-muted);margin:0 0 30px;}

/* 分类网格 */
.hx-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hx-cat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r);
  padding:26px;box-shadow:var(--sh-s);transition:.2s transform,.2s box-shadow;display:block;color:inherit;}
.hx-cat-card:hover{transform:translateY(-4px);box-shadow:var(--sh);}
.hx-cat-ico{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#eaf1ff,#dce8ff);margin-bottom:16px;}
.hx-cat-ico svg{width:30px;height:30px;stroke:var(--c-primary);fill:none;stroke-width:1.8;}
.hx-cat-card h3{margin:0 0 6px;font-size:18px;}
.hx-cat-card p{margin:0;color:var(--c-muted);font-size:14px;}
.hx-cat-more{grid-column:auto;display:flex;align-items:center;justify-content:center;
  border-style:dashed;color:var(--c-muted);}

/* 免费区 */
.hx-free{background:linear-gradient(135deg,#ff8a33,#ff6a00);color:#fff;border-radius:var(--r);
  padding:34px 38px;box-shadow:0 12px 30px rgba(255,122,26,.28);display:flex;
  align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.hx-free h3{margin:0 0 6px;font-size:22px;}
.hx-free p{margin:0;opacity:.95;}
.hx-free .btn{background:#fff;color:var(--c-accent-d);}

/* 定价 */
.hx-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
.hx-tier{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r);
  padding:30px 26px;box-shadow:var(--sh-s);display:flex;flex-direction:column;}
.hx-tier.featured{border:2px solid var(--c-primary);box-shadow:var(--sh);position:relative;}
.hx-tier .tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--c-primary);color:#fff;font-size:12px;padding:4px 14px;border-radius:999px;}
.hx-tier .name{font-size:15px;color:var(--c-muted);}
.hx-tier .price{font-size:38px;font-weight:800;margin:8px 0 2px;}
.hx-tier .price small{font-size:15px;font-weight:600;color:var(--c-muted);}
.hx-tier ul{list-style:none;padding:0;margin:18px 0 24px;flex:1;}
.hx-tier li{padding:7px 0 7px 26px;position:relative;font-size:14px;color:var(--c-ink);}
.hx-tier li:before{content:"";position:absolute;left:0;top:13px;width:16px;height:16px;
  background:var(--c-ok);border-radius:50%;}
.hx-tier li:before{content:"✓";color:#fff;font-size:11px;line-height:16px;text-align:center;font-weight:700;}

/* 最新资料 */
.hx-latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.hx-doc{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-s);
  padding:18px;box-shadow:var(--sh-s);transition:.18s transform;}
.hx-doc:hover{transform:translateY(-3px);}
.hx-doc .thumb{height:120px;border-radius:8px;background:linear-gradient(135deg,#eef3ff,#e3ecff);
  display:flex;align-items:center;justify-content:center;color:var(--c-muted);font-size:13px;margin-bottom:12px;}
.hx-doc h4{margin:0 0 6px;font-size:15px;line-height:1.4;}
.hx-doc .meta{font-size:13px;color:var(--c-muted);display:flex;justify-content:space-between;align-items:center;}
.hx-badge{font-size:11px;padding:2px 9px;border-radius:999px;}
.hx-badge.free{background:#e8f7ef;color:var(--c-ok);}
.hx-badge.vip{background:#eaf1ff;color:var(--c-primary);}
.hx-badge.pay{background:#fff2e8;color:var(--c-accent-d);}

/* 会员资料库 */
.hx-lib-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.hx-lib-item{display:flex;align-items:center;gap:12px;background:var(--c-surface);
  border:1px solid var(--c-border);border-radius:var(--r-s);padding:14px 16px;box-shadow:var(--sh-s);}
.hx-lib-item .ico{width:38px;height:38px;border-radius:9px;background:#eaf1ff;display:flex;
  align-items:center;justify-content:center;color:var(--c-primary);font-weight:700;}
.hx-lib-item .t{flex:1;font-size:14px;}
.hx-notice{background:#fff7ed;border:1px solid #fed7aa;color:#9a5212;padding:16px 20px;
  border-radius:var(--r-s);margin:18px 0;}

/* 页脚 */
.hx-footer{background:#0f1b33;color:#c6d2ea;padding:46px 0 28px;margin-top:40px;}
.hx-footer a{color:#c6d2ea;}
.hx-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;}
.hx-footer h4{color:#fff;font-size:15px;margin:0 0 14px;}
.hx-footer .bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:30px;padding-top:18px;
  font-size:13px;color:#8294b8;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* 响应式 */
@media(max-width:900px){
  .hx-cat-grid,.hx-price-grid,.hx-lib-grid{grid-template-columns:1fr 1fr;}
  .hx-latest-grid{grid-template-columns:1fr 1fr;}
  .hx-footer .cols{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .hx-cat-grid,.hx-price-grid,.hx-latest-grid,.hx-lib-grid{grid-template-columns:1fr;}
  .hx-footer .cols{grid-template-columns:1fr;}
  .hx-hero{padding:48px 0 40px;}
}

/* ===== 配图接入（AI 生成，林哥上传媒体库后填 URL） =====
   图片文件已交付在 建站交付物/img/：
   - home-hero.png        首页 Hero 背景（橙蓝抽象学习风，无文字）
   - free-zone-banner.png 免费区 Banner 背景（橙蓝礼物下载风，无文字）
   步骤：WP 后台→媒体→添加，上传这两张，复制文件 URL，
   取消下面注释并把 URL 替换到 url() 内即可启用。
   叠加渐变保证左侧文字可读。 */
/*
.hx-hero{
  background:
    linear-gradient(120deg, rgba(31,95,206,.82), rgba(255,122,26,.66)),
    url('https://你的域名/wp-content/uploads/YYYY/MM/home-hero.png');
  background-size:cover; background-position:center; color:#fff;
}
.hx-hero h1,.hx-hero .hx-sub{color:#fff;text-shadow:0 2px 12px rgba(10,30,70,.35);}
.hx-free{
  background:
    linear-gradient(120deg, rgba(31,95,206,.90), rgba(255,122,26,.82)),
    url('https://你的域名/wp-content/uploads/YYYY/MM/free-zone-banner.png');
  background-size:cover; background-position:center;
}
*/