/* =====================================================================
 * JingCMS 风格主题 · 一比一仿照 江苏全真光学官网（cn.maatoptical.com）
 * 主色：海军蓝 #162a8f ｜ 点缀：亮蓝 #409eff ｜ 浅底：#f5f7fa
 * ===================================================================== */
:root {
    --jc-navy: #162a8f;
    --jc-navy-deep: #0d1b63;
    --jc-navy-soft: #1f3bb0;
    --jc-blue: #409eff;
    --jc-blue-2: #2d7bff;
    --jc-accent-hi: #5aa9ff;      /* 强调色 hover（按钮悬停） */
    --jc-navy-rgb: 22,42,143;     /* 供 rgba(var(--jc-navy-rgb), .x) 使用 */
    --jc-navy-deep-rgb: 13,27,99;
    --jc-blue-rgb: 64,158,255;
    --jc-tint-1: #eaf0ff;         /* 深主色底上的浅文字：最亮 */
    --jc-tint-2: #c7d2fe;
    --jc-tint-3: #aab8ff;
    --jc-tint-4: #8fa0d8;
    --jc-bg: #f5f7fa;
    --jc-bg-soft: #eef2fb;
    --jc-line: #e3e8f0;
    --jc-text: #2b2f38;
    --jc-muted: #6b7280;
    --jc-white: #ffffff;
    --jc-radius: 10px;
    --jc-shadow: 0 10px 30px rgba(var(--jc-navy-deep-rgb), .10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB","Helvetica Neue",Arial,sans-serif;color:var(--jc-text);background:var(--jc-bg);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(1200px,92%);margin:0 auto}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* ============================ 头部 ============================ */
.jc-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(var(--jc-navy-deep-rgb),.55),rgba(var(--jc-navy-deep-rgb),0));transition:background .3s,box-shadow .3s}
.jc-header.solid{background:var(--jc-navy);box-shadow:0 6px 24px rgba(var(--jc-navy-deep-rgb),.28)}
.jc-wrap{width:min(1200px,92%);margin:0 auto;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.jc-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.5px}
.jc-logo .cn{font-size:22px}
.jc-logo .en{font-size:13px;color:var(--jc-tint-3);font-weight:600;letter-spacing:2px}
.jc-logo,.jc-logo:link,.jc-logo:visited,.jc-logo:hover,.jc-logo:active,.jc-logo:focus{color:#fff !important}
.jc-logo .cn,.jc-logo .en{color:inherit !important}
.jc-logo:hover .en,.jc-logo:active .en,.jc-logo:focus .en{color:var(--jc-tint-3) !important}
.jc-nav{display:flex;align-items:center;gap:6px}
.jc-nav-item{position:relative}
.jc-nav-link{display:block;padding:10px 18px;color:var(--jc-tint-1);font-size:16px;font-weight:500;border-radius:6px;transition:color .2s,background .2s;white-space:nowrap}
.jc-nav-link:hover,.jc-nav-link.active{color:#fff;background:rgba(var(--jc-blue-rgb),.22)}
.jc-sub{position:absolute;top:100%;left:0;min-width:170px;background:#fff;border-radius:8px;box-shadow:var(--jc-shadow);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}
.jc-nav-item:hover .jc-sub{opacity:1;visibility:visible;transform:none}
.jc-sub a{display:block;padding:9px 18px;color:var(--jc-text);font-size:14px}
.jc-sub a:hover{background:var(--jc-bg-soft);color:var(--jc-navy)}
.jc-actions{display:flex;align-items:center;gap:14px}
.jc-hotline{display:flex;flex-direction:column;align-items:flex-end;color:#fff;line-height:1.2}
.jc-hotline .lab{font-size:12px;color:var(--jc-tint-3)}
.jc-hotline .num{font-size:18px;font-weight:800;color:#fff}
.jc-hotline,.jc-hotline:link,.jc-hotline:visited,.jc-hotline:hover,.jc-hotline:active,.jc-hotline:focus{color:#fff !important}
.jc-hotline:hover .lab,.jc-hotline:active .lab,.jc-hotline:focus .lab{color:var(--jc-tint-3) !important}
.jc-hotline:hover .num,.jc-hotline:active .num,.jc-hotline:focus .num{color:#fff !important}
.jc-icon{width:40px;height:40px;border:none;background:rgba(255,255,255,.12);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
/* 中等宽度屏幕：导航文字自适应不换行（分级收紧间距与字号） */
.jc-hotline{white-space:nowrap}
@media (max-width:1500px){
    .jc-nav{gap:0}
    .jc-nav-link{padding:10px 12px;font-size:15px}
    .jc-wrap{gap:14px}
}
@media (max-width:1280px){
    .jc-nav-link{padding:10px 9px;font-size:14px}
    .jc-logo .cn{font-size:20px}
    .jc-hotline .num{font-size:16px}
    .jc-actions{gap:10px}
}
.jc-icon:hover{background:var(--jc-blue)}
.jc-menu-toggle{display:none}
.jc-lang{display:flex;align-items:center;gap:2px;color:#fff;font-size:14px;font-weight:600}
.jc-lang .it{border:none;background:none;color:var(--jc-tint-3);cursor:pointer;font-size:14px;font-weight:600;padding:4px 7px;border-radius:6px;line-height:1}
.jc-lang .it:hover{color:#fff}
.jc-lang .it.active{color:#fff;background:rgba(255,255,255,.18)}
.jc-lang .x{color:var(--jc-tint-3);opacity:.5}

/* ============================ 全屏轮播 ============================ */
.jc-hero{position:relative;height:100vh;height:100dvh;min-height:560px;overflow:hidden;background:var(--jc-navy)}
.jc-slides{position:absolute;inset:0}
.jc-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;visibility:hidden}
.jc-slide.active{opacity:1;visibility:visible}
/* 图片地址以 CSS 变量 --hero-img 写在 .jc-slide 上（后台「首页沉浸式满屏轮播」配置）；
   轮播表分支仍用内联 background-image，内联优先级更高，两者互不干扰 */
.jc-slide-img{position:absolute;inset:0;background-size:cover;background-position:center;background-image:var(--hero-img);z-index:1}
.jc-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(var(--jc-navy-deep-rgb),.92) 0%,rgba(var(--jc-navy-rgb),.72) 38%,rgba(var(--jc-navy-rgb),.28) 100%);z-index:2}
.jc-slide-cap{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;flex-direction:column;justify-content:center;width:min(1200px,92%);margin:0 auto;color:#fff;z-index:3}
/* 「完整显示」模式（默认，不裁切）：底部铺一层同图高斯模糊做背景，两侧不留白 */
.jc-hero.has-hero-cfg.jc-fit-contain .jc-slide-img{background-size:contain;background-repeat:no-repeat}
.jc-hero.has-hero-cfg.jc-fit-contain .jc-slide::before{content:"";position:absolute;inset:0;background-image:var(--hero-img);background-size:cover;background-position:center;filter:blur(36px) brightness(.55);transform:scale(1.12);z-index:0}
/* 「铺满全屏」模式：裁切两边，铺满首屏 */
.jc-hero.has-hero-cfg.jc-fit-cover .jc-slide-img{background-size:cover;background-position:center}
/* 后台配置的轮播多为自带文案的成品设计图：遮罩只保留顶部/底部轻纱（保证导航与指示点可读），不再整体压深蓝 */
.jc-hero.has-hero-cfg .jc-slide::after{background:linear-gradient(180deg,rgba(var(--jc-navy-deep-rgb),.20) 0%,rgba(var(--jc-navy-deep-rgb),0) 20%,rgba(var(--jc-navy-deep-rgb),0) 80%,rgba(var(--jc-navy-deep-rgb),.24) 100%)}
.jc-hero-sub{font-size:16px;letter-spacing:4px;color:var(--jc-tint-2);margin-bottom:14px;font-weight:600}
.jc-hero-title{font-size:clamp(30px,5vw,58px);font-weight:800;line-height:1.15;margin:0 0 18px;text-shadow:0 4px 24px rgba(0,0,0,.3)}
.jc-hero-desc{font-size:17px;max-width:620px;color:var(--jc-tint-1);margin-bottom:26px}
.jc-hero-btn{display:inline-block;align-self:flex-start;padding:13px 34px;background:var(--jc-blue);color:#fff;border-radius:40px;font-size:16px;font-weight:600;box-shadow:0 10px 24px rgba(var(--jc-blue-rgb),.4);transition:.25s}
.jc-hero-btn:hover{background:var(--jc-accent-hi);transform:translateY(-2px)}
.jc-hero-btn,.jc-hero-btn:link,.jc-hero-btn:visited,.jc-hero-btn:hover,.jc-hero-btn:active,.jc-hero-btn:focus{color:#fff !important}
.jc-hero-btn span,.jc-hero-btn *{color:inherit !important}
.jc-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;background:rgba(255,255,255,.16);color:#fff;font-size:30px;line-height:1;border-radius:50%;cursor:pointer;z-index:3;transition:.2s}
.jc-arrow:hover{background:var(--jc-blue)}
.jc-arrow.prev{left:24px}.jc-arrow.next{right:24px}
.jc-dots{position:absolute;bottom:30px;left:0;right:0;display:flex;gap:10px;justify-content:center;z-index:3}
.jc-dot{width:34px;height:5px;border:none;border-radius:3px;background:rgba(255,255,255,.4);cursor:pointer;padding:0}
.jc-dot.active{background:#fff;width:46px}

/* ============================ 品牌主张带 ============================ */
.jc-band{background:linear-gradient(120deg,var(--jc-navy-deep),var(--jc-navy) 60%,var(--jc-navy-soft));color:#fff;padding:70px 0;text-align:center}
.jc-band .ey{font-size:14px;letter-spacing:6px;color:var(--jc-tint-3);margin-bottom:16px;font-weight:600}
.jc-band h2{font-size:clamp(26px,4vw,46px);font-weight:800;margin:0;letter-spacing:1px}

/* ============================ 通用区块 ============================ */
.jc-sec{padding:84px 0}
.jc-sec.soft{background:var(--jc-bg-soft)}
.jc-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:46px;flex-wrap:wrap}
.jc-sec-head .ey{font-size:14px;letter-spacing:4px;color:var(--jc-blue);font-weight:700;text-transform:uppercase}
.jc-sec-head h2{font-size:clamp(24px,3.4vw,38px);margin:8px 0 0;color:var(--jc-navy);font-weight:800}
.jc-sec-head h2 small{display:block;font-size:15px;font-weight:500;color:var(--jc-muted);margin-top:8px;letter-spacing:1px}
.jc-more{color:var(--jc-navy);font-weight:600;font-size:15px;white-space:nowrap}
.jc-more:hover{color:var(--jc-blue)}

/* ============================ 关于 / 数字 ============================ */
.jc-about{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.jc-about-media{border-radius:var(--jc-radius);overflow:hidden;box-shadow:var(--jc-shadow);position:relative;aspect-ratio:4/3}
.jc-about-media img{width:100%;height:100%;object-fit:cover}
.jc-about-body .ey{font-size:14px;letter-spacing:4px;color:var(--jc-blue);font-weight:700}
.jc-about-body h2{font-size:clamp(22px,3vw,34px);color:var(--jc-navy);margin:10px 0 18px;font-weight:800}
.jc-about-body p{color:var(--jc-muted);font-size:16px;margin:0 0 24px}
.jc-btn{display:inline-block;padding:12px 30px;background:var(--jc-navy);color:#fff;border-radius:40px;font-weight:600;transition:.25s}
.jc-btn:hover{background:var(--jc-blue-2)}
.jc-btn,.jc-btn:link,.jc-btn:visited,.jc-btn:hover,.jc-btn:active,.jc-btn:focus{color:#fff !important}
.jc-btn span,.jc-btn *{color:inherit !important}
.jc-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px}
.jc-stat{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);padding:26px 18px;text-align:center}
.jc-stat .num{font-size:40px;font-weight:800;color:var(--jc-navy);line-height:1}
.jc-stat .num i{font-size:18px;font-style:normal;color:var(--jc-blue);margin-left:4px}
.jc-stat .lab{color:var(--jc-muted);margin-top:10px;font-size:14px}

/* ============================ 产品中心 ============================ */
.jc-prod-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.jc-prod-tab{padding:10px 24px;border:1px solid var(--jc-line);background:#fff;border-radius:40px;cursor:pointer;font-size:15px;color:var(--jc-text);transition:.2s}
.jc-prod-tab.active,.jc-prod-tab:hover{border-color:var(--jc-navy);background:var(--jc-navy);color:#fff}
.jc-prod-panel{display:none}
.jc-prod-panel.active{display:block;animation:fade .4s ease}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.jc-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.jc-prod{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden;transition:.25s}
.jc-prod:hover{box-shadow:var(--jc-shadow);transform:translateY(-4px);border-color:var(--jc-blue)}
.jc-prod .thumb{aspect-ratio:1/1;overflow:hidden;background:var(--jc-bg-soft)}
.jc-prod .thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}
.jc-prod:hover .thumb img{transform:scale(1.06)}
.jc-prod .body{padding:16px 18px}
.jc-prod .body h3{font-size:16px;margin:0 0 8px;color:var(--jc-navy);font-weight:700}
.jc-prod .cat-tag{font-size:12px;color:#fff;background:var(--jc-blue);padding:2px 10px;border-radius:20px}

/* ============================ 新闻资讯 ============================ */
.jc-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.jc-news{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden;transition:.25s}
.jc-news:hover{box-shadow:var(--jc-shadow);transform:translateY(-4px)}
.jc-news .cover{aspect-ratio:16/10;overflow:hidden;background:var(--jc-bg-soft)}
.jc-news .cover img{width:100%;height:100%;object-fit:cover}
.jc-news .nb{padding:18px 20px}
.jc-news .nb h4{font-size:17px;margin:0 0 10px;color:var(--jc-navy);font-weight:700;line-height:1.5}
.jc-news .nb h4 a:hover{color:var(--jc-blue)}
.jc-news .ni-meta{font-size:13px;color:var(--jc-muted)}
.jc-news .ni-meta span:first-child{color:var(--jc-blue)}
.jc-news-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}
.jc-news-item{display:flex;gap:18px;align-items:center;padding:18px 0;border-bottom:1px dashed var(--jc-line)}
.jc-news-item .nd{width:64px;height:64px;flex:none;border-radius:10px;background:var(--jc-navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.jc-news-item .nd .d{font-size:24px;font-weight:800;line-height:1}
.jc-news-item .nd .m{font-size:12px;color:var(--jc-tint-2)}
.jc-news-item h4{font-size:16px;margin:0 0 6px;font-weight:600;color:var(--jc-text)}
.jc-news-item h4 a:hover{color:var(--jc-blue)}
.jc-news-item .ni-meta{font-size:13px;color:var(--jc-muted)}

/* ============================ 销售网络 / 数字带 ============================ */
.jc-network{background:linear-gradient(120deg,var(--jc-navy),var(--jc-navy-soft));color:#fff;padding:70px 0}
.jc-network .jc-sec-head h2{color:#fff}
.jc-network .jc-sec-head .ey{color:var(--jc-tint-3)}
.jc-network .row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.jc-network .bignum{font-size:clamp(36px,5vw,58px);font-weight:800;color:#fff}
.jc-network .bignum small{font-size:20px;color:var(--jc-tint-2);margin-left:6px}
.jc-network .cap{color:var(--jc-tint-2);margin-top:8px;font-size:15px}

/* ============================ 常见问题 ============================ */
.jc-faq{display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;max-width:960px;margin:0 auto}
.jc-qa{border-bottom:1px solid var(--jc-line);padding:16px 0;cursor:pointer}
.jc-qa .q{font-size:17px;font-weight:600;color:var(--jc-navy);display:flex;justify-content:space-between;gap:12px}
.jc-qa .q .ic{color:var(--jc-blue);font-weight:800}
.jc-qa .a{color:var(--jc-muted);font-size:15px;max-height:0;overflow:hidden;transition:max-height .35s ease,margin .35s;margin:0}
.jc-qa.open .a{max-height:200px;margin-top:10px}

/* ============================ 页脚 ============================ */
.jc-footer{background:var(--jc-navy-deep);color:var(--jc-tint-2);padding:60px 0 26px}
.jc-ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.jc-ft-brand .fb-logo{font-size:22px;font-weight:800;color:#fff}
.jc-ft-brand .fb-logo span{font-size:13px;color:var(--jc-tint-3);letter-spacing:2px;margin-left:6px}
.jc-ft-brand .fb-slogan{color:var(--jc-tint-3);margin:14px 0 18px;font-size:14px}
.jc-ft-contact p{margin:6px 0;font-size:14px;color:var(--jc-tint-2)}
.jc-ft-contact a{color:#fff}
.jc-ft-col h5{color:#fff;font-size:16px;margin:0 0 16px;font-weight:700}
.jc-ft-col ul{list-style:none;margin:0;padding:0}
.jc-ft-col li{margin:9px 0}
.jc-ft-col li a{color:var(--jc-tint-2);font-size:14px}
.jc-ft-col li a:hover{color:#fff}
.jc-ft-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--jc-tint-4)}

/* ====================== 移动端导航弹层 / 搜索 ====================== */
.jc-search-pop{position:fixed;inset:0;background:rgba(var(--jc-navy-deep-rgb),.96);z-index:200;display:none;align-items:center;justify-content:center}
.jc-search-pop.open{display:flex}
.jc-search-pop form{width:min(640px,86%);display:flex;gap:10px}
.jc-search-pop input{flex:1;padding:16px 20px;border:none;border-radius:50px;font-size:17px;outline:none}
.jc-search-pop button{border:none;background:var(--jc-blue);color:#fff;width:60px;border-radius:50px;cursor:pointer;font-size:22px}
.jc-search-close{position:absolute;top:24px;right:30px;background:none;border:none;color:#fff;font-size:42px;cursor:pointer}
.jc-mobile-nav{position:fixed;top:0;right:0;bottom:0;width:78%;max-width:340px;background:#fff;z-index:210;transform:translateX(100%);transition:transform .28s;padding:80px 24px 24px;overflow:auto}
.jc-mobile-nav.open{transform:none;box-shadow:-10px 0 40px rgba(0,0,0,.3)}
.jc-mobile-nav a{display:block;padding:14px 8px;border-bottom:1px solid var(--jc-line);color:var(--jc-text);font-size:16px}
.jc-mobile-nav .sub a{padding-left:24px;color:var(--jc-muted);font-size:14px}
.jc-mask{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:205;display:none}
.jc-mask.open{display:block}
.jc-to-top{position:fixed;right:24px;bottom:28px;width:46px;height:46px;border:none;border-radius:50%;background:var(--jc-navy);color:#fff;font-size:22px;cursor:pointer;opacity:0;visibility:hidden;transition:.3s;z-index:90;box-shadow:var(--jc-shadow)}
.jc-to-top.show{opacity:1;visibility:visible}

/* ============================ 响应式 ============================ */
@media (max-width:980px){
    .jc-about{grid-template-columns:1fr;gap:30px}
    .jc-prod-grid{grid-template-columns:repeat(2,1fr)}
    .jc-news-grid{grid-template-columns:1fr}
    .jc-ft-top{grid-template-columns:1fr 1fr}
    .jc-network .row{grid-template-columns:1fr}
}
@media (max-width:760px){
    .jc-nav,.jc-hotline{display:none}
    .jc-menu-toggle{display:flex}
    .jc-hero{height:80vh;min-height:480px}
    .jc-hero-desc{font-size:15px}
    /* 后台为某屏上传了移动端专用竖图时，手机端占满整屏（沉浸式） */
    .jc-hero.has-mobile{height:100vh;height:100dvh;min-height:480px}
    .jc-hero.has-mobile .jc-slide.has-m .jc-slide-img{background-image:var(--hero-img-m);background-size:cover}
    .jc-hero.has-mobile.jc-fit-contain .jc-slide.has-m::before{display:none}
    .jc-hero.has-mobile .jc-slide-cap{justify-content:center;text-align:center}
    .jc-hero.has-mobile .jc-hero-btn{align-self:center}
    /* 手机端未上传专用竖图的屏：contain 模式下宽图只剩一条小横幅，改用 cover 裁切铺满（隐藏模糊底衬） */
    .jc-hero.has-hero-cfg.jc-fit-contain .jc-slide:not(.has-m) .jc-slide-img{background-size:cover}
    .jc-hero.has-hero-cfg.jc-fit-contain .jc-slide:not(.has-m)::before{display:none}
    .jc-stats{grid-template-columns:repeat(2,1fr)}
    .jc-news-list{grid-template-columns:1fr}
    .jc-faq{grid-template-columns:1fr}
    .jc-ft-top{grid-template-columns:1fr}
    .jc-sec{padding:56px 0}
    .jc-sec-head{margin-bottom:30px}
}

/* ============================================================
 * 内页（栏目列表 / 单页 / 文章详情）· 海军蓝企业风
 * 与首页共用 --jc-* 变量，保持一比一仿照的全真光学视觉
 * ============================================================ */

/* ---------- 文章页：顶部为浅色内容，固定头强制实底 ---------- */
.jc-body-flat .jc-header{background:var(--jc-navy);box-shadow:0 6px 24px rgba(var(--jc-navy-deep-rgb),.28)}

/* ---------- 内页头图 ---------- */
/* 沉浸式：图片 cover 铺满 + 上下双向深色遮罩（保证白色标题在任何图片上都清晰）+ 居中大标题 */
.jc-inhero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--jc-navy-deep) 0%,var(--jc-navy) 55%,var(--jc-navy-soft) 100%) center center/cover no-repeat;color:#fff;min-height:420px;display:flex;align-items:center;justify-content:center;padding:170px 0 110px;text-align:center}
.jc-inhero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--jc-navy-deep-rgb),.74) 0%,rgba(var(--jc-navy-deep-rgb),.44) 42%,rgba(var(--jc-navy-rgb),.66) 100%);z-index:1;pointer-events:none}
.jc-inhero::after{content:"";position:absolute;right:-130px;top:-150px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(var(--jc-blue-rgb),.22),rgba(var(--jc-blue-rgb),0) 70%);pointer-events:none}
.jc-inhero .wrap{position:relative;z-index:2;width:100%}
.jc-inhero-sub{display:block;font-size:14px;letter-spacing:7px;color:var(--jc-tint-2) !important;font-weight:600;margin-bottom:18px;text-transform:uppercase}
.jc-inhero-title{font-size:clamp(30px,4.4vw,52px);font-weight:800;margin:0;line-height:1.2;letter-spacing:2px;color:#fff !important;text-shadow:0 6px 28px rgba(0,0,0,.45)}
.jc-inhero-line{display:block;width:72px;height:4px;border-radius:3px;background:var(--jc-blue);margin:24px auto 0;box-shadow:0 4px 14px rgba(var(--jc-blue-rgb),.5)}

/* ---------- 面包屑 ---------- */
.jc-crumb{background:#fff;border-bottom:1px solid var(--jc-line);padding:14px 0;font-size:14px;color:var(--jc-muted)}
.jc-crumb .wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jc-crumb a{color:var(--jc-muted);transition:.2s}
.jc-crumb a:hover{color:var(--jc-blue)}
.jc-crumb .sep{color:#c2cad6}
.jc-crumb .cur{color:var(--jc-navy);font-weight:600}

/* ---------- 两栏布局 ---------- */
.jc-cols{display:grid;grid-template-columns:268px 1fr;gap:40px;padding:54px 0 84px;align-items:start}
.jc-aside{position:sticky;top:92px;display:flex;flex-direction:column;gap:22px}

/* ---------- 侧边栏面板 ---------- */
.jc-panel{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden;box-shadow:0 8px 22px rgba(var(--jc-navy-deep-rgb),.06)}
.jc-panel-hd{background:linear-gradient(120deg,var(--jc-navy),var(--jc-navy-soft));color:#fff;padding:16px 20px;font-size:17px;font-weight:700;display:flex;align-items:baseline;gap:10px}
.jc-panel-hd small{font-size:11px;letter-spacing:2px;color:var(--jc-tint-3);font-weight:600}
.jc-catmenu{list-style:none;margin:0;padding:8px}
.jc-catmenu li a{display:block;position:relative;padding:12px 14px 12px 28px;border-radius:8px;color:var(--jc-text);font-size:15px;transition:.2s}
.jc-catmenu li a::before{content:"";position:absolute;left:14px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--jc-line);transform:translateY(-50%);transition:.2s}
.jc-catmenu li a:hover{background:var(--jc-bg-soft);color:var(--jc-navy)}
.jc-catmenu li a:hover::before{background:var(--jc-blue)}
.jc-catmenu li.active a{background:var(--jc-navy);color:#fff}
.jc-catmenu li.active a::before{background:#fff}
.jc-rec{padding:14px 18px 18px}
.jc-rec ul{list-style:none;margin:0;padding:0}
.jc-rec li{padding:11px 0;border-bottom:1px dashed var(--jc-line)}
.jc-rec li:last-child{border-bottom:none}
.jc-rec li a{display:block;color:var(--jc-text);font-size:14px;line-height:1.5;transition:.2s}
.jc-rec li a:hover{color:var(--jc-blue)}
.jc-rec .d{font-size:12px;color:var(--jc-muted);margin-top:4px}

/* ---------- 卡片列表 ---------- */
.jc-main{min-width:0}
.jc-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.jc-card{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden;transition:.28s;display:flex;flex-direction:column}
.jc-card:hover{box-shadow:var(--jc-shadow);transform:translateY(-5px);border-color:var(--jc-blue)}
.jc-card .thumb{aspect-ratio:4/3;overflow:hidden;background:var(--jc-bg-soft)}
.jc-card .thumb img{width:100%;height:100%;object-fit:cover;transition:.45s}
.jc-card:hover .thumb img{transform:scale(1.06)}
.jc-card .body{padding:18px 20px 22px;flex:1;display:flex;flex-direction:column}
.jc-card .dt{font-size:13px;color:var(--jc-blue);font-weight:600;margin-bottom:8px}
.jc-card .body h3{font-size:17px;margin:0 0 10px;color:var(--jc-navy);font-weight:700;line-height:1.5}
.jc-card .body p{font-size:14px;color:var(--jc-muted);margin:0;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 分页 ---------- */
.jc-pager{display:flex;align-items:center;gap:8px;margin-top:44px;flex-wrap:wrap}
.jc-pager a,.jc-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;border:1px solid var(--jc-line);border-radius:9px;color:var(--jc-text);font-size:14px;background:#fff;transition:.2s}
.jc-pager a:hover{border-color:var(--jc-navy);color:var(--jc-navy)}
.jc-pager .cur{background:var(--jc-navy);border-color:var(--jc-navy);color:#fff;font-weight:700}
.jc-pager .dots{border:none;background:none;min-width:auto;color:var(--jc-muted)}
.jc-pager .total{margin-left:auto;color:var(--jc-muted);font-size:13px;border:none;background:none;min-width:auto;padding:0}

/* ---------- 空状态 ---------- */
.jc-empty{text-align:center;padding:90px 0;color:var(--jc-muted)}
.jc-empty .ic{width:74px;height:74px;margin:0 auto 18px;color:#c3cdda}
.jc-empty p{font-size:16px;margin:0}

/* ---------- 单页正文容器 ---------- */
.jc-page-body{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);padding:42px 46px;box-shadow:0 8px 22px rgba(var(--jc-navy-deep-rgb),.06)}

/* ---------- 富文本排版（单页 + 文章共用） ---------- */
.jc-rich{font-size:16px;line-height:1.95;color:#3a3f4a}
.jc-rich h2{font-size:24px;color:var(--jc-navy);margin:34px 0 14px;font-weight:800}
.jc-rich h3{font-size:20px;color:var(--jc-navy);margin:28px 0 12px;font-weight:700}
.jc-rich h4{font-size:17px;color:var(--jc-navy);margin:22px 0 10px;font-weight:700}
.jc-rich p{margin:0 0 18px}
.jc-rich img{max-width:100%;height:auto;border-radius:10px;margin:14px 0;box-shadow:var(--jc-shadow)}
.jc-rich a{color:var(--jc-blue);text-decoration:underline;text-underline-offset:2px}
.jc-rich a:hover{color:var(--jc-navy-soft)}
.jc-rich blockquote{margin:22px 0;padding:14px 20px;border-left:4px solid var(--jc-blue);background:var(--jc-bg-soft);border-radius:0 10px 10px 0;color:var(--jc-muted)}
.jc-rich ul,.jc-rich ol{padding-left:24px;margin:0 0 18px}
.jc-rich li{margin:7px 0}
.jc-rich table{border-collapse:collapse;width:100%;margin:18px 0;font-size:14px;overflow:hidden;border-radius:8px}
.jc-rich th,.jc-rich td{border:1px solid var(--jc-line);padding:11px 13px;text-align:left}
.jc-rich th{background:var(--jc-bg-soft);color:var(--jc-navy);font-weight:700}
.jc-rich hr{border:none;border-top:1px solid var(--jc-line);margin:26px 0}

/* ---------- 文章详情 ---------- */
.jc-article-wrap{max-width:980px;margin:0 auto;padding:50px 0 30px}
.jc-article-hd{margin-bottom:28px}
.jc-article-hd h1{font-size:clamp(24px,3.4vw,36px);color:var(--jc-navy);margin:0 0 18px;font-weight:800;line-height:1.35}
.jc-article-meta{display:flex;flex-wrap:wrap;gap:10px 22px;color:var(--jc-muted);font-size:14px;padding-bottom:20px;border-bottom:1px solid var(--jc-line)}
.jc-article-meta span{display:inline-flex;align-items:center;gap:6px}
.jc-article-meta a{color:var(--jc-muted);transition:.2s}
.jc-article-meta a:hover{color:var(--jc-blue)}
.jc-article-meta .meta-icon{width:16px;height:16px;color:var(--jc-blue);flex:none}
.jc-article-cover{margin:26px 0;border-radius:var(--jc-radius);overflow:hidden;box-shadow:var(--jc-shadow)}
.jc-article-cover img{width:100%;display:block}

/* ---------- 标签 ---------- */
.jc-atags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:34px 0 6px;padding-top:24px;border-top:1px solid var(--jc-line)}
.jc-atags .lb{color:var(--jc-muted);font-size:14px}
.jc-atags .chip{display:inline-block;padding:6px 15px;border:1px solid var(--jc-line);border-radius:20px;font-size:13px;color:var(--jc-navy);background:#fff;transition:.2s}
.jc-atags .chip:hover{background:var(--jc-navy);color:#fff;border-color:var(--jc-navy)}

/* ---------- 上一篇 / 下一篇 ---------- */
.jc-anav{display:flex;justify-content:space-between;gap:16px;margin:32px 0 6px;flex-wrap:wrap}
.jc-anav a{display:flex;flex-direction:column;gap:6px;flex:1;min-width:220px;padding:16px 22px;border:1px solid var(--jc-line);border-radius:var(--jc-radius);background:#fff;transition:.25s}
.jc-anav a:hover{border-color:var(--jc-blue);box-shadow:var(--jc-shadow)}
.jc-anav .lb{font-size:12px;color:var(--jc-muted)}
.jc-anav .tt{font-size:15px;color:var(--jc-navy);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jc-anav .next{text-align:right;align-items:flex-end}

/* ---------- 相关阅读 ---------- */
.jc-related{background:var(--jc-bg-soft);padding:64px 0}
.jc-related h3{font-size:24px;color:var(--jc-navy);margin:0 0 32px;font-weight:800}
.jc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.jc-related-card{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);padding:24px;transition:.25s}
.jc-related-card:hover{box-shadow:var(--jc-shadow);transform:translateY(-4px);border-color:var(--jc-blue)}
.jc-related-card h4{font-size:16px;color:var(--jc-navy);margin:0 0 12px;font-weight:700;line-height:1.5}
.jc-related-card .d{font-size:13px;color:var(--jc-muted)}

/* ---------- 子栏目横向标签栏（卡片式） ---------- */
.jc-subtabs-section{background:#f8f9fc;border-bottom:1px solid var(--jc-line);padding:26px 0}
.jc-subtabs{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.jc-subtabs-item{
    display:inline-flex;align-items:center;justify-content:center;
    padding:12px 28px;background:#fff;border:1px solid var(--jc-line);
    border-radius:10px;color:var(--jc-text);font-size:15px;font-weight:500;
    box-shadow:0 2px 8px rgba(var(--jc-navy-deep-rgb),.04);transition:.22s;white-space:nowrap;
    text-decoration:none !important
}
.jc-subtabs-item:hover{
    border-color:var(--jc-navy);color:var(--jc-navy);
    box-shadow:0 6px 16px rgba(var(--jc-navy-rgb),.10);transform:translateY(-2px)
}
.jc-subtabs-item.active{
    background:var(--jc-navy);border-color:var(--jc-navy);color:#fff !important;
    box-shadow:0 8px 20px rgba(var(--jc-navy-rgb),.28)
}
.jc-subtabs-item.active:hover{color:#fff !important}

/* ---------- 栏目标题区（全宽布局） ---------- */
.jc-cate-title{text-align:center;padding:54px 0 34px}
.jc-cate-title h1{font-size:clamp(26px,4vw,40px);color:var(--jc-navy);margin:0 0 10px;font-weight:800;letter-spacing:1px}
.jc-cate-title p{color:var(--jc-muted);font-size:15px;margin:0}
.jc-cate-main{padding-bottom:90px}

/* ---------- 全宽列表页增强 ---------- */
.jc-cate-main .jc-list{grid-template-columns:repeat(4,1fr);gap:24px}

/* ---------- 内页响应式 ---------- */
@media (max-width:1100px){
    .jc-cate-main .jc-list{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
    .jc-cols{grid-template-columns:1fr;gap:30px}
    .jc-aside{position:static;flex-direction:row;flex-wrap:wrap}
    .jc-aside .jc-panel{flex:1;min-width:240px}
    .jc-cate-main .jc-list{grid-template-columns:repeat(2,1fr)}
    .jc-related-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
    .jc-inhero{min-height:300px;padding:112px 0 60px}
    .jc-inhero-title{font-size:28px;letter-spacing:1px}
    .jc-inhero-sub{letter-spacing:4px;margin-bottom:12px}
    .jc-subtabs-section{padding:16px 0;overflow:hidden}
    .jc-subtabs{flex-wrap:nowrap;gap:10px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .jc-subtabs::-webkit-scrollbar{display:none}
    .jc-subtabs-item{flex:none;padding:10px 18px;font-size:14px}
    .jc-cate-title{padding:36px 0 24px}
    .jc-cate-title h1{font-size:26px}
    .jc-cate-main{padding-bottom:56px}
    .jc-cate-main .jc-list{grid-template-columns:1fr;gap:18px}
    .jc-cols{padding:36px 0 56px}
    .jc-aside{flex-direction:column}
    .jc-aside .jc-panel{min-width:0}
    .jc-list{grid-template-columns:1fr;gap:18px}
    .jc-related-grid{grid-template-columns:1fr}
    .jc-page-body{padding:26px 20px}
    .jc-article-wrap{padding:34px 0 20px}
    .jc-related{padding:46px 0}
}

/* ============================================================
 * 合作门店（store 模块）· 与内页统一海军蓝风
 * ============================================================ */

/* 通用小图标（电话 / 地址 / 时间 / 联系人） */
.jc-ico{width:15px;height:15px;flex:none;color:var(--jc-blue);margin-top:3px}

/* 主体容器 */
.jc-store-main{padding:54px 0 84px}

/* 筛选条：左侧统计 + 右侧省/市/县三级联动 */
.jc-store-filter{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);padding:20px 24px;box-shadow:0 8px 22px rgba(var(--jc-navy-deep-rgb),.06);margin-bottom:30px}
.jc-store-total{font-size:17px;color:var(--jc-text)}
.jc-store-total b{color:var(--jc-navy);font-size:24px;font-weight:800;margin:0 4px}
.jc-store-form{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.jc-store-form select{padding:10px 14px;border:1px solid var(--jc-line);border-radius:8px;font-size:14px;background:#fff;color:var(--jc-text);min-width:120px;transition:.2s}
.jc-store-form select:focus{outline:none;border-color:var(--jc-blue);box-shadow:0 0 0 3px rgba(var(--jc-blue-rgb),.15)}
.jc-store-search{padding:10px 22px;border:none;border-radius:8px;background:var(--jc-navy);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:.2s}
.jc-store-search:hover{background:var(--jc-navy-deep)}
.jc-store-reset{color:var(--jc-muted);font-size:13px;text-decoration:none;transition:.2s}
.jc-store-reset:hover{color:var(--jc-blue)}

/* 门店网格 + 卡片 */
.jc-store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.jc-store-card{display:flex;gap:18px;align-items:stretch;background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);padding:20px;transition:.28s}
.jc-store-card:hover{box-shadow:var(--jc-shadow);transform:translateY(-5px);border-color:var(--jc-blue)}
.jc-store-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.jc-store-name{font-size:18px;font-weight:700;color:var(--jc-navy);margin-bottom:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;line-height:1.4}
.jc-store-tag{display:inline-block;padding:2px 10px;border-radius:20px;background:var(--jc-bg-soft);color:var(--jc-blue);font-size:12px;font-weight:600}
.jc-store-info{display:flex;align-items:flex-start;gap:7px;font-size:14px;color:var(--jc-muted);margin-bottom:8px;line-height:1.6}
/* 查看详情等主按钮：白字 + 亮蓝底（与主题蓝搭配） */
.jc-store-btn,
.jc-store-btn:link,
.jc-store-btn:visited,
.jc-store-btn:hover,
.jc-store-btn:active{
    display:inline-block;margin-top:auto;align-self:flex-start;padding:8px 18px;
    background:var(--jc-blue);color:#fff !important;border-radius:8px;font-size:13px;
    font-weight:600;text-decoration:none;transition:.2s;letter-spacing:.3px
}
.jc-store-btn:hover{background:var(--jc-navy);box-shadow:0 6px 16px rgba(var(--jc-blue-rgb),.35)}
.jc-store-btn.ghost,
.jc-store-btn.ghost:link,
.jc-store-btn.ghost:visited,
.jc-store-btn.ghost:hover,
.jc-store-btn.ghost:active{background:#fff;color:var(--jc-navy) !important;border:1px solid var(--jc-line)}
.jc-store-btn.ghost:hover{border-color:var(--jc-blue);color:var(--jc-blue) !important;box-shadow:none}
.jc-store-pic{width:180px;flex:none}
.jc-store-pic img{width:100%;height:100%;min-height:140px;object-fit:cover;border-radius:8px;display:block;background:var(--jc-bg-soft)}

/* 列表 / 地图 切换（分段控件） */
.jc-store-viewswitch{display:inline-flex;background:#fff;border:1px solid var(--jc-line);border-radius:12px;padding:5px;gap:4px;margin:30px 0 24px;box-shadow:0 6px 18px rgba(var(--jc-navy-deep-rgb),.05)}
.jc-store-viewswitch button{border:none;background:transparent;color:var(--jc-muted);font-size:15px;font-weight:600;padding:9px 26px;border-radius:9px;cursor:pointer;transition:.2s}
.jc-store-viewswitch button.active{background:var(--jc-blue);color:#fff;box-shadow:0 4px 12px rgba(var(--jc-blue-rgb),.3)}
.jc-store-viewswitch button:not(.active):hover{color:var(--jc-navy)}

/* 地图容器 */
.jc-store-map-tip{font-size:13px;color:var(--jc-muted);background:var(--jc-bg-soft);border:1px dashed var(--jc-line);border-radius:8px;padding:10px 14px;margin-bottom:14px}
.jc-store-map{width:100%;height:520px;background:#eef2fb;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden}
.sm-map-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:var(--jc-muted);font-size:15px;text-align:center;padding:20px}

/* 详情页 */
.jc-store-detail-wrap{padding:50px 0 84px}
.jc-store-detail{display:flex;gap:30px;background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);padding:28px;box-shadow:0 8px 22px rgba(var(--jc-navy-deep-rgb),.06);margin-bottom:40px}
.jc-store-detail-pic{width:360px;flex:none}
.jc-store-detail-pic img{width:100%;border-radius:10px;display:block;background:var(--jc-bg-soft)}
.jc-store-detail-body{flex:1;min-width:0}
.jc-store-detail-body .jc-store-name{font-size:24px;margin-bottom:18px}
.jc-store-detail-body .jc-store-info{font-size:15px;margin-bottom:12px}
.jc-store-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.jc-store-actions .jc-store-btn{margin-top:0}
.jc-store-block{margin-bottom:44px}
.jc-store-subtitle{font-size:22px;color:var(--jc-navy);margin:0 0 20px;font-weight:800;padding-left:14px;border-left:4px solid var(--jc-blue)}

/* 门店响应式 */
@media (max-width:980px){
    .jc-store-grid{grid-template-columns:1fr}
    .jc-store-detail{flex-direction:column}
    .jc-store-detail-pic{width:100%}
}
@media (max-width:760px){
    .jc-store-main{padding:36px 0 56px}
    .jc-store-filter{flex-direction:column;align-items:stretch}
    .jc-store-form{justify-content:space-between}
    .jc-store-form select{flex:1;min-width:0}
    .jc-store-card{flex-direction:column}
    .jc-store-pic{width:100%}
    .jc-store-pic img{min-height:0}
    .jc-store-detail-wrap{padding:34px 0 56px}
    .jc-store-detail-body .jc-store-name{font-size:20px}
    .jc-store-viewswitch{display:flex;width:100%}
    .jc-store-viewswitch button{flex:1;padding:9px 10px}
    .jc-store-map{height:360px}
}

/* ============ 联系页：选项卡（联系方式/加入我们）+ 在线留言 + 招聘表 ============ */
.jc-ct-bar{background:#f3f5f9;border-bottom:1px solid var(--jc-line)}
.jc-ct-bar-in{display:flex;align-items:center;justify-content:space-between;padding:14px 0;flex-wrap:wrap;gap:10px}
.jc-ct-tabs{display:flex;gap:12px;flex-wrap:wrap}
.jc-ct-tab{padding:10px 26px;font-size:15px;border-radius:4px;border:1px solid transparent;background:#fff;color:var(--jc-text);cursor:pointer;transition:.2s;font-weight:500;font-family:inherit}
.jc-ct-tab:hover{color:var(--jc-navy)}
.jc-ct-tab.active{background:var(--jc-navy);color:#fff}
.jc-ct-crumb{font-size:13px;color:#8a90a0;white-space:nowrap}
.jc-ct-crumb a{color:#8a90a0}
.jc-ct-crumb a:hover{color:var(--jc-navy)}
.jc-ct-pane{display:none;padding:42px 0 64px}
.jc-ct-pane.active{display:block}
.jc-ct-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:start}
@media (max-width:900px){.jc-ct-grid{grid-template-columns:1fr}}
.jc-msg-card{background:linear-gradient(135deg,var(--jc-navy-deep),var(--jc-navy));border-radius:var(--jc-radius);padding:30px 28px;color:#fff}
.jc-msg-card h3{margin:0 0 6px;font-size:20px;font-weight:800}
.jc-msg-card .sub{font-size:13px;color:var(--jc-tint-2);margin:0 0 18px}
.jc-msg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
@media (max-width:560px){.jc-msg-grid{grid-template-columns:1fr}}
.jc-msg-card input,.jc-msg-card textarea{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.10);border-radius:6px;padding:11px 14px;color:#fff;font-size:14px;font-family:inherit}
.jc-msg-card input::placeholder,.jc-msg-card textarea::placeholder{color:rgba(255,255,255,.55)}
.jc-msg-card input:focus,.jc-msg-card textarea:focus{outline:none;border-color:var(--jc-blue);background:rgba(255,255,255,.16)}
.jc-msg-card textarea{resize:vertical;margin-bottom:14px}
.jc-msg-btn{display:inline-block;border:none;background:var(--jc-blue);color:#fff;padding:12px 38px;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s;font-family:inherit}
.jc-msg-btn:hover{filter:brightness(1.1)}
.jc-msg-tip{margin:10px 0 0;font-size:13px;min-height:18px}
.jc-msg-tip.ok{color:#7dffb0}
.jc-msg-tip.err{color:#ffb0a0}
.jc-jobs-scroll{overflow-x:auto}
.jc-jobs-card{background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden;box-shadow:0 8px 22px rgba(var(--jc-navy-deep-rgb),.06);min-width:640px}
.jc-jobs-table{width:100%;border-collapse:collapse;font-size:14px}
.jc-jobs-table th{background:var(--jc-navy);color:#fff;font-weight:600;padding:14px 12px;text-align:center;white-space:nowrap}
.jc-jobs-table td{padding:15px 12px;text-align:center;border-bottom:1px solid var(--jc-line);color:var(--jc-text)}
.jc-jobs-table tr.jc-job-row{cursor:pointer;transition:background .15s}
.jc-jobs-table tr.jc-job-row:hover{background:var(--jc-bg-soft)}
.jc-job-toggle{font-size:20px;color:var(--jc-navy);font-weight:700;line-height:1}
.jc-job-detail{display:none}
.jc-job-detail.open{display:table-row}
.jc-job-detail>td{background:#f7f8fb;padding:0}
.jc-job-detail-in{padding:18px 26px;text-align:left}
.jc-job-h{margin:0 0 8px;font-weight:700;color:var(--jc-navy);font-size:14px}
.jc-job-txt{white-space:pre-line;line-height:1.9;color:#555b6e;font-size:14px;margin:0 0 14px}
.jc-job-empty{text-align:center;color:#9aa0aa;padding:34px 0!important}

/* ============ 右侧悬浮联系工具条（可收缩，图标+文字标签） ============ */
.jc-fab{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:95;display:flex;flex-direction:column;gap:10px;align-items:center}
.jc-fab-main{display:flex;flex-direction:column;gap:10px;transition:opacity .28s ease,transform .28s ease}
/* 图标 + 文字标签胶囊：标签字体恒为白色（默认/悬停/按下均不变红，不随主题色漂移） */
.jc-fab-item{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 18px 0 15px;border-radius:24px;background:var(--jc-navy);color:#fff;box-shadow:0 6px 18px rgba(var(--jc-navy-deep-rgb),.28);transition:background .2s,transform .2s,box-shadow .2s;position:relative;white-space:nowrap}
.jc-fab-item svg{flex:none}
.jc-fab-label{font-size:14px;font-weight:600;color:#fff;letter-spacing:.02em;line-height:1}
.jc-fab-item:hover,.jc-fab-item:focus-visible{background:var(--jc-navy-soft);color:#fff;transform:translateX(-3px)}
.jc-fab-item:hover .jc-fab-label,.jc-fab-item:focus-visible .jc-fab-label{color:#fff}
.jc-fab-item:active{transform:translateX(-3px) scale(.97)}
.jc-fab-item:active .jc-fab-label{color:#fff}
/* 电话项用强调色底，与留言/邮件区分 */
.jc-fab-tel{background:var(--jc-blue)}
.jc-fab-tel:hover,.jc-fab-tel:focus-visible{background:var(--jc-accent-hi);filter:none}
.jc-fab-tel:active{filter:brightness(.96)}
.jc-fab-toggle{width:48px;height:48px;border:1px solid var(--jc-line);background:#fff;color:var(--jc-navy);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(var(--jc-navy-deep-rgb),.14);transition:background .2s,color .2s,transform .2s}
.jc-fab-toggle:hover{background:var(--jc-navy);color:#fff}
.jc-fab-toggle svg{transition:transform .28s ease}
/* 收缩态：图标条右滑隐藏，仅留开关 */
.jc-fab.folded .jc-fab-main{opacity:0;pointer-events:none;transform:translateX(60px)}
.jc-fab.folded .jc-fab-toggle svg{transform:rotate(180deg)}
/* 电话/邮箱点击后弹出的值展示卡片（挂在工具条左侧） */
.jc-fab-pop{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);z-index:96;width:236px;background:#fff;border:1px solid var(--jc-line);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.16);padding:16px 18px;text-align:left;animation:jcFabPop .22s ease}
.jc-fab-pop[hidden]{display:none}
@keyframes jcFabPop{from{opacity:0;transform:translateY(-50%) translateX(8px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}
.jc-fab-pop-t{margin:0 0 6px;font-size:12px;color:var(--jc-muted);letter-spacing:.08em}
.jc-fab-pop-v{margin:0 0 12px;font-size:17px;font-weight:700;color:var(--jc-text);word-break:break-all;line-height:1.4}
.jc-fab-pop-copy{border:none;background:var(--jc-blue);color:#fff;font-size:13px;font-weight:600;padding:7px 20px;border-radius:20px;cursor:pointer;font-family:inherit;transition:filter .2s}
.jc-fab-pop-copy:hover{filter:brightness(1.1)}
@media (max-width:760px){.jc-fab,.jc-fab-pop{display:none}}

/* =========================================================
   企业视频  /video.html
   排版参照参考站：桌面 3 列（flex 0 0 33.3%）、封面宽幅比例 54%、
   居中圆形播放图标（hover 由 scale(0) 放大到 scale(1)）、
   标题 16px 居中、点击后固定黑色遮罩播放 + 白色胶囊关闭按钮
   ========================================================= */
.jc-video-main{padding:54px 0 84px}
/* 统计条 + 搜索 */
.jc-video-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:26px}
.jc-video-total{font-size:15px;color:var(--jc-muted)}
.jc-video-total b{color:var(--jc-navy);font-size:17px}
.jc-video-search{display:flex;align-items:center;gap:8px}
.jc-video-search input{height:38px;line-height:38px;padding:0 14px;border:1px solid var(--jc-line);border-radius:8px;font-size:14px;color:var(--jc-text);background:#fff;min-width:200px;outline:none;transition:border-color .2s}
.jc-video-search input:focus{border-color:var(--jc-blue)}
.jc-video-search button{height:38px;padding:0 20px;border:none;border-radius:8px;background:var(--jc-blue);color:#fff;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .2s}
.jc-video-search button:hover{filter:brightness(1.08)}
.jc-video-reset{font-size:13px;color:var(--jc-muted)}
.jc-video-reset:hover{color:var(--jc-blue)}

/* 网格：flex wrap + 每项 33.3%（等同参考站 .p_loopitem） */
.jc-video-list{display:flex;flex-wrap:wrap}
.jc-video-item{flex:0 0 33.3%;max-width:33.3%;margin-bottom:26px}
.jc-video-card{width:96%;margin:0 auto;background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;transition:box-shadow .28s,border-color .28s,transform .28s}
.jc-video-card:hover{box-shadow:var(--jc-shadow);border-color:var(--jc-blue);transform:translateY(-4px)}

/* 视频/封面区：padding-bottom 撑出 54% 宽幅比例 */
.jc-video-box{position:relative;display:block;width:100%;height:0;padding-bottom:54%;background:#0b0b0d;overflow:hidden;cursor:pointer}
.jc-video-cover{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);display:block;overflow:hidden}
.jc-video-cover img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);display:block;transition:transform .5s ease,opacity .3s}
.jc-video-card:hover .jc-video-cover img{transform:translate(-50%,-50%) scale(1.05)}
.jc-video-nocover{position:absolute;inset:0;background:linear-gradient(135deg,var(--jc-navy-deep) 0%,var(--jc-navy) 50%,var(--jc-navy-soft) 100%)}
/* 播放图标：默认缩小不可见，hover 放大（与参考站 scale(0)→scale(1) 一致） */
.jc-video-playico{position:absolute;left:50%;top:50%;width:74px;height:78px;transform:translate(-50%,-50%) scale(0);opacity:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .28s;z-index:3;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.35))}
.jc-video-card:hover .jc-video-playico{transform:translate(-50%,-50%) scale(1);opacity:1}
/* 外链卡片：图标常显，提示“点击跳转” */
.jc-video-playico-link{transform:translate(-50%,-50%) scale(.72);opacity:.85}
.jc-video-card:hover .jc-video-playico-link{transform:translate(-50%,-50%) scale(1);opacity:1}
/* 时长角标 */
.jc-video-dur{position:absolute;right:10px;bottom:10px;z-index:4;padding:3px 9px;border-radius:20px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;line-height:1.4;letter-spacing:.02em}

/* 标题 / 简介：居中，与参考站 .e_text-8 一致 */
.jc-video-title{margin:15px 0 0;padding:0 12px;text-align:center;font-size:16px;line-height:1.5;color:rgba(0,0,0,.8);font-weight:400;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:24px}
.jc-video-intro{margin:6px 0 15px;padding:0 14px;text-align:center;font-size:13px;line-height:1.6;color:var(--jc-muted);
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.jc-video-card:hover .jc-video-title{color:var(--jc-navy)}

/* 空态 */
.jc-video-empty{padding:70px 0;text-align:center;color:var(--jc-muted);font-size:15px}

/* 播放遮罩层 */
.jc-video-mask{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:24px}
.jc-video-mask.is-open{display:flex}
.jc-video-mask-box{width:100%;max-width:800px;background:#000;border-radius:6px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.jc-video-mask-box video{display:block;width:100%;max-height:76vh;background:#000}
/* 白色胶囊关闭按钮（参考站 .closeVideo） */
.jc-video-close{display:block;max-width:150px;width:auto;margin:0 auto;padding:10px 34px;border-radius:55px;background:#fff;color:#333;font-size:14px;text-align:center;cursor:pointer;transition:background .2s,transform .2s}
.jc-video-close:hover{background:#fff;transform:translateY(-2px)}

@media (max-width:992px){
    .jc-video-item{flex:0 0 50%;max-width:50%}
    .jc-video-main{padding:40px 0 60px}
}
@media (max-width:640px){
    .jc-video-item{flex:0 0 100%;max-width:100%;margin-bottom:20px}
    .jc-video-card{width:100%}
    .jc-video-bar{flex-direction:column;align-items:flex-start}
    .jc-video-search{width:100%}
    .jc-video-search input{flex:1;min-width:0}
    .jc-video-playico{transform:translate(-50%,-50%) scale(1);opacity:1;width:58px;height:61px}
    .jc-video-mask-box video{max-height:60vh}
}

/* ---------- 企业视频：详情页 /video/{id}.html ---------- */
.jc-inhero-sm{min-height:300px;padding:130px 0 80px}
.jc-video-detail{display:grid;grid-template-columns:1fr 300px;gap:36px;padding:46px 0 84px;align-items:start}
.jc-video-player{background:#000;border-radius:8px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.14)}
.jc-video-player video{display:block;width:100%;max-height:70vh;background:#000}
.jc-video-detail-title{margin:26px 0 12px;font-size:26px;line-height:1.4;color:var(--jc-navy);font-weight:700}
.jc-video-detail-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--jc-muted)}
.jc-video-badge{display:inline-block;padding:3px 12px;border-radius:20px;background:var(--jc-bg-soft);color:var(--jc-blue);font-weight:600}
.jc-video-detail-intro{margin-top:16px;font-size:15px;line-height:1.9;color:var(--jc-text);padding:18px 20px;background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius)}
.jc-video-back{display:inline-block;margin-top:24px;padding:9px 24px;border-radius:8px;background:var(--jc-blue);color:#fff !important;font-size:14px;transition:filter .2s}
.jc-video-back:hover{filter:brightness(1.08)}
/* 相关推荐侧栏 */
.jc-video-aside{position:sticky;top:92px;background:#fff;border:1px solid var(--jc-line);border-radius:var(--jc-radius);overflow:hidden;box-shadow:0 8px 22px rgba(var(--jc-navy-deep-rgb),.06)}
.jc-video-aside-hd{background:linear-gradient(120deg,var(--jc-navy),var(--jc-navy-soft));color:#fff;padding:16px 20px;font-size:16px;font-weight:700}
.jc-video-relist{list-style:none;margin:0;padding:8px}
.jc-video-relist li a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:8px;transition:background .2s}
.jc-video-relist li a:hover{background:var(--jc-bg-soft)}
.jc-video-rethumb{position:relative;flex:0 0 118px;width:118px;height:66px;border-radius:6px;overflow:hidden;background:#0b0b0d;display:block}
.jc-video-rethumb img{width:100%;height:100%;object-fit:cover;display:block}
.jc-video-reico{position:absolute;left:50%;top:50%;width:30px;height:32px;transform:translate(-50%,-50%) scale(.8);opacity:.9;transition:transform .28s}
.jc-video-relist li a:hover .jc-video-reico{transform:translate(-50%,-50%) scale(1)}
.jc-video-retxt{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.jc-video-rename{font-size:14px;line-height:1.5;color:var(--jc-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jc-video-redur{font-size:12px;color:var(--jc-muted)}
@media (max-width:980px){
    .jc-video-detail{grid-template-columns:1fr;gap:26px;padding:34px 0 60px}
    .jc-video-aside{position:static}
    .jc-inhero-sm{min-height:240px;padding:110px 0 60px}
}

/* =========================================================
   视频第一帧封面 + 富文本媒体约束（2026-10-20）
   ========================================================= */
/* 文章列表卡片：无封面时用视频第一帧当封面 */
.jc-card .thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;background:var(--jc-bg-soft)}
/* 企业视频卡片：无封面时用第一帧 */
.jc-video-cover video.jc-video-firstframe{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);display:block;pointer-events:none;background:#0b0b0d}
/* 文章正文内嵌视频/音频/iframe：不再满屏，限宽居中 */
.jc-rich video{display:block;max-width:720px;width:100%;height:auto;margin:20px auto;border-radius:10px;background:#000;box-shadow:var(--jc-shadow)}
.jc-rich audio{display:block;width:100%;max-width:720px;margin:14px auto}
.jc-rich iframe{max-width:100%}
@media (max-width:640px){
    .jc-rich video{max-width:100%;border-radius:8px}
}