/*
Theme Name:   RiPro-V5 极选网子主题（清爽资讯风 Demo 版）
Theme URI:    https://jixuanw.com/
Description:  极选网视觉子主题，按 homepage.html demo 落地：白卡浅灰底、蓝 #1677ff 主色、渐变点缀、描边序号栏目标题。父主题 RiPro-V5 保留。
Author:       Jixuanw
Template:     ripro-v5
Version:      2.0.0
Text Domain:  ripro-v5-child
*/

/* ============================================================
   设计变量（与 homepage.html demo 一致）
   ============================================================ */
:root{
  --jx-blue:#1677ff; --jx-blue-dark:#0e5fd8;
  --jx-pink:#ff5c8a; --jx-yellow:#ffc53d; --jx-green:#3fbf7f; --jx-cyan:#13c2c2;
  --jx-ink:#1f2329; --jx-ink2:#4e5969; --jx-ink3:#86909c;
  --jx-bg:#f5f7fa; --jx-card:#ffffff; --jx-line:#e9edf3;
  --jx-radius:14px;
  --jx-shadow:0 2px 10px rgba(31,42,68,.06);
  --jx-shadow-hover:0 10px 26px rgba(31,42,68,.12);
}
body{
  background:var(--jx-bg);color:var(--jx-ink);font-size:15px;line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}
.container{max-width:1200px}

