/* ============================================================
   机明统一品牌层 brand.css
   - 设计令牌对齐《机明使用手册》色板（绿 #1f7a3d + 白底扁平）
   - 所有组件类用 jm- 前缀，避免与 Bootstrap / style.css 冲突
   - 同时承载首页营销落地页（jm-home-*）样式
   视觉基准：docs/mockups/home-redesign-mockup.html
   ============================================================ */

:root{
  --jm-fg:#1f2328;
  --jm-muted:#6b7280;
  --jm-accent:#1f7a3d;       /* 品牌主绿（唯一品牌色） */
  --jm-accent-dark:#19632f;  /* 仅 hover */
  --jm-bg:#ffffff;
  --jm-side:#f6f8fa;
  --jm-line:#e5e7eb;
  --jm-tint:#eaf3ec;
  --jm-amber-bg:#fff3bf;
  --jm-amber-fg:#92400e;
  --jm-radius:10px;
  --jm-radius-sm:6px;
  --jm-container:1480px;
  --jm-font:"Microsoft YaHei","PingFang SC",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ---------- 通用容器 / 按钮 ---------- */
.jm-container{width:100%;max-width:var(--jm-container);margin:0 auto;padding:0 40px}
.jm-btn{display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;font-family:var(--jm-font);font-size:14.5px;font-weight:700;padding:11px 22px;border-radius:var(--jm-radius-sm);transition:.18s;white-space:nowrap;text-decoration:none;line-height:1.2}
.jm-btn-primary{background:var(--jm-accent);color:#fff}
.jm-btn-primary:hover{background:var(--jm-accent-dark);color:#fff;text-decoration:none}
.jm-btn-ghost{background:#fff;color:var(--jm-accent);border:1.5px solid var(--jm-accent)}
.jm-btn-ghost:hover{background:var(--jm-tint);color:var(--jm-accent);text-decoration:none}
.jm-btn-lg{padding:14px 30px;font-size:15.5px}

/* ============================================================
   统一顶栏 jm-nav（绿色整条，对齐手册标志性绿顶栏）
   ============================================================ */
.jm-nav{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--jm-line);font-family:var(--jm-font);transition:.2s}
.jm-nav.jm-shrink{box-shadow:0 2px 10px rgba(0,0,0,.12)}
.jm-nav *{box-sizing:border-box}
.jm-nav-inner{display:flex;align-items:center;gap:18px;height:64px;max-width:var(--jm-container);margin:0 auto;padding:0 40px;transition:.2s}
.jm-nav.jm-shrink .jm-nav-inner{height:56px}
.jm-logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px;color:var(--jm-accent-dark);flex:none;text-decoration:none}
.jm-logo:hover{color:var(--jm-accent-dark);text-decoration:none}
.jm-logo img{height:32px;width:auto;display:block}
.jm-menu{display:flex;gap:22px;align-items:center;margin-left:14px;flex-wrap:nowrap;list-style:none;margin-bottom:0;padding:0}
.jm-menu li{margin:0}
.jm-menu a{font-size:14.5px;font-weight:600;color:#33403a;padding:5px 2px;position:relative;transition:.15s;white-space:nowrap;text-decoration:none}
.jm-menu a:hover{color:var(--jm-accent);text-decoration:none}
.jm-menu a:hover::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--jm-accent);border-radius:2px}
.jm-menu a.jm-current{color:var(--jm-accent)}
.jm-menu a.jm-current::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--jm-accent);border-radius:2px}
.jm-soon{font-size:11px;color:var(--jm-amber-fg);background:var(--jm-amber-bg);padding:1px 6px;border-radius:5px;font-weight:700;margin-left:4px;vertical-align:middle}
.jm-nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
.jm-lang{color:var(--jm-muted);font-size:13px;cursor:not-allowed}
.jm-btn-buy{background:#fff;color:var(--jm-accent);font-weight:800;font-size:14px;padding:9px 20px;border-radius:var(--jm-radius-sm);display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.jm-btn-buy:hover{background:var(--jm-tint);color:var(--jm-accent);text-decoration:none}
.jm-btn-login{background:transparent;color:#33403a;border:none;padding:6px 4px;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.jm-btn-login:hover{color:var(--jm-accent);background:transparent;text-decoration:none}
/* 登录后：用户菜单 + 工作台下拉 */
.jm-user{position:relative}
.jm-user-chip{display:flex;align-items:center;gap:8px;color:var(--jm-accent-dark);font-weight:700;font-size:14px;cursor:pointer;background:var(--jm-tint);border:1px solid #cfe6d6;padding:6px 12px;border-radius:var(--jm-radius-sm)}
.jm-user-av{width:26px;height:26px;border-radius:50%;background:var(--jm-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.jm-workspace{position:relative}
.jm-workspace-toggle{color:var(--jm-accent-dark);font-weight:700;font-size:14px;cursor:pointer;background:var(--jm-tint);border:1px solid #cfe6d6;padding:8px 16px;border-radius:var(--jm-radius-sm);display:inline-flex;align-items:center;gap:6px}
.jm-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#fff;border:1px solid var(--jm-line);border-radius:var(--jm-radius);box-shadow:0 12px 32px rgba(16,40,24,.16);padding:7px;display:none;z-index:1001}
.jm-dropdown.jm-open{display:block}
.jm-dropdown a{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:var(--jm-radius-sm);color:var(--jm-fg);font-size:14px;font-weight:600;text-decoration:none}
.jm-dropdown a:hover{background:var(--jm-tint);color:var(--jm-accent-dark);text-decoration:none}
.jm-dropdown .jm-wk{font-size:11px;background:var(--jm-tint);color:var(--jm-accent-dark);padding:1px 6px;border-radius:5px;margin-left:auto}
.jm-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}
.jm-hamburger span{width:23px;height:2px;background:var(--jm-accent-dark);border-radius:2px;display:block}

/* ---------- 移动端抽屉菜单（白底 + 绿点缀）---------- */
.jm-mobile{position:fixed;inset:0;z-index:2000;visibility:hidden;opacity:0;transition:opacity .25s}
.jm-mobile.jm-open{visibility:visible;opacity:1}
.jm-mobile-overlay{position:absolute;inset:0;background:rgba(16,40,24,.45)}
.jm-mobile-panel{position:absolute;top:0;left:0;bottom:0;width:284px;max-width:84vw;background:#fff;box-shadow:2px 0 24px rgba(0,0,0,.18);transform:translateX(-100%);transition:transform .25s;display:flex;flex-direction:column;font-family:var(--jm-font)}
.jm-mobile.jm-open .jm-mobile-panel{transform:translateX(0)}
.jm-mobile-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--jm-line);flex:none}
.jm-mobile-head .jm-logo img{height:30px;width:auto;display:block}
.jm-mobile-close{background:none;border:none;font-size:30px;line-height:1;color:var(--jm-muted);cursor:pointer;padding:0 4px}
.jm-mobile-close:hover{color:var(--jm-accent)}
.jm-mobile-nav{flex:1;overflow-y:auto;padding:6px 0}
.jm-mobile-nav a{display:flex;align-items:center;gap:8px;padding:13px 22px;color:var(--jm-fg);font-size:15.5px;font-weight:600;text-decoration:none;border-bottom:1px solid #f1f3f4}
.jm-mobile-nav a:hover,.jm-mobile-nav a:active,.jm-mobile-nav a.jm-current{background:var(--jm-tint);color:var(--jm-accent-dark)}
.jm-mobile-nav a .jm-wk{font-size:11px;background:var(--jm-tint);color:var(--jm-accent-dark);padding:1px 7px;border-radius:5px;margin-left:auto;font-weight:700}
.jm-mobile-foot{flex:none;padding:16px 22px;border-top:1px solid var(--jm-line)}
.jm-mobile-foot .jm-btn{width:100%;justify-content:center}

/* ============================================================
   首页营销落地页 jm-home-*
   ============================================================ */
.jm-home{font-family:var(--jm-font);color:var(--jm-fg);font-size:15px;line-height:1.7;background:#fff}
.jm-home *{box-sizing:border-box}
.jm-home img{max-width:100%;display:block}
.jm-section{padding:78px 0}
.jm-section-head{text-align:center;max-width:720px;margin:0 auto 48px}
.jm-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--jm-accent);background:var(--jm-tint);padding:5px 13px;border-radius:999px;margin-bottom:14px}
.jm-home h2{font-size:31px;font-weight:700;line-height:1.3;color:var(--jm-fg);margin:0}
.jm-section-head p{color:var(--jm-muted);font-size:16px;margin-top:12px}

/* Hero */
.jm-hero{background:#fff;border-bottom:1px solid var(--jm-line);position:relative;overflow:hidden}
.jm-hero::after{content:"";position:absolute;right:-140px;top:-100px;width:480px;height:480px;background:radial-gradient(circle,var(--jm-tint),transparent 68%);border-radius:50%;z-index:0}
.jm-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;padding:70px 0 74px;position:relative;z-index:1}
.jm-hero h1{font-size:42px;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin:0;color:var(--jm-fg)}
.jm-hero h1 .jm-hl{color:var(--jm-accent)}
.jm-hero .jm-sub{font-size:17px;color:var(--jm-muted);margin:20px 0 28px;max-width:540px}
.jm-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.jm-hero-more{display:inline-block;margin-top:13px;color:var(--jm-accent);font-size:14px;font-weight:600}
.jm-hero-trust{margin-top:32px;display:flex;gap:28px}
.jm-hero-trust b{font-size:23px;color:var(--jm-accent);font-weight:800;display:block;line-height:1.1}
.jm-hero-trust small{font-size:12.5px;color:var(--jm-muted)}
.jm-shot{background:#fff;border-radius:12px;border:1px solid var(--jm-line);box-shadow:0 10px 30px rgba(16,40,24,.08);overflow:hidden}
.jm-shot-bar{height:32px;background:var(--jm-side);display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid var(--jm-line)}
.jm-shot-bar i{width:10px;height:10px;border-radius:50%;background:#d4d9dd;display:block}
.jm-shot-img{width:100%;display:block}

/* logo 信任条 */
.jm-logos{background:var(--jm-side);border-bottom:1px solid var(--jm-line)}
.jm-logos-inner{display:flex;align-items:center;gap:24px;padding:22px 40px;flex-wrap:wrap;justify-content:center;max-width:var(--jm-container);margin:0 auto}
.jm-logos .jm-lbl{color:var(--jm-muted);font-size:13px;font-weight:600}
.jm-logos img{height:30px;width:auto}
/* 客户案例 logo 条（about 页） */
/* 客户 logo 墙：统一尺寸的对齐网格（每格等大，logo 居中 contain 自适应任意比例） */
.jm-logo-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:10px 0 4px}
.jm-logo-strip a{display:flex;align-items:center;justify-content:center;height:84px;padding:16px 20px;border:1px solid var(--jm-line);border-radius:10px;background:#fff;transition:.2s}
.jm-logo-strip a:hover{border-color:var(--jm-accent);box-shadow:0 8px 18px rgba(16,40,24,.10);transform:translateY(-2px)}
.jm-logo-strip img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;display:block}
@media(max-width:560px){.jm-logo-strip{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.jm-logo-strip a{height:72px;padding:12px 14px}}

/* 公司简介 + 数字 */
.jm-about-intro{text-align:center;max-width:760px;margin:0 auto}
.jm-about-intro p{color:var(--jm-muted);font-size:16.5px;margin-top:12px}
.jm-stats{background:var(--jm-accent);color:#fff;margin-top:52px;border-radius:var(--jm-radius)}
.jm-stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;padding:36px 20px}
.jm-stats b{font-size:38px;font-weight:800;display:block;line-height:1.1}
.jm-stats span{color:#d6ecde;font-size:14.5px}

/* 痛点 vs 解法 */
.jm-vs{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:960px;margin:0 auto}
.jm-vs-card{border-radius:var(--jm-radius);padding:28px;border:1px solid var(--jm-line);background:#fff}
.jm-vs-card.jm-good{background:var(--jm-tint);border-color:#cfe6d6}
.jm-vs-card h3{font-size:17px;margin:0 0 15px;display:flex;align-items:center;gap:8px}
.jm-vs-card.jm-bad h3{color:#9a6b00}
.jm-vs-card.jm-good h3{color:var(--jm-accent-dark)}
.jm-vs-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.jm-vs-card li{display:flex;gap:9px;font-size:14.5px;color:#444}
.jm-vs-card li svg{flex:none;margin-top:3px}

/* 能力卡 */
.jm-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jm-feat{background:#fff;border:1px solid var(--jm-line);border-radius:var(--jm-radius);padding:26px;transition:.18s}
.jm-feat:hover{border-color:var(--jm-accent);box-shadow:0 8px 22px rgba(16,40,24,.07);transform:translateY(-2px)}
.jm-feat-ic{width:46px;height:46px;border-radius:10px;background:var(--jm-tint);display:flex;align-items:center;justify-content:center;margin-bottom:15px;color:var(--jm-accent)}
.jm-feat h3{font-size:17px;margin:0 0 7px}
.jm-feat p{color:var(--jm-muted);font-size:14px;margin:0}

/* 版本 / 立即购买 */
.jm-pricing{background:var(--jm-side)}
.jm-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.jm-tier{background:#fff;border:1px solid var(--jm-line);border-radius:var(--jm-radius);padding:24px 20px;display:flex;flex-direction:column;position:relative}
.jm-tier.jm-featured{border:2px solid var(--jm-accent)}
.jm-tier .jm-tag{position:absolute;top:-11px;left:50%;transform:translateX(-50%);background:var(--jm-accent);color:#fff;font-size:11.5px;font-weight:700;padding:3px 13px;border-radius:999px}
.jm-tier h3{font-size:19px;color:var(--jm-accent-dark);margin:0}
.jm-tier .jm-desc{color:var(--jm-muted);font-size:13px;margin:7px 0 15px;min-height:38px}
.jm-tier ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0 0 20px;padding:0;flex:1}
.jm-tier li{font-size:13.5px;color:#444;display:flex;gap:7px}
.jm-tier li svg{flex:none;margin-top:3px}
.jm-tier .jm-btn{width:100%;justify-content:center}
.jm-tier .jm-ask{display:block;text-align:center;font-size:12.5px;color:var(--jm-accent);margin-top:9px;text-decoration:none}
.jm-tier .jm-ask:hover{text-decoration:underline}

/* 三步 */
.jm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.jm-step{text-align:center;padding:8px}
.jm-step .jm-n{width:50px;height:50px;border-radius:50%;background:var(--jm-accent);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}
.jm-step h3{font-size:17px;margin:0 0 7px}
.jm-step p{color:var(--jm-muted);font-size:14px;margin:0}

/* 下载中心 + 资源卡 */
.jm-dl-banner{background:var(--jm-tint);border:1px solid #cfe6d6;border-radius:var(--jm-radius);padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.jm-dl-banner h3{font-size:21px;color:var(--jm-accent-dark);margin:0}
.jm-dl-banner p{color:var(--jm-muted);font-size:14.5px;margin:4px 0 0}
.jm-res-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jm-res{display:block;background:#fff;border:1px solid var(--jm-line);border-radius:var(--jm-radius);padding:22px;transition:.18s;text-decoration:none}
.jm-res:hover{border-color:var(--jm-accent);box-shadow:0 8px 22px rgba(16,40,24,.07);transform:translateY(-2px);text-decoration:none}
.jm-res-ic{color:var(--jm-accent);margin-bottom:12px}
.jm-res h3{font-size:16px;margin:0 0 5px;color:var(--jm-fg)}
.jm-res p{color:var(--jm-muted);font-size:13px;margin:0}

/* 联系我们 / 留资（绿色块） */
.jm-cta{background:var(--jm-accent);color:#fff}
.jm-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.jm-cta-left h2{color:#fff;font-size:30px;margin:0}
.jm-cta-left p{color:#d6ecde;margin-top:13px;font-size:15.5px}
.jm-cta-left p a{color:#fff;text-decoration:underline;font-weight:700}
.jm-cta-ways{margin-top:26px;display:flex;gap:16px;flex-wrap:wrap}
.jm-way{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:var(--jm-radius);padding:15px 17px;display:flex;align-items:center;gap:13px}
.jm-way .jm-qr{width:70px;height:70px;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#999;font-size:11px;text-align:center;overflow:hidden}
.jm-way .jm-qr img{width:100%;height:100%;object-fit:contain}
.jm-way .jm-t small{display:block;color:#d6ecde;font-size:12px}
.jm-way .jm-t b{font-size:16px}
.jm-form{background:#fff;border-radius:12px;padding:28px;box-shadow:0 14px 40px rgba(16,40,24,.18)}
.jm-form h3{color:var(--jm-fg);font-size:20px;margin:0 0 5px}
.jm-form .jm-fp{color:var(--jm-muted);font-size:13px;margin-bottom:16px}
.jm-field{margin-bottom:13px}
.jm-field label{display:block;font-size:13px;color:#444;font-weight:600;margin-bottom:5px}
.jm-field .jm-req{color:#e11d48}
.jm-field input,.jm-field textarea,.jm-field select{width:100%;border:1.5px solid var(--jm-line);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:14px;color:var(--jm-fg);background:#fcfdfd;transition:.15s}
.jm-field input:focus,.jm-field textarea:focus,.jm-field select:focus{outline:none;border-color:var(--jm-accent);box-shadow:0 0 0 3px var(--jm-tint)}
.jm-field.jm-row2{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.jm-field.jm-row2>div{margin:0}
.jm-form .jm-btn{width:100%;justify-content:center;margin-top:5px}
.jm-form .jm-priv{text-align:center;color:var(--jm-muted);font-size:12px;margin-top:11px}

/* ============================================================
   统一页脚 jm-footer（浅色）
   ============================================================ */
.jm-footer{background:var(--jm-side);color:var(--jm-muted);font-size:14px;border-top:1px solid var(--jm-line);font-family:var(--jm-font)}
.jm-footer *{box-sizing:border-box}
.jm-footer-top{display:grid;grid-template-columns:1.2fr 1.4fr 1fr 1.5fr;gap:28px;padding:50px 40px 36px;max-width:var(--jm-container);margin:0 auto}
.jm-footer .jm-fnav{display:block;column-count:2;column-gap:22px}
.jm-footer .jm-fnav li{break-inside:avoid;margin-bottom:9px}
.jm-footer .jm-flogo{display:flex;align-items:center;gap:9px;color:var(--jm-accent);font-weight:800;font-size:19px;margin-bottom:12px;text-decoration:none}
.jm-footer .jm-flogo img{height:34px;width:auto}
.jm-footer h4{color:var(--jm-fg);font-size:14.5px;margin:0 0 14px;font-weight:700}
.jm-footer .jm-slogan{color:var(--jm-muted);max-width:260px;font-size:13.5px;margin:0}
.jm-footer ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}
.jm-footer a{color:var(--jm-muted);text-decoration:none}
.jm-footer a:hover{color:var(--jm-accent);text-decoration:none}
.jm-fcontact{display:flex;gap:22px;align-items:flex-start;justify-content:space-between}
.jm-fcontact .jm-qrwrap{text-align:center;flex:none}
.jm-fcontact .jm-qrwrap img{width:92px;height:92px;border:1px solid var(--jm-line);border-radius:7px;background:#fff;object-fit:contain}
.jm-fcontact .jm-qrwrap small{display:block;font-size:12px;margin-top:6px;color:var(--jm-muted)}
.jm-footer-bottom{border-top:1px solid var(--jm-line);padding:16px 40px;text-align:center;color:var(--jm-muted);font-size:12.5px}
.jm-footer-bottom a{color:var(--jm-muted)}
.jm-footer-bottom a:hover{color:var(--jm-accent)}

/* 右下悬浮坞：购买(主) / 咨询 / 回顶 —— 统一 52px 圆角块，浅/深主题自适应 */
.jm-float{position:fixed;right:18px;bottom:80px;z-index:900;display:flex;flex-direction:column;gap:10px}
.jm-float a{width:52px;height:52px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  background:var(--jm-bg);border:1px solid var(--jm-line);box-shadow:0 4px 14px rgba(16,40,24,.10);
  color:var(--jm-accent-dark);font-size:11px;font-weight:600;line-height:1;text-decoration:none;transition:.18s}
.jm-float a svg{width:20px;height:20px;display:block}
.jm-float a:hover{transform:translateY(-2px);border-color:var(--jm-accent);box-shadow:0 8px 20px rgba(31,122,61,.20);color:var(--jm-accent-dark);text-decoration:none}
.jm-float a.jm-main{background:linear-gradient(160deg,#2e9e54,#17692f);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(31,122,61,.35)}
.jm-float a.jm-main:hover{filter:brightness(1.08);color:#fff}

/* ===== 二级页：品牌页头 + 内容容器 ===== */
.jm-page-header{background:var(--jm-tint);border-bottom:1px solid var(--jm-line);padding:30px 0;font-family:var(--jm-font)}
.jm-page-crumb{font-size:13px;color:var(--jm-muted);margin-bottom:6px}
.jm-page-crumb a{color:var(--jm-muted);text-decoration:none}
.jm-page-crumb a:hover{color:var(--jm-accent)}
.jm-page-header h1{font-size:28px;font-weight:800;color:var(--jm-fg);margin:0}
.jm-page-body{max-width:var(--jm-container);margin:0 auto;padding:36px 40px 60px;font-family:var(--jm-font);color:var(--jm-fg)}
.jm-page-body img{max-width:100%;height:auto}
/* 套壳页内层 .wrapper 旧样式限宽 1100px；放宽到与首页内容同宽(容器1480 − 左右内边距80 = 1400)，统一所有二级页正文宽度 */
.jm-page-body .wrapper{max-width:calc(var(--jm-container) - 80px)}
/* 下载页：CMS 深色背景块 .down_wrap 通栏全屏，内层内容收到首页宽度(1400) */
.jm-page-body .down_wrap{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.jm-page-body .jiming-download-container .container,.jm-page-body .jiming-download-container .download-list{max-width:calc(var(--jm-container) - 80px)!important;width:100%;margin-left:auto;margin-right:auto}
/* PowerMill 安装包区：跨满两列但单独收窄到 1300 并居中（比上方两列卡片略窄） */
.jm-page-body .jiming-download-container .powermill-section{grid-column:1 / -1!important;justify-self:center!important;max-width:1300px!important;width:100%!important;margin:1.5rem auto 0!important;box-sizing:border-box}
/* 立即购买页·淘宝购买区：淘宝红 #ff4400 文字/按钮统一为品牌绿 */
.jm-page-body .jmb-taobao-header,.jm-page-body .jmb-taobao-note i{color:var(--jm-accent)!important}
.jm-page-body .jmb-taobao-button{background-color:#ff4400!important;color:#fff!important;box-shadow:0 2px 8px rgba(255,68,0,.3)!important}
.jm-page-body .jmb-taobao-button:hover{background-color:#e03e00!important;color:#fff!important}
.jm-page-body .jmb-taobao-purchase{border-color:#cfe6d6!important}
/* 产品/购买页：CMS 灰底 section 通栏全屏，内层内容收到首页宽度(1400)，卡片填满 */
.jm-page-body .pricing-section{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--jm-side)}
.jm-page-body .pricing-section>.container{max-width:calc(var(--jm-container) - 80px)!important;width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.jm-page-body .version-card-container{max-width:100%!important}

/* ===== 产品页「方案展示」选项卡区 · 精致化（覆盖 CMS 旧蓝色样式）===== */
.jm-page-body .tab-container{border-radius:16px;box-shadow:0 12px 40px rgba(16,40,24,.08);border:1px solid var(--jm-line);overflow:hidden;background:#fff;min-height:0}
.jm-page-body .tab-sidebar{background:var(--jm-side)!important;width:248px;padding:14px;border-right:1px solid var(--jm-line);color:var(--jm-fg)}
.jm-page-body .tab-tabs{margin:0;padding:0}
.jm-page-body .tab-tab{padding:14px 18px;border-bottom:none!important;border-radius:10px;color:var(--jm-fg);font-weight:600;font-size:15px;margin-bottom:6px;transition:.18s;white-space:normal;line-height:1.4;background:#fff;border:1px solid var(--jm-line)}
.jm-page-body .tab-tab:hover{background:var(--jm-tint);color:var(--jm-accent-dark);border-color:#cfe6d6}
.jm-page-body .tab-tab.tab-active{background:var(--jm-accent)!important;color:#fff!important;font-weight:700;box-shadow:0 6px 16px rgba(31,122,61,.3)}
.jm-page-body .tab-content{background:#fff!important;padding:34px}
.jm-page-body .tab-content .tab-feature-card{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin-bottom:26px}
.jm-page-body .tab-content .image-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
.jm-page-body .tab-content .platform-image{width:100%;height:260px;object-fit:contain;background:#fff;padding:8px;border-radius:14px;border:1px solid var(--jm-line);box-shadow:0 6px 18px rgba(16,40,24,.08);transition:.25s}
.jm-page-body .tab-content .platform-image:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(16,40,24,.14)}
.jm-page-body .tab-content .tab-feature-card h3{font-size:20px;color:var(--jm-fg);font-weight:800;margin:6px 0 18px;padding-left:14px;border-left:4px solid var(--jm-accent)}
.jm-page-body .highlights-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.jm-page-body .highlight-item{display:flex;gap:11px;align-items:center;background:var(--jm-side);border:1px solid var(--jm-line);border-radius:10px;padding:11px 14px;transition:.18s}
.jm-page-body .highlight-item:hover{border-color:var(--jm-accent);background:var(--jm-tint)}
.jm-page-body .highlight-icon{width:34px;height:34px;border-radius:9px;background:#fff;color:var(--jm-accent);display:flex;align-items:center;justify-content:center;font-size:15px;flex:none;border:1px solid #cfe6d6}
.jm-page-body .highlight-text{font-size:14px;color:#374151;line-height:1.5;padding-top:0}
.jm-page-body .tab-btn{display:inline-flex;align-items:center;gap:6px;background:var(--jm-accent)!important;color:#fff!important;padding:11px 26px!important;border-radius:8px!important;font-weight:700;font-size:14.5px;text-decoration:none;transition:.18s;margin-top:18px;box-shadow:0 4px 14px rgba(31,122,61,.3)}
.jm-page-body .tab-btn:hover{background:var(--jm-accent-dark)!important;transform:translateY(-2px)}
@media(max-width:768px){
  .jm-page-body .tab-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--jm-line)}
  .jm-page-body .tab-content .image-container{grid-template-columns:1fr}
  .jm-page-body .tab-content .platform-image{height:220px}
  .jm-page-body .highlights-list{grid-template-columns:1fr}
}
.jm-page-body a{color:var(--jm-accent)}
@media(max-width:940px){.jm-page-header{padding:22px 0}.jm-page-body{padding:24px 22px 44px}}

/* 让套壳页的 CMS 正文尽量贴近首页品牌绿（内容不动，只覆盖配色） */
.jm-page-body .year h2 a{color:var(--jm-accent)!important}
.jm-page-body h1,.jm-page-body h2,.jm-page-body h3{color:var(--jm-fg)}
.jm-page-body a{color:var(--jm-accent)}
.jm-page-body .custom-buy-button,.jm-page-body .tab-btn,.jm-page-body .btn-primary,.jm-page-body .jm-btn-primary{background-color:var(--jm-accent)!important;color:#fff!important;border-color:var(--jm-accent)!important}
.jm-page-body .custom-buy-button:hover,.jm-page-body .tab-btn:hover,.jm-page-body .btn-primary:hover,.jm-page-body .jm-btn-primary:hover{background-color:var(--jm-accent-dark)!important}
/* jm-dark-native 套壳页：jm-page-body 自带上下内边距与内部 section 内边距叠加 → 留白过多，收紧（两种模式都生效）*/
.jm-page-body.jm-dark-native{padding-top:10px!important;padding-bottom:10px!important}
.jm-page-body .custom-card-header h3,.jm-page-body .tab-feature-card h3,.jm-page-body .plan-price,.jm-page-body .custom-plan-price{color:var(--jm-accent-dark)!important}
.jm-page-body .custom-card-header{background-color:var(--jm-tint)!important}
.jm-page-body .tab-tab.tab-active,.jm-page-body .popular-badge{background-color:var(--jm-accent)!important}
.jm-page-body .feature-check,.jm-page-body .feature-table th.basic,.jm-page-body .feature-table th.standard,.jm-page-body .feature-table th.professional,.jm-page-body .feature-table th.custom{color:var(--jm-accent-dark)!important}
.jm-page-body .section-title h2{background:none!important;-webkit-text-fill-color:initial!important;color:var(--jm-fg)!important}
.jm-page-body .carousel-arrow:hover{background:var(--jm-accent)!important}
/* 公司简介「关于我们」3 张图：CMS 的 .image-row 用了 min-width:max-content 导致撑破容器；
   改为填满内容宽度（= 首页内容宽度，与正文左右对齐）、3 张等分，背景仍全屏 */
@media(min-width:769px){
  .jm-page-body .image-row.about-images{min-width:0;width:100%;margin:0 auto}
  .jm-page-body .about-images .about-image-wrapper{flex:1 1 0;min-width:0;max-width:none;height:240px}
}

/* 客户 logo 墙样式见上方「统一尺寸对齐网格」定义（此处旧的横向滚动版已合并移除，避免冲突） */

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:1320px){
  .jm-menu{gap:15px}
  .jm-menu a{font-size:13.5px}
  .jm-logo{font-size:18px}
}
@media(max-width:940px){
  .jm-container,.jm-nav-inner,.jm-logos-inner,.jm-footer-top{padding-left:22px;padding-right:22px}
  .jm-footer-bottom{padding-left:22px;padding-right:22px}
  .jm-hero-grid{grid-template-columns:1fr;gap:28px}
  .jm-hero h1{font-size:33px}
  .jm-feat-grid,.jm-res-grid{grid-template-columns:repeat(2,1fr)}
  .jm-tiers{grid-template-columns:repeat(2,1fr)}
  .jm-cta-grid,.jm-vs{grid-template-columns:1fr}
  .jm-steps{grid-template-columns:1fr;gap:14px}
  .jm-stats-inner{grid-template-columns:repeat(2,1fr);gap:24px}
  .jm-footer-top{grid-template-columns:1fr 1fr}
  .jm-menu,.jm-lang{display:none}
  .jm-hamburger{display:flex}
}
@media(max-width:560px){
  .jm-home h2{font-size:25px}
  .jm-feat-grid,.jm-res-grid,.jm-tiers{grid-template-columns:1fr}
  .jm-field.jm-row2{grid-template-columns:1fr}
  .jm-section{padding:52px 0}
}

/* ============================================================
   深色模式（跟随系统 prefers-color-scheme 自动切换；浅色不受影响）
   覆盖品牌层 jm-* 组件与页面基底；CMS 正文内自带浅色样式的内容块
   保持原样（浅色卡片配深字，在深色页面上仍可读）。
   ============================================================ */
@media (prefers-color-scheme: dark){
  :root{
    --jm-fg:#e2e6ea; --jm-muted:#9aa4af;
    --jm-accent:#2fae62; --jm-accent-dark:#62c98e;
    --jm-bg:#14181d; --jm-side:#1a2027; --jm-line:#303a44; --jm-tint:#1c2f23;
    --jm-amber-bg:#3a2e10; --jm-amber-fg:#e3b34b;
  }
  html,body{background:var(--jm-bg)!important;color:var(--jm-fg);}
  .jm-nav{background:var(--jm-bg);}
  .jm-menu a,.jm-btn-login{color:#c4ccd4;}
  .jm-user-chip,.jm-workspace-toggle{border-color:#2c4a38;}
  .jm-dropdown{background:#1b222a;}
  .jm-hamburger span{background:var(--jm-accent-dark);}
  .jm-mobile-panel{background:#171c22;}
  .jm-mobile-nav a{color:var(--jm-fg);border-bottom-color:#232b34;}
  .jm-home,.jm-hero{background:var(--jm-bg);}
  .jm-hero h1,.jm-home h2,.jm-feat h3,.jm-res h3,.jm-step h3{color:var(--jm-fg);}
  .jm-shot,.jm-vs-card,.jm-feat,.jm-tier,.jm-res{background:#1b222a;border-color:var(--jm-line);}
  /* 客户 logo 卡片在深色下仍保持白底：多数 logo 为浅底/深字设计，白卡读取一致 */
  .jm-logo-strip a{background:#fff;border-color:#2a323b;}
  /* 悬浮坞（专属深色：略抬升的面板色；主按钮渐变两端通用） */
  .jm-float a{background:#1d242c;border-color:#39424d;color:#6cc592;box-shadow:0 4px 14px rgba(0,0,0,.45);}
  .jm-float a:hover{border-color:var(--jm-accent);color:#8fd9ae;box-shadow:0 8px 20px rgba(31,122,61,.35);}
  .jm-float a.jm-main{background:linear-gradient(160deg,#2e9e54,#17692f);border-color:transparent;color:#fff;}
  /* ════════════════════════════════════════════════════════════
     深色原生页 jm-dark-native：把找回的传统 CMS 区块（方案展示 / NC优势 /
     授权类型 / 对照表 / 下载卡片 / 公司简介 等）逐类深色化。这些块在 body 内
     <style> 写死白底+深字+浅绿底（源序在 brand.css 之后），统一 !important 压定。
     ════════════════════════════════════════════════════════════ */
  /* 1) 卡片/容器表面 → 深色面板 */
  .jm-dark-native :is(
    .tab-container,.tab-content,.tab-feature-card,.version-card-container,
    .license-card,.license-card-body,.license-cards-container,.license-content,
    .scenarios-container,.licensing-container,
    .intro-images,.image-wrapper,.about-image-wrapper,
    .download-item,.item-icon,.link-item,.version-selector-container
  ){background:#1b222a!important;border-color:#2c333c!important;}
  /* 2) 绿色调头部/提示/亮点条 → 深绿底 */
  .jm-dark-native :is(.license-card-header,.license-note,.highlight-item){
    background:#16241b!important;border-color:#244430!important;}
  .jm-dark-native .highlight-item:hover{background:#1d3326!important;border-color:var(--jm-accent)!important;}
  .jm-dark-native .highlight-icon{background:#1b222a!important;border-color:#244430!important;color:#46b779!important;}
  /* 3) Tailwind 灰底/边工具类 → 深色（须在第 5 组「页面透明」之前，便于 pricing-section 后压） */
  .jm-dark-native :is(.bg-gray-50,.bg-gray-100){background:#1b222a!important;}
  .jm-dark-native .border-gray-200{border-color:#2c333c!important;}
  /* 4) 侧栏 / 选项卡按钮 → 深色 */
  .jm-dark-native .tab-sidebar{background:#14181d!important;border-right-color:#2c333c!important;}
  .jm-dark-native :is(.tab-tab,.tab-btn,.license-tab){background:#1b222a!important;border-color:#2c333c!important;color:#c4ccd4!important;}
  .jm-dark-native :is(.tab-tab:hover,.license-tab:hover){background:#243041!important;}
  /* 5) 页面基底 / 全屏外层 → 透明（露出页面深底，消除头尾白条）。放在灰底之后，
        让同时带 .pricing-section.bg-gray-50 的整屏外层取透明而非 #1b222a */
  .jm-dark-native,
  .jm-dark-native :is(.pricing-section,.container,.wrapper,.main,.jiming-download-container.is-transparent){
    background:transparent!important;}
  /* 6) 文字 → 浅色 */
  .jm-dark-native :is(
    .section-title h2,.tab-feature-card h3,.highlight-text,
    .license-card-title,.intro-title,.intro-text,.license-card-body,
    .item-header,.item-info,.download-item h3,.year .list
  ){color:#e2e6ea!important;}
  .jm-dark-native :is(.section-title p,.text-gray-500,.item-description,.license-note li){color:#9aa4af!important;}
  /* 6b) 卡片内的「值」文字（授权卡 密钥/场景、提示框 li、tab 卡正文）→ 浅色 */
  .jm-dark-native :is(.license-card-feature,.license-content,.scenarios-container,.license-note,.tab-feature-card,.license-card-body) :is(p,li,td,span){color:#c4ccd4!important;}
  /* 7) 品牌绿小标题/标签在深底上提亮（实底主按钮白字由非媒体段 .jm-page-body .jm-btn-primary 统一处理）*/
  .jm-dark-native :is(.license-card-feature h4,.year h2 a){color:#46b779!important;}
  /* 8) 表格（对照表 / 各版本授权对照）→ 深色 */
  .jm-dark-native :is(.feature-table,.license-table){background:#14181d!important;}
  .jm-dark-native :is(.feature-table th,.license-table th){background:#1b222a!important;color:#e2e6ea!important;}
  .jm-dark-native :is(.feature-table td,.license-table td){color:#c4ccd4!important;border-color:#2c333c!important;}
  .jm-dark-native :is(.feature-table tr,.license-table tr){border-color:#2c333c!important;}
  .jm-shot-bar{background:#222a33;border-bottom-color:var(--jm-line);}
  .jm-vs-card.jm-good{background:var(--jm-tint);border-color:#2c4a38;}
  .jm-vs-card li,.jm-tier li{color:#b9c2cb;}
  .jm-btn-ghost{background:transparent;}
  .jm-btn-buy{background:#1b222a;}
  .jm-form{background:#1b222a;}
  .jm-form h3{color:var(--jm-fg);}
  .jm-field label{color:#b9c2cb;}
  .jm-field input,.jm-field textarea,.jm-field select{background:#141a20;border-color:#36424e;color:var(--jm-fg);}
  /* ── CMS 旧内容 = 「浅色纸面」────────────────────────────
     套壳页正文(.jm-page-body)、旧文档布局(#ui-main-area)、Doc 页(.doc-main)
     的内容均按浅色设计（大量内联样式无法逐条深色化）。深色模式下将这些
     容器整体呈现为浅色纸面：容器内把品牌变量重新作用域回浅色值，
     内容恢复设计原貌、可读性 100%；深色导航/页头/页脚构成画框。 */
  /* 已全面变量化重做的页面（产品介绍/立即购买）加 jm-dark-native 豁免纸面，原生深色 */
  .jm-page-body:not(.jm-dark-native), #ui-main-area, .doc-main{
    --jm-fg:#1f2328; --jm-muted:#6b7280;
    --jm-accent:#1f7a3d; --jm-accent-dark:#19632f;
    --jm-bg:#ffffff; --jm-side:#f6f8fa; --jm-line:#e5e7eb; --jm-tint:#eaf3ec;
    background:#f6f7f8; color:#1f2328;
    color-scheme: light;   /* 纸面内表单控件/滚动条按浅色渲染 */
  }
  /* 纸面内复位：上方深色块对组件写死的深色值（非变量）需要显式还原为浅色 */
  :is(.jm-page-body:not(.jm-dark-native),#ui-main-area,.doc-main) :is(.jm-feat,.jm-tier,.jm-res,.jm-vs-card,.jm-shot,.jm-logo-strip a,.jm-form){background:var(--jm-bg);border-color:var(--jm-line);}
  :is(.jm-page-body:not(.jm-dark-native),#ui-main-area,.doc-main) .jm-shot-bar{background:var(--jm-side);border-bottom-color:var(--jm-line);}
  :is(.jm-page-body:not(.jm-dark-native),#ui-main-area,.doc-main) .jm-vs-card.jm-good{background:var(--jm-tint);border-color:#cfe6d6;}
  :is(.jm-page-body:not(.jm-dark-native),#ui-main-area,.doc-main) .jm-tier.jm-featured{border-color:var(--jm-accent);}
  :is(.jm-page-body:not(.jm-dark-native),#ui-main-area,.doc-main) :is(.jm-vs-card li,.jm-tier li){color:#444;}
  :is(.jm-page-body:not(.jm-dark-native),#ui-main-area,.doc-main) :is(.jm-field input,.jm-field textarea,.jm-field select){background:#fcfdfd;border-color:var(--jm-line);color:var(--jm-fg);}
}

/* ████ 联系我们 CTA + 下载页 Hero：去绿带 → 深页面底 + 分框卡片（对齐产品介绍/公司简介）████ */

/* ===== 区块① 首页 CTA「联系我们·获取专业方案」=====
   去整条绿带，跟随页面底色（浅白 / 深 #14181d）；联系方式做成分框卡片，
   右侧二维码沿用 .jm-form 卡片；文字一律用品牌变量，浅深自适应。 */
.jm-cta{background:transparent;color:var(--jm-fg)}
.jm-cta::before,.jm-cta::after{display:none !important;content:none !important}   /* 移除绿带高光/点阵层 */
.jm-cta-left h2{color:var(--jm-fg)}
.jm-cta-left p{color:var(--jm-muted)}
.jm-cta-left p a{color:var(--jm-accent);text-decoration:underline;text-underline-offset:2px;font-weight:700}
.jm-cta-left p a:hover{color:var(--jm-accent-dark)}
.jm-cta-left .jm-cta-addr{color:var(--jm-muted) !important}
/* 联系方式 → 分框卡片（与 .jm-feat 同体系：白/深底 + 描边 + 圆角） */
.jm-cta .jm-way{
  background:#fff;border:1px solid var(--jm-line);border-radius:var(--jm-radius);
  box-shadow:0 1px 3px rgba(16,40,24,.05);
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:.18s;
}
.jm-cta .jm-way:hover{border-color:var(--jm-accent);transform:translateY(-1px);box-shadow:0 10px 26px rgba(16,40,24,.10)}
.jm-cta .jm-way .jm-t small{color:var(--jm-muted)}
.jm-cta .jm-way .jm-t b{color:var(--jm-fg)}
.jm-cta .jm-way .jm-qr{background:#fff}
/* 右侧二维码卡片：沿用 .jm-form（浅白 / 深 #1b222a） */
.jm-cta .jm-form{box-shadow:0 8px 28px rgba(16,40,24,.10)}
.jm-cta .jm-form .jm-btn-ghost{background:#fff;border-color:var(--jm-accent);color:var(--jm-accent)}
.jm-cta .jm-form .jm-btn-ghost:hover{background:var(--jm-tint);color:var(--jm-accent)}

/* ===== 区块② 下载页 Hero：去绿带 → 深页面底；下载按钮保留绿实底（白图标在浅深都清晰）===== */
.down_wrap{background:transparent !important}
.down_wrap .down_sweiper_wrap{background:transparent !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content{
  background:transparent !important;
  color:var(--jm-fg) !important;
}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .slide_head{color:var(--jm-fg) !important;text-shadow:none !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .slide_title{color:var(--jm-muted) !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .slide_ver a{color:var(--jm-muted) !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .slide_ver a:hover{color:var(--jm-accent) !important}
/* 两个网盘按钮：绿实底框（白字+白图标 downico1.png 不动），两档绿区分百度/123 */
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .slide_btn{
  color:#fff !important;border:none !important;
  box-shadow:0 8px 22px rgba(16,40,24,.18) !important;transition:.18s !important;
}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .btn1{background-color:#1f7a3d !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .btn2{background-color:#2a9a55 !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .btn1:hover{background-color:#23894a !important;transform:translateY(-2px) !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .btn2:hover{background-color:#2fae62 !important;transform:translateY(-2px) !important}
.down_wrap .down_sweiper_wrap .top_banner .slide_content .slide_main .slide_btn font{color:rgba(255,255,255,.9) !important}
.down_wrap .mslogo{filter:none !important}

/* 深色：卡片/Hero 走深色变体（页面底 #14181d 已由 body 提供） */
@media (prefers-color-scheme: dark){
  .jm-cta .jm-way{background:#1b222a;border-color:var(--jm-line);box-shadow:0 1px 3px rgba(0,0,0,.30)}
  .jm-cta .jm-way:hover{border-color:var(--jm-accent-dark);box-shadow:0 10px 26px rgba(0,0,0,.45)}
  .jm-cta .jm-form .jm-btn-ghost{background:transparent;border-color:var(--jm-accent-dark);color:var(--jm-accent-dark)}
  .jm-cta .jm-form .jm-btn-ghost:hover{background:var(--jm-tint);color:var(--jm-accent-dark)}
  .jm-dark-native .down_wrap{background:transparent !important}
  .jm-dark-native .down_wrap .down_sweiper_wrap{background:transparent !important}
  .jm-dark-native .down_wrap .down_sweiper_wrap .top_banner .slide_content{background:transparent !important}
}


/* ████ 更新日志页 jm-cl-*（生成器 _changelog.html 使用；浅/深双模式）████ */
.jm-cl{font-family:var(--jm-font);color:var(--jm-fg)}
.jm-cl .jm-container{padding:0 40px}
.jm-cl-head{padding:46px 0 18px;text-align:center}
.jm-cl-head h2{font-size:31px;font-weight:700;margin:6px 0 0;color:var(--jm-fg)}
.jm-cl-sub{color:var(--jm-muted);font-size:15px;margin:12px 0 0}
/* 工具条：搜索 + 标签筛选 */
.jm-cl-toolbar{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:26px}
.jm-cl-searchwrap{position:relative;width:min(560px,100%)}
.jm-cl-searchwrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--jm-muted)}
.jm-cl-search{width:100%;padding:11px 14px 11px 42px;font-size:14.5px;font-family:inherit;color:var(--jm-fg);background:var(--jm-bg);border:1.5px solid var(--jm-line);border-radius:999px;outline:none;transition:.15s}
.jm-cl-search:focus{border-color:var(--jm-accent);box-shadow:0 0 0 3px var(--jm-tint)}
.jm-cl-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.jm-cl-tagbtn{cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;border:1.5px solid var(--jm-line);background:var(--jm-bg);color:var(--jm-muted);transition:.15s}
.jm-cl-tagbtn:hover{border-color:var(--jm-accent);color:var(--jm-accent-dark)}
.jm-cl-tagbtn.is-on{background:var(--jm-accent);border-color:var(--jm-accent);color:#fff}
.jm-cl-empty{text-align:center;color:var(--jm-muted);font-size:15px;margin:40px 0}
/* 主体：年份折叠 */
.jm-cl-body{padding:8px 0 50px}
.jm-cl-year{border-top:1px solid var(--jm-line)}
.jm-cl-year:last-child{border-bottom:1px solid var(--jm-line)}
.jm-cl-yhead{width:100%;display:flex;align-items:center;gap:14px;padding:20px 4px;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left}
.jm-cl-yname{font-size:24px;font-weight:800;color:var(--jm-fg)}
.jm-cl-ycount{font-size:13px;color:var(--jm-muted)}
.jm-cl-chev{margin-left:auto;width:11px;height:11px;border-right:2px solid var(--jm-muted);border-bottom:2px solid var(--jm-muted);transform:rotate(-45deg);transition:.2s}
.jm-cl-year.is-open .jm-cl-chev{transform:rotate(45deg)}
.jm-cl-ybody{display:none;padding:0 0 10px}
.jm-cl-year.is-open>.jm-cl-ybody{display:block}
.jm-cl.is-search .jm-cl-ybody{display:block}      /* 搜索时全部展开 */
/* 版本卡 */
.jm-cl-ver{background:var(--jm-bg);border:1px solid var(--jm-line);border-radius:var(--jm-radius);padding:18px 22px;margin:0 0 16px;box-shadow:0 1px 3px rgba(16,40,24,.04)}
.jm-cl-ver.is-latest{border-color:var(--jm-accent);box-shadow:0 8px 22px rgba(31,122,61,.12)}
.jm-cl-vhead{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.jm-cl-vbadge{font-size:16px;font-weight:800;color:var(--jm-accent-dark)}
.jm-cl-vdate{font-size:13px;color:var(--jm-muted)}
.jm-cl-new{font-size:11.5px;font-weight:700;color:#fff;background:var(--jm-accent);padding:2px 9px;border-radius:999px}
/* 模块分组 + 标签 */
.jm-cl-grp{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--jm-line)}
.jm-cl-grp:first-child{border-top:none;padding-top:0;margin-top:0}
.jm-cl-tag{display:inline-block;font-size:12px;font-weight:700;padding:2px 11px;border-radius:999px;margin-bottom:8px;color:var(--tc,#1f7a3d);background:var(--tb,#eaf3ec);border:1px solid var(--tbd,#cfe6d6)}
.jm-cl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.jm-cl-list li{position:relative;padding-left:18px;font-size:14px;line-height:1.7;color:var(--jm-fg)}
.jm-cl-list li::before{content:"";position:absolute;left:3px;top:9px;width:5px;height:5px;border-radius:50%;background:var(--jm-accent);opacity:.7}
/* 隐藏(搜索/筛选不匹配) */
.jm-cl .is-hide{display:none!important}
/* 模块标签配色（浅色） */
.jm-cl-t-main{--tc:#19632f;--tb:#eaf3ec;--tbd:#cfe6d6}
.jm-cl-t-std{--tc:#0e7490;--tb:#e0f2f7;--tbd:#bfe6f0}
.jm-cl-t-pro{--tc:#15803d;--tb:#e7f6ea;--tbd:#c7e9d1}
.jm-cl-t-proplus{--tc:#b45309;--tb:#fdf0dd;--tbd:#f3dcb8}
.jm-cl-t-custom{--tc:#7c3aed;--tb:#f1e9fd;--tbd:#ddc9f7}
.jm-cl-t-param{--tc:#047857;--tb:#e3f4ee;--tbd:#bfe6d6}
.jm-cl-t-template{--tc:#2563eb;--tb:#e6effd;--tbd:#c7d8f7}
.jm-cl-t-ug{--tc:#0891b2;--tb:#ddf3f8;--tbd:#b3e4ef}
.jm-cl-t-nc{--tc:#4f46e5;--tb:#eaeafd;--tbd:#cfceF7}
.jm-cl-t-other{--tc:#6b7280;--tb:#eef0f2;--tbd:#dde1e5}
/* 筛选 pill 选中态用对应模块色（仅边/字） */
@media(max-width:600px){.jm-cl .jm-container{padding:0 16px}.jm-cl-ver{padding:15px 16px}}

@media (prefers-color-scheme: dark){
  .jm-cl-ver{background:#1b222a;border-color:var(--jm-line);box-shadow:0 1px 3px rgba(0,0,0,.3)}
  .jm-cl-ver.is-latest{border-color:var(--jm-accent);box-shadow:0 8px 22px rgba(31,122,61,.22)}
  .jm-cl-search{background:#1b222a;border-color:var(--jm-line)}
  .jm-cl-tagbtn{background:#1b222a;border-color:var(--jm-line)}
  /* 标签：深色用半透明色底 + 提亮文字 */
  .jm-cl-t-main{--tc:#6cc592;--tb:rgba(108,197,146,.13);--tbd:rgba(108,197,146,.32)}
  .jm-cl-t-std{--tc:#4cc4e0;--tb:rgba(76,196,224,.13);--tbd:rgba(76,196,224,.32)}
  .jm-cl-t-pro{--tc:#5fd084;--tb:rgba(95,208,132,.13);--tbd:rgba(95,208,132,.32)}
  .jm-cl-t-proplus{--tc:#e3a857;--tb:rgba(227,168,87,.14);--tbd:rgba(227,168,87,.34)}
  .jm-cl-t-custom{--tc:#b794f6;--tb:rgba(183,148,246,.14);--tbd:rgba(183,148,246,.34)}
  .jm-cl-t-param{--tc:#4cc99a;--tb:rgba(76,201,154,.13);--tbd:rgba(76,201,154,.32)}
  .jm-cl-t-template{--tc:#6fa8f5;--tb:rgba(111,168,245,.14);--tbd:rgba(111,168,245,.34)}
  .jm-cl-t-ug{--tc:#4bc6df;--tb:rgba(75,198,223,.13);--tbd:rgba(75,198,223,.32)}
  .jm-cl-t-nc{--tc:#9591f0;--tb:rgba(149,145,240,.14);--tbd:rgba(149,145,240,.34)}
  .jm-cl-t-other{--tc:#aab2bd;--tb:rgba(170,178,189,.12);--tbd:rgba(170,178,189,.3)}
}