/* ===== RESET & BASE ===== */
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;font-family:"Microsoft YaHei","微软雅黑",sans-serif;color:#333;line-height:1.5;}
ul,li{list-style:none;}
a{text-decoration:none;color:inherit;}
a:active{opacity:.8;}
img{max-width:100%;display:block;}
input,textarea,select{font-family:inherit;}

/* ===== VARIABLES ===== */
:root{
  --primary:#2FA8D0;
  --primary-dark:#1BB3F0;
  --dark:#031318;
  --darker:#0F1407;
  --text:#333;
  --text-light:#666;
  --bg-gray:#F5F6F8;
  --bg-light:#F9F9F9;
  --max-w:1400px;
}

/* ===== LAYOUT ===== */
.content-w{max-width:var(--max-w);margin:0 auto;padding:0 20px;box-sizing:content-box;}
.section{padding:80px 0;}
.section-sm{padding:50px 0;}
.bg-white{background:#fff;}
.bg-gray{background:var(--bg-gray);}
.bg-light{background:var(--bg-light);}

/* ===== SECTION TITLES ===== */
.sec-title{text-align:center;margin-bottom:60px;}
.sec-title h2{font-size:36px;font-weight:400;letter-spacing:8px;line-height:1;}
.sec-title h2 span:last-child{color:var(--primary);}
.sec-title .hint{font-size:16px;color:#999;letter-spacing:6px;margin-top:12px;}

/* ===== GRID ===== */
.row{display:flex;flex-wrap:wrap;margin:0 -15px;}
.col{padding:0 15px;flex:1;}
.col-2{width:50%;padding:0 15px;}
.col-3{width:33.33%;padding:0 15px;}
.col-4{width:25%;padding:0 15px;}
.col-6{width:16.66%;padding:0 15px;}

/* ===== HEADER / NAV ===== */
.header-wrap{position:sticky;top:0;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,.12);}
.header-box{background:#fff;position:relative;z-index:99;}
.header-inner{display:flex;align-items:stretch;max-width:var(--max-w);margin:0 auto;padding:0 20px;box-sizing:content-box;min-height:90px;}
.header-logo{display:flex;align-items:center;padding:15px 0;flex-shrink:0;}
.header-logo img{height:60px;}
.header-spacer{flex:1;}
.header-nav,#header-nav{display:flex;align-items:stretch;}

/* NAV ITEMS */
.nav-list{display:flex;list-style:none;height:100%;}
.nav-item{position:relative;display:flex;align-items:stretch;}
.nav-item > a{
  display:flex;align-items:center;
  padding:0 20px;font-size:22px;color:#333;
  white-space:nowrap;position:relative;
  border-bottom:4px solid transparent;
}
.nav-item > a:hover,.nav-item > a.active{color:var(--primary);border-bottom-color:var(--primary);}

/* DROPDOWN */
.nav-dropdown{
  display:none;
  position:absolute;top:100%;left:50%;transform:translateX(-50%);
  background:rgba(255,255,255,.95);
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  min-width:220px;padding:10px 0;z-index:200;
}
.nav-item:hover .nav-dropdown{display:block;}
.nav-dropdown a{
  display:block;padding:12px 24px;font-size:16px;color:#333;
  white-space:nowrap;
}
.nav-dropdown a:hover{color:var(--primary);background:#f5f5f5;}

/* MOBILE TOGGLE */
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;cursor:pointer;gap:6px;}
.nav-toggle span{display:block;width:28px;height:2px;background:#333;transition:.3s;}
.nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}

/* ===== BREADCRUMB ===== */
.breadcrumb{padding:12px 0;font-size:14px;color:#999;border-bottom:1px solid #e5e5e5;background:#fff;}
.breadcrumb a{color:#999;}
.breadcrumb a:hover{color:var(--primary);}
.breadcrumb span{margin:0 6px;}

/* ===== BANNER ===== */
.page-banner{width:100%;max-height:600px;min-height:200px;overflow:hidden;}
.page-banner img{width:100%;max-height:600px;min-height:200px;object-fit:cover;display:block;}

/* Home banner */
.home-banner{position:relative;background:#eee;}
.home-banner img{width:100%;max-height:600px;object-fit:cover;display:block;}

/* ===== MODULE TITLE (HOME STYLE) ===== */
.module-title{font-size:36px;font-weight:400;text-align:center;letter-spacing:8px;color:#333;}
.module-title-hint{font-size:14px;text-align:center;color:#999;letter-spacing:6px;margin-top:10px;margin-bottom:50px;}

/* ===== HOME PAGE ===== */
/* Platform section */
.platform-section{padding:80px 0;background:var(--bg-gray);}
.platform-text{font-size:20px;color:#333;line-height:1.8;text-align:center;max-width:900px;margin:0 auto 50px;}
.platform-icons{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:20px;}
.platform-icon-item{display:flex;flex-direction:column;align-items:center;gap:10px;}
.platform-icon-item img{width:80px;height:80px;object-fit:contain;}
.platform-icon-item p{font-size:16px;color:#333;text-align:center;}

/* Cloud platform */
.cloud-section{padding:80px 0;background:var(--bg-light);}
.cloud-section a{display:block;}
.cloud-section img{width:100%;margin:0 auto;}

/* Solutions */
.solutions-section{padding:80px 0;background:var(--bg-gray);}
.solutions-grid{display:flex;flex-wrap:wrap;gap:0;margin-top:0;}
.solution-item{
  width:calc(33.33% - 20px);margin:10px;
  border:1px solid #e5e5e5;background:#fff;
  padding:30px 24px;cursor:pointer;
  transition:.3s;position:relative;overflow:hidden;
}
.solution-item:hover{box-shadow:0 6px 20px rgba(0,0,0,.12);transform:translateY(-4px);}
.solution-item .icon-wrap{height:60px;display:flex;align-items:center;margin-bottom:16px;}
.solution-item .icon-wrap img{height:50px;object-fit:contain;}
.solution-item .icon-default{display:block;}
.solution-item .icon-hover{display:none;}
.solution-item:hover .icon-default{display:none;}
.solution-item:hover .icon-hover{display:block;}
.solution-item h3{font-size:20px;font-weight:500;color:#333;margin-bottom:12px;}
.solution-item p{font-size:16px;color:#666;line-height:1.7;}

/* Clients */
.clients-section{padding:80px 0;background:var(--bg-light);}
.clients-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:0;}
.client-item{
  flex:0 0 calc(25% - 20px);
  background:#fff;border:1px solid #e5e5e5;
  padding:30px 20px;text-align:center;transition:.3s;
}
.client-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);}
.client-item-label{
  font-size:20px;font-weight:bold;color:#fff;
  background:var(--primary);
  padding:20px;display:flex;align-items:center;justify-content:center;
  min-height:80px;
}
.client-item-text{padding:20px;font-size:16px;color:#333;line-height:1.8;text-align:left;}
.client-item p{margin:4px 0;}

/* Advantages */
.advantages-section{padding:80px 0;background:var(--bg-gray);}
.adv-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:0;}
.adv-item{
  flex:0 0 calc(50% - 10px);
  background:var(--primary);padding:36px 50px 24px;
  min-height:180px;position:relative;transition:.3s;
  background-repeat:no-repeat;background-size:auto 100%;
}
.adv-item:hover{transform:translateY(-5px);}
.adv-item h3{font-size:22px;font-weight:bold;color:#fff;margin-bottom:16px;}
.adv-item p{font-size:18px;color:#fff;line-height:1.7;}

/* News section */
.news-section{padding:80px 0;background:var(--bg-light);}
.news-main{display:flex;gap:40px;flex-wrap:wrap;}
.news-featured{flex:0 0 480px;}
.news-featured .feat-img{width:100%;max-height:280px;object-fit:cover;}
.news-featured .feat-title{font-size:20px;font-weight:500;color:#333;margin:16px 0 10px;line-height:1.5;}
.news-featured .feat-text{font-size:16px;color:#666;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-list{flex:1;}
.news-list-item{display:flex;align-items:center;border-bottom:1px solid #e5e5e5;padding:20px 0;gap:20px;transition:.3s;}
.news-list-item:first-child{padding-top:0;}
.news-list-item:hover{transform:translateY(-3px);}
.news-date{flex-shrink:0;text-align:center;background:var(--bg-gray);padding:12px;min-width:70px;}
.news-date .dd{font-size:28px;font-weight:bold;color:var(--primary);}
.news-date .ym{font-size:13px;color:#999;}
.news-content{flex:1;}
.news-content .title{font-size:17px;color:#333;margin-bottom:8px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-content .text{font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ===== INNER PAGE SECTIONS ===== */
.intro-section{padding:100px 0;background:#fff;text-align:center;}
.intro-section .intro-title{font-size:36px;letter-spacing:16px;margin-bottom:60px;}
.intro-section .intro-title span:last-child{color:var(--primary);}
.intro-section .intro-text{font-size:22px;color:#333;line-height:1.7;max-width:1100px;margin:0 auto;padding:0 40px;text-align:left;transition:.3s;}
.intro-section .intro-text:hover{transform:translateY(-5px);}

/* Pain points grid */
.pain-section{padding:80px 0;background:var(--bg-light);}
.pain-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;}
.pain-item{
  flex:0 0 calc(33.33% - 14px);
  background:#fff;box-shadow:0 2px 13px rgba(0,0,0,.1);
  padding:28px 20px;transition:.3s;
}
.pain-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15);}
.pain-item h3{font-size:20px;color:#333;margin-bottom:8px;}
.pain-item .line{width:80px;height:3px;background:var(--primary);margin:10px 0;}
.pain-item p{font-size:16px;color:#333;line-height:1.7;}

/* Pain card style (scheme/4) */
.pain-card{
  flex:0 0 calc(33.33% - 14px);
  background:#fff;box-shadow:0 2px 13px rgba(0,0,0,.1);
  padding:28px 30px;transition:.3s;position:relative;
}
.pain-card:hover{transform:translateY(-5px);}
.pain-card p{font-size:17px;color:#333;line-height:1.7;}

/* Advantage features grid */
.feat-section{padding:80px 0;background:#fff;}
.feat-grid{display:flex;flex-wrap:wrap;gap:20px;margin:0 60px;}
.feat-item{flex:0 0 calc(50% - 10px);padding:20px 0;transition:.3s;}
.feat-item:hover{transform:translateY(-5px);}
.feat-item img{height:48px;object-fit:contain;}
.feat-item h3{font-size:20px;color:#333;margin:12px 0 8px;}
.feat-item p{font-size:17px;color:#555;line-height:1.7;}

/* Image sections */
.img-section{background:#fff;}
.img-section.bg-dark{background:#082334;}
.img-section .content-w{padding-top:40px;padding-bottom:40px;}
.img-section img{width:100%;}

/* Full width title-text section */
.tw-section{padding:100px 0;text-align:center;}
.tw-section .tw-title{font-size:36px;letter-spacing:16px;margin-bottom:60px;}
.tw-section .tw-title span:last-child{color:var(--primary);}
.tw-section .tw-text{font-size:22px;color:#333;line-height:1.7;max-width:1100px;margin:0 auto;padding:0 40px;transition:.3s;}
.tw-section .tw-text:hover{transform:translateY(-5px);}
.tw-section img{margin:40px auto 0;max-width:85%;}

/* CTA words */
.cta-words-section{padding:80px 0;text-align:center;}
.cta-words{display:flex;justify-content:center;gap:60px;font-size:36px;letter-spacing:8px;}
.cta-words .word span:last-child{color:var(--primary);}

/* ===== PRODUCT PAGE ===== */
/* Advantages blue cards */
.adv-blue-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:50px;}
.adv-blue-item{
  flex:0 0 calc(50% - 10px);background:var(--primary);
  padding:34px 50px 24px;min-height:180px;transition:.3s;
  background-repeat:no-repeat;background-size:auto 100%;
}
.adv-blue-item:hover{transform:translateY(-5px);}
.adv-blue-item h3{font-size:22px;font-weight:bold;color:#fff;margin-bottom:16px;}
.adv-blue-item p{font-size:18px;color:#fff;line-height:1.7;}
.adv-blue-item:nth-child(1){background-image:url('../assets/img/01.webp');background-position:right bottom;}
.adv-blue-item:nth-child(2){background-image:url('../assets/img/02.webp');background-position:left bottom;}
.adv-blue-item:nth-child(3){background-image:url('../assets/img/03.webp');background-position:right top;}
.adv-blue-item:nth-child(4){background-image:url('../assets/img/04.webp');background-position:left top;}

/* Clients adapt grid */
.adapt-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:80px;}
.adapt-item{flex:0 0 calc(25% - 15px);background:#fff;}
.adapt-item-head{
  background:var(--primary);color:#fff;font-size:20px;font-weight:bold;
  display:flex;align-items:center;justify-content:center;
  height:13vw;max-height:140px;min-height:80px;
  background-repeat:no-repeat;background-size:74px auto;
}
.adapt-item-head.web{background-image:url('../assets/img/cjsp-web.webp');background-position:right top;}
.adapt-item-head.dp{background-image:url('../assets/img/cjsp-dp.webp');background-position:right -8px;}
.adapt-item-head.tv{background-image:url('../assets/img/cjsp-tv.webp');background-position:right -14px;}
.adapt-item-head.sj{background-image:url('../assets/img/cjsp-sj.webp');background-position:calc(100% + 10px) top;}
.adapt-item-body{padding:16px;font-size:17px;color:#333;line-height:1.8;min-height:200px;}

/* Product 3 - mobile app */
.app-info-row{display:flex;align-items:flex-start;gap:60px;padding:20px 0;transition:.3s;}
.app-info-row:hover{transform:translateY(-5px);}
.app-info-text{flex:1;font-size:22px;color:#333;line-height:1.8;min-width:200px;}
.app-info-img{flex:0 0 400px;}
.app-info-img img{width:100%;}
.app-title{font-size:28px;color:var(--primary);margin-bottom:16px;letter-spacing:2px;}
.app-blue-section{background:var(--primary);padding:80px 0;text-align:center;}
.app-blue-section .title{font-size:36px;color:#fff;letter-spacing:16px;margin-bottom:60px;}
.app-blue-section .desc{font-size:22px;color:#fff;line-height:1.8;max-width:60%;margin:0 auto 60px;}
.app-float-img{background:#fff;box-shadow:0 9px 30px rgba(0,0,0,.09);border-radius:10px;width:73%;margin:-100px auto 0;padding:20px;transition:.3s;}
.app-float-img:hover{transform:translateY(-5px) scale(1.05);}
.app-connect-section{padding:60px 0;background:#fff;text-align:center;}
.app-connect-row{display:flex;align-items:center;gap:60px;max-width:73%;margin:40px auto 0;transition:.3s;}
.app-connect-row:hover{transform:translateY(-5px) scale(1.03);}
.app-connect-img{flex:0 0 400px;}

/* ===== HARDWARE PAGE ===== */
.hw-section{padding:40px 0;background:#fff;}
.hw-category{margin-bottom:60px;}
.hw-cat-title{
  font-size:22px;font-weight:bold;color:#fff;
  background:var(--primary);
  height:7vw;max-height:60px;min-height:44px;
  display:flex;align-items:center;justify-content:center;
}
.hw-two-col{border:1px solid var(--primary);padding:24px 60px;display:flex;align-items:center;gap:40px;margin-bottom:60px;transition:.3s;}
.hw-two-col:hover{transform:translateY(-5px);}
.hw-two-col img{width:240px;height:160px;object-fit:contain;flex-shrink:0;}
.hw-two-col p{font-size:17px;color:#333;line-height:1.8;}
.hw-icons-grid,.hw-icon-grid{border:1px solid var(--primary);display:flex;flex-wrap:wrap;}
.hw-icon-item{
  width:12.5%;display:flex;flex-direction:column;align-items:center;
  padding:24px 10px;transition:.3s;
}
.hw-icon-item:hover{transform:translateY(-5px);color:var(--primary);}
.hw-icon-item img{width:80px;height:80px;object-fit:contain;margin:0 auto;}
.hw-icon-item p{font-size:15px;color:#333;text-align:center;margin-top:12px;}

/* ===== SERVE/2 - RENTAL ===== */
.rental-grid{display:flex;flex-wrap:wrap;gap:20px;margin:80px 0;}
.rental-item{
  flex:0 0 calc(25% - 15px);
  border:1px solid #979797;border-radius:8px;
  overflow:hidden;position:relative;cursor:default;
  transition:.3s;background:#fff;
}
.rental-item-inner{padding:20px;display:flex;flex-direction:column;align-items:center;}
.rental-item img{width:100%;max-height:160px;object-fit:contain;}
.rental-item .name{font-size:16px;color:#333;margin-top:14px;margin-bottom:6px;}
.rental-item .desc{font-size:15px;color:#666;line-height:1.7;display:none;}
.rental-item:hover{background:var(--primary);}
.rental-item:hover .name,.rental-item:hover .desc{color:#fff;}
.rental-item:hover img{display:none;}
.rental-item:hover .desc{display:block;}

/* ===== ENTERPRISE APPLICATION ===== */
.ent-intro{font-size:20px;color:#333;line-height:1.8;max-width:1000px;margin:0 auto 60px;text-align:left;padding:0 20px;}
.ent-module{margin-bottom:60px;}
.ent-module-title{font-size:22px;color:#333;font-weight:bold;margin-bottom:8px;}
.ent-module-text{font-size:17px;color:#555;line-height:1.7;margin-bottom:24px;min-height:80px;}
.ent-icons-grid{display:flex;flex-wrap:wrap;gap:0;width:calc(100% + 20px);margin-left:-10px;}
.ent-icon-item{width:calc(25% - 20px);margin:10px;text-align:center;transition:.3s;}
.ent-icon-item:hover img{transform:rotateY(180deg);}
.ent-icon-item img{width:62px;height:62px;object-fit:contain;margin:0 auto;transition:.3s;}
.ent-icon-item p{font-size:16px;color:#666;margin-top:8px;}
.ent-modules-row{display:flex;flex-wrap:wrap;gap:0;margin:0 -20px;}
.ent-mod-item{width:50%;padding:20px;}

/* EBP Section */
.ebp-section{padding:80px 0;background:var(--bg-light);}
.ebp-texts{margin:0 80px 60px;font-size:20px;color:#333;line-height:1.8;transition:.3s;}
.ebp-texts:hover{transform:translateY(-5px);}
.ebp-grid{display:flex;flex-wrap:wrap;gap:0;margin:0 -20px;}
.ebp-item{
  width:25%;padding:20px;text-align:center;
  background-size:cover;background-repeat:no-repeat;
  min-height:160px;transition:.3s;
}
.ebp-item:hover{transform:translateY(-5px);font-weight:bold;}
.ebp-item img{height:48px;object-fit:contain;margin:40px auto 24px;}
.ebp-item p{font-size:17px;color:#fff;line-height:1.6;}

/* ===== ABOUT US ===== */
/* Company intro */
.company-intro-section{padding:80px 0;background:#fff;}
.company-intro-text{font-size:21px;color:#333;line-height:1.8;padding:0 140px;margin-top:30px;text-indent:2em;transition:.3s;}
.company-intro-text:hover{transform:translateY(-5px);}

/* Culture section */
.culture-section{position:relative;overflow:hidden;}
.culture-bg{width:100%;display:block;max-height:800px;object-fit:cover;}
.culture-overlay{position:absolute;top:0;left:0;right:0;bottom:0;}
.culture-title{font-size:36px;color:#fff;letter-spacing:16px;text-align:center;margin-top:80px;}
.culture-grid{display:flex;flex-wrap:wrap;gap:0;max-width:1400px;margin:80px auto 0;padding:0 20px;}
.culture-item{width:33.33%;text-align:center;padding:0 30px;transition:.3s;}
.culture-item img{height:48px;object-fit:contain;margin:0 auto;transition:.3s;}
.culture-item img:hover{transform:rotateY(180deg);}
.culture-item h3{font-size:28px;color:#fff;margin:12px 0 30px;}
.culture-item p{font-size:18px;color:#fff;line-height:1.7;}

/* Join us */
.jobs-section{padding:80px 0;background:var(--bg-light);}
.job-list{background:#fff;margin-top:30px;}
.job-item{padding:40px 50px;border-bottom:1px solid #e5e5e5;}
.job-item:last-child{border-bottom:none;}
.job-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.job-head h3{font-size:22px;color:#333;font-weight:bold;}
.job-toggle{font-size:18px;color:var(--primary);display:flex;align-items:center;gap:8px;user-select:none;}
.job-toggle img{transition:.3s;}
.job-toggle.open img{transform:rotate(180deg);}
.job-meta{display:flex;gap:0;padding-top:30px;font-size:20px;color:#666;}
.job-meta div{width:33.33%;}
.job-meta div:nth-child(2){text-align:center;}
.job-meta div:nth-child(3){text-align:right;}
.job-body{overflow:hidden;height:0;transition:height .3s;}
.job-body.open{height:auto;}
.job-section-title{font-size:20px;font-weight:550;color:#555;margin-top:40px;margin-bottom:10px;}
.job-row{font-size:18px;color:#555;line-height:1.8;padding:4px 0;transition:.3s;}
.job-row:hover{transform:translateY(-3px);}
.join-banner{position:relative;}
.join-banner img{width:100%;max-height:500px;object-fit:cover;display:block;}
.join-banner-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.join-banner-info h2{font-size:38px;font-weight:bold;color:#333;letter-spacing:28px;transition:.3s;}
.join-banner-info h2:hover{transform:translateY(-5px);}
.join-banner-info p{font-size:38px;color:#333;letter-spacing:28px;margin-top:40px;transition:.3s;}
.join-banner-info p:hover{transform:translateY(-5px);}
.join-banner-info .btn{
  display:inline-block;padding:20px 80px;background:var(--primary);
  border-radius:8px;font-size:28px;color:#fff;margin-top:40px;
  white-space:nowrap;transition:.3s;
}
.join-banner-info .btn:hover{transform:translateY(-5px);}

/* Contact */
.contact-section{padding:80px 0;background:#fff;}
.contact-info-grid{display:flex;flex-wrap:wrap;gap:30px;margin-top:40px;}
.contact-card{flex:1;background:var(--bg-gray);padding:30px;border-radius:4px;}
.contact-card h3{font-size:18px;color:#333;font-weight:bold;margin-bottom:12px;}
.contact-card p{font-size:16px;color:#555;line-height:1.8;}
.contact-company-box{margin-top:48px;background:var(--bg-gray);border-radius:6px;padding:48px 56px;}
.contact-company-box h2{font-size:24px;font-weight:700;color:#333;margin-bottom:36px;padding-bottom:16px;border-bottom:2px solid var(--primary);}
.contact-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;}
.contact-company-item{display:flex;flex-direction:column;gap:6px;}
.contact-company-item .label{font-size:14px;color:#999;letter-spacing:1px;}
.contact-company-item .value{font-size:17px;color:#333;line-height:1.6;font-weight:500;}
.contact-company-item.full{grid-column:1/-1;}

/* News list */
.news-page-section{padding:60px 0;background:#fff;}
.news-page-title{font-size:36px;color:#333;letter-spacing:16px;text-align:center;margin-bottom:60px;}
.news-page-list{margin-top:0;}
.news-page-item{
  display:flex;align-items:flex-start;gap:24px;
  padding:40px;border-bottom:1px solid #e5e5e5;
  transition:.3s;position:relative;
}
.news-page-item:hover{transform:translateY(-5px);background:var(--bg-light);box-shadow:0 2px 13px rgba(0,0,0,.1);}
.news-page-item img{flex-shrink:0;width:240px;max-height:180px;object-fit:cover;}
.news-page-info{flex:1;padding-right:60px;}
.news-page-info .title{font-size:22px;color:#333;margin-bottom:12px;line-height:1.5;}
.news-page-info .meta{font-size:16px;color:#888;margin-bottom:16px;display:flex;gap:20px;}
.news-page-info .excerpt{font-size:17px;color:#333;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news-page-arrow{position:absolute;right:40px;top:50%;transform:translateY(-50%);width:40px;height:50px;background:var(--primary);display:flex;align-items:center;justify-content:center;}
.news-page-arrow img{height:18px;}

/* News detail */
.news-detail-section{padding:60px 0;background:#fff;}
.news-detail-title{font-size:28px;color:#333;text-align:center;letter-spacing:4px;padding:0 20px 20px;max-width:1000px;margin:0 auto;}
.news-detail-meta{text-align:center;font-size:15px;color:#888;margin-bottom:20px;}
.news-detail-body{max-width:1000px;margin:0 auto;padding:40px 20px 80px;border-top:1px solid #e5e5e5;font-size:17px;line-height:2;color:#333;}
.news-detail-body p{margin-bottom:16px;}

/* ===== FOOTER ===== */
.footer-wrap{}
.footer-content{background:var(--dark);padding:40px 0;}
.footer-inner{display:flex;gap:40px;flex-wrap:wrap;padding:0 20px;max-width:var(--max-w);margin:0 auto;box-sizing:content-box;}
.footer-left{flex-shrink:0;}
.footer-left .logo-desktop{display:block;}
.footer-left .logo-mobile{display:none;}
.footer-left .contact-info{margin:30px 0;font-size:15px;color:#fff;line-height:2;}
.footer-tel-btn{
  display:flex;align-items:center;gap:12px;
  background:var(--primary);border-radius:4px;
  padding:0 24px;height:48px;color:#fff;font-size:15px;
  width:180px;
}
.footer-tel-btn img{width:16px;}
.footer-right{flex:1;display:flex;flex-wrap:wrap;gap:0;}
.footer-col{flex:1;min-width:120px;}
.footer-col h4{font-size:15px;font-weight:bold;color:#fff;margin-bottom:24px;}
.footer-col a{display:block;font-size:14px;color:#fff;line-height:2.2;opacity:.85;}
.footer-col a:hover{opacity:1;color:var(--primary);}
.footer-col span{display:block;font-size:14px;color:#fff;line-height:2.2;opacity:.5;cursor:default;}
.copyright-wrap{background:var(--darker);height:60px;display:flex;align-items:center;justify-content:center;}
.copyright-wrap p{font-size:13px;color:#fff;text-align:center;}
.copyright-wrap a{color:#fff;display:inline;}
.copyright-wrap a:hover{opacity:.8;}

/* ===== FIXED SIDEBAR ===== */
.fixed-sidebar{position:fixed;right:20px;bottom:100px;z-index:900;display:flex;flex-direction:column;gap:8px;}
.sidebar-btn{
  width:52px;height:52px;border-radius:4px;
  background:var(--primary);display:flex;align-items:center;
  justify-content:center;cursor:pointer;transition:.3s;
  position:relative;
}
.sidebar-btn:hover{background:#1a90b5;}
.sidebar-btn img{width:24px;height:24px;object-fit:contain;filter:brightness(10);}
.sidebar-btn svg{width:24px;height:24px;fill:#fff;}
.sidebar-tooltip{
  position:absolute;right:calc(100% + 8px);top:50%;transform:translateY(-50%);
  background:#333;color:#fff;font-size:13px;padding:6px 12px;
  white-space:nowrap;border-radius:3px;pointer-events:none;
  opacity:0;transition:.2s;
}
.sidebar-btn:hover .sidebar-tooltip{opacity:1;}
.sidebar-wx-popup{
  display:none;position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);
  background:#fff;padding:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);border-radius:4px;
}
.sidebar-wx-popup img{width:120px;height:120px;}
.sidebar-btn.wx:hover .sidebar-wx-popup{display:block;}
#back-top{display:none;}

/* ===== RESPONSIVE ===== */
@media screen and (max-width:1200px){
  .company-intro-text{padding:0 80px;}
  .feat-grid{margin:0 20px;}
  .ebp-texts{margin:0 20px 40px;}
  .hw-two-col{padding:24px 30px;}
  .adv-blue-item{padding:28px 30px 20px;}
}

@media screen and (max-width:960px){
  .nav-toggle{display:flex;}
  .header-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.92);flex-direction:column;padding:10px 0;}
  .header-nav.open{display:flex;}
  .nav-list{flex-direction:column;}
  .nav-item > a{color:#fff;padding:12px 20px;font-size:17px;border-bottom:none;}
  .nav-item > a:hover,.nav-item > a.active{color:var(--primary-dark);}
  .nav-dropdown{display:none !important;position:static;transform:none;background:rgba(255,255,255,.85);box-shadow:none;padding:0;}
  .nav-item.mob-open .nav-dropdown{display:block !important;}
  .nav-dropdown a{color:#444;padding:10px 30px;font-size:15px;}

  .pain-item,.pain-card{flex:0 0 calc(50% - 10px);}
  .solution-item{width:calc(50% - 20px);}
  .col-3{width:50%;}
  .col-4{width:50%;}
  .adv-blue-item,.adv-item{flex:0 0 100%;}
  .adapt-item{flex:0 0 calc(50% - 10px);}
  .app-info-row{flex-direction:column;padding:50px 0;}
  .app-info-img{flex:none;width:100%;}
  .app-connect-row{flex-direction:column;max-width:90%;}
  .app-connect-img{flex:none;width:100%;}
  .app-blue-section .desc{max-width:90%;}
  .app-float-img{width:85%;}
  .hw-icon-item{width:20%;}
  .rental-item{flex:0 0 calc(33.33% - 14px);}
  .ent-mod-item{width:100%;}
  .ebp-item{width:50%;}
  .news-featured{flex:0 0 100%;}
  .news-page-item{flex-direction:column;}
  .news-page-item img{width:100%;}
  .company-intro-text{padding:0 40px;}
  .join-banner-info h2,.join-banner-info p{font-size:26px;letter-spacing:16px;}
  .join-banner-info .btn{font-size:20px;padding:14px 50px;}
  .culture-item{width:100%;margin-bottom:40px;}
  .footer-left .logo-desktop{display:none;}
  .footer-left .logo-mobile{display:block;}
  .footer-inner{flex-direction:column;gap:20px;}
  .footer-left{display:flex;align-items:center;justify-content:space-between;width:100%;}
  .footer-left .contact-info{margin:0 40px;}
  .footer-right{width:100%;justify-content:space-between;}
  .footer-col{min-width:auto;}
}

@media screen and (max-width:960px){
  .contact-company-box{padding:32px 24px;}
  .contact-company-grid{grid-template-columns:1fr;}
  .contact-company-item.full{grid-column:auto;}
}

@media screen and (max-width:760px){
  .module-title{font-size:26px;}
  .module-title-hint{font-size:12px;}
  .sec-title h2{font-size:26px;}
  .pain-item,.pain-card{flex:0 0 calc(50% - 10px);}
  .solution-item{width:calc(100% - 20px);}
  .client-item{flex:0 0 calc(50% - 10px);}
  .clients-grid{gap:10px;}
  .news-main{flex-direction:column;}
  .intro-section .intro-text{padding:0 15px;font-size:18px;}
  .tw-section .tw-text{padding:0 15px;font-size:18px;}
  .company-intro-text{padding:0 15px;font-size:18px;}
  .feat-grid{margin:0;}
  .feat-item{flex:0 0 100%;}
  .hw-icon-item{width:25%;}
  .hw-two-col{flex-direction:column;padding:20px;}
  .rental-item{flex:0 0 100%;}
  .ebp-item{width:50%;}
  .job-meta{flex-direction:column;}
  .job-meta div{width:100% !important;text-align:left !important;padding-top:10px;}
  .news-page-item{padding:20px;}
  .news-page-info .title{font-size:18px;}
  .cta-words{gap:20px;font-size:26px;}
  .fixed-sidebar{right:10px;bottom:70px;}
  .sidebar-btn{width:44px;height:44px;}
}