@charset "utf-8";
/* ==========================================================================
   凌柒网络 —— 前台样式
   参考对标站点视觉语言：蓝色主色 + 浅灰底 + 卡片式列表
   ========================================================================== */
:root{
  --primary:#2369e6;
  --primary-dark:#1b52b8;
  --primary-deep:#2446ce;
  --primary-light:#eaf1ff;
  --red:#eb0000;
  --orange:#eb6100;
  --text:#666666;
  --text-2:#999999;
  --title:#222222;
  --line:#e5e5e5;
  --bg:#f1f5fa;
  --dark:#1f1f24;
}
*,*::before,*::after{box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
img{border:0;max-width:100%;vertical-align:middle;}
input,button,select,textarea{outline:none;font-family:inherit;}
button{border:none;background:none;cursor:pointer;}
a{color:#666;text-decoration:none;transition:color .2s;}
a:hover{color:var(--primary);}
body{
  font-size:14px;color:var(--text);line-height:24px;
  font-family:"Microsoft YaHei","PingFang SC",Verdana,Simsun,sans-serif;
  background:var(--bg);-webkit-font-smoothing:antialiased;
}
.container{width:1200px;max-width:100%;margin:0 auto;padding:0 12px;}
.clearfix::after{content:"";display:block;height:0;clear:both;visibility:hidden;}
main{display:block;}

/* ---------------- 顶部提示条 ---------------- */
.topbar{background:#2a2a31;color:#9a9aa2;font-size:12px;line-height:34px;}
.topbar .container{display:flex;justify-content:space-between;align-items:center;}
.topbar a{color:#9a9aa2;}
.topbar a:hover{color:#fff;}
.topbar i{margin:0 8px;color:#4a4a52;font-style:normal;}
.topbar b{color:#ffd166;font-weight:600;}

/* ---------------- 头部 ---------------- */
.site-header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);position:relative;z-index:20;}
.header2{display:flex;align-items:center;gap:24px;height:86px;}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto;}
.logo-mark{
  width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#fff;
  font-size:17px;font-weight:700;letter-spacing:1px;
}
.logo-text b{display:block;font-size:22px;color:var(--title);letter-spacing:2px;line-height:26px;}
.logo-text em{display:block;font-style:normal;font-size:12px;color:var(--text-2);letter-spacing:1px;}
.tel{margin-left:6px;padding-left:20px;border-left:1px solid var(--line);line-height:1.4;}
.tel span{display:block;font-size:12px;color:var(--text-2);}
.tel b{display:block;font-size:20px;color:var(--primary);letter-spacing:1px;}
.header-search{margin-left:auto;}
.header-search form{display:flex;border:2px solid var(--primary);border-radius:4px;overflow:hidden;}
.header-search input{width:250px;height:36px;border:none;padding:0 12px;font-size:13px;background:#fff;}
.header-search button{width:72px;background:var(--primary);color:#fff;font-size:14px;}
.header-search button:hover{background:var(--primary-dark);}

/* 主导航 */
.site-nav{background:var(--primary);}
.site-nav ul{display:flex;flex-wrap:wrap;}
.site-nav li a{
  display:block;padding:0 19px;height:46px;line-height:46px;color:#fff;font-size:15px;
}
.site-nav li a:hover{background:rgba(0,0,0,.14);color:#fff;}
.site-nav li.on a{background:rgba(0,0,0,.18);font-weight:600;}
.site-nav li.nav-cta a{background:var(--orange);}
.site-nav li.nav-cta a:hover{background:#c95200;}
.site-nav li.nav-cta2 a{background:#12a05c;}
.site-nav li.nav-cta2 a:hover{background:#0d7d48;}

/* ---------------- Banner ---------------- */
.banner{
  min-height:470px;padding:30px 0;
  background:
    radial-gradient(900px 320px at 12% -10%,rgba(36,70,206,.55),transparent 60%),
    radial-gradient(700px 300px at 88% 0%,rgba(35,105,230,.45),transparent 60%),
    linear-gradient(120deg,#12265c 0%,#1c3f9e 45%,#2369e6 100%);
}
.banner .container{display:flex;gap:0;background:rgba(255,255,255,.06);border-radius:10px;overflow:hidden;}
.banner .left{width:238px;flex:0 0 238px;background:linear-gradient(180deg,#2446ce,#1b39b0);border-radius:10px 0 0 10px;}
.banner .left .top{height:52px;line-height:52px;color:#fff;font-size:16px;padding:0 16px;font-weight:600;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.12);}
.banner .left .middle{padding:16px;text-align:center;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.12);}
.banner .left .middle>div{font-size:13px;color:#c9d6ff;}
.banner .left .middle .num{font-size:24px;color:#ffd166;font-weight:700;margin:4px 0;}
.banner .left .middle .btn{display:inline-block;margin-top:10px;width:150px;height:32px;line-height:32px;border-radius:18px;background:#fff;color:var(--primary-deep);font-size:13px;font-weight:600;}
.banner .left .middle .btn:hover{background:#ffd166;color:#1b39b0;}
.banner .left .bottom{padding:10px 14px 16px;}
.banner .left .bottom .dynamic{height:34px;line-height:34px;color:#ffd166;font-size:13px;border-bottom:1px solid rgba(255,255,255,.15);}
.banner .left .bottom li{
  color:#dbe4ff;font-size:12px;line-height:18px;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.14);
}
.banner .left .bottom li .time{display:inline-block;background:rgba(255,255,255,.16);border-radius:3px;padding:0 5px;margin-right:6px;font-size:11px;}
.scroll-list{max-height:210px;overflow:hidden;}

.banner .right{flex:1;background:#fff;border-radius:0 10px 10px 0;padding-bottom:12px;}
.banner .right .search{display:flex;align-items:center;height:52px;border-bottom:1px solid var(--primary-light);position:relative;}
.banner .right .search input{flex:1;height:100%;border:none;padding:0 20px;font-size:15px;}
.banner .right .search input::placeholder{color:#c3c9d4;}
.banner .right .search .goSearch{width:96px;height:36px;background:var(--primary);color:#fff;font-size:15px;border-radius:4px;margin-right:8px;}
.banner .right .search .goSearch:hover{background:var(--primary-dark);}
.banner .right .search .sale{width:104px;height:36px;line-height:36px;text-align:center;background:var(--orange);color:#fff;font-size:14px;border-radius:4px;margin-right:16px;}
.banner .right .search .sale:hover{background:#c95200;color:#fff;}
.banner .right .lister{display:flex;align-items:flex-start;padding:9px 18px;border-bottom:1px dashed var(--line);font-size:13px;}
.banner .right .lister .lbl{flex:0 0 74px;color:var(--text-2);line-height:26px;}
.banner .right .lister .chips{display:flex;flex-wrap:wrap;gap:2px;}
.banner .right .lister .chips a{display:block;padding:0 10px;line-height:26px;border-radius:3px;color:#4a5a72;}
.banner .right .lister .chips a:hover{background:var(--primary-light);color:var(--primary);}
.banner .right .lister .chips a.on{background:var(--primary);color:#fff;}
.banner .right .price-row{flex-wrap:wrap;}
.banner .right .price-form{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.banner .right .price-form input{width:88px;height:28px;border:1px solid var(--line);border-radius:3px;padding:0 8px;font-size:13px;}
.banner .right .price-form .fans-in{width:96px;}
.banner .right .price-form .unit{color:var(--text-2);font-size:12px;}
.banner .right .price-form button{height:28px;padding:0 16px;background:var(--primary);color:#fff;border-radius:3px;font-size:13px;}
.banner .right .list3 .idx{display:flex;flex-wrap:wrap;gap:6px 18px;color:#555;}
.banner .right .list3 .idx b{color:var(--red);font-size:15px;}

/* ---------------- 通用区块标题 ---------------- */
.sec-head{text-align:center;padding:34px 0 20px;}
.sec-head .sh-cn{font-size:26px;color:var(--title);font-weight:700;letter-spacing:2px;}
.sec-head .sh-en{font-size:12px;color:#b9c1cf;letter-spacing:4px;margin-top:2px;}
.sec-head .sh-sub{font-size:13px;color:var(--text-2);margin-top:6px;}
.sec-title{font-size:17px;color:var(--title);border-left:4px solid var(--primary);padding-left:10px;margin-bottom:14px;line-height:20px;}

/* ---------------- 商品列表（首页 / 列表页） ---------------- */
.lists{margin-top:26px;}
.lists .head{background:#fff;border-bottom:1px dashed var(--line);}
.lists .head .container{display:flex;align-items:center;height:52px;gap:22px;}
.lists .head .sort{font-size:15px;color:var(--text);}
.lists .head .sort.active{color:var(--red);font-weight:700;}
.lists .head .more{margin-left:auto;color:var(--primary);font-size:13px;}
.list{
  display:flex;align-items:center;background:#fff;border-radius:6px;margin-bottom:12px;padding:18px 22px;
  transition:box-shadow .2s,transform .2s;
}
.list:hover{box-shadow:0 6px 22px rgba(35,105,230,.12);transform:translateY(-1px);}
.list .left{flex:1;min-width:0;}
.list .left .tit a{font-size:17px;font-weight:700;color:var(--title);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list .left .tit a:hover{color:var(--primary);}
.list .left .meta{display:flex;flex-wrap:wrap;margin-top:12px;}
.list .left .meta li{padding:0 22px;border-right:1px solid var(--line);font-size:13px;color:var(--text-2);line-height:1.5;}
.list .left .meta li:first-child{padding-left:0;}
.list .left .meta li:last-child{border-right:none;}
.list .left .meta li div:last-child{color:#111;font-size:16px;font-weight:600;margin-top:2px;}
.list .left .meta li:first-child div:last-child{color:var(--red);}
.list .right{flex:0 0 220px;text-align:right;}
.list .right .price{font-size:24px;color:var(--red);font-weight:700;line-height:1.2;}
.list .right .sub{font-size:12px;color:var(--text-2);margin:4px 0 10px;}
.list .right .act{display:flex;gap:8px;justify-content:flex-end;}
.btn-detail,.btn-ask{display:inline-block;height:32px;line-height:32px;padding:0 16px;border-radius:4px;font-size:13px;}
.btn-detail{background:var(--primary);color:#fff;}
.btn-detail:hover{background:var(--primary-dark);color:#fff;}
.btn-ask{background:#fff;border:1px solid var(--primary);color:var(--primary);}
.btn-ask:hover{background:var(--primary-light);}
.list-footer{text-align:center;padding:18px 0 6px;}
.list-footer .more-all{display:inline-block;padding:0 26px;height:38px;line-height:38px;border:1px solid var(--primary);border-radius:19px;color:var(--primary);}
.list-footer .more-all:hover{background:var(--primary);color:#fff;}

/* ---------------- 还没找到合适的账号 ---------------- */
.found{padding:34px 0 10px;}
.found .f-tit{text-align:center;font-size:18px;font-weight:700;color:var(--title);}
.found .f-sub{text-align:center;color:var(--text-2);font-size:13px;margin:4px 0 22px;}
.found ul{display:flex;gap:12px;}
.found li{flex:1;background:#fff;border-radius:8px;padding:26px 24px;position:relative;overflow:hidden;}
.found li .n{font-size:26px;color:#dbe6f8;font-weight:700;font-family:Arial;}
.found li .t{font-size:19px;color:var(--title);font-weight:600;margin-top:6px;}
.found li .d{font-size:13px;color:var(--text-2);margin:8px 0 16px;min-height:40px;}
.found li a,.found li button{display:inline-block;padding:0 22px;height:36px;line-height:36px;border:1px solid var(--primary);border-radius:18px;color:var(--primary);font-size:14px;}
.found li a:hover,.found li button:hover{background:var(--primary);color:#fff;}

/* ---------------- 卡片网格（热门推荐 / 相关推荐） ---------------- */
.two{padding-bottom:10px;}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.card{background:#fff;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;}
.card:hover{box-shadow:0 8px 26px rgba(35,105,230,.14);transform:translateY(-2px);}
.card .cover{display:block;height:158px;background:linear-gradient(135deg,#dbe6f8,#eef4ff);position:relative;overflow:hidden;}
.card .cover img{width:100%;height:100%;object-fit:cover;}
.card .cover .tag{position:absolute;left:0;top:10px;background:var(--primary);color:#fff;font-size:12px;padding:2px 10px;border-radius:0 10px 10px 0;}
.card .cbody{padding:12px 14px 16px;display:flex;flex-direction:column;flex:1;}
.card .ctit{font-size:14px;color:var(--title);font-weight:600;line-height:20px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card .cprice{color:var(--red);font-size:19px;font-weight:700;margin:8px 0;}
.card .cprice em{font-style:normal;font-size:11px;color:var(--text-2);font-weight:400;}
.card .cmeta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px;}
.card .cmeta li{font-size:12px;color:var(--text-2);background:#f6f8fc;border-radius:3px;padding:2px 8px;}
.card .cmeta li b{color:#111;font-weight:600;}
.card .cact{display:flex;gap:8px;margin-top:auto;}
.card .cact a,.card .cact button{flex:1;text-align:center;height:30px;line-height:30px;border-radius:4px;font-size:13px;}
.card .cact .b1{background:var(--orange);color:#fff;}
.card .cact .b1:hover{background:#c95200;color:#fff;}
.card .cact .b2{background:var(--primary);color:#fff;}
.card .cact .b2:hover{background:var(--primary-dark);color:#fff;}

/* ---------------- 资讯 ---------------- */
.news-sec .news-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:16px;flex-wrap:wrap;}
.news-sec .news-tabs a{font-size:14px;color:var(--text);padding:2px 4px;}
.news-sec .news-tabs a:hover,.news-sec .news-tabs a.on{color:var(--primary);font-weight:600;}
.news-sec .news-tabs .more{margin-left:auto;color:var(--primary);}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 26px;}
.news-item{background:#fff;border-radius:6px;padding:12px 16px;display:flex;align-items:center;gap:12px;}
.news-item .ntit{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-item .ntit:hover{color:var(--primary);}
.news-item .nmeta{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-2);}
.news-item .cate{background:var(--primary-light);color:var(--primary);border-radius:3px;padding:1px 7px;}
.news-item .arrow{color:#c9d3e2;}

/* ---------------- FAQ ---------------- */
.faq-sec{padding:10px 0 30px;}
.faq-list{background:#fff;border-radius:8px;padding:6px 22px;}
.faq-item{border-bottom:1px dashed var(--line);}
.faq-item:last-child{border-bottom:none;}
.faq-item .q{font-size:15px;color:var(--title);font-weight:600;padding:14px 0;cursor:pointer;position:relative;padding-right:26px;}
.faq-item .q::after{content:"+";position:absolute;right:4px;top:14px;color:var(--primary);font-size:18px;font-weight:400;}
.faq-item.open .q::after{content:"–";}
.faq-item .a{display:none;font-size:13px;color:var(--text);padding:0 0 14px;line-height:1.9;}
.faq-item.open .a{display:block;}
.faq-more{text-align:center;margin-top:16px;}
.faq-more a{color:var(--primary);}

/* ---------------- 通栏 ---------------- */
.merchant{
  min-height:180px;padding:46px 0;text-align:center;
  background:linear-gradient(120deg,#12265c,#2369e6);
}
.merchant .m-tit{color:#fff;font-size:28px;letter-spacing:8px;}
.merchant .m-tit span{font-size:46px;color:#ffd166;letter-spacing:6px;}
.merchant .m-box{display:inline-block;margin-top:18px;padding:0 34px;height:52px;line-height:52px;border:1px dashed rgba(255,255,255,.7);border-radius:26px;color:#fff;font-size:18px;letter-spacing:6px;}

/* ---------------- 友情链接 ---------------- */
.cooperation{background:#fff;padding:26px 0 34px;}
.co-head{font-size:15px;color:var(--title);font-weight:600;border-left:4px solid var(--primary);padding-left:10px;margin-bottom:14px;}
.co-list{display:flex;flex-wrap:wrap;gap:8px 18px;}
.co-list a{font-size:13px;color:#6b7280;}
.co-list a:hover{color:var(--primary);}

/* ---------------- 数据条 ---------------- */
.statbar{background:#fff;border-top:1px solid var(--line);padding:26px 0;}
.statbar .container{display:flex;justify-content:space-around;flex-wrap:wrap;gap:16px;}
.statbar .sb-item{text-align:center;}
.statbar .sb-item b{display:block;font-size:28px;color:var(--primary);font-weight:700;font-family:Arial;}
.statbar .sb-item span{font-size:13px;color:var(--text-2);}

/* ---------------- 页脚 ---------------- */
footer{background:var(--dark);color:#8b8b95;padding:40px 0 24px;font-size:13px;}
footer .top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;}
footer .list{flex:1;min-width:0;}
footer .list ul{display:flex;flex-wrap:wrap;gap:10px 0;}
footer .list li{width:150px;}
footer .list dt{color:#d7d7de;font-size:15px;margin-bottom:12px;}
footer .list dd{line-height:26px;}
footer .list dd a{color:#8b8b95;}
footer .list dd a:hover{color:#fff;}
footer .right .qr{text-align:center;}
footer .right .qr-box{
  width:118px;height:118px;padding:5px;margin:0 auto 8px;border-radius:8px;background:#fff;
  display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;
  transition:box-shadow .2s,transform .2s;
}
footer .right .qr-box img{width:100%;height:100%;object-fit:contain;display:block;}
footer .right .qr-box .qr-ph{
  width:100%;height:100%;border-radius:6px;color:#8b8b95;font-size:12px;line-height:1.7;
  display:flex;align-items:center;justify-content:center;text-align:center;
  background:#2c2c34;
  background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%),
                   linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.05) 75%);
  background-size:14px 14px;background-position:0 0,7px 7px;
}
footer .right .qr-box:hover{box-shadow:0 0 0 3px rgba(35,105,230,.55);transform:translateY(-2px);}
footer .right .qr-tip{font-size:12px;color:#7c7c86;margin-bottom:8px;}
footer .bottom{border-top:1px solid #2c2c30;margin-top:26px;padding-top:20px;line-height:24px;}
footer .links{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding-bottom:12px;border-bottom:1px dashed #2c2c30;margin-bottom:14px;}
footer .links .lb{color:#d7d7de;}
footer .links a{color:#8b8b95;}
footer .links a.apply{color:var(--primary);}
footer .kwlinks{display:flex;flex-wrap:wrap;gap:6px 14px;padding-bottom:14px;}
footer .kwlinks a{font-size:12px;color:#6f6f79;}
footer .kwlinks a:hover{color:#fff;}
footer .copy{color:#6f6f79;font-size:12px;line-height:22px;}
footer .copy .disc{color:#5f5f68;}
footer .copy .cr{margin-top:8px;}
footer .copy .cr a{color:#8b8b95;margin-left:8px;}
footer .copy .rec{margin-left:8px;}

/* ---------------- 移动端快捷条 ---------------- */
.mobile-bar{display:none;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);z-index:60;}
.mobile-bar a{flex:1;text-align:center;padding:10px 0;font-size:13px;color:#444;}
.mobile-bar a+a{border-left:1px solid var(--line);}

/* ==========================================================================
   内页通用
   ========================================================================== */
.page-wrap{padding:18px 0 40px;}
.crumb{font-size:13px;color:var(--text-2);padding:12px 0 16px;}
.crumb a{color:var(--text-2);}
.crumb a:hover{color:var(--primary);}
.crumb span{color:var(--text-2);}

/* 筛选面板 */
.filter-panel{background:#fff;border-radius:8px;padding:6px 18px;margin-bottom:14px;}
.f-row{display:flex;padding:10px 0;border-bottom:1px dashed var(--line);}
.f-row:last-child{border-bottom:none;}
.f-lbl{flex:0 0 84px;color:var(--text-2);line-height:28px;}
.f-con{flex:1;display:flex;flex-wrap:wrap;gap:2px;align-items:center;}
.f-con a{display:block;padding:0 12px;line-height:28px;border-radius:3px;color:#4a5a72;}
.f-con a:hover{background:var(--primary-light);color:var(--primary);}
.f-con a.on{background:var(--primary);color:#fff;}
.f-search{display:flex;gap:8px;margin-right:16px;}
.f-search input{width:240px;height:30px;border:1px solid var(--line);border-radius:3px;padding:0 10px;}
.f-search button{height:30px;padding:0 18px;background:var(--primary);color:#fff;border-radius:3px;}
.f-clear{color:var(--primary)!important;padding:0 4px!important;}

/* 排序条 */
.sort-bar{display:flex;align-items:center;gap:8px;background:#fff;border-radius:8px;padding:10px 18px;margin-bottom:12px;flex-wrap:wrap;}
.sort-bar a{display:block;padding:0 14px;line-height:30px;border-radius:3px;color:#4a5a72;font-size:13px;}
.sort-bar a:hover{background:var(--primary-light);color:var(--primary);}
.sort-bar a.on{background:var(--primary);color:#fff;}
.sort-bar .count{margin-left:auto;font-size:13px;color:var(--text-2);}
.sort-bar .count b{color:var(--red);}

.empty{background:#fff;border-radius:8px;padding:60px 20px;text-align:center;color:var(--text-2);}
.empty a{color:var(--primary);}

/* 分页 */
#pages{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:22px 0 6px;}
#pages a{min-width:32px;height:32px;line-height:32px;padding:0 10px;text-align:center;background:#fff;border-radius:4px;color:#666;font-size:13px;font-family:Arial;}
#pages a.active,#pages a:not(.no):hover{background:var(--primary);color:#fff;}
#pages .no{cursor:not-allowed;color:#bbb;}

/* ---------------- 商品详情 ---------------- */
.preview-bar{background:#fff8e6;border:1px solid #ffe1a8;color:#a9741a;border-radius:6px;padding:10px 16px;margin-bottom:14px;font-size:13px;}
.detail-box{display:flex;gap:26px;background:#fff;border-radius:8px;padding:24px;margin-bottom:18px;}
.d-left{flex:0 0 300px;}
.d-cover{height:240px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#dbe6f8,#eef4ff);position:relative;}
.d-cover img{width:100%;height:100%;object-fit:cover;}
.d-tag{position:absolute;left:0;top:12px;background:var(--primary);color:#fff;font-size:13px;padding:3px 12px;border-radius:0 12px 12px 0;}
.d-price{margin-top:14px;background:#fff8f8;border:1px solid #ffdede;border-radius:6px;padding:12px 14px;}
.d-price .lab{font-size:12px;color:var(--text-2);}
.d-price .val{font-size:30px;color:var(--red);font-weight:700;line-height:1.3;}
.d-price .tagline{font-size:12px;color:var(--orange);margin-top:4px;}
.d-promise{margin-top:12px;font-size:12px;color:var(--text-2);line-height:1.8;background:#f6f8fc;border-radius:6px;padding:10px 12px;}
.d-right{flex:1;min-width:0;}
.d-title{font-size:22px;color:var(--title);line-height:32px;font-weight:700;}
.d-sub{font-size:12px;color:var(--text-2);margin:8px 0 14px;}
.d-intro{background:#f6f8fc;border-radius:6px;padding:12px 14px;font-size:13px;color:#555;line-height:1.9;}
.d-intro .lab{color:var(--primary);font-weight:600;}
.d-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:6px;overflow:hidden;margin:16px 0;}
.d-specs li{background:#fff;padding:10px 14px;}
.d-specs li span{display:block;font-size:12px;color:var(--text-2);}
.d-specs li b{font-size:14px;color:#111;}
.d-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;}
.d-actions .btn-main{display:inline-block;height:44px;line-height:44px;padding:0 28px;background:var(--primary);color:#fff;border-radius:6px;font-size:15px;}
.d-actions .btn-main:hover{background:var(--primary-dark);color:#fff;}
.d-actions .btn-sub{display:inline-block;height:44px;line-height:44px;padding:0 24px;background:var(--orange);color:#fff;border-radius:6px;font-size:15px;}
.d-actions .btn-sub:hover{background:#c95200;color:#fff;}
.d-actions .btn-fav{height:44px;padding:0 22px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#666;font-size:15px;}

.detail-body{display:flex;gap:20px;margin-bottom:20px;}
.db-main{flex:1;background:#fff;border-radius:8px;padding:22px;min-width:0;}
.db-side{flex:0 0 300px;}
.db-side .tips{background:#fff;border-radius:8px;padding:16px 18px;font-size:13px;color:#666;line-height:2;}
.db-side .tips li{padding-left:14px;position:relative;}
.db-side .tips li::before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:var(--primary);}
.side-cta{margin-top:14px;background:#fff;border-radius:8px;padding:20px;text-align:center;}
.side-cta p{color:var(--text-2);font-size:13px;margin-bottom:10px;}
.side-cta a{display:inline-block;padding:0 22px;height:38px;line-height:38px;background:var(--primary);color:#fff;border-radius:19px;}
.side-cta a:hover{background:var(--primary-dark);color:#fff;}
.rich{font-size:15px;color:#444;line-height:2.05;}
.rich p{margin-bottom:14px;}
.rich h3{font-size:17px;color:var(--title);margin:18px 0 10px;padding-left:10px;border-left:4px solid var(--primary);}
.rich img{max-width:100%;height:auto;}

/* ---------------- 资讯 / 单页 布局 ---------------- */
.news-layout,.page-layout,.form-layout{display:flex;gap:20px;align-items:flex-start;}
.nl-main,.pl-main,.fl-main{flex:1;min-width:0;background:#fff;border-radius:8px;padding:22px;}
.nl-side,.pl-side,.fl-side{flex:0 0 290px;}
.side-box{background:#fff;border-radius:8px;padding:16px 18px;margin-bottom:14px;}
.side-box h3{font-size:15px;color:var(--title);border-left:4px solid var(--primary);padding-left:10px;margin-bottom:12px;line-height:18px;}
.side-box ul li{line-height:32px;border-bottom:1px dashed var(--line);font-size:13px;}
.side-box ul li:last-child{border-bottom:none;}
.side-box ul li.on a{color:var(--primary);font-weight:600;}
.side-box.cta{text-align:center;}
.side-box.cta p{color:var(--text-2);font-size:13px;margin-bottom:8px;}
.side-box.cta .phone{display:block;font-size:20px;color:var(--primary);margin-bottom:10px;}
.side-box.cta a{display:inline-block;padding:0 20px;height:36px;line-height:36px;background:var(--primary);color:#fff;border-radius:18px;}
.side-box.cta a:hover{background:var(--primary-dark);color:#fff;}
.contact-list li{line-height:30px;color:var(--text-2);}
.contact-list li b{color:#333;font-weight:600;}

.news-list .nl-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px dashed var(--line);}
.news-list .nl-item:last-child{border-bottom:none;}
.nl-cover{flex:0 0 180px;height:112px;border-radius:6px;overflow:hidden;background:linear-gradient(135deg,#dbe6f8,#eef4ff);}
.nl-cover img{width:100%;height:100%;object-fit:cover;}
.nl-body{flex:1;min-width:0;}
.nl-tit{font-size:16px;color:var(--title);font-weight:600;display:block;line-height:24px;}
.nl-tit:hover{color:var(--primary);}
.nl-sum{font-size:13px;color:var(--text-2);line-height:1.9;margin:6px 0;}
.nl-meta{display:flex;gap:14px;font-size:12px;color:var(--text-2);}
.nl-meta .cate{background:var(--primary-light);color:var(--primary);border-radius:3px;padding:1px 7px;}

.article .art-title{font-size:24px;color:var(--title);line-height:1.5;font-weight:700;}
.art-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--text-2);padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:16px;}
.art-sum{background:#f6f8fc;border-left:3px solid var(--primary);border-radius:4px;padding:12px 14px;font-size:14px;color:#555;line-height:1.9;margin-bottom:16px;}
.art-nav{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px dashed var(--line);font-size:13px;color:var(--text-2);}
.art-nav a{color:var(--primary);}
.art-rel{margin-top:22px;}
.art-rel h3{font-size:16px;color:var(--title);border-left:4px solid var(--primary);padding-left:10px;margin-bottom:10px;line-height:18px;}
.art-rel li{display:flex;justify-content:space-between;gap:12px;line-height:32px;border-bottom:1px dashed var(--line);font-size:13px;}
.art-rel li span{color:var(--text-2);flex:0 0 auto;}

.page-title{font-size:24px;color:var(--title);font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line);}

/* ---------------- 表单 ---------------- */
.form-desc{color:var(--text-2);font-size:13px;margin-bottom:18px;}
.lq-form .fld{margin-bottom:16px;}
.lq-form .fld label{display:block;font-size:14px;color:#333;margin-bottom:6px;}
.lq-form .fld label em{color:var(--red);font-style:normal;}
.lq-form .fld input,.lq-form .fld textarea{width:100%;border:1px solid var(--line);border-radius:5px;padding:10px 12px;font-size:14px;color:#333;background:#fff;}
.lq-form .fld input:focus,.lq-form .fld textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(35,105,230,.1);}
.lq-form .fld-row{display:flex;gap:16px;}
.lq-form .fld-row .fld{flex:1;}
.fld-submit{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.fld-submit .btn-main{height:44px;padding:0 44px;background:var(--primary);color:#fff;border-radius:6px;font-size:15px;}
.fld-submit .btn-main:hover{background:var(--primary-dark);}
.fld-submit .note{font-size:12px;color:var(--text-2);}
.fld-submit .note a{color:var(--primary);}

.flash{border-radius:6px;padding:12px 18px;margin:12px 0;font-size:14px;}
.flash.ok{background:#e9f9ef;color:#12864f;border:1px solid #bfe9d1;}
.flash.err{background:#fdeaea;color:#c0392b;border:1px solid #f5c6c6;}

/* ---------------- 404 ---------------- */
.e404{background:#fff;border-radius:8px;padding:70px 20px;text-align:center;}
.e404 .code{font-size:86px;color:var(--primary);font-family:Arial;font-weight:700;line-height:1;}
.e404 h1{font-size:20px;color:var(--title);margin:14px 0 6px;}
.e404 p{color:var(--text-2);}
.e404-act{display:flex;gap:12px;justify-content:center;margin-top:22px;}
.e404-act .btn-main{display:inline-block;height:42px;line-height:42px;padding:0 30px;background:var(--primary);color:#fff;border-radius:6px;}
.e404-act .btn-sub{display:inline-block;height:42px;line-height:42px;padding:0 30px;border:1px solid var(--primary);color:var(--primary);border-radius:6px;}

/* ---------------- 微信二维码弹窗 ---------------- */
.lq-modal{position:fixed;inset:0;z-index:900;display:none;}
.lq-modal.show{display:block;}
.lq-modal-mask{position:absolute;inset:0;background:rgba(17,24,39,.55);animation:lqFade .18s ease-out;}
.lq-modal-box{
  position:relative;width:340px;max-width:92vw;margin:8vh auto 0;background:#fff;border-radius:14px;
  padding:26px 24px 20px;text-align:center;box-shadow:0 24px 60px rgba(0,0,0,.3);
  animation:lqPop .22s cubic-bezier(.2,.9,.3,1.2);
}
.lq-modal-x{
  position:absolute;right:10px;top:8px;width:30px;height:30px;border-radius:50%;
  font-size:20px;line-height:1;color:#9aa3b2;background:transparent;
}
.lq-modal-x:hover{background:#f1f4f9;color:#444;}
.lq-modal-title{font-size:17px;font-weight:700;color:var(--title);margin-bottom:14px;}
.lq-modal-qr{
  width:232px;height:232px;margin:0 auto;border:1px solid var(--line);border-radius:10px;
  padding:8px;background:#fff;display:flex;align-items:center;justify-content:center;
}
.lq-modal-qr img{width:100%;height:100%;object-fit:contain;}
.lq-modal-qr .qr-empty{
  color:var(--text-2);font-size:13px;line-height:2;
  width:100%;height:100%;border:1px dashed #cfd8e6;border-radius:8px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.lq-modal-qr .qr-empty span{font-size:12px;color:#b3bccb;}
.lq-modal-id{margin-top:14px;font-size:14px;color:#555;}
.lq-modal-id b{color:var(--primary);font-size:16px;letter-spacing:.5px;}
.lq-modal-tip{margin-top:8px;font-size:12px;color:var(--orange);background:#fff8ef;border-radius:5px;padding:6px 10px;line-height:1.7;}
.lq-modal-foot{
  margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);
  display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--text-2);flex-wrap:wrap;
}
.lq-modal-foot b{color:#333;}
.lq-modal-foot a{color:var(--primary);}
@keyframes lqFade{from{opacity:0}to{opacity:1}}
@keyframes lqPop{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}
@media screen and (max-width:640px){
  .lq-modal-box{margin-top:6vh;padding:22px 18px 16px;}
  .lq-modal-qr{width:200px;height:200px;}
}

/* ---------------- 响应式 ---------------- */
@media screen and (max-width:1240px){
  .container{width:100%;}
}
@media screen and (max-width:980px){
  .grid{grid-template-columns:repeat(2,1fr);}
  .header2{flex-wrap:wrap;height:auto;padding:12px 0;gap:12px;}
  .header-search{margin-left:0;width:100%;}
  .header-search input{width:100%;}
  .banner .container{flex-direction:column;}
  .banner .left{width:100%;flex:none;border-radius:10px 10px 0 0;}
  .banner .right{border-radius:0 0 10px 10px;}
  .detail-box{flex-direction:column;}
  .d-left{flex:none;}
  .d-specs{grid-template-columns:repeat(2,1fr);}
  .detail-body{flex-direction:column;}
  .db-side{flex:none;}
  .news-layout,.page-layout,.form-layout{flex-direction:column;}
  .nl-side,.pl-side,.fl-side{flex:none;width:100%;}
  .news-grid{grid-template-columns:1fr;}
  footer .list li{width:50%;}
}
@media screen and (max-width:640px){
  body{font-size:13px;}
  .topbar{display:none;}
  .site-nav ul{overflow-x:auto;flex-wrap:nowrap;}
  .site-nav li a{padding:0 12px;font-size:14px;white-space:nowrap;}
  .grid{grid-template-columns:1fr;}
  .list{flex-direction:column;align-items:stretch;}
  .list .right{flex:none;text-align:left;margin-top:12px;}
  .list .right .act{justify-content:flex-start;}
  .list .left .meta li{padding:0 10px;font-size:12px;}
  .found ul{flex-direction:column;}
  .d-specs{grid-template-columns:1fr;}
  .banner .right .lister{flex-direction:column;gap:6px;}
  .banner .right .lister .lbl{flex:none;}
  .mobile-bar{display:flex;}
  main{padding-bottom:46px;}
  .merchant .m-tit span{font-size:30px;}
  .merchant .m-box{font-size:14px;letter-spacing:2px;}
}