/* ============================================================
   顶栏（白色 + 胶囊导航 + 渐变选中态）
   ============================================================ */
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--jx-line);box-shadow:none}
.site-header .navbar{height:64px;gap:24px}
body .site-header .logo-wrapper img.logo{height:34px;width:auto;min-width:0;max-height:none}
/* 胶囊导航：压掉父主题 line-height:61px / margin:0 12px（权重 body+4类 > 父主题3类） */
body .site-header .navbar .nav-list{display:flex;align-items:center;gap:6px}
body .site-header .navbar .nav-list>.menu-item{display:flex;align-items:center;height:auto}
body .site-header .navbar .nav-list>.menu-item>a{
  display:inline-block;padding:7px 16px;margin:0;border-radius:999px;
  line-height:1.5!important;font-size:15px;color:var(--jx-ink2);font-weight:500;transition:.2s;
}
body .site-header .navbar .nav-list>.menu-item>a::after{display:none}
body .site-header .navbar .nav-list>.menu-item>a:hover{background:#f0f4ff;color:var(--jx-blue)}
body .site-header .navbar .nav-list>.menu-item.current-menu-item>a,
body .site-header .navbar .nav-list>.menu-item.current-menu-parent>a{
  background:linear-gradient(135deg,var(--jx-blue),#4096ff)!important;color:#fff!important;font-weight:600;
}
.header-gap{height:64px}
.site-header .actions .action-btn{color:var(--jx-ink2);border-radius:20px}
.site-header .actions .action-btn:hover{color:var(--jx-blue);background:#f0f4ff}
.site-header .actions .login-btn{
  background:transparent;color:var(--jx-blue);border:1.5px solid var(--jx-blue);
  border-radius:20px;padding:6px 18px;font-size:14px;font-weight:600;
}
.site-header .actions .login-btn:hover{background:var(--jx-blue);color:#fff}

/* ============================================================
   Hero（全宽渐变横幅 + 居中 + 白卡搜索）
   ============================================================ */
body .home-search-box{padding:0;margin-top:0!important}
body .home-search-box .search-bg{
  background:linear-gradient(135deg,#eef4ff 0%,#fdf1f5 50%,#fffbe8 100%)!important;
  border-radius:0;overflow:hidden;max-width:none;position:relative;
}
body .home-search-box .search-bg::before{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(22,119,255,.14),transparent 65%);
  top:-120px;left:-80px;pointer-events:none;
}
body .home-search-box .search-bg::after{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,92,138,.13),transparent 65%);
  bottom:-140px;right:-60px;pointer-events:none;
}
body .home-search-box .jarallax-img,
body .home-search-box .search-bg-overlay{display:none!important}
body .home-search-box .search-warp{
  padding:56px 24px 48px!important;text-align:center;position:relative;max-width:1200px;
  margin:0 auto;
}
body .home-search-box .search-title{
  font-size:38px;line-height:1.35;font-weight:800;color:var(--jx-ink);
  letter-spacing:2px;margin-bottom:0;
}
body .home-search-box .search-title .jx-grad,
body .home-search-box .search-title em{
  font-style:normal;background:linear-gradient(120deg,var(--jx-blue),var(--jx-cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body .home-search-box .search-desc{
  color:var(--jx-ink2)!important;font-size:17px;margin:10px 0 0!important;opacity:1;
}
body .home-search-box .search-form{
  max-width:620px;margin:28px auto 0!important;background:#fff;
  border:2px solid var(--jx-blue);border-radius:28px;padding:6px 6px 6px 22px;
  box-shadow:0 8px 28px rgba(22,119,255,.16);display:flex;align-items:center;gap:10px;
}
body .home-search-box .search-select{display:none}
body .home-search-box .search-fields{flex:1;display:flex;align-items:center;border:0}
body .home-search-box .search-fields input{
  border:0!important;height:44px;font-size:16px;background:transparent;box-shadow:none;
}
body .home-search-box .search-fields input::placeholder{color:var(--jx-ink3)}
body .home-search-box .search-fields button{
  background:linear-gradient(135deg,var(--jx-blue),#4096ff)!important;color:#fff!important;
  opacity:1!important;border-radius:22px;width:auto;padding:10px 32px;border:0;position:relative;
  font-size:16px;font-weight:600;
}
body .home-search-box .search-fields button:hover{filter:brightness(1.08)}
body .search-hots{
  margin-top:16px;color:var(--jx-ink3)!important;font-size:13px;
  display:flex;justify-content:center;gap:10px;flex-wrap:wrap;
}
body .search-hots > span:first-child{color:var(--jx-ink3);background:transparent!important;border-radius:0;padding:0}
body .search-hots span:not(:first-child){
  display:inline-block;background:#fff!important;border:1px solid var(--jx-line);
  border-radius:14px;padding:4px 14px;margin:0;transition:.2s;
}
body .search-hots span:not(:first-child) a,
body .search-hots a{color:var(--jx-ink2)!important;font-size:13px}
body .search-hots span:not(:first-child):hover{border-color:var(--jx-blue)}
body .search-hots span:not(:first-child) a:hover{color:var(--jx-blue)!important}

/* ============================================================
   栏目导航卡（白卡 + 彩色序号徽章）
   ============================================================ */
.jxw-catnav-wrap{margin-top:28px!important}
.jxw-catnav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.jxw-catcard{
  background:var(--jx-card);border:0;border-radius:var(--jx-radius);
  box-shadow:var(--jx-shadow);padding:20px 22px;
  transition:transform .2s ease,box-shadow .2s ease;display:block;
}
.jxw-catcard:hover{transform:translateY(-4px);box-shadow:var(--jx-shadow-hover)}
.jxw-catcard .num{
  display:inline-block;font-size:13px;font-weight:800;font-style:italic;
  color:var(--jx-blue);background:#eef4ff;border-radius:6px;padding:1px 9px;
}
.jxw-catcard:nth-child(2) .num{color:#d48806;background:#fff8e6}
.jxw-catcard:nth-child(3) .num{color:#18a058;background:#e9f9f0}
.jxw-catcard:nth-child(4) .num{color:var(--jx-pink);background:#fff0f4}
.jxw-catcard strong{display:block;font-size:17px;margin:10px 0 4px;color:var(--jx-ink)}
.jxw-catcard .desc{font-size:13px;color:var(--jx-ink3);line-height:1.6;display:block}

/* ============================================================
   栏目标题（描边斜体序号 + 标题 + 副标题 同行）
   ============================================================ */
.home-widget{margin-top:34px}
.section-title{
  display:flex;align-items:baseline;gap:14px;text-align:left!important;
  margin-bottom:18px!important;flex-wrap:wrap;
}
.section-title h3{
  font-size:22px;font-weight:800;color:var(--jx-ink);margin:0;
  padding:0;position:static;line-height:1.4;display:inline-flex;align-items:baseline;gap:14px;
}
.section-title h3::before{
  content:"0" counter(jxsec);
  font-size:26px;font-weight:800;font-style:italic;letter-spacing:0;
  color:transparent;-webkit-text-stroke:1.5px var(--jx-blue);
}
.section-title h3 a:hover{color:var(--jx-blue)}
.section-title p.text-muted{
  font-size:13px;color:var(--jx-ink3)!important;margin:0!important;
}
main{counter-reset:jxsec}
.home-last-post,.home-cat-post{counter-increment:jxsec}
/* 各栏目序号配色 */
#ri_home_lastpost_widget-2 .section-title h3::before{-webkit-text-stroke-color:var(--jx-blue)}
#ri_home_catpost_widget-2 .section-title h3::before{-webkit-text-stroke-color:var(--jx-pink)}
#ri_home_catpost_widget-3 .section-title h3::before{-webkit-text-stroke-color:var(--jx-green)}
#ri_home_catpost_widget-4 .section-title h3::before{-webkit-text-stroke-color:#f5a623}

/* ============================================================
   文章卡片（白卡、圆角 14、柔和阴影、悬停上浮）
   ============================================================ */
.post-item{
  background:var(--jx-card);border:0;border-radius:var(--jx-radius);
  overflow:hidden;height:100%;box-shadow:var(--jx-shadow);
  transition:transform .2s ease,box-shadow .2s ease;
}
.post-item:hover{transform:translateY(-4px);box-shadow:var(--jx-shadow-hover)}
.post-item .entry-media{border-radius:0}
.post-item .media-img{background:#eef2f7;-webkit-filter:none!important;filter:none!important;animation:none!important}
.post-item .entry-wrapper{padding:15px 16px 17px}
.post-item .entry-cat-dot{margin-bottom:8px}
.post-item .entry-cat-dot a{
  font-size:11.5px;font-weight:600;color:var(--jx-blue)!important;
  background:#eef4ff;border-radius:5px;padding:2px 8px;
}
.post-item .entry-title{margin:0 0 7px}
.post-item .entry-title a{
  font-size:15.5px;font-weight:700;line-height:1.55;color:var(--jx-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post-item .entry-title a:hover{color:var(--jx-blue)}
.post-item .entry-desc{
  font-size:13px;color:var(--jx-ink3);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post-item .entry-meta{
  border:0;margin-top:12px;padding:0;font-size:12.5px;color:var(--jx-ink3);
  display:flex;gap:12px;align-items:center;
}
.post-item .entry-meta i{opacity:.8}
.posts-warp .fs-4{color:#a8b3bf!important}

/* ============================================================
   页脚
   ============================================================ */
.site-footer{
  background:#fff;border-top:1px solid var(--jx-line);
  margin-top:40px!important;padding:36px 0 26px;
}
.site-footer .logo-wrapper img.logo{height:36px}
.site-footer p.small{color:var(--jx-ink3);max-width:300px;margin-top:10px!important;line-height:1.8}
.site-footer .widget-title{font-size:14px;font-weight:700;color:var(--jx-ink);margin-bottom:12px}
.site-footer .widget-links a,.site-footer .widget-links li{color:var(--jx-ink3);font-size:13px;line-height:2.1}
.site-footer .widget-links a:hover{color:var(--jx-blue)}
.site-footer .text-center.small,.site-footer .text-center.small a{color:var(--jx-ink3);font-size:12.5px}
.footer-links{border-top:1px solid var(--jx-line);padding-top:14px;margin-top:22px!important}
.footer-links span{color:var(--jx-ink3)}
.footer-links ul{display:inline;list-style:none;margin:0;padding:0}
.footer-links li{display:inline-block;margin-right:14px}
.footer-links a{color:var(--jx-ink3)}
.footer-links a:hover{color:var(--jx-blue)}

/* 右侧悬浮条与移动端底部导航 */
.rollbar .actions li a{background:#fff;border:1px solid var(--jx-line);border-radius:10px;color:var(--jx-ink2);box-shadow:var(--jx-shadow)}
.rollbar .actions li a:hover{color:var(--jx-blue)}
.m-navbar{background:#fff;border-top:1px solid var(--jx-line)}
.m-navbar li a{color:var(--jx-ink2)}
.m-navbar li a i{color:var(--jx-blue)}

/* ============================================================
   文章/列表页通用
   ============================================================ */
.breadcrumb,.entry-breadcrumb{font-size:13px;color:var(--jx-ink3)}
.single .entry-title,.page .entry-title{font-weight:800;color:var(--jx-ink)}
.entry-content{font-size:16px;line-height:1.85;color:#333a45}
.entry-content h2{
  font-size:21px;font-weight:800;margin:32px 0 14px;color:var(--jx-ink);
  padding-left:12px;border-left:4px solid var(--jx-blue);line-height:1.4;
}
.entry-content h3{font-size:17.5px;font-weight:700;margin:24px 0 12px}
.entry-content a{color:var(--jx-blue)}
.entry-content a:hover{text-decoration:underline}
.entry-content blockquote{
  background:#f0f4ff;border-left:3px solid var(--jx-blue);
  border-radius:10px;padding:14px 18px;color:#33475f;margin:18px 0;
}
.entry-content img{border-radius:10px}
.entry-content table{border-radius:10px;overflow:hidden}
.entry-content th{background:#f0f4ff}

/* ============================================================
   深色模式
   ============================================================ */
[data-bs-theme=dark] body{background:#10161d;color:#e6ebf2}
[data-bs-theme=dark] .site-header,
[data-bs-theme=dark] .site-footer,
[data-bs-theme=dark] .m-navbar{background:#161d26;border-color:#232c37}
[data-bs-theme=dark] .site-header .actions .action-btn{color:#c6d0da}
[data-bs-theme=dark] body .site-header .navbar .nav-list>.menu-item>a{color:#c6d0da}
[data-bs-theme=dark] body .site-header .navbar .nav-list>.menu-item>a:hover{background:#1c2735;color:#6ea8ff}
[data-bs-theme=dark] body .home-search-box .search-bg{
  background:linear-gradient(135deg,#131c2e 0%,#1d1626 50%,#1d2430 100%)!important;
}
[data-bs-theme=dark] body .home-search-box .search-title{color:#eef3f9}
[data-bs-theme=dark] body .home-search-box .search-desc{color:#9db0c5!important}
[data-bs-theme=dark] body .home-search-box .search-form{background:#1a222c}
[data-bs-theme=dark] .jxw-catcard,
[data-bs-theme=dark] .post-item{background:#1a222c;box-shadow:none;border:1px solid #232c37}
[data-bs-theme=dark] .jxw-catcard strong,
[data-bs-theme=dark] .post-item .entry-title a{color:#e6ebf2}
[data-bs-theme=dark] .jxw-catcard .desc,
[data-bs-theme=dark] .post-item .entry-desc{color:#94a5b8}
[data-bs-theme=dark] .section-title h3{color:#e6ebf2}
[data-bs-theme=dark] .section-title p.text-muted{color:#8fa1b5!important}
[data-bs-theme=dark] .post-item .entry-meta{color:#7d8c9c}
[data-bs-theme=dark] .site-footer .widget-title{color:#e6ebf2}
[data-bs-theme=dark] .search-hots span:not(:first-child){background:#1a222c!important;border-color:#2c3846}
[data-bs-theme=dark] .search-hots span:not(:first-child) a{color:#aebdd0!important}

/* ============================================================
   响应式
   ============================================================ */
@media (max-width:991px){
  .jxw-catnav{grid-template-columns:repeat(2,1fr)}
  body .home-search-box .search-title{font-size:28px;letter-spacing:1px}
  body .home-search-box .search-warp{padding:40px 18px 36px!important}
  .site-header .navbar{height:60px;gap:10px}
  body .site-header .logo-wrapper img.logo{height:28px}
  .header-gap{height:60px}
}
@media (max-width:575px){
  .jxw-catnav{grid-template-columns:1fr 1fr;gap:10px}
  .jxw-catcard{padding:14px 16px}
  .jxw-catcard strong{font-size:15px}
  .jxw-catcard .desc{font-size:12px}
  .home-widget{margin-top:26px}
  body .home-search-box .search-title{font-size:26px}
  body .home-search-box .search-form{border-radius:24px;padding:5px 5px 5px 16px}
  body .home-search-box .search-fields button{padding:9px 20px}
  .section-title h3{font-size:19px}
}

/* ============================================================
   首页模板（front-page.php）—— 五种版式，避免整页重复网格
   ============================================================ */
.jxw-sprite{position:absolute;width:0;height:0;overflow:hidden}
.jxw-wrap{max-width:1200px;margin:0 auto;padding:0 12px}
.jxw-home{margin:0}

/* ---------- Hero ---------- */
.jxw-hero{
  background:linear-gradient(135deg,#eef4ff 0%,#fdf1f5 50%,#fffbe8 100%);
  padding:54px 0 46px;text-align:center;position:relative;overflow:hidden;
}
.jxw-hero::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(22,119,255,.14),transparent 65%);top:-120px;left:-80px}
.jxw-hero::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,92,138,.13),transparent 65%);bottom:-140px;right:-60px}
.jxw-hero h1{
  font-size:38px;font-weight:800;letter-spacing:2px;color:var(--jx-ink);
  line-height:1.35;margin:0;position:relative;
}
.jxw-hero h1 em{
  font-style:normal;background:linear-gradient(120deg,var(--jx-blue),var(--jx-cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.jxw-hero p{color:var(--jx-ink2);font-size:17px;margin:10px 0 0;position:relative}
.jxw-hero-search{
  display:flex;max-width:620px;margin:28px auto 0;background:#fff;
  border:2px solid var(--jx-blue);border-radius:28px;padding:6px 6px 6px 22px;
  box-shadow:0 8px 28px rgba(22,119,255,.16);position:relative;
}
.jxw-hero-search input{
  flex:1;border:0;outline:0;font-size:16px;background:transparent;color:var(--jx-ink);
  min-width:0;height:38px;
}
.jxw-hero-search button{
  background:linear-gradient(135deg,var(--jx-blue),#4096ff);color:#fff;border:0;
  border-radius:22px;padding:10px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s;
}
.jxw-hero-search button:hover{filter:brightness(1.08)}
.jxw-hotwords{
  margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;position:relative;align-items:center;
}
.jxw-hotwords span{font-size:13px;color:var(--jx-ink3)}
.jxw-hotwords a{
  font-size:13px;color:var(--jx-ink2);background:#fff;border:1px solid var(--jx-line);
  padding:4px 14px;border-radius:14px;transition:.2s;
}
.jxw-hotwords a:hover{color:var(--jx-blue);border-color:var(--jx-blue)}

/* ---------- 区块通用 ---------- */
.jxw-sec{padding:34px 0 2px}
.jxw-sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.jxw-no{
  font-size:26px;font-weight:800;font-style:italic;color:transparent;
  -webkit-text-stroke:1.5px var(--jx-blue);letter-spacing:1px;line-height:1;
}
.jxw-sec-head h2{font-size:22px;font-weight:800;margin:0;color:var(--jx-ink);line-height:1.3}
.jxw-sub{color:var(--jx-ink3);font-size:13px}
.jxw-more{margin-left:auto;color:var(--jx-ink3);font-size:13px}
.jxw-more:hover{color:var(--jx-blue)}
.jxw-c-pink .jxw-no{-webkit-text-stroke-color:var(--jx-pink)}
.jxw-c-green .jxw-no{-webkit-text-stroke-color:var(--jx-green)}
.jxw-c-cyan .jxw-no{-webkit-text-stroke-color:var(--jx-cyan)}

/* ---------- TOP 编辑精选 ---------- */
.jxw-featured{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:16px}
.jxw-fcard{
  position:relative;border-radius:var(--jx-radius);overflow:hidden;background:#1b2a44;
  box-shadow:var(--jx-shadow);min-height:300px;display:flex;align-items:flex-end;
  transition:transform .2s ease,box-shadow .2s ease;
}
.jxw-fcard:hover{transform:translateY(-4px);box-shadow:var(--jx-shadow-hover)}
.jxw-fcover{
  position:absolute;inset:0;background-size:cover;background-position:center;
  background-image:linear-gradient(135deg,#2563eb,#7c3aed 55%,#db2777);
}
.jxw-fcard:nth-child(2) .jxw-fcover{background-image:linear-gradient(135deg,#0ea5e9,#22c55e)}
.jxw-fcard:nth-child(3) .jxw-fcover{background-image:linear-gradient(135deg,#f59e0b,#ef4444)}
.jxw-fcover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,35,.05) 25%,rgba(8,15,35,.86))}
.jxw-fbody{position:relative;z-index:1;padding:20px;color:#fff;width:100%}
.jxw-tag{
  display:inline-block;font-size:12px;padding:3px 10px;border-radius:6px;
  background:rgba(255,255,255,.22);backdrop-filter:blur(4px);margin-bottom:10px;color:#fff;
}
.jxw-fcard h3{font-size:18px;font-weight:700;line-height:1.5;color:#fff;margin:0}
.jxw-fcard-big h3{font-size:24px;line-height:1.42}
.jxw-meta{margin-top:10px;font-size:12.5px;opacity:.85;display:flex;gap:14px;flex-wrap:wrap;color:#fff}

/* ---------- 01 资讯：左头条 + 右排行 ---------- */
.jxw-news{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;align-items:stretch}
.jxw-news-main{
  background:var(--jx-card);border-radius:var(--jx-radius);overflow:hidden;
  box-shadow:var(--jx-shadow);display:flex;flex-direction:column;transition:.2s;
}
.jxw-news-main:hover{box-shadow:var(--jx-shadow-hover)}
.jxw-ncov{
  height:276px;background-size:cover;background-position:center;position:relative;
  background-image:linear-gradient(120deg,#0f2a5c,#1d5fd0 60%,#2aa1e8);
}
.jxw-ncov::before{
  content:"";position:absolute;width:200px;height:222px;right:72px;top:27px;
  background:rgba(255,255,255,.10);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.jxw-ncov::after{
  content:"";position:absolute;width:96px;height:107px;right:280px;top:118px;
  background:rgba(255,255,255,.16);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
}
.jxw-chip{
  position:absolute;top:16px;left:16px;background:var(--jx-pink);color:#fff;
  font-size:12px;font-weight:600;padding:4px 12px;border-radius:6px;
}
.jxw-nbody{padding:20px 24px 22px}
.jxw-nbody h3{font-size:21px;font-weight:800;line-height:1.5;color:var(--jx-ink);margin:0}
.jxw-nbody p{color:var(--jx-ink2);margin:10px 0 0;font-size:14.5px;line-height:1.75}
.jxw-nbody .jxw-meta{color:var(--jx-ink3);opacity:1;margin-top:14px}
.jxw-side-list{background:var(--jx-card);border-radius:var(--jx-radius);box-shadow:var(--jx-shadow);padding:8px 6px}
.jxw-side-item{display:flex;gap:12px;padding:13px 14px;border-radius:10px;transition:.15s}
.jxw-side-item:hover{background:#f6f9ff}
.jxw-rank{font-size:17px;font-weight:800;font-style:italic;color:var(--jx-ink3);width:22px;flex-shrink:0}
.jxw-side-item:nth-child(1) .jxw-rank{color:#ff4d4f}
.jxw-side-item:nth-child(2) .jxw-rank{color:#ff7a45}
.jxw-side-item:nth-child(3) .jxw-rank{color:#ffa940}
.jxw-side-item h4{font-size:14.5px;font-weight:600;line-height:1.55;color:var(--jx-ink);margin:0}
.jxw-side-item .jxw-m{font-size:12px;color:var(--jx-ink3);margin-top:3px}

/* ---------- 02 选购指南：价格图标卡 ---------- */
.jxw-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jxw-gcard{
  background:var(--jx-card);border-radius:var(--jx-radius);overflow:hidden;
  box-shadow:var(--jx-shadow);transition:.2s;display:flex;flex-direction:column;
}
.jxw-gcard:hover{transform:translateY(-4px);box-shadow:var(--jx-shadow-hover)}
.jxw-gcov{height:148px;position:relative;display:flex;align-items:center;justify-content:center}
.jxw-grad-0{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}
.jxw-grad-1{background:linear-gradient(135deg,#0ea5e9,#22c55e)}
.jxw-grad-2{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.jxw-grad-3{background:linear-gradient(135deg,#14b8a6,#0ea5e9)}
.jxw-gicon{width:56px;height:56px;color:rgba(255,255,255,.95);filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}
.jxw-price{
  position:absolute;right:12px;bottom:10px;background:rgba(255,255,255,.94);color:var(--jx-pink);
  font-weight:800;font-size:14px;padding:2px 10px;border-radius:8px;letter-spacing:.3px;
}
.jxw-gbody{padding:15px 16px 17px;flex:1;display:flex;flex-direction:column}
.jxw-gbody h4{font-size:15.5px;font-weight:700;line-height:1.55;color:var(--jx-ink);margin:0}
.jxw-gdesc{font-size:13px;color:var(--jx-ink3);margin:7px 0 0;flex:1;line-height:1.6}
.jxw-gfoot{
  margin-top:12px;display:flex;align-items:center;justify-content:space-between;
  font-size:12.5px;color:var(--jx-ink3);
}
.jxw-badge{
  font-size:11.5px;padding:2px 8px;border-radius:5px;background:#eef4ff;
  color:var(--jx-blue);font-weight:600;
}
.jxw-badge-1{background:#e9f9f0;color:#18a058}
.jxw-badge-2{background:#fff0f4;color:var(--jx-pink)}
.jxw-badge-3{background:#fff8e6;color:#d48806}

/* ---------- 03 产品评测：横向评分卡 ---------- */
.jxw-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.jxw-rcard{
  background:var(--jx-card);border-radius:var(--jx-radius);box-shadow:var(--jx-shadow);
  padding:18px;display:flex;gap:14px;align-items:center;transition:.2s;
}
.jxw-rcard:hover{transform:translateY(-3px);box-shadow:var(--jx-shadow-hover)}
.jxw-rthumb{
  width:84px;height:84px;border-radius:12px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.jxw-ricon{width:38px;height:38px;color:rgba(255,255,255,.95)}
.jxw-rtext{min-width:0;flex:1}
.jxw-rtext h4{font-size:15px;font-weight:700;line-height:1.55;color:var(--jx-ink);margin:0}
.jxw-verdict{font-size:12.5px;color:var(--jx-ink2);margin:6px 0 0;line-height:1.55}
.jxw-rinfo{font-size:11.5px;color:var(--jx-ink3);display:block;margin-top:6px}
.jxw-score{margin-left:auto;text-align:center;flex-shrink:0;padding-left:6px}
.jxw-num{font-size:26px;font-weight:800;color:#18a058;line-height:1.1}
.jxw-num-txt{font-size:17px;color:var(--jx-blue)}
.jxw-lab{font-size:11px;color:var(--jx-ink3);margin-top:2px;white-space:nowrap}

/* ---------- 04 数码教程：图标横条 2×2 ---------- */
.jxw-tuts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}
.jxw-tut{
  display:flex;gap:14px;background:var(--jx-card);border-radius:12px;padding:15px 18px;
  box-shadow:var(--jx-shadow);align-items:center;transition:.15s;
}
.jxw-tut:hover{background:#f6f9ff}
.jxw-ticon{
  width:46px;height:46px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.jxw-ticon svg{width:23px;height:23px}
.jxw-tbg-0{background:#eef4ff;color:var(--jx-blue)}
.jxw-tbg-1{background:#fff0f4;color:var(--jx-pink)}
.jxw-tbg-2{background:#e9f9f0;color:#18a058}
.jxw-tbg-3{background:#fff8e6;color:#d48806}
.jxw-tut h4{font-size:14.5px;font-weight:600;line-height:1.55;color:var(--jx-ink);margin:0}
.jxw-tmeta{font-size:12px;color:var(--jx-ink3);margin-top:3px}

/* ---------- 订阅条 ---------- */
.jxw-subscribe{
  margin:42px 0 44px;background:linear-gradient(120deg,#12275c,#1d5fd0 55%,#2aa1e8);
  border-radius:18px;padding:32px 40px;color:#fff;display:flex;align-items:center;
  gap:24px;position:relative;overflow:hidden;
}
.jxw-subscribe::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);right:-60px;top:-80px}
.jxw-subscribe h3{font-size:21px;font-weight:800;margin:0;color:#fff}
.jxw-subscribe p{opacity:.85;font-size:14px;margin:5px 0 0;color:#fff}
.jxw-sub-actions{margin-left:auto;display:flex;gap:10px;position:relative}
.jxw-btn-solid{
  border-radius:22px;padding:11px 26px;font-weight:700;font-size:14px;
  background:linear-gradient(120deg,var(--jx-yellow),#ffd666);color:#5c4300!important;
}
.jxw-btn-ghost{
  border-radius:22px;padding:11px 24px;font-weight:600;font-size:14px;
  border:1.5px solid rgba(255,255,255,.5);color:#fff!important;background:transparent;
}
.jxw-btn-ghost:hover{background:rgba(255,255,255,.14)}

/* ---------- 响应式 ---------- */
@media (max-width:991px){
  .jxw-hero{padding:40px 0 34px}
  .jxw-hero h1{font-size:28px;letter-spacing:1px}
  .jxw-hero p{font-size:15px}
  .jxw-hero-search{max-width:100%;padding:5px 5px 5px 16px;border-radius:24px}
  .jxw-hero-search button{padding:9px 20px;font-size:15px}
  .jxw-hotwords{gap:8px}
  .jxw-featured{grid-template-columns:1fr}
  .jxw-fcard{min-height:220px}
  .jxw-fcard-big h3{font-size:20px}
  .jxw-news{grid-template-columns:1fr}
  .jxw-ncov{height:210px}
  .jxw-grid4{grid-template-columns:repeat(2,1fr)}
  .jxw-grid3{grid-template-columns:1fr}
  .jxw-tuts{grid-template-columns:1fr}
  .jxw-subscribe{flex-direction:column;text-align:center;padding:26px 22px}
  .jxw-sub-actions{margin:6px 0 0}
  .jxw-sec{padding:26px 0 2px}
}
@media (max-width:575px){
  .jxw-hero h1{font-size:24px}
  .jxw-grid4{grid-template-columns:1fr}
  .jxw-sec-head{gap:10px}
  .jxw-sec-head h2{font-size:19px}
  .jxw-no{font-size:22px}
  .jxw-sub{width:100%;order:3}
  .jxw-more{font-size:12px}
}