/* ============================================================
   cdjk 模板 - 页脚 + 内页公共样式
   ============================================================ */

/* ===== 页脚 ===== */
.jk-footer{background:#16181d;color:#9aa0aa;}
.jk-footer a{color:#9aa0aa;}
.jk-footer a:hover{color:#ff8a00;text-decoration:none;}
.jk-footer-top{padding:55px 0 40px;}
.jk-f-item h4{color:#fff;font-size:16px;margin-bottom:20px;padding-bottom:12px;position:relative;}
.jk-f-item h4:after{content:'';position:absolute;left:0;bottom:0;width:36px;height:2px;background:#ff8a00;}
.jk-f-item ul{list-style:none;padding:0;margin:0;}
.jk-f-item ul li{padding:5px 0;font-size:13px;line-height:1.9;}
.jk-f-item ul li a{color:#9aa0aa;}
.jk-f-item ul li a:hover{color:#ff8a00;padding-left:5px;}
.jk-f-logo img{height:38px;}
.jk-f-about>p{margin:15px 0 18px;font-size:13px;line-height:1.9;}
.jk-f-ewms{display:flex;}
.jk-f-ewm{width:90px;text-align:center;}
.jk-f-ewm img{width:90px;height:90px;border:3px solid #333;border-radius:4px;}
.jk-f-ewm span{font-size:12px;margin-top:8px;display:block;}
.jk-f-ico{margin-right:8px;color:#ff8a00;}
.jk-f-links a{display:inline-block;font-size:12px;padding:3px 8px;border:1px solid #333;border-radius:3px;margin:0 6px 8px 0;}
.jk-f-links a:hover{border-color:#ff8a00;color:#ff8a00;}
.jk-footer-bottom{border-top:1px solid #26292f;padding:16px 0;font-size:12px;text-align:center;color:#6b7078;}
@media(max-width:767px){.jk-footer-top{padding:35px 0 25px;}.jk-f-item{margin-bottom:25px;}}
.case-page .page-tit{ display: flex; justify-content: space-between; align-items: flex-end;}
/* ===== 内页全屏容器：左右 6% 留白 ===== */
.pg-wide{width:100%;max-width:100%;padding-left:6%;padding-right:6%;}
.pg-wide > .row{margin-left:0;margin-right:0;}
.pg-wrap{margin-top:44px;margin-bottom:60px;}
@media(max-width:991px){.pg-wide{padding-left:15px;padding-right:15px;}.pg-wide > .row{margin-left:-15px;margin-right:-15px;}}

/* ===== 内页横幅 ===== */
.neibanner{position:relative;height:340px;overflow:hidden;display:flex;align-items:center;}
.neibanner-bg{position:absolute;left:0;top:0;right:0;bottom:0;background-position:center;background-size:cover;}
.neibanner-mask{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(7,26,61,.85) 0%,rgba(11,42,99,.72) 55%,rgba(0,83,211,.5) 100%);}
.neibanner .nb-dot{position:absolute;border-radius:50%;}
.neibanner .d1{width:360px;height:360px;right:-90px;top:-150px;border:1px solid rgba(255,255,255,.12);}
.neibanner .d2{width:240px;height:240px;left:-70px;bottom:-130px;border:1px solid rgba(255,138,0,.28);}
.neibanner .d3{width:130px;height:130px;left:48%;top:-70px;background:rgba(255,255,255,.045);}
.neibanner .pg-wide{position:relative;z-index:2;}
.neibanner-row{display:flex;align-items:center;justify-content:space-between;}
.neibanner-tit .neibanner-en{font-size:14px;letter-spacing:8px;color:#7db3ff;text-transform:uppercase;margin-bottom:12px;}
.neibanner-tit h2{color:#fff;font-size:40px;font-weight:800;margin:0 0 20px;}
.neibanner-tit .neibanner-line{display:block;width:64px;height:4px;background:linear-gradient(90deg,#ff8a00,#ffb25c);border-radius:2px;}
.neibanner-crumb{color:rgba(255,255,255,.78);font-size:13px;padding:9px 20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:30px;white-space:nowrap;}
.neibanner-crumb .iconfont{color:#ff8a00;margin-right:5px;}
.neibanner-crumb a{color:rgba(255,255,255,.78);}
.neibanner-crumb a:hover{color:#ff8a00;}
.neibanner-crumb i{margin:0 8px;font-style:normal;color:rgba(255,255,255,.4);}
@media(max-width:767px){.neibanner{height:230px;}.neibanner-tit h2{font-size:26px;}.neibanner-crumb{display:none;}}

/* ===== 内页子导航 ===== */
.neinav{background:#fff;box-shadow:0 4px 18px rgba(6,42,99,.06);position:relative;z-index:9;}
.neinav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;}
.neinav ul li a{display:block;padding:17px 26px;font-size:14px;color:#3a4558;position:relative;font-weight:500;}
.neinav ul li a:after{content:'';position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:2px;background:linear-gradient(90deg,#0053d3,#5aa0ff);opacity:0;transition:all .3s;}
.neinav ul li.active a,.neinav ul li a:hover{color:#0053d3;text-decoration:none;}
.neinav ul li.active a:after,.neinav ul li a:hover:after{opacity:1;}
@media(max-width:767px){.neinav ul li a{padding:12px 14px;font-size:13px;}}

/* ===== 内页主体 ===== */
.page-content{padding:60px 0;}
.page-tit{position:relative;text-align:center;margin-bottom:40px;}
.page-tit .page-t-en{font-size:14px;letter-spacing:2px;color:#ff8a00;text-transform:uppercase;}
.page-tit .page-t-cn{font-size:28px;color:#1a1d24;font-weight:700;margin-top:6px;}
.page-tit .page-t-line{width:46px;height:3px;background:#ff8a00;margin:14px auto 0;}
.page-tit .page-t-note{margin-top:14px;color:#888;font-size:14px;}
@media(max-width:767px){.page-content{padding:35px 0;}.page-tit .page-t-cn{font-size:22px;}}

/* ===== 新闻列表 ===== */
.news-list-item{background:#fff;border:1px solid #f0f0f0;border-radius:6px;overflow:hidden;margin-bottom:25px;transition:box-shadow .3s;}
.news-list-item:hover{box-shadow:0 6px 24px rgba(0,0,0,.08);}
.news-list-item .n-img{display:block;height:180px;overflow:hidden;}
.news-list-item .n-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.news-list-item:hover .n-img img{transform:scale(1.06);}
.news-list-item .n-body{padding:20px 24px;}
.news-list-item .n-title{font-size:17px;color:#1a1d24;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-list-item .n-title:hover{color:#ff8a00;text-decoration:none;}
.news-list-item .n-meta{font-size:12px;color:#aaa;margin-bottom:10px;}
.news-list-item .n-meta span{margin-right:16px;}
.news-list-item .n-desc{font-size:13px;color:#888;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;}
@media(max-width:767px){.news-list-item .n-img{height:150px;}}

/* 新闻-左侧日期卡片 */
.news-card{display:flex;background:#fff;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:20px;overflow:hidden;transition:box-shadow .3s;}
.news-card:hover{box-shadow:0 6px 24px rgba(0,0,0,.08);}
.news-card .nc-date{flex:0 0 100px;background:#1a1d24;color:#fff;text-align:center;padding:20px 0;display:flex;flex-direction:column;justify-content:center;}
.news-card .nc-date b{font-size:28px;font-weight:700;line-height:1;}
.news-card .nc-date span{font-size:13px;color:#ff8a00;margin-top:6px;}
.news-card .nc-body{padding:16px 22px;flex:1;}
.news-card .nc-title{font-size:16px;color:#1a1d24;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news-card .nc-title:hover{color:#ff8a00;text-decoration:none;}
.news-card .nc-desc{font-size:13px;color:#888;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:767px){.news-card .nc-date{flex-basis:70px;}.news-card .nc-date b{font-size:20px;}}

/* ===== 案例列表 ===== */
.case-list-grid .col-md-4.col-sm-6.col-xs-12{margin-bottom:0;}
.case-grid-item{position:relative;border-radius:14px;overflow:hidden;margin-bottom:30px;background:#fff;box-shadow:0 4px 20px rgba(7,26,61,.08);transition:all .4s;}
.case-grid-item:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(7,26,61,.16);}
.case-grid-item .cg-img{display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#eef1f6;}
.case-grid-item .cg-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.case-grid-item:hover .cg-img img{transform:scale(1.08);}
/* 图片底部渐变遮罩 */
.case-grid-item .cg-img:after{content:'';position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(180deg,transparent 0%,rgba(7,26,61,.08) 55%,rgba(7,26,61,.65) 100%);opacity:.85;transition:opacity .4s;}
.case-grid-item:hover .cg-img:after{opacity:1;}
/* 大号序号装饰 */
.case-grid-item .cg-num{position:absolute;left:14px;top:12px;z-index:2;font-size:28px;font-weight:800;line-height:1;color:rgba(255,255,255,.9);font-family:'Arial Black',Arial,sans-serif;background:rgba(7,26,61,.45);padding:5px 12px;border-radius:8px;transition:background .35s;}
.case-grid-item:hover .cg-num{background:rgba(255,138,0,.85);}
/* hover 箭头按钮 */
.case-grid-item .cg-arrow{position:absolute;right:16px;bottom:14px;z-index:2;width:42px;height:42px;line-height:42px;text-align:center;border-radius:50%;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.6);color:#fff;font-size:17px;opacity:0;transform:translateY(8px);transition:all .35s;}
.case-grid-item:hover .cg-arrow{opacity:1;transform:translateY(0);}
.case-grid-item .cg-arrow:hover{background:#ff8a00;border-color:#ff8a00;color:#fff;}
/* 信息区 */
.case-grid-item .cg-body{padding:20px 22px 22px;}
.case-grid-item .cg-title{font-size:17px;line-height:24px;height:24px;color:#1a1d24;margin:0 0 12px;position:relative;padding-left:14px;}
.case-grid-item .cg-title:before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,#ff8a00,#ffb25c);}
.case-grid-item .cg-title a{color:#1a1d24;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case-grid-item .cg-title a:hover{color:#ff8a00;text-decoration:none;}
.case-grid-item .cg-desc{font-size:13px;color:#8a93a2;margin:0;line-height:1.8; height: 47px; display: flex;
   overflow:hidden;}
/* hover 顶部渐变线 */
.case-grid-item:before{content:'';position:absolute;left:0;top:0;right:0;height:3px;z-index:6;background:linear-gradient(90deg,#ff8a00,#ffb25c);transform:scaleX(0);transform-origin:left;transition:transform .45s ease;}
.case-grid-item:hover:before{transform:scaleX(1);}
/* hover 查看详情条 */
.cg-more{position:absolute;left:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#fff;background:linear-gradient(135deg,#ff8a00,#ffb25c);padding:7px 16px;border-radius:30px;opacity:0;transform:translateY(12px);transition:all .4s cubic-bezier(.23,1,.32,1);box-shadow:0 6px 18px rgba(255,138,0,.35);}
.case-grid-item:hover .cg-more{opacity:1;transform:translateY(0);}
.cg-more .iconfont{font-size:12px;transition:transform .3s;}
.case-grid-item:hover .cg-more .iconfont{transform:translateX(3px);}
/* hover 箭头强化 */
.case-grid-item .cg-arrow:hover{background:linear-gradient(135deg,#ff8a00,#ffb25c);border-color:transparent;color:#fff;transform:translateY(0) scale(1.08);box-shadow:0 8px 20px rgba(255,138,0,.4);}
@media(max-width:767px){.case-grid-item .cg-num{font-size:24px;padding:4px 10px;}.case-grid-item .cg-body{padding:16px 18px;}}

/* ===== 滚动进入动画 ===== */
.ld-reveal{opacity:0;transform:translateY(34px);}
.ld-reveal.ld-in{animation:ldFadeUp .7s cubic-bezier(.23,1,.32,1) forwards;}
.ld-reveal.ld-done{opacity:1;transform:none;}
@keyframes ldFadeUp{from{opacity:0;transform:translateY(34px);}to{opacity:1;transform:translateY(0);}}

/* ===== 服务列表 ===== */
.ser-list-item{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:35px 28px;text-align:center;margin-bottom:25px;transition:all .3s;}
.ser-list-item:hover{box-shadow:0 8px 30px rgba(0,0,0,.1);transform:translateY(-4px);border-color:transparent;}
.ser-list-item .sl-icon{width:72px;height:72px;line-height:72px;border-radius:50%;background:#f7f8fa;color:#ff8a00;font-size:34px;margin:0 auto 18px;transition:all .3s;}
.ser-list-item:hover .sl-icon{background:#ff8a00;color:#fff;}
.ser-list-item h3{font-size:17px;margin:0 0 12px;color:#1a1d24;}
.ser-list-item h3 a{color:#1a1d24;}
.ser-list-item h3 a:hover{color:#ff8a00;text-decoration:none;}
.ser-list-item p{font-size:13px;color:#888;line-height:1.8;margin:0 0 16px;}
.ser-list-item .sl-more{display:inline-block;font-size:13px;color:#ff8a00;border:1px solid #ff8a00;border-radius:20px;padding:6px 22px;}
.ser-list-item .sl-more:hover{background:#ff8a00;color:#fff;text-decoration:none;}

/* ===== 详情页 ===== */
.detail-box{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:40px;}
.detail-title{font-size:24px;color:#1a1d24;text-align:center;margin:0 0 16px;}
.detail-meta{text-align:center;font-size:13px;color:#aaa;border-bottom:1px solid #f0f0f0;padding-bottom:22px;margin-bottom:28px;}
.detail-meta span{margin:0 14px;}
.detail-content{font-size:15px;color:#555;line-height:2;}
.detail-content p{margin-bottom:18px;}
.detail-content img{max-width:100%;height:auto;}
.detail-content h3{color:#1a1d24;font-size:18px;margin:24px 0 12px;}
.detail-prevnext{display:flex;justify-content:space-between;border-top:1px solid #f0f0f0;margin-top:35px;padding-top:20px;font-size:13px;}
.detail-prevnext a{color:#666;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detail-prevnext a:hover{color:#ff8a00;text-decoration:none;}
.detail-share{text-align:center;margin-top:25px;}
@media(max-width:767px){.detail-box{padding:20px;}.detail-title{font-size:19px;}}

/* ===== 单页内容 ===== */
.page-box{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:45px;}
.page-box .page-content{font-size:15px;color:#555;line-height:2;}
.page-box .page-content p{margin-bottom:16px;}
.page-box .page-content img{max-width:100%;height:auto;}
@media(max-width:767px){.page-box{padding:22px;}}

/* ===== 联系我们 ===== */
.contact-box{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:35px;}
.contact-item{text-align:center;padding:25px 15px;border-right:1px dashed #eee;}
.contact-item:last-child{border-right:none;}
.contact-item .c-icon{width:60px;height:60px;line-height:60px;border-radius:50%;background:#f7f8fa;color:#ff8a00;font-size:28px;margin:0 auto 14px;}
.contact-item h4{font-size:14px;color:#1a1d24;margin:0 0 8px;}
.contact-item p{font-size:13px;color:#888;margin:0;}
.contact-form-box{padding:35px;}
.contact-form-box .form-group{margin-bottom:18px;}
.contact-form-box input,.contact-form-box textarea{width:100%;border:1px solid #e5e5e5;border-radius:4px;padding:10px 14px;font-size:14px;}
.contact-form-box input:focus,.contact-form-box textarea:focus{outline:none;border-color:#ff8a00;}
.contact-form-box .btn-submit{background:#ff8a00;color:#fff;border:none;border-radius:4px;padding:11px 45px;font-size:14px;}
.contact-form-box .btn-submit:hover{background:#e67a00;}
@media(max-width:767px){.contact-item{border-right:none;border-bottom:1px dashed #eee;}.contact-form-box{padding:20px;}}

/* ===== 侧边栏 ===== */
.sidebar-card{background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:22px;margin-bottom:25px;}
.sidebar-card h4{font-size:16px;color:#1a1d24;margin:0 0 15px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;position:relative;}
.sidebar-card h4:after{content:'';position:absolute;left:0;bottom:-2px;width:36px;height:2px;background:#ff8a00;}
.sidebar-card ul{list-style:none;margin:0;padding:0;}
.sidebar-card ul li{padding:9px 0;border-bottom:1px dashed #f0f0f0;}
.sidebar-card ul li:last-child{border-bottom:none;}
.sidebar-card ul li a{display:block;font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sidebar-card ul li a:hover{color:#ff8a00;text-decoration:none;padding-left:5px;}
.sidebar-card ul li i{color:#ff8a00;margin-right:6px;font-size:12px;}
.sidebar-tel{text-align:center;padding:10px 0 5px;}
.sidebar-tel i{font-size:36px;color:#ff8a00;}
.sidebar-tel p{font-size:12px;color:#999;margin:8px 0 4px;}
.sidebar-tel b{font-size:20px;color:#1a1d24;font-weight:700;display:block;margin-bottom:14px;}
.sidebar-btn{display:inline-block;background:#ff8a00;color:#fff;border-radius:4px;padding:8px 30px;font-size:14px;}
.sidebar-btn:hover{background:#e67a00;color:#fff;text-decoration:none;}

/* ===== 分页 ===== */
.jk-pagination{text-align:center;margin:35px 0 10px;}
.jk-pagination .pagination{display:inline-flex;list-style:none;margin:0;padding:0;}
.jk-pagination .pagination li{margin:0 4px;}
.jk-pagination .pagination li a,.jk-pagination .pagination li span{display:block;min-width:36px;height:36px;line-height:36px;padding:0 10px;border:1px solid #e5e5e5;background:#fff;color:#666;font-size:13px;border-radius:4px;}
.jk-pagination .pagination li a:hover{color:#ff8a00;border-color:#ff8a00;text-decoration:none;}
.jk-pagination .pagination li.active span{background:#ff8a00;border-color:#ff8a00;color:#fff;}
.jk-pagination .pagination li.disabled span{color:#ccc;cursor:not-allowed;}

/* ===== 详情页上一篇下一篇 ===== */
.prevnext{display:flex;justify-content:space-between;border-top:1px solid #f0f0f0;margin-top:35px;padding-top:20px;font-size:13px;color:#999;}
.prevnext a{color:#666;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prevnext a:hover{color:#ff8a00;text-decoration:none;}

/* ===== 内页横幅背景 ===== */
.neibanner-bg-about{background-image:url(../images/nyaboutban.jpg);}
.neibanner-bg-news{background-image:url(../images/newsbj.jpg);}
.neibanner-bg-case{background-image:url(../images/caelbj.jpg);}
.neibanner-bg-server{background-image:url(../images/serverban.jpg);}
.neibanner-bg-about2{background-image:url(../images/aboutbj.jpg);}

/* ============================================================
   服务二级栏目页
   ============================================================ */
.sv-wrap{max-width:1200px;margin:0 auto;padding:70px 20px 30px;}
.sv-head{text-align:center;margin-bottom:48px;}
.sv-head .sv-en{font-size:16px;letter-spacing:6px;color:#c3a25e;text-transform:uppercase;margin-bottom:10px;}
.sv-head h3{font-size:30px;color:#222;margin:0 0 16px;}
.sv-head .neibanner-line{display:inline-block;width:60px;height:2px;background:#ff8a00;}
.sv-item{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:32px 24px;margin-bottom:28px;text-align:center;transition:all .35s ease;}
.sv-item:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,.08);border-color:#ff8a00;}
.sv-ico{width:64px;height:64px;line-height:64px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ffb25e);color:#fff;font-size:30px;}
.sv-item .sv-it{font-size:18px;font-weight:600;color:#222;margin-bottom:10px;}
.sv-item .sv-desc{font-size:13px;color:#777;line-height:1.9;}
.sv-flow-bg{background:linear-gradient(135deg,#1c2140,#2a3162);padding:70px 0;}
.sv-flow{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:30px 18px;text-align:center;margin-bottom:24px;transition:all .35s ease;}
.sv-flow:hover{background:rgba(255,255,255,.12);transform:translateY(-5px);}
.sv-flow-num{font-size:34px;font-weight:700;color:#ff8a00;font-family:Georgia,serif;margin-bottom:12px;}
.sv-flow-t{font-size:16px;color:#fff;margin-bottom:8px;}
.sv-flow-d{font-size:12px;color:#9aa0b8;line-height:1.8;}
.sv-adv-bg{background:#f7f8fa;padding:70px 0 60px;}
.sv-adv{text-align:center;padding:28px 20px;margin-bottom:24px;}
.sv-adv-ico{width:58px;height:58px;line-height:58px;margin:0 auto 16px;border-radius:10px;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.06);color:#ff8a00;font-size:28px;}
.sv-adv-t{font-size:17px;font-weight:600;color:#222;margin-bottom:10px;}
.sv-adv-d{font-size:13px;color:#777;line-height:1.8;}
.sv-cta{margin:20px auto 10px;max-width:760px;background:#fff;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.08);text-align:center;padding:42px 30px;border-top:3px solid #ff8a00;}
.sv-cta-txt{font-size:22px;color:#222;font-weight:600;margin-bottom:22px;}
.sv-cta-btn{display:inline-block;background:#ff8a00;color:#fff;font-size:20px;font-weight:600;padding:13px 42px;border-radius:40px;transition:all .3s;}
.sv-cta-btn:hover{background:#e67600;color:#fff;text-decoration:none;box-shadow:0 8px 20px rgba(255,138,0,.35);}
.sv-cta-tip{font-size:13px;color:#999;margin-top:16px;}
@media(max-width:767px){.sv-wrap{padding:45px 15px 20px;}.sv-head h3{font-size:24px;}.sv-flow-bg,.sv-adv-bg{padding:45px 0;}}

/* ============================================================
   案例详情页 - 手机屏 效果图展示 + 二维码
   ============================================================ */
.case-detail{max-width:100%;padding:50px 0 30px;}
.case-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;border-bottom:1px solid #e8edf5;padding-bottom:26px;margin-bottom:40px;}
.case-head h1{font-size:28px;color:#222;margin:0 0 14px;}
.case-head-meta{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:#666;}
.case-head-meta .cm{display:flex;align-items:center;}
.case-head-meta .cm i{color:#0053d3;margin-right:6px;font-size:16px;}
.case-link-btn{display:inline-block;background:linear-gradient(135deg,#0053d3,#3d86f0);color:#fff;padding:11px 34px;border-radius:30px;font-size:15px;transition:all .3s;box-shadow:0 8px 22px rgba(0,83,211,.3);}
.case-link-btn:hover{background:#0053d3;color:#fff;text-decoration:none;transform:translateY(-2px);}
.case-device-title{text-align:center;font-size:20px;color:#333;margin:0 0 26px;font-weight:700;}
.case-device-title small{display:block;font-size:13px;color:#999;margin-top:8px;font-weight:400;}

/* --- 手机屏 + 二维码 双栏 --- */
.case-show{display:flex;align-items:flex-start;justify-content:center;gap:64px;margin:0 auto 30px;}
.case-show-l{flex:none;display:flex;flex-direction:column;align-items:center;}
.case-show-r{flex:none;width:320px;padding-top:56px;}

.phone-wrap{position:relative;}
.phone-wrap:before{content:'';position:absolute;left:50%;top:46px;transform:translateX(-50%);width:150%;height:calc(100% - 70px);background:radial-gradient(ellipse at center,rgba(0,83,211,.12),rgba(255,255,255,0) 70%);}
.phone-body{width:300px;max-width:88%;border-radius:44px;background:linear-gradient(160deg,#1c2029,#0f1114);padding:10px;box-shadow:0 30px 70px rgba(6,42,99,.4),inset 0 0 0 1px rgba(255,255,255,.06);position:relative;z-index:2;}
.phone-notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:110px;height:26px;background:#0f1114;border-radius:18px;z-index:3;}
.phone-screen{background:#fff;border-radius:34px;overflow:hidden;height:600px;}
.phone-screen .phone-slides{display:flex;height:100%;transition:transform .45s ease;}
.phone-screen .phone-slide{min-width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.phone-screen .phone-slide img{display:block;width:100%;height:auto;}
.phone-screen .phone-slide::-webkit-scrollbar{display:none;}
.phone-indicators{display:flex;justify-content:center;gap:8px;margin-top:22px;position:relative;z-index:2;}
.phone-indicators i{width:8px;height:8px;border-radius:50%;background:#d5d5d5;transition:all .3s;cursor:pointer;}
.phone-indicators i.on{background:#ff8a00;width:22px;border-radius:4px;}
.phone-nav-btns{display:flex;gap:12px;margin-top:16px;position:relative;z-index:2;}
.phone-nav-btns button{border:1px solid #dde4f0;background:#fff;border-radius:30px;padding:8px 22px;color:#3a4558;font-size:13px;cursor:pointer;transition:all .3s;}
.phone-nav-btns button:hover{border-color:#0053d3;color:#0053d3;box-shadow:0 6px 16px rgba(0,83,211,.14);}

/* --- 显示器屏（网页案例） --- */
.monitor-wrap{position:relative;}
.monitor-wrap:before{content:'';position:absolute;left:50%;top:10%;transform:translateX(-50%);width:150%;height:80%;background:radial-gradient(ellipse at center,rgba(0,83,211,.10),rgba(255,255,255,0) 70%);}
.monitor-body{position:relative;z-index:2;text-align:center;}
.monitor-screen{display:inline-block;background:linear-gradient(160deg,#1c2029,#0f1114);border-radius:16px;padding:14px 14px 12px;box-shadow:0 30px 70px rgba(6,42,99,.35),inset 0 0 0 1px rgba(255,255,255,.06);}
.monitor-scroll{width:700px;max-width:88vw;height:560px;background:#fff;border-radius:6px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;}
.monitor-scroll::-webkit-scrollbar{width:8px;}
.monitor-scroll::-webkit-scrollbar-thumb{background:#d5dbe6;border-radius:4px;}
.monitor-scroll::-webkit-scrollbar-track{background:#f7f8fa;}
.monitor-scroll .monitor-slide{width:100%;background:#fff;}
.monitor-scroll .monitor-slide img{display:block;width:100%;height:auto;}
.monitor-scroll .monitor-slide + .monitor-slide{border-top:2px dashed #eef1f6;}
.monitor-stand{width:90px;height:24px;margin:0 auto;background:linear-gradient(180deg,#2a2f3a,#1a1e26);border-radius:0 0 8px 8px;}
.monitor-base{width:230px;height:10px;margin:0 auto;background:linear-gradient(180deg,#2a2f3a,#15181e);border-radius:10px;box-shadow:0 8px 18px rgba(6,42,99,.18);}

/* --- 二维码卡片 --- */
.qr-card{background:#fff;border:1px solid #edf1f8;border-radius:18px;padding:34px 30px 30px;text-align:center;box-shadow:0 18px 50px rgba(6,42,99,.12);position:sticky;top:24px;}
.qr-card:before{content:'';position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#0053d3,#5aa0ff,#ff8a00);border-radius:18px 18px 0 0;}
.qr-ic{width:56px;height:56px;line-height:56px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#07c160,#3ddc84);color:#fff;font-size:30px;box-shadow:0 8px 20px rgba(7,193,96,.3);}
.qr-card h4{font-size:17px;font-weight:800;color:#13213c;margin:0 0 6px;}
.qr-card .qr-sub{font-size:12px;color:#a8b0c0;margin-bottom:18px;}
.qr-img{width:190px;height:190px;margin:0 auto 18px;padding:10px;border:1px solid #eef2f8;border-radius:14px;background:#fff;}
.qr-img img{width:100%;height:100%;display:block;border-radius:6px; object-fit:cover;}
.qr-card p{font-size:12.5px;color:#7a8499;line-height:1.9;margin:0 0 22px;}
.qr-tel{display:block;background:linear-gradient(135deg,#0053d3,#3d86f0);color:#fff;padding:12px 0;border-radius:50px;font-size:14px;letter-spacing:1px;transition:all .3s;box-shadow:0 8px 22px rgba(0,83,211,.3);}
.qr-tel:hover{background:#0053d3;color:#fff;text-decoration:none;transform:translateY(-2px);}

@media(max-width:991px){.case-show{flex-direction:column;gap:38px;align-items:center;}.case-show-r{width:300px;padding-top:0;}.qr-card{position:static;}}
@media(max-width:767px){.case-detail{padding:35px 0 20px;}.case-head h1{font-size:22px;}.case-head{flex-direction:column;gap:16px;}.phone-screen{height:460px;}.monitor-scroll{height:300px;}}

/* --- 案例关键词 / 版权 --- */
.case-tags{text-align:center;margin:36px 0 8px;}
.case-tags .tag{display:inline-block;background:#f5f6f8;color:#666;font-size:13px;padding:6px 18px;border-radius:20px;margin:0 6px 10px;border:1px solid #eee;}
.case-tags .tag:hover{border-color:#0053d3;color:#0053d3;}
.case-copyright{text-align:center;color:#999;font-size:13px;margin:10px 0 30px;}
.case-copyright i{color:#ff8a00;}
/* --- 案例正文 --- */
.case-body-content{max-width:980px;margin:20px auto 40px;padding-top:30px;border-top:1px solid #eee;}
.case-body-content img{max-width:100%;height:auto;}