/*
Theme Name: 探险求生应急安全科普
Theme URI: https://www.winvvv.com/
Author: WinVVV
Author URI: https://www.winvvv.com/
Description: 为探险求生应急安全科普定制的原创主题 v2.22：首页第 4 张快卡改为资源如何选购（白底流动边框、右上角荐字标），商城页加分类导航与标题行、等高大卡片，多彩样式按钮为选择配色面板（8 种色彩卡片），5 步卡编号左置两行式，手机端真正汉堡菜单、搜索上下满宽，全站最大自适应宽版。代码与文案均为原创，未复制参考站源码。支持 WooCommerce、自定义 Logo、特色图、移动端自适应。
Version: 2.22.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: winvvv
Tags: custom-menu, featured-images, threaded-comments, translation-ready, blog, e-commerce
*/
:root{
  --bg:#f7f5f2; --card:#ffffff; --ink:#22201e; --muted:#6b6f6d;
  --line:#ece7e1; --red:#e23a1e; --red-dark:#c22e15; --orange:#ff6a1a;
  --yellow:#ffb800; --radius:16px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.7}
a{color:var(--red);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* ===== 顶部：徽标 + 标语徽章 + 胶囊导航（截图式） ===== */
.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.site-head .container{display:flex;align-items:center;gap:18px;padding:14px 20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:44px;height:44px;border-radius:12px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;flex:0 0 auto}
.site-title{font-size:22px;line-height:1.2;margin:0}
.site-title a{color:var(--ink)}
.site-title a:hover{text-decoration:none}
.site-badge{display:inline-block;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;margin-top:4px}
.site-tagline{font-size:12px;color:var(--muted);margin:2px 0 0}
.main-nav{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.main-nav a{color:var(--ink);padding:9px 16px;border:1.5px solid var(--red);border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}
.main-nav a:hover{text-decoration:none;background:#fff1ec}
.main-nav a.nav-solid,.main-nav a:first-child{background:var(--red);color:#fff;border-color:var(--red)}
.lang-switch{font-size:13px;white-space:nowrap;color:var(--muted)}
.lang-switch a{color:var(--ink)}

/* ===== Hero：红色渐变 + 搜索 + 右侧倾斜卡片 ===== */
.hero-red{background:linear-gradient(100deg,#e8401f 0%,#f0551f 55%,#ff6a1a 100%);color:#fff;padding:36px 0 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:32px;align-items:center}
.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.hero-pills span{border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:4px 12px;font-size:13px;background:rgba(255,255,255,.12)}
.hero-red h1{font-size:40px;line-height:1.25;margin:0 0 10px}
.hero-red .hero-sub{opacity:.95;margin:0 0 18px}
.search-bar{background:#fff;border-radius:14px;padding:8px 8px 8px 18px;display:flex;gap:10px;align-items:center;max-width:640px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.search-bar form{display:flex;flex:1;gap:10px}
.search-bar input{border:0;outline:0;flex:1;font-size:15px;min-width:0}
.search-bar button{background:var(--yellow);border:0;border-radius:10px;padding:11px 22px;font-weight:800;cursor:pointer;font-size:15px}
.hero-note{font-size:13px;opacity:.9;margin:14px 0 10px}
.hot-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:13px;margin-bottom:28px}
.hot-tags a{color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:3px 11px;background:rgba(255,255,255,.12)}
.hot-tags a:hover{text-decoration:none;background:rgba(255,255,255,.25)}
.tilt-card{background:#fff;color:var(--ink);border-radius:14px;padding:18px;transform:rotate(4deg);box-shadow:0 16px 32px rgba(0,0,0,.22);position:relative}
.tilt-card h3{margin:0 0 10px;font-size:16px}
.tilt-card ul{margin:0;padding:0;list-style:none}
.tilt-card li{border-bottom:1px solid #f0ece8;padding:7px 0;font-size:14px;color:#555}
.tilt-card li:last-child{border-bottom:0}
.tilt-badge{position:absolute;right:-10px;bottom:-14px;background:#fff;border-radius:12px;padding:8px 12px;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.tilt-badge b{color:var(--red);font-size:16px}

/* ===== 数据条 ===== */
.stats-strip{border-top:1px solid rgba(255,255,255,.25);margin-top:28px;display:grid;grid-template-columns:repeat(4,1fr) auto}
.stat-cell{padding:18px 20px;border-right:1px solid rgba(255,255,255,.25)}
.stat-cell b{font-size:26px;line-height:1.1;display:block}
.stat-cell span{font-size:13px;opacity:.9}
.stat-cta{display:flex;align-items:center;padding:14px 20px}
.stat-cta a{background:#fff;color:var(--red);font-weight:800;border-radius:999px;padding:10px 18px;white-space:nowrap}
.stat-cta a:hover{text-decoration:none}

/* ===== 公告条 / 快捷卡 / 动态 / 标签 ===== */
.announce-bar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
.announce-bar .tag{background:var(--red);color:#fff;font-size:12px;font-weight:800;border-radius:6px;padding:3px 8px}
.announce-bar p{margin:0;flex:1}
.quick-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px}
.quick-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;gap:12px;align-items:flex-start}
.quick-card.red{background:var(--red);color:#fff;border-color:var(--red)}
.quick-card.red a{color:#fff}
.quick-card .icon{width:42px;height:42px;border-radius:10px;background:#fff1ec;display:flex;align-items:center;justify-content:center;font-size:20px;flex:0 0 auto}
.quick-card.red .icon{background:rgba(255,255,255,.2)}
.quick-card h3{margin:0 0 4px;font-size:16px}
.quick-card h3 a{color:var(--ink)}
.quick-card p{margin:0;color:var(--muted);font-size:13px}
.quick-card.red p{color:rgba(255,255,255,.9)}
.ticker{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;display:flex;gap:14px;align-items:center;margin-top:16px;overflow:hidden}
.ticker-label{background:var(--red);color:#fff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:14px;white-space:nowrap}
.ticker-items{display:flex;gap:22px;overflow-x:auto;white-space:nowrap;font-size:14px}
.ticker-items a{color:var(--ink)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px;align-items:center}
.tabs a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 18px;color:var(--ink);font-weight:700}
.tabs a.active{background:var(--red);border-color:var(--red);color:#fff}
.tabs a:hover{text-decoration:none}
.tabs .tabs-more{margin-left:auto;color:var(--muted);font-weight:400}

/* ===== 板块 / 卡片 ===== */
.section{padding:30px 0 6px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.section-kicker{font-size:13px;letter-spacing:.12em;color:var(--red);font-weight:800}
.section-head h2{font-size:26px;line-height:1.3;margin:2px 0 6px}
.section-head p{color:var(--muted);margin:0;max-width:720px}
.more-link{white-space:nowrap;font-weight:700}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.card-media{background:#f3e6e0;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:16px 18px 18px}
.card-tag{display:inline-block;background:#fff1ec;color:var(--red-dark);font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;margin-bottom:8px}
.card h3{font-size:18px;line-height:1.45;margin:0 0 8px}
.card h3 a{color:var(--ink)}
.card p{color:var(--muted);font-size:14px;margin:0}
.card-meta{color:#8a948e;font-size:12px;margin-top:12px}
.post-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 20px;margin-top:18px}
.post-list li{border-bottom:1px solid #eef1ee;padding:12px 0;list-style:none}
.post-list li:last-child{border-bottom:0}
.post-list a{color:var(--ink);font-weight:600}
.post-list small{color:var(--muted);margin-left:8px}
.cta{background:#fff;border:2px dashed #f0b9a8;border-radius:16px;padding:24px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}
.cta h2{margin:0 0 6px;font-size:22px}
.cta p{margin:0;color:var(--muted)}
.btn{display:inline-block;padding:11px 20px;border-radius:999px;font-weight:700;background:var(--red);color:#fff}
.btn:hover{text-decoration:none;opacity:.92}
.disclaimer{background:#fff7ed;border:1px solid #f3d9b8;border-radius:12px;padding:14px 18px;color:#7a4a12;font-size:14px;margin:28px 0}
.single-wrap{max-width:820px;margin:0 auto;padding:28px 20px 40px}
.single-wrap h1{font-size:30px;line-height:1.4}
.single-meta{color:var(--muted);font-size:14px}
.entry{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}
.entry h2{margin-top:28px}
.checklist-box{background:#fff1ec;border:1px solid #f3c9b8;border-radius:12px;padding:16px 20px}
.related{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin-top:20px}
.site-footer{background:#1f1a18;color:#d8cfc8;margin-top:40px;padding:32px 0}
.site-footer a{color:#fff}
.site-footer .container{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.site-footer p{margin:4px 0;color:#b3a89f;font-size:14px}

@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .tilt-card{transform:rotate(0);max-width:420px}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .quick-cards{grid-template-columns:1fr 1fr}
  .card-grid{grid-template-columns:1fr 1fr}
  .hero-red h1{font-size:30px}
}
@media (max-width:520px){
  .card-grid,.quick-cards{grid-template-columns:1fr}
  .stats-strip{grid-template-columns:1fr}
  .entry{padding:20px 16px}
  .main-nav{margin-left:0}
}

/* ===== v1.2 中部：che0 式栏目块（关键词标题 + 导语 + 概念卡 + 文章列表） ===== */
.che0-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 10px;margin-top:22px}
.che0-head{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:flex-start}
.che0-keywords{font-size:22px;font-weight:900;letter-spacing:.02em}
.che0-keywords i{font-style:normal;color:var(--red);margin:0 6px}
.che0-head p{color:var(--muted);max-width:760px;margin:8px 0 0}
.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.concept-card{border:1px solid #f0e6e0;border-radius:14px;padding:18px;background:#fffaf7}
.concept-char{font-size:34px;font-weight:900;color:var(--red);line-height:1}
.concept-card h3{margin:8px 0 6px;font-size:18px}
.concept-card p{margin:0;color:var(--muted);font-size:14px}
.concept-tags{margin-top:12px;font-size:12px;color:#8a7f78;border-top:1px dashed #ecd9cd;padding-top:10px}
.article-rows{margin-top:6px}
.article-row{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid #f0ece8}
.article-row:last-child{border-bottom:0}
.article-thumb{background:#f3e6e0;border-radius:12px;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}
.article-thumb img{width:100%;height:100%;object-fit:cover}
.article-row h3{margin:0 0 6px;font-size:18px;line-height:1.45}
.article-row h3 a{color:var(--ink)}
.article-row p{margin:0;color:var(--muted);font-size:14px}
.article-meta{color:#9a8f88;font-size:12px;margin-top:8px}
.read-free{white-space:nowrap;font-weight:800;border:1px solid var(--red);border-radius:999px;padding:8px 14px;font-size:13px}
.read-free:hover{text-decoration:none;background:#fff1ec}

/* ===== v1.2 底部：红色横幅 + 四栏白卡 + 深色底栏（截图式） ===== */
.footer-cta{background:linear-gradient(100deg,#e8401f,#d92e12);border-radius:20px;padding:28px 32px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;color:#fff;margin:34px 0 18px}
.footer-cta h2{margin:0 0 6px;font-size:24px}
.footer-cta p{margin:0;opacity:.92;font-size:14px}
.footer-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer-cta-actions a{background:#fff;color:var(--red);font-weight:800;border-radius:999px;padding:11px 20px}
.footer-cta-actions a.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.7)}
.footer-cta-actions a:hover{text-decoration:none}
.footer-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.footer-cols h3{font-size:16px;margin:0 0 12px;padding-left:10px;border-left:3px solid var(--red)}
.footer-cols p{color:var(--muted);font-size:14px;margin:0 0 14px}
.footer-cols ul{list-style:none;margin:0;padding:0}
.footer-cols li{margin:8px 0;font-size:14px}
.footer-cols li a{color:var(--ink)}
.footer-pills{display:flex;gap:8px;flex-wrap:wrap}
.footer-pills a{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--ink)}
.footer-pills a:hover{text-decoration:none;background:#fff1ec}

/* ===== 全站自适应：PC / 平板 / 手机 ===== */
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
.container{width:100%}
.entry img,.entry iframe,.entry table{max-width:100%}
.entry table{display:block;overflow-x:auto}
.wp-block-image img{height:auto}
@media (max-width:1024px){
  .container{padding:0 16px}
  .hero-red h1{font-size:clamp(26px,4vw,34px)}
  .footer-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .site-head .container{flex-direction:column;align-items:stretch}
  .main-nav{margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .main-nav a{flex:0 0 auto}
  .concept-grid{grid-template-columns:1fr}
  .article-row{grid-template-columns:1fr}
  .article-thumb{aspect-ratio:16/9}
  .read-free{justify-self:start}
  .footer-cols{grid-template-columns:1fr}
  .footer-cta{padding:22px 20px}
  .footer-cta h2{font-size:21px}
  .search-bar{flex-wrap:wrap}
  .search-bar form{flex-wrap:wrap}
  .search-bar button{width:100%}
  .single-wrap{padding:20px 16px}
  .entry{padding:20px 16px}
  .entry h1,.single-wrap h1{font-size:24px}
}
@media (max-width:380px){
  .site-title{font-size:19px}
  .hero-pills span{font-size:12px}
  .stat-cell b{font-size:22px}
}

/* ===== v1.3 默认墨绿色 + 多彩按钮 + 平铺响应式 ===== */
:root{
  --ink-green:#0f3527; --dark-green:#123f2c; --forest:#1f6b4a; --teal:#0e7c7b;
  --orange:#f97316; --blue:#2563eb; --purple:#7c3aed; --red2:#e23a1e; --yellow2:#f59e0b;
}
a{color:var(--forest)}
.site-head{border-bottom:3px solid var(--dark-green)}
.brand-mark{background:var(--dark-green)}
.site-badge{background:var(--dark-green)}
.main-nav a{border-color:var(--dark-green);color:var(--dark-green)}
.main-nav a:hover{background:#eaf4ee}
.main-nav a.nav-solid,.main-nav a:first-child{background:var(--dark-green);border-color:var(--dark-green)}
/* Hero 由红渐变改为墨绿渐变，搜索按钮保持黄色醒目 */
.hero-red{background:linear-gradient(100deg,#0c2f21 0%,#123f2c 55%,#1f6b4a 100%)}
.search-bar button{background:var(--yellow2);color:#1f1a18}
/* 多彩按钮：按用途区分颜色，悬停加深，触摸目标不小于 44px */
.btn{background:var(--dark-green);color:#fff;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.btn-green{background:var(--forest);color:#fff}
.btn-orange{background:var(--orange);color:#fff}
.btn-teal{background:var(--teal);color:#fff}
.btn-blue{background:var(--blue);color:#fff}
.btn-purple{background:var(--purple);color:#fff}
.btn-red{background:var(--red2);color:#fff}
.btn-yellow{background:var(--yellow2);color:#1f1a18}
.btn:hover{filter:brightness(.92);text-decoration:none}
.main-nav a:nth-child(2){border-color:var(--orange);color:#c2410c}
.main-nav a:nth-child(3){border-color:var(--teal);color:#0f766e}
.main-nav a:nth-child(4){border-color:var(--blue);color:#1d4ed8}
.main-nav a:nth-child(5){border-color:var(--red2);color:#c22e15}
.tabs a:nth-child(2){border-color:var(--forest);color:var(--dark-green)}
.tabs a:nth-child(3){border-color:var(--orange);color:#c2410c}
.tabs a:nth-child(4){border-color:var(--teal);color:#0f766e}
.tabs a:nth-child(5){border-color:var(--blue);color:#1d4ed8}
.tabs a:nth-child(6){border-color:var(--red2);color:#c22e15}
.tabs a.active{background:var(--dark-green);border-color:var(--dark-green);color:#fff}
.section-kicker,.che0-keywords i,.concept-char{color:var(--forest)}
.card-tag{background:#eaf4ee;color:var(--dark-green)}
.concept-card{background:#f4faf6;border-color:#d7e8de}
.read-free{border-color:var(--dark-green);color:var(--dark-green)}
.read-free:hover{background:#eaf4ee}
/* 平铺：卡片按内容自动填充，不留大空洞；所有网格在窄屏自动收拢 */
.card-grid,.concept-grid,.quick-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.che0-section{padding:24px}
.article-row{grid-template-columns:140px 1fr auto}
/* 底部横幅改为墨绿，按钮保持多彩 */
.footer-cta{background:linear-gradient(100deg,#0c2f21,#123f2c 60%,#1f6b4a)}
.footer-cta-actions a{color:var(--dark-green)}
.footer-cols h3{border-left-color:var(--dark-green)}
.site-footer{background:#0c2f21}
@media (max-width:820px){
  .card-grid,.concept-grid,.quick-cards{grid-template-columns:1fr 1fr}
  .hero-grid{grid-template-columns:1fr}
  .article-row{grid-template-columns:1fr}
}
@media (max-width:520px){
  .card-grid,.concept-grid,.quick-cards{grid-template-columns:1fr}
  .hero-red h1{font-size:27px}
  .btn{width:100%}
  .footer-cta-actions a{width:100%;text-align:center;justify-content:center}
}

/* ===== v1.4 宽版平铺 + 统一导航 + 搜索修复 + 全站响应式 ===== */
/* 宽版：容器放宽，不再是窄居中栏；平铺网格按宽度自动填充 */
.container{max-width:1320px;padding-left:clamp(12px,2.5vw,28px);padding-right:clamp(12px,2.5vw,28px)}
.single-wrap{max-width:980px}
h1{font-size:clamp(26px,4vw,38px)}
h2{font-size:clamp(21px,3vw,28px)}
/* 统一导航按钮：全部墨绿胶囊，悬停填充，当前项实心；覆盖 v1.3 的按项多彩边框 */
.main-nav a,.main-nav a:nth-child(2),.main-nav a:nth-child(3),.main-nav a:nth-child(4),.main-nav a:nth-child(5),.main-nav a:nth-child(6){
  border:1.5px solid var(--dark-green);color:var(--dark-green);background:#fff;
  padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:0 1px 3px rgba(15,53,39,.12);
  transition:background .18s,color .18s,transform .18s;white-space:nowrap
}
.main-nav a:hover,.main-nav a.current,.main-nav a.nav-solid{
  background:var(--dark-green);color:#fff;border-color:var(--dark-green);text-decoration:none;transform:translateY(-1px)
}
.main-nav li{list-style:none}
.main-nav ul{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0}
/* 栏目切换标签也统一为墨绿描边，激活为实心墨绿 */
.tabs a,.tabs a:nth-child(2),.tabs a:nth-child(3),.tabs a:nth-child(4),.tabs a:nth-child(5),.tabs a:nth-child(6){
  border:1.5px solid var(--dark-green);color:var(--dark-green);background:#fff
}
.tabs a.active{background:var(--dark-green);border-color:var(--dark-green);color:#fff}
/* 搜索修复：WordPress 默认表单把 input 包在 label 里会挤坏布局，主题自带表单改为 input+按钮直接并排 */
.search-bar{padding:8px}
.search-bar form,.winvvv-search{display:flex;flex:1;gap:10px;align-items:stretch;min-width:0}
.search-bar label{display:contents}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.search-bar input,.winvvv-search input{
  flex:1 1 auto;min-width:0;border:0;outline:0;font-size:16px;padding:12px 14px;background:transparent
}
.search-bar button,.winvvv-search button{
  flex:0 0 auto;background:#f59e0b;color:#1f1a18;border:0;border-radius:10px;
  padding:12px 26px;font-size:16px;font-weight:800;cursor:pointer;min-height:48px;white-space:nowrap
}
.search-bar button:hover,.winvvv-search button:hover{filter:brightness(.94)}
/* 平铺宽版：所有卡片网格按宽度自动填充，卡片本身撑满格子，不留窄栏 */
.card-grid,.concept-grid,.quick-cards{
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch
}
.card,.concept-card,.quick-card{width:100%;min-width:0}
.che0-section{width:100%}
.article-row{grid-template-columns:160px minmax(0,1fr) auto}
/* 全站响应式：图片、表格、视频、评论、商城、表单都不溢出 */
img,video,iframe{max-width:100%;height:auto}
.entry table,.wp-block-table table{width:100%;border-collapse:collapse}
.entry th,.entry td{padding:8px;border:1px solid var(--line);text-align:left}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.woocommerce ul.products li.product{width:100%!important;float:none!important;margin:0!important}
.comment-list,.comment-list li{max-width:100%}
input,textarea,select{max-width:100%;font-size:16px}
@media (max-width:1100px){
  .container{max-width:100%}
  .hero-grid{grid-template-columns:1.5fr 1fr}
  .article-row{grid-template-columns:120px minmax(0,1fr)}
  .read-free{display:none}
}
@media (max-width:820px){
  .site-head .container{flex-direction:column;align-items:stretch}
  .main-nav{margin-left:0;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .main-nav ul{flex-wrap:nowrap}
  .main-nav a{flex:0 0 auto}
  .hero-grid{grid-template-columns:1fr}
  .card-grid,.concept-grid,.quick-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-row{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr 1fr}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .card-grid,.concept-grid,.quick-cards{grid-template-columns:minmax(0,1fr)}
  .search-bar{padding:6px}
  .search-bar form,.winvvv-search{flex-direction:column}
  .search-bar button,.winvvv-search button{width:100%}
  .footer-cols{grid-template-columns:minmax(0,1fr)}
  .stats-strip{grid-template-columns:1fr 1fr}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .tabs a{flex:0 0 auto}
  .btn{width:100%}
}

/* ===== v1.5 板块横幅指引：准备 / 行动 / 注意 ===== */
.section-banner{
  background:linear-gradient(100deg,#0c2f21,#123f2c 60%,#1f6b4a);
  color:#fff;border-radius:16px;padding:22px 24px;margin-top:16px;overflow:hidden
}
.section-banner h3{margin:0 0 14px;font-size:20px;line-height:1.4}
.section-banner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.section-banner-item{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:14px 16px}
.section-banner-item h4{margin:0 0 6px;font-size:15px}
.section-banner-item h4 span{display:inline-block;background:#f59e0b;color:#1f1a18;border-radius:999px;padding:2px 9px;font-size:12px;margin-right:6px}
.section-banner-item p{margin:0;font-size:14px;line-height:1.65;opacity:.95}
.section-banner-item:nth-child(2) h4 span{background:#fff;color:#123f2c}
.section-banner-item:nth-child(3) h4 span{background:#ff6a1a;color:#fff}
@media (max-width:820px){
  .section-banner-grid{grid-template-columns:1fr}
  .section-banner{padding:18px 16px}
}

/* ===== v1.6 真正宽版平铺 + 首页 Hero 清单卡片美化 ===== */
/* 宽版：容器不再锁在 1320px，宽屏按视口 96% 展开，最高 1680px，两侧留白随屏幕变大而变小 */
.container{max-width:min(1680px,96vw);padding-left:clamp(16px,3vw,48px);padding-right:clamp(16px,3vw,48px)}
.hero-red{padding:clamp(36px,5vw,72px) 0 0;overflow:visible}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,0.85fr);gap:clamp(24px,4vw,64px);align-items:stretch}
.hero-red h1{font-size:clamp(32px,4.2vw,52px)}
/* 平铺：首页各组卡片在宽屏铺满整行，不留中间窄栏 */
.card-grid,.concept-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.quick-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.stats-strip{grid-template-columns:repeat(5,minmax(0,1fr))}
/* Hero 清单卡片美化：取消倾斜和右下角悬浮徽标的裁切，改成端正的白卡 + 绿头 + 打勾行 + 底部行动条 */
.hero-checklist{
  background:#fff;color:var(--ink);border-radius:20px;overflow:hidden;
  box-shadow:0 20px 40px rgba(0,0,0,.25);border-top:6px solid #f59e0b;
  display:flex;flex-direction:column;min-width:0
}
.hero-checklist-head{background:#eef6f0;padding:20px 22px 16px}
.hero-checklist-tag{display:inline-block;background:#f59e0b;color:#1f1a18;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}
.hero-checklist-head h3{margin:10px 0 4px;font-size:20px;color:#123f2c}
.hero-checklist-head p{margin:0;font-size:13px;color:#5a6a62;line-height:1.6}
.hero-checklist ul{margin:0;padding:6px 22px;list-style:none;flex:1}
.hero-checklist li{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid #eef0ee;padding:11px 0;font-size:14px;line-height:1.6;color:#444}
.hero-checklist li:last-child{border-bottom:0}
.check-box{color:#123f2c;font-size:18px;line-height:1.3;flex:0 0 auto}
.hero-checklist-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;background:#123f2c;color:#fff;font-size:13px}
.hero-checklist-foot a{color:#fff;background:#f59e0b;color:#1f1a18;border-radius:999px;padding:9px 16px;font-weight:800;white-space:nowrap;text-decoration:none}
@media (max-width:1100px){
  .container{max-width:100%}
  .hero-grid{grid-template-columns:1fr}
  .hero-checklist{max-width:560px}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .hero-checklist-foot{flex-direction:column;align-items:stretch;text-align:center}
  .hero-checklist-foot a{text-align:center}
}

/* ===== v1.7 淡墨绿为主、红色只做点缀 ===== */
:root{--light-green:#4a7d64;--light-green-dark:#33604c;--light-green-pale:#e7f0ea;--accent-red:#d92e12}
body{background:#f2f7f3}
a{color:var(--light-green-dark)}
.site-head{border-bottom:3px solid var(--light-green)}
.brand-mark{background:var(--light-green)}
.site-badge{background:var(--light-green)}
.main-nav a,.main-nav a:nth-child(2),.main-nav a:nth-child(3),.main-nav a:nth-child(4),.main-nav a:nth-child(5),.main-nav a:nth-child(6){
  border-color:var(--light-green);color:var(--light-green-dark);background:#fff
}
.main-nav a:hover,.main-nav a.current,.main-nav a.nav-solid,.main-nav a:first-child{
  background:var(--light-green);border-color:var(--light-green);color:#fff
}
/* Hero 由深墨绿大色块改为淡墨绿浅底 + 深绿文字，阅读更轻，红色只留在行动按钮 */
.hero-red{background:linear-gradient(180deg,#eaf3ed 0%,#d9e9de 100%);color:#1c3a2b}
.hero-red h1{color:#1c3a2b}
.hero-red .hero-sub{color:#3a5a4a;opacity:1}
.hero-pills span{border-color:var(--light-green);background:#fff;color:var(--light-green-dark)}
.search-bar{border:1px solid #cfe3d6;box-shadow:0 10px 28px rgba(51,96,76,.12)}
.hot-tags a{color:var(--light-green-dark);border-color:var(--light-green);background:#fff}
.hero-note{color:#5a6a62;opacity:1}
.stats-strip{border-top:1px solid #cfe3d6}
.stat-cell{border-right:1px solid #cfe3d6}
.stat-cta a{background:var(--accent-red);color:#fff}
/* 板块横幅由深绿改为淡绿浅底，文字深绿；注意栏小标签用红色点缀 */
.section-banner{background:linear-gradient(100deg,#e7f0ea,#d6e8dc);color:#1c3a2b}
.section-banner-item{background:#fff;border-color:#cfe3d6}
.section-banner-item p{color:#3a4a42}
.section-banner-item h4 span{background:var(--light-green);color:#fff}
.section-banner-item:nth-child(2) h4 span{background:var(--light-green-dark);color:#fff}
.section-banner-item:nth-child(3) h4 span{background:var(--accent-red);color:#fff}
/* 通用主色：按钮、标签、栏目切换、概念字、页脚 CTA 统一淡墨绿 */
.btn{background:var(--light-green)}
.btn-red{background:var(--accent-red)}
.tabs a,.tabs a:nth-child(2),.tabs a:nth-child(3),.tabs a:nth-child(4),.tabs a:nth-child(5),.tabs a:nth-child(6){
  border-color:var(--light-green);color:var(--light-green-dark)
}
.tabs a.active{background:var(--light-green);border-color:var(--light-green);color:#fff}
.card-tag{background:var(--light-green-pale);color:var(--light-green-dark)}
.section-kicker{color:var(--light-green-dark)}
.concept-char{color:var(--light-green-dark)}
.che0-keywords i{color:var(--light-green-dark)}
.read-free{border-color:var(--light-green);color:var(--light-green-dark)}
.footer-cta{background:linear-gradient(100deg,#e7f0ea,#d6e8dc);color:#1c3a2b}
.footer-cta-actions a{background:var(--light-green-dark);color:#fff}
.footer-cta-actions a.outline{background:transparent;color:var(--light-green-dark);border-color:var(--light-green)}
.footer-cols h3{border-left-color:var(--light-green)}
.site-footer{background:#234e3a}
.hero-checklist-head h3{color:var(--light-green-dark)}
.check-box{color:var(--light-green-dark)}
.hero-checklist-foot{background:var(--light-green-dark)}
/* 红色点缀只保留在小标签和紧急类元素：公告标签、动态标签、紧急卡片 */
.announce-bar .tag{background:var(--accent-red)}
.ticker-label{background:var(--accent-red)}
.quick-card.red{background:var(--accent-red);border-color:var(--accent-red)}

/* ===== v1.8 松绿为主 + 全站最大自适应宽版 + 清单卡片美化 + 多彩导航 ===== */
:root{--pine:#7baf8a;--pine-dark:#4f8a6b;--pine-pale:#eaf5ee;--pine-light:#f2f8f4}
/* 最大自适应宽版：不再锁 1680px，全站容器、头部、页脚、下方板块都铺满视口，只留 4vw 边距 */
.container,.site-head .container,.site-footer .container{
  width:100%!important;max-width:none!important;
  padding-left:clamp(16px,4vw,64px)!important;padding-right:clamp(16px,4vw,64px)!important
}
.single-wrap{max-width:1240px}
.section-head p,.che0-head p{max-width:none}
.footer-card,.post-list,.article-rows,.section-banner,.cta,.disclaimer{width:100%;max-width:none}
.footer-cols{grid-template-columns:1.6fr 1fr 1fr 1fr}
/* 松绿整体变浅：底色、Hero、横幅、页脚都用浅松绿，文字用深松绿，不再偏黑 */
body{background:var(--pine-light)}
.site-head{border-bottom:3px solid var(--pine)}
.brand-mark{background:var(--pine-dark)}
.site-badge{background:var(--pine-dark)}
.hero-red{background:linear-gradient(180deg,#f0f7f2 0%,#ddeee2 100%);color:#2f5d47}
.hero-red h1{color:#2f5d47}
.hero-red .hero-sub{color:#4a6a58;opacity:1}
.hero-pills span{border-color:var(--pine);background:#fff;color:var(--pine-dark)}
.hero-note{color:#5a6a62;opacity:1}
.hot-tags a{color:var(--pine-dark);border-color:var(--pine);background:#fff}
.search-bar{border:1px solid #cfe3d6;box-shadow:0 10px 28px rgba(79,138,107,.12)}
.stats-strip{border-top:1px solid #cfe3d6}
.stat-cell{border-right:1px solid #cfe3d6}
.section-banner{background:linear-gradient(100deg,#eaf5ee,#ddeee2);color:#2f5d47}
.section-banner-item{background:#fff;border-color:#cfe3d6}
.section-banner-item p{color:#3a4a42}
.footer-cta{background:linear-gradient(100deg,#eaf5ee,#ddeee2);color:#2f5d47}
.footer-cta-actions a{background:var(--pine-dark);color:#fff}
.footer-cta-actions a.outline{background:transparent;color:var(--pine-dark);border-color:var(--pine)}
.site-footer{background:#dbeedf;color:#2f4a3a}
.site-footer a{color:var(--pine-dark)}
.site-footer p{color:#5a6a62}
.btn{background:var(--pine-dark)}
.card-tag{background:var(--pine-pale);color:var(--pine-dark)}
.section-kicker,.concept-char,.che0-keywords i{color:var(--pine-dark)}
/* 多彩导航：参照 xunren.vip 的胶囊按钮样式，首个实心松绿，其余按栏目分色描边，悬停填色 */
.main-nav a,.main-nav li a{
  border-radius:999px;padding:10px 18px;font-weight:800;box-shadow:0 1px 3px rgba(79,138,107,.18);background:#fff
}
.main-nav a:nth-child(1),.main-nav li:nth-child(1) a,.main-nav a.nav-solid{
  background:var(--pine-dark);border-color:var(--pine-dark);color:#fff
}
.main-nav a:nth-child(2),.main-nav li:nth-child(2) a{border-color:#f97316;color:#c2410c}
.main-nav a:nth-child(3),.main-nav li:nth-child(3) a{border-color:#0e7c7b;color:#0e7c7b}
.main-nav a:nth-child(4),.main-nav li:nth-child(4) a{border-color:#2563eb;color:#2563eb}
.main-nav a:nth-child(5),.main-nav li:nth-child(5) a{border-color:#d92e12;color:#c22e15}
.main-nav a:nth-child(2):hover,.main-nav li:nth-child(2) a:hover{background:#f97316;border-color:#f97316;color:#fff;text-decoration:none}
.main-nav a:nth-child(3):hover,.main-nav li:nth-child(3) a:hover{background:#0e7c7b;border-color:#0e7c7b;color:#fff;text-decoration:none}
.main-nav a:nth-child(4):hover,.main-nav li:nth-child(4) a:hover{background:#2563eb;border-color:#2563eb;color:#fff;text-decoration:none}
.main-nav a:nth-child(5):hover,.main-nav li:nth-child(5) a:hover{background:#d92e12;border-color:#d92e12;color:#fff;text-decoration:none}
.main-nav a:nth-child(1):hover,.main-nav li:nth-child(1) a:hover{background:var(--pine-dark);color:#fff;text-decoration:none}
/* 清单卡片美化：圆角更大、浅松绿渐变头、72 大数字、每行单字圆标 + 右侧绿色对勾、底部浅绿行动条 */
.hero-checklist{border-radius:24px;border:1px solid #cfe3d6;box-shadow:0 24px 48px rgba(79,138,107,.14);overflow:hidden}
.hero-checklist-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:linear-gradient(100deg,#eef7f0,#e2efe6);padding:20px 22px 16px}
.hero-checklist-head h3{color:var(--pine-dark)}
.hero-checklist-big{font-size:36px;font-weight:900;color:var(--pine-dark);line-height:1;text-align:center;flex:0 0 auto}
.hero-checklist-big span{display:block;font-size:13px;font-weight:700;color:#5a6a62;margin-top:4px}
.hero-checklist li{align-items:center}
.check-icon{width:32px;height:32px;border-radius:50%;background:var(--pine-pale);color:var(--pine-dark);display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}
.check-box{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--pine-pale);color:var(--pine-dark);display:flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto}
.hero-checklist-foot{background:#e2efe6;color:#2f5d47}
@media (max-width:1100px){
  .footer-cols{grid-template-columns:1fr 1fr}
}

/* ===== v1.9 参照截图配色：翠绿 Hero + 黄色数据 + 浅绿板块美化 ===== */
:root{--emerald:#2ea86b;--emerald-dark:#1f8a5a;--emerald-deep:#177a4e;--stat-yellow:#f7c948;--search-yellow:#f5b301}
body{background:#f6f9f7}
/* 顶部：白底 + 翠绿徽标，导航首个实心翠绿（多彩导航其余颜色不变） */
.brand-mark{background:var(--emerald)}
.site-badge{background:var(--emerald)}
.site-head{border-bottom:1px solid #e2efe6}
.main-nav a:nth-child(1),.main-nav li:nth-child(1) a,.main-nav a.nav-solid{
  background:var(--emerald);border-color:var(--emerald);color:#fff
}
.main-nav a:nth-child(1):hover,.main-nav li:nth-child(1) a:hover{background:var(--emerald-dark)}
/* Hero：截图式翠绿渐变 + 白字，顶部小标签半透明，搜索白盒 + 黄色按钮，热门搜索半透明绿 pill */
.hero-red{background:linear-gradient(100deg,#35b576 0%,#22a05f 55%,#1e8f55 100%);color:#fff}
.hero-red h1{color:#fff}
.hero-red .hero-sub{color:rgba(255,255,255,.92);opacity:1}
.hero-pills span{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff}
.search-bar{border:0;box-shadow:0 12px 30px rgba(0,0,0,.16)}
.search-bar button,.winvvv-search button{background:var(--search-yellow);color:#1f1a18}
.hot-tags a{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.16)}
.hero-note{color:rgba(255,255,255,.92);opacity:1}
/* 数据条：黄色数字 + 白字标签 + 半透明分隔线，参照截图 */
.stats-strip{border-top:1px solid rgba(255,255,255,.28)}
.stat-cell{border-right:1px solid rgba(255,255,255,.28)}
.stat-cell b{color:var(--stat-yellow)}
.stat-cell span{color:#fff;opacity:.95}
.stat-cta a{background:#fff;color:var(--emerald-dark)}
/* 下方板块：公告浅绿底、快捷卡白底 + 浅绿图标方块、动态标签翠绿、栏目切换首个翠绿 */
.announce-bar{background:#eef7f1;border-color:#d6ecdf}
.announce-bar .tag{background:var(--emerald)}
.quick-card{border-color:#e2efe6;box-shadow:0 2px 10px rgba(31,138,90,.06)}
.quick-card .icon{background:#e6f4ec;color:var(--emerald-dark)}
.ticker-label{background:var(--emerald)}
.tabs a.active{background:var(--emerald);border-color:var(--emerald)}
.tabs a{border-color:#d6ecdf}
.card-tag{background:#e6f4ec;color:var(--emerald-deep)}
.section-kicker,.concept-char,.che0-keywords i{color:var(--emerald-deep)}
.read-free{border-color:var(--emerald);color:var(--emerald-deep)}
.btn{background:var(--emerald)}
/* 板块横幅：保持浅绿底，但标题和准备标签改翠绿，整体更亮 */
.section-banner{background:linear-gradient(100deg,#eef7f1,#e2f2e8);color:#1c3a2b}
.section-banner-item h4 span{background:var(--emerald)}
.section-banner-item:nth-child(2) h4 span{background:var(--emerald-dark)}
/* 清单卡片在翠绿 Hero 上更突出：白卡 + 翠绿头标 + 浅绿对勾底 */
.hero-checklist{border-color:#fff;box-shadow:0 24px 48px rgba(0,0,0,.22)}
.hero-checklist-head{background:linear-gradient(100deg,#eef7f1,#e2f2e8)}
.hero-checklist-head h3,.hero-checklist-big{color:var(--emerald-deep)}
.check-icon{background:#e6f4ec;color:var(--emerald-deep)}
.check-box{background:#e6f4ec;color:var(--emerald-deep)}
.hero-checklist-foot{background:#e2f2e8;color:#1c3a2b}
/* 页脚 CTA 改翠绿渐变白字，页脚卡片白底，底部栏深翠绿收尾 */
.footer-cta{background:linear-gradient(100deg,#35b576,#1e8f55);color:#fff}
.footer-cta-actions a{background:#fff;color:var(--emerald-deep)}
.footer-cta-actions a.outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.footer-cols h3{border-left-color:var(--emerald)}
.site-footer{background:var(--emerald-deep);color:#d6ecdf}
.site-footer a{color:#fff}
.site-footer p{color:#cfe8d8}

/* ===== v2.0 紧凑 Hero：消除热门搜索与数据条之间的大空白 ===== */
/* 根因：Hero 网格拉伸 + 搜索区 max-width 640 + 热门搜索下边距 28px + 数据条上边距 28px，左列内容短时下方出现大片空绿 */
.hero-red{padding:28px 0 16px;min-height:0}
.hero-grid{align-items:center;gap:clamp(24px,4vw,56px)}
.search-bar{max-width:none}
.hot-tags{margin-bottom:12px}
.hero-note{margin:10px 0 8px}
.hero-features{display:flex;gap:10px;flex-wrap:wrap;margin:2px 0 0;font-size:13px}
.hero-features span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 12px;color:#fff;white-space:nowrap}
.stats-strip{margin-top:18px}
.stat-cell{padding:14px 20px}
.stat-cta{padding:10px 20px}
/* 清单卡片同步收紧，不再把 Hero 撑高 */
.hero-checklist-head{padding:16px 20px 12px}
.hero-checklist ul{padding:2px 20px}
.hero-checklist li{padding:9px 0}
.hero-checklist-foot{padding:12px 20px}
@media (max-width:1100px){
  .hero-red{padding:24px 0 14px}
  .stats-strip{margin-top:14px}
}

/* ===== v2.1 加深翠绿渐变 + Hero 引导卡片 + 多彩圆形配色切换按钮 ===== */
/* 加深绿色并做适当渐变：由亮翠绿向深翠绿过渡，顶部加一层柔和高光 */
.hero-red{background:linear-gradient(115deg,#1f9a5c 0%,#178a4e 45%,#0f6b3a 100%)}
.hero-red .container{position:relative}
.hero-red .container:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 20% 0,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
/* 红框区：三张引导卡片，半透明白底，标题 + 说明 + 黄色行动字，手机上横向滑动 */
.hero-promo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;position:relative}
.hero-promo-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:14px 16px;color:#fff;display:flex;flex-direction:column;gap:4px}
.hero-promo-card:hover{text-decoration:none;background:rgba(255,255,255,.22)}
.hero-promo-card b{font-size:15px;line-height:1.4}
.hero-promo-card span{font-size:13px;line-height:1.6;opacity:.92}
.hero-promo-card i{font-style:normal;font-size:13px;font-weight:800;color:#f7c948;margin-top:4px}
/* 导航后多彩圆形配色按钮：彩虹渐变圆，点一下循环切换配色，配色记忆在浏览器本地 */
.color-switch{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;background:conic-gradient(#e23a1e,#f97316,#f5b301,#2ea86b,#2563eb,#7c3aed,#e23a1e);padding:0}
.color-switch:focus-visible{outline:3px solid #2ea86b;outline-offset:2px}
/* 配色切换主题：只改 Hero、徽标、动态标签、栏目切换和按钮主色，其余布局不变 */
body.theme-pine .hero-red{background:linear-gradient(115deg,#7baf8a,#5f9d7d)}
body.theme-deep .hero-red{background:linear-gradient(115deg,#123f2c,#0c2f21)}
body.theme-teal .hero-red{background:linear-gradient(115deg,#0e7c7b,#0a5e5d)}
body.theme-pine .brand-mark,body.theme-pine .site-badge,body.theme-pine .ticker-label{background:#5f9d7d}
body.theme-deep .brand-mark,body.theme-deep .site-badge,body.theme-deep .ticker-label{background:#123f2c}
body.theme-teal .brand-mark,body.theme-teal .site-badge,body.theme-teal .ticker-label{background:#0e7c7b}
body.theme-pine .tabs a.active{background:#5f9d7d;border-color:#5f9d7d}
body.theme-deep .tabs a.active{background:#123f2c;border-color:#123f2c}
body.theme-teal .tabs a.active{background:#0e7c7b;border-color:#0e7c7b}
@media (max-width:820px){
  .hero-promo{grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto;padding-bottom:6px}
  .color-switch{width:32px;height:32px}
}

/* ===== v2.2 四张快捷卡多彩 + 自适应平铺 + 动态效果 ===== */
/* 自适应平铺：宽屏 4 列等高，平板 2 列，手机 1 列，卡片撑满格子 */
.quick-cards{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.quick-card{height:100%;position:relative;overflow:hidden}
/* 多彩：按顺序给四张卡不同的顶部色条、图标底色和标题悬停色，按钮颜色随卡片走 */
.quick-card:nth-child(1){border-top:4px solid #2ea86b}
.quick-card:nth-child(1) .icon{background:#e6f4ec;color:#1f8a5a}
.quick-card:nth-child(2){border-top:4px solid #f97316}
.quick-card:nth-child(2) .icon{background:#fff1e6;color:#c2410c}
.quick-card:nth-child(3){border-top:4px solid #0e7c7b}
.quick-card:nth-child(3) .icon{background:#e6f4f4;color:#0e7c7b}
.quick-card.red{border-top:4px solid #d92e12}
.quick-card.red .icon{background:rgba(255,255,255,.2)}
.quick-card:nth-child(1) h3 a:hover{color:#1f8a5a}
.quick-card:nth-child(2) h3 a:hover{color:#c2410c}
.quick-card:nth-child(3) h3 a:hover{color:#0e7c7b}
/* 动态效果：卡片悬停上浮 + 阴影加深 + 彩色描边，图标放大，标题颜色跟随卡片色 */
.card,.concept-card,.quick-card,.section-banner-item,.article-row,.hero-promo-card{
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease
}
.card:hover,.concept-card:hover,.quick-card:hover{
  transform:translateY(-4px);box-shadow:0 16px 32px rgba(31,138,90,.16)
}
.quick-card:nth-child(1):hover{border-color:#2ea86b}
.quick-card:nth-child(2):hover{border-color:#f97316}
.quick-card:nth-child(3):hover{border-color:#0e7c7b}
.quick-card.red:hover{border-color:#d92e12}
.quick-card .icon{transition:transform .25s ease}
.quick-card:hover .icon{transform:scale(1.12)}
.article-row:hover{transform:translateX(4px);box-shadow:0 8px 20px rgba(31,138,90,.10)}
.hero-promo-card:hover{transform:translateY(-2px)}
/* 入场动效：Hero 与快捷卡、概念卡、文章卡依次淡入上浮，动效偏好减弱时自动关闭 */
@keyframes winvvv-fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.hero-grid>div{animation:winvvv-fade-up .5s ease backwards}
.quick-card:nth-child(1){animation:winvvv-fade-up .5s ease .05s backwards}
.quick-card:nth-child(2){animation:winvvv-fade-up .5s ease .12s backwards}
.quick-card:nth-child(3){animation:winvvv-fade-up .5s ease .19s backwards}
.quick-card:nth-child(4){animation:winvvv-fade-up .5s ease .26s backwards}
@media (prefers-reduced-motion:reduce){
  .card,.concept-card,.quick-card,.section-banner-item,.article-row,.hero-promo-card,.hero-grid>div{animation:none;transition:none}
}
@media (max-width:1100px){
  .quick-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .quick-cards{grid-template-columns:minmax(0,1fr)}
}

/* ===== v2.3 内页面包屑 + 相关阅读 + 评论区美化 ===== */
/* 面包屑：白色胶囊条，首页和分类为深绿粗体链接，当前标题灰色省略号，悬停下划线 */
.breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #d6ecdf;border-radius:999px;padding:9px 16px;font-size:13px;margin-bottom:18px;box-shadow:0 2px 10px rgba(31,138,90,.06)}
.breadcrumb a{color:#177a4e;font-weight:700;white-space:nowrap}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb-sep{color:#2ea86b;font-weight:900}
.breadcrumb-current{color:#6b6f6d;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 相关阅读：标题加翠绿竖线，列表行分隔，链接悬停变绿 */
.related{padding:20px 22px}
.related strong{display:block;font-size:18px;padding-left:12px;border-left:4px solid #2ea86b;margin-bottom:10px}
.related ul{list-style:none;margin:0;padding:0}
.related li{padding:10px 0;border-bottom:1px solid #eef0ee}
.related li:last-child{border-bottom:0}
.related li a{color:#22201e;font-weight:600}
.related li a:hover{color:#177a4e;text-decoration:none}
/* 评论区：白卡容器，标题带绿色数量徽标，每条评论为浅绿边框卡片，头像圆角绿边 */
.comments-area{background:#fff;border:1px solid #d6ecdf;border-radius:18px;padding:24px;margin-top:20px;box-shadow:0 2px 12px rgba(31,138,90,.06)}
.comments-title{font-size:20px;margin:0 0 16px;padding-left:12px;border-left:4px solid #2ea86b}
.comments-count{display:inline-block;background:#2ea86b;color:#fff;border-radius:999px;padding:1px 10px;font-size:14px;margin:0 2px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list .comment{border:1px solid #e2efe6;border-radius:14px;padding:16px 18px;margin-bottom:14px;background:#fbfdfc;transition:transform .2s ease,box-shadow .2s ease}
.comment-list .comment:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,138,90,.10)}
.comment-author{font-weight:700}
.comment-author .avatar{border-radius:50%;border:2px solid #e6f4ec;margin-right:10px;vertical-align:middle}
.comment-author .says{color:#6b6f6d;font-weight:400}
.comment-meta{font-size:12px;color:#8a948e;margin:4px 0 8px 58px}
.comment-meta a{color:#8a948e}
.comment-edit-link{display:inline-block;background:#e6f4ec;color:#177a4e;border-radius:999px;padding:2px 10px;font-weight:700;margin-left:6px}
.comment-body p{margin:0 0 8px}
.comment-awaiting-moderation{display:inline-block;background:#fff7ed;border:1px solid #f3d9b8;color:#7a4a12;border-radius:999px;padding:2px 10px;font-size:12px}
.reply{margin:10px 0 0 58px}
.comment-reply-link{display:inline-block;border:1.5px solid #2ea86b;color:#177a4e;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}
.comment-reply-link:hover{background:#2ea86b;color:#fff;text-decoration:none}
.comment-list .children{list-style:none;margin:14px 0 0;padding-left:18px;border-left:3px solid #e6f4ec}
.comment-list .children .comment{margin-bottom:10px}
.comment-list .children .comment:last-child{margin-bottom:0}
/* 回复表单：浅绿底卡片，两列字段（姓名/邮箱），输入框聚焦时绿边 + 浅绿光晕，提交为翠绿胶囊按钮 */
#respond{background:#f2f8f4;border:1px solid #d6ecdf;border-radius:14px;padding:20px 22px;margin-top:20px}
.comment-reply-title{font-size:18px;margin:0 0 12px;padding-left:12px;border-left:4px solid #2ea86b}
.comment-notes{color:#6b6f6d;font-size:13px;margin:0 0 12px}
#commentform{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#commentform p{margin:0}
#commentform label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
#commentform .required{color:#d92e12}
#commentform .comment-form-comment,#commentform .comment-form-cookies-consent,#commentform .form-submit{grid-column:1/-1}
#commentform input[type="text"],#commentform input[type="email"],#commentform input[type="url"],#commentform textarea{
  width:100%;border:1.5px solid #d6ecdf;border-radius:12px;padding:12px 14px;background:#fff;color:#22201e;outline:none;font-size:15px;line-height:1.6
}
#commentform input:focus,#commentform textarea:focus{border-color:#2ea86b;box-shadow:0 0 0 3px rgba(46,168,107,.15)}
#commentform textarea{resize:vertical;min-height:140px}
#commentform .comment-form-cookies-consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#6b6f6d}
#commentform .comment-form-cookies-consent input{width:auto;margin-top:3px}
#submit,.comment-form .submit{background:#2ea86b;color:#fff;border:0;border-radius:999px;padding:12px 28px;font-size:15px;font-weight:800;cursor:pointer;min-height:46px}
#submit:hover,.comment-form .submit:hover{background:#177a4e}
.comments-closed{color:#6b6f6d;margin:16px 0 0}
.comments-pagination{margin-top:16px}
.comments-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.comments-pagination a,.comments-pagination span{border:1px solid #d6ecdf;border-radius:999px;padding:6px 14px;font-size:13px}
.comments-pagination a{color:#177a4e}
@media (max-width:640px){
  .comments-area{padding:18px 16px}
  #respond{padding:16px}
  #commentform{grid-template-columns:1fr}
  .comment-meta,.reply{margin-left:0}
  .comment-list .children{padding-left:10px}
  .breadcrumb-current{white-space:normal}
}

/* ===== v2.4 黄色按钮更明亮：柠檬黄 + 深色文字 + 轻阴影，绿底和白底上都更醒目 ===== */
:root{--bright-yellow:#ffcf00;--bright-yellow-hover:#ffd61f}
.search-bar button,.winvvv-search button{background:var(--bright-yellow);color:#1f1a18;box-shadow:0 4px 14px rgba(255,207,0,.45)}
.search-bar button:hover,.winvvv-search button:hover{filter:none;background:var(--bright-yellow-hover)}
.hero-checklist-tag{background:var(--bright-yellow)}
.hero-checklist-foot a{background:var(--bright-yellow);box-shadow:0 4px 14px rgba(255,207,0,.45)}
.hero-checklist{border-top-color:var(--bright-yellow)}
.section-banner-item h4 span{background:var(--bright-yellow)}
.btn-yellow{background:var(--bright-yellow)}

/* ===== v2.5 内页标题区卡片美化 + 新手入门卡随配色切换变色 ===== */
/* 内页红框区：分类胶囊 + 日期 + 大标题，装进白卡，左侧翠绿竖条，标题下加浅绿分隔线 */
.single-head{background:#fff;border:1px solid #d6ecdf;border-left:6px solid #2ea86b;border-radius:16px;padding:22px 24px;margin-bottom:18px;box-shadow:0 2px 12px rgba(31,138,90,.06)}
.single-head .single-meta{margin:0;color:#8a948e;font-size:13px}
.single-head .single-meta a{display:inline-block;background:#e6f4ec;color:#177a4e;border-radius:999px;padding:3px 12px;font-weight:700;margin-right:6px}
.single-head .single-meta a:hover{text-decoration:none;background:#2ea86b;color:#fff}
.single-head h1{margin:10px 0 0;padding-bottom:12px;border-bottom:1px solid #eef0ee;font-size:32px;line-height:1.3}
@media (max-width:640px){
  .single-head{padding:18px 16px}
  .single-head h1{font-size:26px}
}
/* 新手入门卡：默认红色不变，点彩虹配色按钮切换主题时，卡色跟随主题走，不再永远是红 */
body.theme-pine .quick-card.red{background:#5f9d7d;border-color:#5f9d7d}
body.theme-deep .quick-card.red{background:#123f2c;border-color:#123f2c}
body.theme-teal .quick-card.red{background:#0e7c7b;border-color:#0e7c7b}
body.theme-pine .quick-card.red:hover{border-color:#5f9d7d}
body.theme-deep .quick-card.red:hover{border-color:#123f2c}
body.theme-teal .quick-card.red:hover{border-color:#0e7c7b}

/* ===== v2.6 新手入门卡强制跟随配色 + 最新动态2列5行列表 ===== */
/* 先说明：v2.5 的跟随规则在 2.4 线上还没生效，这次用 !important 强制覆盖红卡底色，点彩虹按钮换主题时卡色必变，并加背景过渡 */
.quick-card.red{transition:background .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
body.theme-emerald .quick-card.red{background:#d92e12 !important;border-color:#d92e12 !important}
body.theme-pine .quick-card.red{background:#5f9d7d !important;border-color:#5f9d7d !important}
body.theme-deep .quick-card.red{background:#123f2c !important;border-color:#123f2c !important}
body.theme-teal .quick-card.red{background:#0e7c7b !important;border-color:#0e7c7b !important}
/* 最新动态：不再横向滚动，改成白卡列表，头部绿标签 + 右侧最新10篇，内容区横向2列、纵向5行共10条 */
.ticker{display:block;background:#fff;border:1px solid #d6ecdf;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 2px 12px rgba(31,138,90,.06)}
.ticker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:linear-gradient(100deg,#eef7f1,#e2f2e8);border-bottom:1px solid #d6ecdf}
.ticker-label{background:#2ea86b}
.ticker-more{color:#5a6a62;font-size:13px;white-space:nowrap}
.ticker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.ticker-item{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid #eef0ee;color:#22201e;min-width:0}
.ticker-item:nth-child(odd){border-right:1px solid #eef0ee}
.ticker-item:nth-last-child(-n+2){border-bottom:0}
.ticker-item:hover{text-decoration:none;background:#f2f8f4}
.ticker-item:hover .ticker-title{color:#177a4e}
.ticker-dot{width:8px;height:8px;border-radius:50%;background:#2ea86b;flex:0 0 auto}
.ticker-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.ticker-cat{background:#e6f4ec;color:#177a4e;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;white-space:nowrap;flex:0 0 auto}
.ticker-date{color:#8a948e;font-size:12px;white-space:nowrap;flex:0 0 auto}
.ticker-empty{display:block;padding:16px 18px;color:#6b6f6d;grid-column:1/-1}
@media (max-width:820px){
  .ticker-list{grid-template-columns:minmax(0,1fr)}
  .ticker-item:nth-child(odd){border-right:0}
  .ticker-item:nth-last-child(-n+2){border-bottom:1px solid #eef0ee}
  .ticker-item:last-child{border-bottom:0}
  .ticker-cat{display:none}
}

/* ===== v2.7 新手入门卡默认不再红色，默认跟随主题色 ===== */
/* 默认（未点配色按钮、首次打开）就是主题翠绿，不再是红；点彩虹按钮后仍跟随松绿/深绿/青绿 */
.quick-card.red,body.theme-emerald .quick-card.red{background:#2ea86b !important;border-color:#2ea86b !important}
.quick-card.red:hover,body.theme-emerald .quick-card.red:hover{border-color:#1f8a5a !important}

/* ===== v2.8 手机端自适应：导航横滑不裁切 + 工具成行 + 搜索上下满宽 ===== */
/* 桌面：配色圆和语言切换成一组，紧跟导航，不单独占行 */
.head-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
@media (max-width:820px){
  /* 头部上下排：品牌一行，导航一行可横滑，工具一行，互不挤压裁切 */
  .site-head{position:sticky}
  .site-head .container{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}
  .brand{width:100%}
  .main-nav{margin-left:0;width:100%;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .main-nav::-webkit-scrollbar{display:none}
  .main-nav ul{flex-wrap:nowrap;gap:8px}
  .main-nav a,.main-nav li a{flex:0 0 auto;padding:9px 14px;font-size:13px;white-space:nowrap}
  .head-tools{width:100%;justify-content:space-between}
  .lang-switch{font-size:14px}
  /* Hero 与搜索：标题按屏宽缩放，搜索框上下排、输入和按钮都满宽，字号16避免手机输入时自动放大 */
  .hero-red{padding:20px 0 12px}
  .hero-red h1{font-size:clamp(26px,7vw,32px);line-height:1.3}
  .hero-grid{gap:20px}
  .search-bar{flex-direction:column;align-items:stretch;padding:8px;gap:8px;max-width:none}
  .search-bar form,.winvvv-search{flex-direction:column;width:100%;gap:8px}
  .search-bar input,.winvvv-search input{width:100%;padding:13px 14px;font-size:16px}
  .search-bar button,.winvvv-search button{width:100%;padding:13px;font-size:16px;min-height:48px}
  .hot-tags{margin-bottom:10px}
  .hero-checklist{max-width:none;width:100%}
  .hero-promo{grid-template-columns:repeat(3,minmax(220px,1fr));overflow-x:auto}
  .stats-strip{grid-template-columns:repeat(2,1fr);margin-top:14px}
  .stat-cell{padding:12px 14px}
  .stat-cell b{font-size:22px}
  .stat-cta{grid-column:1/-1;justify-content:center;padding:10px 14px}
  .quick-cards{grid-template-columns:minmax(0,1fr)}
  .ticker-list{grid-template-columns:minmax(0,1fr)}
  .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}
  .tabs a{flex:0 0 auto}
  .footer-cols{grid-template-columns:1fr}
}
@media (max-width:380px){
  .site-title{font-size:19px}
  .main-nav a,.main-nav li a{padding:8px 12px;font-size:12px}
  .hero-red h1{font-size:24px}
}

/* ===== v2.9 真正手机导航 + 搜索满宽 + 商城大卡片 ===== */
/* 桌面：汉堡按钮隐藏，导航保持原样 */
.nav-toggle{display:none}
/* 手机：头部改成两列网格——品牌左、汉堡右，导航和工具各占整行 */
@media (max-width:820px){
  html,body{overflow-x:hidden}
  .site-head .container{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 16px}
  .brand{grid-column:1;min-width:0}
  .nav-toggle{display:inline-flex;align-items:center;gap:6px;grid-column:2;padding:10px 16px;border:1.5px solid #2ea86b;border-radius:999px;background:#fff;color:#1f8a5a;font-weight:800;font-size:15px;cursor:pointer;white-space:nowrap}
  .site-head.nav-open .nav-toggle{background:#2ea86b;color:#fff}
  /* 默认收起胶囊行，点汉堡才展开成竖排大按钮菜单，这才是手机导航 */
  .main-nav{display:none!important;grid-column:1/-1;width:100%;overflow:visible}
  .site-head.nav-open .main-nav{display:flex!important;flex-direction:column;align-items:stretch;gap:8px;padding:4px 0 8px}
  .site-head.nav-open .main-nav ul{flex-direction:column;width:100%;gap:8px}
  .site-head.nav-open .main-nav a,.site-head.nav-open .main-nav li a{width:100%;padding:13px 16px;font-size:15px;text-align:left;border-radius:12px}
  .head-tools{grid-column:1/-1;width:100%;justify-content:space-between}
  /* 搜索：强制上下满宽，输入框带边框、按钮满宽高亮，点开即用 */
  .hero-red{padding:20px 0 12px;overflow:hidden}
  .hero-red .container{min-width:0}
  .hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:20px}
  .hero-grid>div{min-width:0}
  .hero-red h1{font-size:clamp(26px,7vw,32px);line-height:1.3}
  .search-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;padding:8px;gap:8px;margin:0}
  .search-bar form,.winvvv-search{display:flex!important;flex-direction:column!important;width:100%!important;gap:8px;flex:none!important}
  .search-bar input,.winvvv-search input{width:100%!important;min-width:0;padding:13px 14px;font-size:16px;border:1px solid #d6ecdf!important;border-radius:10px;background:#fff}
  .search-bar button,.winvvv-search button{width:100%!important;padding:13px;font-size:16px;min-height:48px}
  .hot-tags{flex-wrap:wrap}
  .hero-features{flex-wrap:wrap}
  .hero-promo{grid-template-columns:minmax(0,1fr)!important;overflow:visible}
  .hero-checklist{max-width:none!important;width:100%!important;min-width:0}
  .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-cards,.ticker-list{grid-template-columns:minmax(0,1fr)}
  .tabs{flex-wrap:nowrap;overflow-x:auto}
  .tabs a{flex:0 0 auto}
  .footer-cols{grid-template-columns:minmax(0,1fr)}
}
/* 商城大卡片：参考图式大卡片——图在上、标题、简述、分类标签、价格、满宽按钮 */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.woocommerce ul.products li.product{width:100%!important;float:none!important;margin:0!important;background:#fff;border:1px solid #eef0ee;border-radius:20px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.06);padding:0 0 16px;text-align:left;display:flex;flex-direction:column}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block}
.woocommerce ul.products li.product img{width:100%;height:190px;object-fit:cover;border-radius:0;margin:0}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{font-size:18px;line-height:1.4;padding:14px 16px 0;margin:0}
.woocommerce ul.products li.product .winvvv-shop-cat{padding:8px 16px 0;margin:0;font-size:13px;color:#2ea86b;font-weight:700}
.woocommerce ul.products li.product .winvvv-shop-cat a{color:#2ea86b}
.woocommerce ul.products li.product .winvvv-shop-excerpt{padding:8px 16px 0;margin:0;font-size:14px;line-height:1.6;color:#555}
.woocommerce ul.products li.product .price{padding:10px 16px 0;margin:0;font-size:20px;font-weight:900;color:#d92e12}
.woocommerce ul.products li.product .price del{font-size:14px;color:#999;font-weight:400}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product a.button{margin:14px 16px 0!important;background:#eaf6ee!important;color:#1f8a5a!important;border:0;border-radius:12px;padding:12px!important;font-size:15px;font-weight:800;text-align:center;display:block}
.woocommerce ul.products li.product .button:hover{background:#2ea86b!important;color:#fff!important}
@media (max-width:1100px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.woocommerce ul.products{grid-template-columns:minmax(0,1fr)}.woocommerce ul.products li.product img{height:220px}}

/* ===== v2.10 首页导览卡 3 张改 2 张 ===== */
.hero-promo{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:820px){
  .hero-promo{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible}
}
@media (max-width:560px){
  .hero-promo{grid-template-columns:minmax(0,1fr)!important}
}

/* ===== v2.11 首页学习流程导航：替代原数据条 ===== */
.learn-flow{margin-top:18px;border-top:1px solid rgba(255,255,255,.25);padding-top:16px}
.learn-flow-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.learn-flow-title{font-size:20px;font-weight:900;color:#fff}
.learn-flow-stats{font-size:13px;color:rgba(255,255,255,.85)}
.learn-flow-steps{display:flex;align-items:stretch;gap:6px;margin-top:12px}
.learn-flow-step{flex:1;min-width:0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:14px 12px;color:#fff;display:flex;flex-direction:column;gap:4px}
.learn-flow-step:hover{text-decoration:none;background:rgba(255,255,255,.24)}
.learn-flow-num{width:28px;height:28px;border-radius:50%;background:#f7c948;color:#1f3a2b;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto}
.learn-flow-step b{font-size:15px;line-height:1.4}
.learn-flow-step span:last-child{font-size:13px;line-height:1.5;opacity:.92}
.learn-flow-arrow{align-self:center;color:#f7c948;font-weight:900;flex:0 0 auto;font-size:18px}
@media (max-width:820px){
  .learn-flow-steps{flex-direction:column}
  .learn-flow-arrow{transform:rotate(90deg);align-self:center}
  .learn-flow-step{flex-direction:row;align-items:center;gap:10px}
  .learn-flow-step span:last-child{flex:1}
}

/* ===== v2.12 2 张导览卡：只留标题、居中放大、彩色流动边框 ===== */
@property --winvvv-border-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes winvvv-border-flow{to{--winvvv-border-angle:360deg}}
.hero-promo-card{
  text-align:center;justify-content:center;align-items:center;min-height:104px;padding:22px 16px;
  border:3px solid transparent;border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08)) padding-box,
    conic-gradient(from var(--winvvv-border-angle),#ff5a3c,#f5b301,#2ea86b,#2563eb,#7c3aed,#ff5a3c) border-box;
  animation:winvvv-border-flow 4s linear infinite;
}
.hero-promo-card:nth-child(2){
  background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.08)) padding-box,
    conic-gradient(from var(--winvvv-border-angle),#7c3aed,#2563eb,#0e7c7b,#f5b301,#ff5a3c,#7c3aed) border-box;
}
.hero-promo-card b{font-size:clamp(22px,3vw,28px);letter-spacing:3px;line-height:1.3}
.hero-promo-card:hover{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.14)) padding-box,
  conic-gradient(from var(--winvvv-border-angle),#ff5a3c,#f5b301,#2ea86b,#2563eb,#7c3aed,#ff5a3c) border-box}
.hero-promo-card:nth-child(2):hover{background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.14)) padding-box,
  conic-gradient(from var(--winvvv-border-angle),#7c3aed,#2563eb,#0e7c7b,#f5b301,#ff5a3c,#7c3aed) border-box}
@media (prefers-reduced-motion:reduce){
  .hero-promo-card,.hero-promo-card:nth-child(2){animation:none}
}

/* ===== v2.13 商城页修复：容器模板 + 商城/单品/购物车/结算布局 ===== */
/* 之前主题没有 woocommerce.php，WooCommerce 只能用自带无容器外壳，导致商城页满屏拉伸、标题排序分页无样式 */
.shop-wrap{padding:28px 0 44px;min-width:0}
.shop-wrap .woocommerce{width:100%;min-width:0}
.woocommerce .woocommerce-breadcrumb{margin:0 0 14px;color:var(--muted);font-size:14px}
.woocommerce .woocommerce-breadcrumb a{color:var(--ink)}
.woocommerce-page .page-title,.woocommerce h1.page-title,.shop-wrap h1.woocommerce-products-header__title{font-size:28px;line-height:1.4;margin:0 0 6px;color:var(--ink)}
.woocommerce .term-description{color:var(--muted);margin:0 0 18px}
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px;margin:0 0 16px}
.woocommerce .woocommerce-ordering{margin:0 0 16px}
.woocommerce .woocommerce-ordering select{border:1.5px solid #d6ecdf;border-radius:10px;padding:10px 12px;background:#fff;font-size:15px;color:var(--ink);max-width:100%}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message,.woocommerce .woocommerce-notices-wrapper .woocommerce-info,.woocommerce .woocommerce-notices-wrapper .woocommerce-error{border-radius:12px}
/* 商品列表：覆盖 WooCommerce 默认浮动/宽度，统一用网格大卡片，图片不再拉伸 */
.woocommerce ul.products{margin:0;padding:0;list-style:none}
.woocommerce ul.products li.product{list-style:none}
.woocommerce ul.products li.product a{color:var(--ink)}
.woocommerce ul.products li.product a:hover{text-decoration:none}
.woocommerce ul.products li.product h2 a{color:var(--ink)}
.woocommerce ul.products li.product .star-rating{margin:8px 16px 0}
/* 单品页：图片与购买区左右分栏，手机改上下 */
.woocommerce div.product{width:100%;min-width:0}
.woocommerce div.product div.images{width:48%;float:left;margin:0 4% 20px 0}
.woocommerce div.product div.summary{width:48%;float:left;margin:0 0 20px}
.woocommerce div.product div.images img{border-radius:16px}
.woocommerce div.product .product_title{font-size:28px;line-height:1.4;margin:0 0 10px}
.woocommerce div.product p.price{font-size:24px;font-weight:900;color:#d92e12}
.woocommerce div.product form.cart .button,.woocommerce div.product .single_add_to_cart_button{background:#2ea86b!important;color:#fff!important;border:0;border-radius:12px;padding:13px 24px!important;font-size:16px;font-weight:800}
.woocommerce div.product .woocommerce-tabs{clear:both;padding-top:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 16px}
.woocommerce div.product .woocommerce-tabs .panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.woocommerce .related.products,.woocommerce .upsells.products{clear:both;margin-top:28px}
/* 购物车 / 结算：表格不溢出，按钮统一绿 */
.woocommerce table.shop_table{width:100%;background:#fff;border-radius:14px;overflow:hidden}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:12px}
.woocommerce .cart-collaterals .cart_totals{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#2ea86b;color:#fff;border:0;border-radius:12px;padding:12px 20px;font-weight:800}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#1f8a5a;color:#fff;text-decoration:none}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1.5px solid #d6ecdf;border-radius:10px;padding:11px 12px;background:#fff}
.woocommerce .woocommerce-pagination ul.page-numbers{border:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.woocommerce .woocommerce-pagination ul.page-numbers li{border:0}
.woocommerce .woocommerce-pagination ul.page-numbers li a,.woocommerce .woocommerce-pagination ul.page-numbers li span{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#fff;color:var(--ink)}
.woocommerce .woocommerce-pagination ul.page-numbers li span.current{background:#2ea86b;color:#fff;border-color:#2ea86b}
@media (max-width:820px){
  .shop-wrap{padding:20px 0 32px}
  .woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none;margin-right:0}
  .woocommerce .woocommerce-ordering,.woocommerce .woocommerce-ordering select{width:100%}
  .woocommerce table.shop_table{font-size:14px}
  .woocommerce .cart-collaterals .cart_totals{width:100%!important}
}

/* ===== v2.14 2 张导览卡重做：实色不同背景，仅边框流动，内部不动 ===== */
/* v2.12 的问题：内层是半透明白，彩虹边框渐变透进来，整张卡都花了。改成不透明实色内层，彩虹只留在 3px 边框上 */
.hero-promo-card{
  text-align:center;justify-content:center;align-items:center;min-height:104px;padding:22px 16px;
  border:3px solid transparent;border-radius:18px;color:#fff;
  background:#1f9e63 padding-box,
    conic-gradient(from var(--winvvv-border-angle),#ff5a3c,#f5b301,#2ea86b,#2563eb,#7c3aed,#ff5a3c) border-box;
  animation:winvvv-border-flow 4s linear infinite;
}
.hero-promo-card:nth-child(2){
  background:#2563eb padding-box,
    conic-gradient(from var(--winvvv-border-angle),#7c3aed,#2563eb,#0e7c7b,#f5b301,#ff5a3c,#7c3aed) border-box;
}
.hero-promo-card b{font-size:clamp(22px,3vw,28px);letter-spacing:3px;line-height:1.3;color:#fff}
.hero-promo-card:hover{
  background:#178a55 padding-box,
    conic-gradient(from var(--winvvv-border-angle),#ff5a3c,#f5b301,#2ea86b,#2563eb,#7c3aed,#ff5a3c) border-box;
}
.hero-promo-card:nth-child(2):hover{
  background:#1d4ed8 padding-box,
    conic-gradient(from var(--winvvv-border-angle),#7c3aed,#2563eb,#0e7c7b,#f5b301,#ff5a3c,#7c3aed) border-box;
}
@media (prefers-reduced-motion:reduce){
  .hero-promo-card,.hero-promo-card:nth-child(2){animation:none}
}

/* ===== v2.15 导览卡彻底重做 + 5 步卡不同色彩 ===== */
/* v2.12/v2.14 的问题：透明边框 + border-box 渐变在部分浏览器上不渲染，卡片只剩文字。
   改成旋转渐变层在后、实色内层在前：动画失效时实色卡片仍在，边框流动只影响外圈 3px */
@keyframes winvvv-spin{to{transform:rotate(360deg)}}
.hero-promo-card{
  position:relative;overflow:hidden;border:0;border-radius:18px;background:transparent!important;
  display:flex;align-items:center;justify-content:center;text-align:center;min-height:104px;padding:22px 16px;
  animation:none;
}
.hero-promo-card::before{
  content:"";position:absolute;inset:-120%;z-index:0;
  background:conic-gradient(#ff5a3c,#f5b301,#2ea86b,#2563eb,#7c3aed,#ff5a3c);
  animation:winvvv-spin 4s linear infinite;
}
.hero-promo-card::after{
  content:"";position:absolute;inset:3px;z-index:1;border-radius:15px;background:#1f9e63;
}
.hero-promo-card:nth-child(2)::after{background:#2563eb}
.hero-promo-card:hover::after{background:#178a55}
.hero-promo-card:nth-child(2):hover::after{background:#1d4ed8}
.hero-promo-card b{position:relative;z-index:2;color:#fff;font-size:clamp(22px,3vw,28px);letter-spacing:3px;line-height:1.3}
@media (prefers-reduced-motion:reduce){
  .hero-promo-card::before{animation:none}
}
/* 5 步流程卡：每步一个实色，不再是同一半透明色 */
.learn-flow-step{border-color:rgba(255,255,255,.45)}
.learn-flow-step:nth-of-type(1){background:#1f9e63}
.learn-flow-step:nth-of-type(2){background:#0e7c7b}
.learn-flow-step:nth-of-type(3){background:#d97706}
.learn-flow-step:nth-of-type(4){background:#2563eb}
.learn-flow-step:nth-of-type(5){background:#c2410c}
.learn-flow-step:hover{filter:brightness(1.08);text-decoration:none}

/* ===== v2.16 选择配色面板：8 种色彩卡片 + 4 个新主题 ===== */
.color-panel{position:absolute;top:100%;right:16px;z-index:60;width:340px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 32px rgba(0,0,0,.16);padding:16px}
.color-panel[hidden]{display:none}
.color-panel-title{margin:0 0 12px;font-size:15px;font-weight:800;color:var(--ink)}
.color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.color-option{background:#fff;border:1.5px solid #ece7e1;border-radius:12px;padding:12px 6px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--ink)}
.color-option:hover{border-color:#cbd5e1}
.color-option.selected{border-width:2px;box-shadow:0 0 0 1px currentColor}
.color-option[data-theme="emerald"].selected{border-color:#2ea86b;color:#2ea86b}
.color-option[data-theme="pine"].selected{border-color:#5f9d7d;color:#5f9d7d}
.color-option[data-theme="deep"].selected{border-color:#123f2c;color:#123f2c}
.color-option[data-theme="teal"].selected{border-color:#0e7c7b;color:#0e7c7b}
.color-option[data-theme="red"].selected{border-color:#e23a1e;color:#e23a1e}
.color-option[data-theme="blue"].selected{border-color:#2563eb;color:#2563eb}
.color-option[data-theme="violet"].selected{border-color:#7c3aed;color:#7c3aed}
.color-option[data-theme="orange"].selected{border-color:#d97706;color:#d97706}
.color-dot{width:28px;height:28px;border-radius:50%;flex:0 0 auto;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
/* 新主题：Hero、首个导航胶囊、新手入门卡跟随主题色 */
body.theme-red .hero-red{background:linear-gradient(115deg,#e23a1e,#c22e15)}
body.theme-blue .hero-red{background:linear-gradient(115deg,#2563eb,#1d4ed8)}
body.theme-violet .hero-red{background:linear-gradient(115deg,#7c3aed,#6d28d9)}
body.theme-orange .hero-red{background:linear-gradient(115deg,#d97706,#b45309)}
body.theme-red .hero-red,body.theme-blue .hero-red,body.theme-violet .hero-red,body.theme-orange .hero-red{color:#fff}
body.theme-red .hero-red h1,body.theme-blue .hero-red h1,body.theme-violet .hero-red h1,body.theme-orange .hero-red h1{color:#fff}
body.theme-red .main-nav a:nth-child(1),body.theme-red .main-nav li:nth-child(1) a,body.theme-red .main-nav a.nav-solid{background:#e23a1e;border-color:#e23a1e;color:#fff}
body.theme-blue .main-nav a:nth-child(1),body.theme-blue .main-nav li:nth-child(1) a,body.theme-blue .main-nav a.nav-solid{background:#2563eb;border-color:#2563eb;color:#fff}
body.theme-violet .main-nav a:nth-child(1),body.theme-violet .main-nav li:nth-child(1) a,body.theme-violet .main-nav a.nav-solid{background:#7c3aed;border-color:#7c3aed;color:#fff}
body.theme-orange .main-nav a:nth-child(1),body.theme-orange .main-nav li:nth-child(1) a,body.theme-orange .main-nav a.nav-solid{background:#d97706;border-color:#d97706;color:#fff}
body.theme-red .quick-card.red{background:#e23a1e!important}
body.theme-blue .quick-card.red{background:#2563eb!important}
body.theme-violet .quick-card.red{background:#7c3aed!important}
body.theme-orange .quick-card.red{background:#d97706!important}
@media (max-width:820px){
  .color-panel{left:16px;right:16px;width:auto}
}

/* ===== v2.17 7 张卡统一重设计：白卡 + 色彩点缀，不再满屏饱和色 ===== */
/* 导览卡：白底、彩色顶条、彩色标题、柔和阴影；去掉旋转渐变层和彩虹边框 */
.hero-promo-card,.hero-promo-card:nth-child(2){
  background:#fff!important;border:1px solid #e2efe6;border-top:4px solid #2ea86b;border-radius:16px;
  box-shadow:0 8px 20px rgba(0,0,0,.10);overflow:visible;animation:none;
}
.hero-promo-card:nth-child(2){border-top-color:#2563eb}
.hero-promo-card::before,.hero-promo-card::after{display:none!important;content:none!important;animation:none!important}
.hero-promo-card b{color:#1f7a4d}
.hero-promo-card:nth-child(2) b{color:#1d4ed8}
.hero-promo-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.14)}
.hero-promo-card:hover::after{display:none!important}
/* 5 步卡：白底、深色标题、灰色说明，色彩只留在数字圆里（柔和版 5 色） */
.learn-flow-step{background:#fff!important;border:1px solid #e2efe6;box-shadow:0 6px 16px rgba(0,0,0,.06);color:var(--ink)}
.learn-flow-step b{color:var(--ink)}
.learn-flow-step span:last-child{color:var(--muted);opacity:1}
.learn-flow-step:nth-of-type(1) .learn-flow-num{background:#2ea86b;color:#fff}
.learn-flow-step:nth-of-type(2) .learn-flow-num{background:#14919b;color:#fff}
.learn-flow-step:nth-of-type(3) .learn-flow-num{background:#e9a13b;color:#fff}
.learn-flow-step:nth-of-type(4) .learn-flow-num{background:#4a7de0;color:#fff}
.learn-flow-step:nth-of-type(5) .learn-flow-num{background:#d96a4a;color:#fff}
.learn-flow-step:hover{filter:none;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.10);text-decoration:none}
/* 步骤间箭头：白色圆形徽章 + 绿箭头 + 阴影，手机竖排时箭头朝下 */
.learn-flow-arrow{
  width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid #e2efe6;
  display:flex;align-items:center;justify-content:center;color:#2ea86b;font-size:16px;font-weight:900;
  box-shadow:0 4px 10px rgba(0,0,0,.10);flex:0 0 auto;
}
@media (max-width:820px){
  .learn-flow-arrow{transform:rotate(90deg)}
}

/* ===== v2.18 视频教学 / 手册指南独特样式：播放器 vs 纸书 ===== */
/* 两张卡不再是同款白卡：视频是深绿播放器，手册是米色纸书，图标和装饰都用伪元素，不改卡片文字 */
.hero-promo-card{
  flex-direction:column;gap:12px;min-height:150px;padding:24px 16px 28px;overflow:hidden;
}
.hero-promo-card::before,.hero-promo-card::after{display:flex!important;content:""!important}
/* 视频教学：深绿渐变 + 白色播放键圆 + 底部黄色进度条 */
.hero-promo-card:nth-child(1){
  background:linear-gradient(135deg,#123f2c,#1f9e63)!important;border:0!important;
  box-shadow:0 12px 26px rgba(18,63,44,.35);
}
.hero-promo-card:nth-child(1)::before{
  content:"▶"!important;width:56px;height:56px;border-radius:50%;background:#fff;color:#1f9e63;
  align-items:center;justify-content:center;font-size:20px;padding-left:4px;flex:0 0 auto;
  box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.hero-promo-card:nth-child(1)::after{
  position:absolute;left:20px;right:20px;bottom:14px;height:4px;border-radius:99px;
  background:linear-gradient(90deg,#f7c948 60%,rgba(255,255,255,.35) 60%);
}
.hero-promo-card:nth-child(1) b{color:#fff!important}
/* 手册指南：米色纸面 + 书本图标 + 右上角红色书签带 */
.hero-promo-card:nth-child(2){
  background:#fff7e6!important;border:1px solid #f0d9a8!important;
  box-shadow:0 10px 22px rgba(0,0,0,.10);
}
.hero-promo-card:nth-child(2)::before{
  content:"📖"!important;font-size:38px;line-height:1;flex:0 0 auto;
}
.hero-promo-card:nth-child(2)::after{
  position:absolute;top:0;right:18px;width:22px;height:32px;background:#e23a1e;
  clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);
}
.hero-promo-card:nth-child(2) b{color:#1d4ed8!important}
.hero-promo-card:hover::after{display:block!important}
.hero-promo-card:hover::before{transform:scale(1.08)}
.hero-promo-card:nth-child(2):hover::before{transform:none}

/* ===== v2.19 修复大面积彩虹溢出：导览卡伪元素全部禁用，改用真实元素 ===== */
.hero-promo-card::before,.hero-promo-card::after{
  display:none!important;content:none!important;animation:none!important;background:none!important;
}
.hero-promo-card{
  position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  min-height:150px;padding:24px 16px 28px;border-radius:16px;animation:none!important;background:#fff!important;border:1px solid #e2efe6!important;
}
.hero-promo-card:hover::before,.hero-promo-card:hover::after{display:none!important}
/* 视频教学：深绿渐变 + 真实播放键 + 真实进度条 */
.promo-video{background:linear-gradient(135deg,#123f2c,#1f9e63)!important;border:0!important;box-shadow:0 12px 26px rgba(18,63,44,.35)}
.promo-video .promo-icon{width:56px;height:56px;border-radius:50%;background:#fff;color:#1f9e63;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;box-shadow:0 6px 16px rgba(0,0,0,.25);flex:0 0 auto}
.promo-video b{color:#fff!important}
.promo-progress{position:absolute;left:20px;right:20px;bottom:14px;height:4px;border-radius:99px;background:rgba(255,255,255,.35);overflow:hidden}
.promo-progress i{display:block;width:60%;height:100%;background:#f7c948}
/* 手册指南：米色纸面 + 真实书本图标 + 真实书签带 */
.promo-manual{background:#fff7e6!important;border:1px solid #f0d9a8!important;box-shadow:0 10px 22px rgba(0,0,0,.10)}
.promo-manual .promo-icon{font-size:38px;line-height:1;flex:0 0 auto}
.promo-manual b{color:#1d4ed8!important}
.promo-ribbon{position:absolute;top:0;right:18px;width:22px;height:32px;background:#e23a1e;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}
.promo-video:hover,.promo-manual:hover{transform:translateY(-2px)}

/* ===== v2.20 手册指南再美化：淡蓝底 + 白圆书本图标 + ★推荐标签 ===== */
.promo-ribbon{display:none!important}
.promo-manual{background:linear-gradient(180deg,#f0f6ff,#dfeaff)!important;border:1px solid #c7d7f5!important;box-shadow:0 10px 22px rgba(37,99,235,.16)}
.promo-manual .promo-icon{width:58px;height:58px;border-radius:50%;background:#fff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 6px 14px rgba(37,99,235,.18)}
.promo-manual b{color:#1e3a8a!important}
.promo-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:99px;background:#f59e0b;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;box-shadow:0 4px 10px rgba(245,158,11,.45)}

/* ===== v2.21 ★推荐标签：黄底改红底 ===== */
.promo-badge{background:#e23a1e!important;box-shadow:0 4px 10px rgba(226,58,30,.45)}

/* ===== v2.21 5 步卡：编号左置两行式（编号 + 标题一排，说明第二排对齐标题下） ===== */
.learn-flow-step{
  display:grid!important;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;
  align-items:center;padding:16px 14px!important;
}
.learn-flow-step .learn-flow-num{grid-row:1 / span 2;width:44px!important;height:44px!important;font-size:18px}
.learn-flow-step b{font-size:20px!important;line-height:1.3}
.learn-flow-step span:last-child{font-size:13px!important;line-height:1.5;grid-column:2}

/* ===== v2.21 修复：淡蓝底被旧 nth-child(2) 米色规则压住，改为同选择器后置覆盖 ===== */
.hero-promo-card:nth-child(2){background:linear-gradient(180deg,#f0f6ff,#dfeaff)!important;border-color:#c7d7f5!important}

/* ===== v2.22 第 4 张快卡：资源如何选购（白底 + 安全流动边框 + 荐标） ===== */
/* 流动边框只用 background-position 动画，不用伪元素、不溢出，吸取 v2.15/v2.18 彩虹溢出的教训 */
@keyframes quick-border-flow{to{background-position:0 0,300% 0}}
.quick-resource{
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#2ea86b,#f5b301,#2563eb,#e23a1e,#2ea86b) border-box!important;
  background-size:100% 100%,300% 100%;border:2px solid transparent!important;border-top:0!important;
  animation:quick-border-flow 6s linear infinite;overflow:visible!important;
}
.quick-resource .icon{background:#e6f4ec!important;color:#1f8a5a!important}
.quick-resource h3 a{color:var(--ink)}
.quick-resource p{color:var(--muted)}
.quick-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#e23a1e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;box-shadow:0 3px 8px rgba(226,58,30,.4);z-index:2}
@media (prefers-reduced-motion:reduce){.quick-resource{animation:none}}
/* ===== v2.22 商城页：标题行、分类导航、等高卡片、按钮沉底 ===== */
.shop-cat-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.shop-cat-nav a{padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #d6ecdf;color:var(--ink);font-size:14px;font-weight:700}
.shop-cat-nav a:hover{background:#2ea86b;border-color:#2ea86b;color:#fff;text-decoration:none}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{display:inline-block;vertical-align:middle}
.woocommerce .woocommerce-ordering{float:right}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product a.button{margin-top:auto!important}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{flex:1;display:flex;flex-direction:column}
.woocommerce ul.products li.product img{background:#f2f5f2}
@media (max-width:820px){.woocommerce .woocommerce-ordering{float:none;display:block}.woocommerce .woocommerce-ordering select{width:100%}}