/* China Rebar Machinery — Bright Modern Industrial v2
   明亮现代工业风:白底 + 工程橙,明亮渐变 hero,精致卡片 */
:root{
  --bg:#f5f6f8;            /* 页面底 */
  --card:#ffffff;
  --ink:#0f172a;           /* 墨蓝主文字 */
  --sub:#55637a;           /* 次级文字 */
  --line:#e4e8ef;          /* 边框 */
  --steel:#0f172a;         /* 深色块(顶栏/页脚/表头) */
  --steel2:#1e293b;
  --orange:#f97316;
  --orange2:#ea580c;
  --amber:#f59e0b;
  --orange-soft:#fff4ea;   /* 橙浅底 */
  --orange-line:#ffd9b8;
  --grad-hero:linear-gradient(135deg,#fff1e4 0%,#ffe2c4 45%,#ffd2a9 100%);
  --grad-btn:linear-gradient(180deg,#fb923c,#f97316 50%,#ea580c);
  --radius:14px;
  --radius-lg:18px;
  --shadow:0 1px 2px rgba(15,23,42,.05),0 10px 28px rgba(15,23,42,.06);
  --shadow-lg:0 6px 16px rgba(15,23,42,.08),0 24px 56px rgba(15,23,42,.11);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;}
a{color:var(--orange2);text-decoration:none;}
a:hover{text-decoration:none;}
img{max-width:100%;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
.narrow{max-width:820px;margin:0 auto;}
.center{text-align:center;}

/* ---------- topbar ---------- */
.topbar{background:linear-gradient(180deg,#0f172a,#172033);color:#cbd5e1;font-size:12.5px;position:relative;z-index:60;}
.topbar-in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 20px;min-height:36px;}
.topbar-contact{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.topbar a{color:#e2e8f0;transition:color .15s;}
.topbar a:hover{color:var(--orange);}
.lang-switch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.lang-switch .lang-label{color:#8fa0b3;margin-right:2px;}
.lang-switch a{padding:2px 9px;border-radius:999px;opacity:.8;font-weight:600;}
.lang-switch a:hover{opacity:1;color:#fff;}
.lang-switch a.on{background:var(--orange);color:#fff;opacity:1;}

/* ---------- header ---------- */
.sitehead{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 1px 0 rgba(15,23,42,.02),0 8px 24px rgba(15,23,42,.04);}
.sitehead-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:var(--steel);letter-spacing:-.2px;}
.brand img{filter:drop-shadow(0 2px 4px rgba(15,23,42,.12));}
.brand-name{white-space:nowrap;}
.mainnav{display:flex;gap:2px;align-items:center;}
.mainnav a{padding:9px 13px;border-radius:10px;color:var(--steel);font-size:14.5px;font-weight:700;transition:.15s;}
.mainnav a:hover{background:var(--orange-soft);color:var(--orange2);}
.mainnav a.nav-cta{background:var(--grad-btn);color:#fff;padding:9px 18px;border-radius:12px;box-shadow:0 5px 14px rgba(249,115,22,.28);}
.mainnav a.nav-cta:hover{background:var(--orange2);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(249,115,22,.34);}
.nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:10px;font-size:20px;padding:4px 10px;cursor:pointer;color:var(--steel);}

/* ---------- buttons ---------- */
.btn{display:inline-block;padding:12px 24px;border-radius:12px;font-weight:800;font-size:15px;border:2px solid transparent;cursor:pointer;transition:all .18s ease;text-align:center;}
.btn-accent{background:var(--grad-btn);color:#fff;box-shadow:0 6px 16px rgba(249,115,22,.30);}
.btn-accent:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(249,115,22,.40);}
.btn-outline{background:rgba(255,255,255,.75);border-color:rgba(15,23,42,.22);color:var(--steel);}
.btn-outline:hover{background:#fff;border-color:var(--orange2);color:var(--orange2);}
.btn-lg{padding:15px 32px;font-size:16.5px;border-radius:14px;}

/* ---------- hero ---------- */
.hero{background:var(--grad-hero);position:relative;overflow:hidden;border-bottom:1px solid #ffe0c2;}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(249,115,22,.16) 1.6px,transparent 1.6px);background-size:24px 24px;}
.hero::after{content:"";position:absolute;right:-130px;bottom:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 68%);}
.hero-in{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center;padding:64px 0 72px;}
.hero h1{font-size:clamp(31px,4.6vw,48px);line-height:1.14;font-weight:800;color:var(--steel);letter-spacing:-1px;}
.hero h1 .hl{background:linear-gradient(92deg,var(--orange),#d97706);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{color:var(--sub);font-size:17.5px;max-width:560px;margin:18px 0 28px;}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.hero-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:26px;color:var(--steel);font-size:14.5px;font-weight:600;}
.hero-trust span{display:flex;align-items:center;gap:7px;}
.hero-trust span::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--grad-btn);color:#fff;font-size:11px;font-weight:800;}
.hero-img svg{width:100%;max-width:430px;height:auto;filter:drop-shadow(0 18px 40px rgba(234,88,12,.18));}

/* ---------- sections ---------- */
.sec{padding:64px 0;}
.sec-gray{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-title{font-size:clamp(23px,2.6vw,31px);font-weight:800;margin-bottom:8px;color:var(--steel);letter-spacing:-.4px;position:relative;padding-bottom:14px;}
.sec-title::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:4px;border-radius:2px;background:var(--grad-btn);}
.sec > .container > .sec-title{margin-bottom:30px;}
.lead{color:var(--sub);font-size:16px;}

/* ---------- category cards ---------- */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.cat-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;color:var(--steel);position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;}
.cat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad-btn);opacity:0;transition:opacity .18s;}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.cat-card:hover::before{opacity:1;}
.cat-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.cat-card h3{font-size:18.5px;font-weight:800;letter-spacing:-.2px;}
.cat-count{color:var(--orange2);font-size:12.5px;font-weight:800;white-space:nowrap;background:var(--orange-soft);border:1px solid var(--orange-line);padding:3px 11px;border-radius:999px;}
.cat-card p{color:var(--sub);font-size:14.5px;flex:1;}
.cat-models{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;}
.cat-model-chip{display:inline-flex;align-items:center;gap:7px;background:#f3f5f8;border:1px solid var(--line);border-radius:9px;padding:5px 11px;font-size:12.5px;font-weight:700;color:var(--steel);transition:.15s;}
.cat-model-chip img{width:22px;height:22px;object-fit:contain;border-radius:4px;background:#fff;}
.cat-card:hover .cat-model-chip{border-color:#fec28f;background:var(--orange-soft);}
.cat-more{color:var(--orange);font-weight:800;transition:transform .18s;}
.cat-card:hover .cat-more{transform:translateX(4px);}

/* ---------- product grid/card ---------- */
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:22px 0;}
.prod-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);color:var(--steel);display:flex;flex-direction:column;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s;}
.prod-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-btn);opacity:0;transition:opacity .18s;z-index:1;}
.prod-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.prod-card:hover::before{opacity:1;}
.prod-img{aspect-ratio:4/3;background:linear-gradient(135deg,#eef2f7,#f8fafc);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.prod-img img{width:100%;height:100%;object-fit:contain;transition:transform .28s ease;}
.prod-card:hover .prod-img img{transform:scale(1.05);}
.prod-body{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1;}
.prod-model{font-family:Consolas,ui-monospace,monospace;font-size:13px;font-weight:700;color:var(--orange2);background:var(--orange-soft);border:1px solid var(--orange-line);display:inline-block;padding:2px 9px;border-radius:7px;align-self:flex-start;}
.prod-body h3{font-size:16.5px;font-weight:800;line-height:1.35;letter-spacing:-.2px;}
.prod-body p{color:var(--sub);font-size:13.5px;flex:1;}
.prod-link{color:var(--orange2);font-weight:700;font-size:13.5px;}

/* ---------- trust ---------- */
.trust{background:linear-gradient(135deg,#fff7ed,#ffedd5);}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:26px 0;}
.trust-item{background:#fff;border:1px solid var(--orange-line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;}
.trust-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.trust-ico{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--orange-soft);border:1px solid var(--orange-line);font-size:20px;margin-right:10px;vertical-align:-6px;}
.trust-item b{color:var(--steel);font-size:16px;}
.trust-item p{color:var(--sub);font-size:14px;margin-top:8px;}

/* ---------- page head ---------- */
.pagehead{background:var(--grad-hero);color:var(--ink);padding:42px 0;border-bottom:1px solid #ffe0c2;position:relative;overflow:hidden;}
.pagehead::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(249,115,22,.12) 1.5px,transparent 1.5px);background-size:24px 24px;}
.pagehead .container{position:relative;z-index:1;}
.pagehead h1{color:var(--steel);font-size:clamp(25px,3vw,36px);font-weight:800;letter-spacing:-.5px;}
.pagehead p{color:var(--sub);max-width:760px;margin-top:8px;font-size:15.5px;}
.crumbs{color:var(--sub);font-size:13px;margin-bottom:12px;}
.crumbs a{color:var(--orange2);font-weight:700;}
.crumbs a:hover{color:var(--orange);}

/* ---------- category list ---------- */
.cat-list{display:flex;flex-direction:column;gap:22px;}
.cat-row{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);transition:box-shadow .18s,border-color .18s;}
.cat-row:hover{border-color:#fec28f;box-shadow:var(--shadow-lg);}
.cat-row-info h2 a{color:var(--steel);}
.cat-row-info h2 a:hover{color:var(--orange2);}
.cat-row-info p{color:var(--sub);margin-top:6px;max-width:720px;}
.cat-row-prods{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.chip-prod{background:#f3f5f8;border:1px solid var(--line);border-radius:9px;padding:6px 13px;font-size:13.5px;color:var(--steel);font-weight:600;transition:.15s;}
.chip-prod:hover{border-color:var(--orange);color:var(--orange2);background:var(--orange-soft);}

/* ---------- product detail ---------- */
.prod-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:start;}
.prod-detail-img{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);}
.prod-detail-img img{max-height:430px;object-fit:contain;}
.prod-detail-info h1{font-size:clamp(23px,2.6vw,31px);font-weight:800;color:var(--steel);margin:8px 0;letter-spacing:-.4px;}
.prod-detail-intro{color:var(--sub);font-size:16px;}
.prod-meta{margin:16px 0;font-size:14px;color:var(--sub);background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px 16px;display:inline-block;}
.prod-meta span{color:var(--ink);font-weight:700;}
.prod-detail-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;}

/* ---------- spec table ---------- */
.spec-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;margin-top:36px;box-shadow:var(--shadow);}
.spec-box h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--steel);}
.spec-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.spec-table th,.spec-table td{border-bottom:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top;}
.spec-table th{background:#f1f4f8;width:42%;font-weight:700;color:var(--steel);border-left:3px solid var(--orange);}
.spec-table td{border-left:1px solid var(--line);}
.spec-table tr:nth-child(even) td{background:#f9fafb;}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:none;}

/* ---------- related ---------- */
.rel{margin-top:40px;}
.rel h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--steel);}

/* ---------- inquiry ---------- */
.inquiry-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;margin-top:40px;box-shadow:var(--shadow);}
.inquiry-box h2{font-size:20px;font-weight:800;margin-bottom:18px;color:var(--steel);}
.inquiry-form{display:flex;flex-direction:column;gap:14px;}
.inquiry-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.inquiry-form label{font-size:13.5px;font-weight:700;color:var(--steel);display:block;margin-bottom:5px;}
.inquiry-form input,.inquiry-form textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-size:15px;font-family:inherit;background:#fbfcfe;transition:.15s;}
.inquiry-form input:focus,.inquiry-form textarea:focus{outline:none;border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(249,115,22,.13);}
.inquiry-form .btn{align-self:flex-start;}
.hint{margin-top:16px;font-size:14px;color:var(--sub);}
.notice{border-radius:12px;padding:16px 18px;margin-bottom:18px;font-size:15px;}
.notice.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;}

/* ---------- faq ---------- */
.faq-list{display:flex;flex-direction:column;gap:12px;}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0;overflow:hidden;box-shadow:var(--shadow);transition:border-color .15s;}
.faq-item[open]{border-color:#fec28f;box-shadow:var(--shadow-lg);}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:700;color:var(--steel);font-size:15.5px;list-style:none;display:flex;align-items:center;gap:12px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--orange-soft);color:var(--orange2);font-weight:800;font-size:13px;flex:none;}
.faq-item summary::after{content:"＋";margin-left:auto;color:var(--orange);font-weight:800;font-size:17px;}
.faq-item[open] summary::after{content:"－";}
.faq-item p{padding:0 22px 18px 60px;color:var(--sub);font-size:14.5px;}
.faq-cat-tag{flex:none;font-size:11px;font-weight:800;color:var(--orange2);background:var(--orange-soft);border:1px solid var(--orange-line);border-radius:999px;padding:3px 10px;text-transform:uppercase;letter-spacing:.3px;}

/* ---------- faq toolbar ---------- */
.faq-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;}
.faq-search{position:relative;flex:1;min-width:240px;max-width:440px;}
.faq-search input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px 12px 42px;font-size:15px;font-family:inherit;background:#fff;transition:.15s;}
.faq-search input:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 4px rgba(249,115,22,.13);}
.faq-search::before{content:"🔍";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;opacity:.65;}
.faq-toggle{display:flex;gap:8px;}
.faq-toggle button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 13px;font-size:13px;font-weight:700;color:var(--steel);cursor:pointer;transition:.15s;}
.faq-toggle button:hover{border-color:var(--orange);color:var(--orange2);}
.faq-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.faq-filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:700;color:var(--sub);cursor:pointer;transition:.15s;}
.faq-filter-btn:hover{border-color:var(--orange);color:var(--orange2);}
.faq-filter-btn.on{background:var(--grad-btn);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(249,115,22,.28);}
.faq-empty{display:none;text-align:center;color:var(--sub);padding:36px 0;font-size:15px;}
.faq-empty.show{display:block;}

/* ---------- faq no-q & related ---------- */
.faq-noq{background:linear-gradient(120deg,#fff7ed,#ffedd5);border:1px solid var(--orange-line);border-radius:var(--radius-lg);padding:28px 30px;margin-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;box-shadow:var(--shadow);}
.faq-noq h3{color:var(--steel);font-size:19px;font-weight:800;}
.faq-noq p{color:var(--sub);margin-top:6px;font-size:14.5px;max-width:520px;}
.faq-related{margin-top:44px;}

/* ---------- category page ---------- */
.cat-head-meta{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#fff;border:1px solid var(--orange-line);color:var(--orange2);font-weight:800;font-size:13.5px;border-radius:999px;padding:7px 16px;box-shadow:0 4px 12px rgba(249,115,22,.12);}
.cat-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px;}
.cat-toolbar .faq-search{max-width:none;}
.cat-count-line{font-weight:800;color:var(--sub);font-size:14px;background:#f3f5f8;border:1px solid var(--line);border-radius:999px;padding:8px 15px;white-space:nowrap;}
.cat-spec{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--orange-soft);border:1px solid var(--orange-line);border-radius:10px;padding:7px 12px;font-size:13px;color:var(--steel);}
.cat-spec span{color:var(--orange2);font-weight:800;white-space:nowrap;}
.cat-faq{margin-top:44px;}
.cat-faq-more{display:inline-block;margin-top:16px;font-weight:700;color:var(--orange2);}
.cat-faq-more:hover{color:var(--orange);}
.cat-other{margin-top:44px;}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:30px;}
.sec-head .sec-title{margin-bottom:0;}
.sec-more{font-weight:700;color:var(--orange2);white-space:nowrap;}
.sec-more:hover{color:var(--orange);}

/* ---------- steps ---------- */
.step-list{display:flex;flex-direction:column;gap:14px;}
.step-item{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);transition:box-shadow .15s,border-color .15s;}
.step-item:hover{border-color:#fec28f;box-shadow:var(--shadow-lg);}
.step-num{background:var(--grad-btn);color:#fff;font-weight:800;border-radius:10px;padding:7px 13px;white-space:nowrap;font-size:14px;box-shadow:0 4px 10px rgba(249,115,22,.25);}
.step-item b{color:var(--steel);font-size:15.5px;display:block;margin-bottom:4px;}
.step-item p{color:var(--sub);font-size:14.5px;padding-top:3px;}

/* ---------- contact cards ---------- */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px 18px;text-align:center;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;}
.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.contact-card b{color:var(--steel);font-size:15.5px;display:block;margin-top:6px;}
.contact-card p{margin-top:4px;font-size:15px;color:var(--sub);}

/* ---------- blog ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.blog-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow);color:var(--steel);display:flex;flex-direction:column;gap:8px;transition:transform .18s,box-shadow .18s,border-color .18s;}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.blog-card h3{font-size:16px;font-weight:800;line-height:1.4;letter-spacing:-.2px;}
.blog-date{color:var(--sub);font-size:13px;margin-top:auto;}
.blog-body h2{margin:26px 0 10px;font-size:21px;font-weight:800;color:var(--steel);letter-spacing:-.3px;}
.blog-body p{margin:12px 0;color:var(--sub);font-size:15.5px;}
.blog-body ul,.blog-body ol{margin:12px 0 12px 22px;color:var(--sub);font-size:15.5px;}
.blog-body li{margin:6px 0;}
.blog-body strong{color:var(--ink);}

/* ---------- footer ---------- */
.sitefoot{background:linear-gradient(180deg,#0f172a,#131c2b);color:#8fa0b3;padding:52px 0 0;font-size:14px;position:relative;}
.sitefoot::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-btn);}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px;padding-bottom:28px;}
.foot-brand{font-weight:800;font-size:17px;color:#fff;margin-bottom:8px;letter-spacing:-.2px;}
.foot-col a{display:block;color:#8fa0b3;margin:6px 0;transition:color .15s;}
.foot-col a:hover{color:var(--orange);}
.foot-h{color:#cbd5e1;font-weight:700;margin-bottom:10px;}
.foot-bottom{border-top:1px solid #263247;padding:16px 20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;}
.foot-links a{color:#8fa0b3;margin:0 4px;}
.foot-links a:hover{color:var(--orange);}

/* ---------- wa float ---------- */
.wa-float{position:fixed;right:22px;bottom:22px;background:#25d366;color:#fff;border-radius:50%;width:58px;height:58px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(37,211,102,.42);z-index:60;transition:transform .18s,box-shadow .18s;}
.wa-float:hover{transform:scale(1.09);box-shadow:0 12px 28px rgba(37,211,102,.5);}
.wa-float::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid rgba(37,211,102,.35);animation:waPulse 2.4s ease-out infinite;}
@keyframes waPulse{0%{transform:scale(.9);opacity:1;}70%{transform:scale(1.18);opacity:0;}100%{opacity:0;}}

/* ---------- hero badge ---------- */
.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--orange-line);color:var(--orange2);font-weight:800;font-size:13px;letter-spacing:.4px;padding:7px 16px;border-radius:999px;box-shadow:0 4px 14px rgba(249,115,22,.14);margin-bottom:18px;white-space:nowrap;max-width:100%;}
.hero-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad-btn);animation:dotPulse 1.8s ease-out infinite;}
@keyframes dotPulse{0%,100%{box-shadow:0 0 0 0 rgba(249,115,22,.45);}50%{box-shadow:0 0 0 6px rgba(249,115,22,0);}}
.pagehead .hero-badge{margin-bottom:14px;}

/* ---------- stats bar ---------- */
.stats-bar{position:relative;z-index:1;background:linear-gradient(180deg,#0f172a,#1a2436);}
.stats-in{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:28px 20px;}
.stat{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;}
.stat-numrow{display:flex;align-items:baseline;justify-content:center;gap:1px;}
.stat-num{font-size:34px;font-weight:800;letter-spacing:-.5px;line-height:1;background:linear-gradient(92deg,#fb923c,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat-suffix{font-size:34px;font-weight:800;line-height:1;background:linear-gradient(92deg,#fb923c,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent;}
.stat-l{color:#94a3b8;font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;}

/* ---------- feat grid ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.feat-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;}
.feat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.feat-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;background:var(--orange-soft);border:1px solid var(--orange-line);font-size:24px;margin-bottom:14px;}
.feat-item b{color:var(--steel);font-size:16.5px;display:block;margin-bottom:8px;}
.feat-item p{color:var(--sub);font-size:14px;line-height:1.65;}

/* ---------- cta band ---------- */
.cta-band{background:linear-gradient(120deg,#f97316,#ea580c 55%,#d97706);color:#fff;text-align:center;padding:56px 0;position:relative;overflow:hidden;}
.cta-band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1.6px,transparent 1.6px);background-size:22px 22px;}
.cta-band-in{position:relative;z-index:1;}
.cta-band h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.5px;color:#fff;}
.cta-band p{color:#ffe9d6;font-size:16.5px;max-width:640px;margin:12px auto 24px;}
.cta-band .btn-outline{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.65);color:#fff;}
.cta-band .btn-outline:hover{background:rgba(255,255,255,.26);border-color:#fff;color:#fff;}
.cta-band-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* ---------- about ---------- */
.abt-head{padding:46px 0 40px;}
.abt-intro-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:start;}
.abt-main .abt-text{color:var(--sub);font-size:16.5px;line-height:1.8;margin-bottom:26px;}
.abt-main .abt-text b{color:var(--steel);}
.abt-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.abt-why-item{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;}
.abt-why-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.abt-why-item b{color:var(--steel);font-size:15.5px;display:block;margin-bottom:4px;}
.abt-why-item p{color:var(--sub);font-size:14px;line-height:1.6;}
.why-ico{flex:none;width:40px;height:40px;border-radius:11px;background:var(--orange-soft);border:1px solid var(--orange-line);display:flex;align-items:center;justify-content:center;font-size:19px;}
.factory-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid var(--orange-line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow);position:sticky;top:84px;}
.fc-loc{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--steel);font-size:17px;}
.factory-card p{color:var(--sub);font-size:14.5px;line-height:1.7;margin-top:10px;}
.abt-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px;}
.abt-stat{background:#fff;border:1px solid var(--orange-line);border-radius:14px;padding:18px 12px;text-align:center;transition:transform .18s,box-shadow .18s;}
.abt-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.abt-stat b{font-size:28px;font-weight:800;line-height:1;}
.abt-stat span{display:block;color:var(--sub);font-size:12.5px;font-weight:600;margin-top:6px;line-height:1.35;}
.abt-what{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;}
.abt-contact{background:linear-gradient(120deg,#f97316,#ea580c 55%,#d97706);color:#fff;padding:42px 0;position:relative;overflow:hidden;}
.abt-contact::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1.6px,transparent 1.6px);background-size:22px 22px;}
.abt-contact-in{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.abt-contact-info h3{font-size:22px;font-weight:800;color:#fff;}
.abt-contact-info p{color:#ffe9d6;margin-top:8px;font-size:15px;}
.abt-contact-info a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.abt-contact .btn-outline{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.65);color:#fff;}
.abt-contact .btn-outline:hover{background:rgba(255,255,255,.26);border-color:#fff;color:#fff;}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease;}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ---------- rtl ---------- */
body.rtl{direction:rtl;text-align:right;}
body.rtl .faq-item summary::after{margin-left:0;margin-right:auto;}
body.rtl .faq-item summary::before{margin-left:0;}
body.rtl .faq-item p{padding:0 60px 18px 22px;}
body.rtl .spec-table th,body.rtl .spec-table td{text-align:right;}
body.rtl .spec-table th{border-left:none;border-right:3px solid var(--orange);}
body.rtl .prod-model,body.rtl .step-num,body.rtl .cat-count{direction:ltr;unicode-bidi:isolate;}
body.rtl .sec-title::after{left:auto;right:0;}
body.rtl .cat-card:hover .cat-more{transform:translateX(-4px);}
body.rtl .trust-ico{margin-right:0;margin-left:10px;}
body.rtl .hero::after{right:auto;left:-130px;}
body.rtl .abt-contact-in{text-align:right;}
body.rtl .fc-loc{direction:ltr;}
body.rtl .abt-why-item{text-align:right;}
body.rtl .faq-item summary .faq-cat-tag{margin-left:0;}
body.rtl .faq-search::before{left:auto;right:14px;}
body.rtl .faq-search input{padding:12px 42px 12px 14px;}
body.rtl .faq-noq{text-align:right;}

/* ---------- blog v2 ---------- */
.blog-hero-feature{padding:34px 0 0;}
.blog-featured-card{display:flex;align-items:stretch;gap:0;background:#fff;border:1px solid var(--orange-line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;color:var(--steel);}
.blog-featured-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.blog-featured-body{flex:1;padding:30px 34px;display:flex;flex-direction:column;gap:12px;}
.blog-featured-body h2{font-size:clamp(20px,2.4vw,26px);font-weight:800;letter-spacing:-.4px;line-height:1.35;}
.blog-featured-body p{color:var(--sub);font-size:15px;}
.blog-featured-cta{font-weight:800;color:var(--orange2);margin-top:auto;}
.blog-featured-num{display:flex;align-items:center;justify-content:center;font-size:72px;font-weight:900;color:#fff;background:linear-gradient(160deg,#f97316,#fbbf24);min-width:150px;letter-spacing:-3px;text-shadow:0 3px 14px rgba(249,115,22,.4);}
.blog-toolbar{margin-bottom:20px;}
.blog-cats{margin-bottom:0;}
.blog-cats .faq-filter-btn span{opacity:.6;font-weight:700;margin-left:3px;}
.blog-cat-tag{display:inline-flex;align-items:center;width:fit-content;font-size:11.5px;font-weight:800;letter-spacing:.4px;border-radius:999px;padding:4px 12px;text-transform:uppercase;}
.cat-buying{background:#eef2ff;color:#4f46e5;}
.cat-selection{background:#ecfeff;color:#0891b2;}
.cat-applications{background:#fff1f2;color:#e11d48;}
.cat-operations{background:#fef3c7;color:#b45309;}
.cat-brand{background:#f0fdf4;color:#16a34a;}
.blog-card .blog-cat-tag{margin-bottom:2px;}
.blog-excerpt{color:var(--sub);font-size:14px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.blog-meta{display:flex;align-items:center;gap:14px;color:var(--sub);font-size:12.5px;margin-top:auto;}
.blog-read{white-space:nowrap;}
.blog-empty{display:none;text-align:center;color:var(--sub);padding:40px 0;font-size:15px;}
.blog-empty.show{display:block;}

/* blog 文章页布局:TOC 侧栏 + 正文 */
.blog-layout{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start;}
.blog-toc{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px;box-shadow:var(--shadow);}
.blog-toc b{display:block;color:var(--steel);font-size:14px;margin-bottom:12px;}
.blog-toc nav{display:flex;flex-direction:column;gap:7px;max-height:520px;overflow:auto;}
.blog-toc nav a{color:var(--sub);font-size:13px;line-height:1.45;padding:4px 8px;border-radius:8px;transition:.12s;border-left:2px solid transparent;}
.blog-toc nav a:hover{color:var(--orange2);background:var(--orange-soft);}
.blog-toc nav a.active{color:var(--orange2);border-left-color:var(--orange);font-weight:700;background:var(--orange-soft);}
.blog-body{padding:6px 0 0;max-width:100%;}
.blog-body h2{scroll-margin-top:100px;}
.blog-inline-cta{background:var(--orange-soft);border:1px solid var(--orange-line);border-radius:var(--radius-lg);padding:26px 28px;margin-top:34px;}
.blog-inline-cta b{font-size:16px;color:var(--steel);}
.blog-inline-cta p{color:var(--sub);font-size:14.5px;margin:6px 0 16px;}
.blog-inline-cta .btn{margin-right:10px;}
.blog-pager{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.blog-pager-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px 22px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;transition:transform .18s,box-shadow .18s,border-color .18s;}
.blog-pager-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.blog-pager-item:last-child{text-align:right;align-items:flex-end;}
.blog-pager-dir{color:var(--orange2);font-weight:800;font-size:13px;}
.blog-pager-title{color:var(--steel);font-weight:700;font-size:15px;line-height:1.4;}
.blog-meta{margin-top:auto;}

/* ---------- buyer guide v2 ---------- */
.guide-toc{background:#fff;border-bottom:1px solid var(--line);padding:16px 0;position:sticky;top:64px;z-index:40;box-shadow:0 6px 18px rgba(15,23,42,.05);}
.guide-toc b{display:block;color:var(--steel);font-size:13px;margin-bottom:10px;letter-spacing:.3px;text-transform:uppercase;}
.guide-toc-list{display:flex;flex-wrap:wrap;gap:8px;}
.guide-toc-list a{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--sub);transition:.15s;background:#fff;}
.guide-toc-list a span{background:var(--grad-btn);color:#fff;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;}
.guide-toc-list a:hover{border-color:var(--orange);color:var(--orange2);}
.guide-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 28px;margin-bottom:20px;box-shadow:var(--shadow);scroll-margin-top:150px;}
.guide-step-head{display:flex;align-items:center;gap:14px;margin-bottom:10px;}
.guide-step-num{background:var(--grad-btn);color:#fff;font-weight:800;font-size:19px;border-radius:12px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 12px rgba(249,115,22,.28);flex-shrink:0;}
.guide-step-head h2{color:var(--steel);font-size:20px;font-weight:800;letter-spacing:-.3px;}
.guide-step-body{color:var(--sub);font-size:15px;}
.guide-sub{margin:24px 0 4px;color:var(--steel);font-size:15.5px;font-weight:800;}
.guide-sub-sub{color:var(--sub);font-size:13.5px;margin-bottom:14px;}
.guide-reco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
.guide-reco-card{display:flex;flex-direction:column;gap:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;color:var(--steel);}
.guide-reco-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fec28f;background:#fff;}
.guide-reco-ico{font-size:24px;line-height:1;}
.guide-reco-t b{font-size:14.5px;display:block;margin-bottom:4px;}
.guide-reco-t p{color:var(--sub);font-size:13px;line-height:1.5;}
.guide-reco-model{font-weight:800;color:var(--orange2);font-size:13px;margin-top:auto;}
.guide-chart-block{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;}
.guide-chart-cat{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-weight:800;font-size:15px;padding:13px 20px;}
.guide-chart-cat a{color:#fff;}
.guide-chart-cat a:hover{color:var(--orange);}
.guide-chart-items{display:grid;grid-template-columns:repeat(3,1fr);}
.guide-chart-item{padding:16px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;}
.guide-chart-item:last-child{border-right:none;}
.guide-chart-model b{font-size:15px;color:var(--steel);display:block;}
.guide-chart-model span{color:var(--sub);font-size:12.5px;}
.guide-chart-ks{color:var(--steel);font-size:13.5px;line-height:1.5;}
.guide-chart-ks-label{color:var(--sub);}
.guide-chart-link{font-weight:800;color:var(--orange2);font-size:13px;margin-top:auto;}
.chk-list{display:flex;flex-direction:column;gap:10px;margin-top:6px;}
.chk-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 18px;cursor:pointer;font-size:15px;color:var(--steel);font-weight:600;transition:.15s;}
.chk-item:hover{border-color:#fec28f;}
.chk-item input{width:18px;height:18px;accent-color:var(--orange);flex-shrink:0;}
.chk-item:has(input:checked){background:var(--orange-soft);border-color:var(--orange-line);}
.chk-item:has(input:checked) span{color:var(--orange2);}

/* ---------- about v2 ---------- */
.abt-brand-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:stretch;}
.abt-brand-card{background:linear-gradient(150deg,#fff,#fff7ed);border:1px solid var(--orange-line);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;}
.abt-brand-head{display:flex;align-items:center;gap:14px;}
.abt-brand-ico{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;box-shadow:0 8px 18px rgba(249,115,22,.35);}
.abt-brand-card h3{font-size:22px;font-weight:800;color:var(--steel);line-height:1.3;}
.abt-brand-card p{color:var(--sub);font-size:15px;line-height:1.8;}
.abt-brand-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;}
.abt-brand-tag{background:#fff;border:1px solid var(--orange-line);color:var(--steel);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;}
.abt-brand-side{display:grid;grid-template-rows:repeat(3,1fr);gap:14px;}
.abt-brand-fact{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;display:flex;gap:16px;align-items:center;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;}
.abt-brand-fact:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.abt-brand-fact .fact-num{font-size:30px;font-weight:800;line-height:1;background:linear-gradient(120deg,#f97316,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent;min-width:74px;}
.abt-brand-fact .fact-lb{color:var(--sub);font-size:13.5px;font-weight:600;}
.abt-apps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px;}
.abt-app-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:block;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;overflow:hidden;}
.abt-app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.abt-app-ico{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#e8fbf0,#d0f5e2);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:14px;}
.abt-app-card h3{color:var(--steel);font-size:16px;font-weight:800;margin-bottom:6px;}
.abt-app-card p{color:var(--sub);font-size:13.5px;line-height:1.65;}
.abt-app-link{display:inline-flex;align-items:center;gap:6px;margin-top:14px;color:var(--orange);font-size:13px;font-weight:700;transition:gap .18s;}
.abt-app-card:hover .abt-app-link{gap:10px;}
.abt-qc-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;}
.abt-qc-item{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;text-align:center;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s,border-color .18s;}
.abt-qc-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#c7e8fb;}
.abt-qc-num{width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;}
.abt-qc-item h3{color:var(--steel);font-size:15.5px;font-weight:800;margin-bottom:6px;}
.abt-qc-item p{color:var(--sub);font-size:13px;line-height:1.65;}
.abt-markets{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;justify-content:center;}
.abt-mkt-pill{background:#fff;border:1px solid var(--orange-line);color:var(--steel);font-weight:700;font-size:13.5px;padding:9px 18px;border-radius:999px;box-shadow:var(--shadow);transition:transform .18s,border-color .18s;}
.abt-mkt-pill:hover{transform:translateY(-2px);border-color:#f97316;}

/* ---------- footer v2 ---------- */
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.1fr;gap:28px;padding-bottom:28px;}
.foot-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:#fff;margin-bottom:10px;}
.foot-logo{width:34px;height:34px;border-radius:9px;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.foot-desc{color:#8fa0b3;line-height:1.7;margin-bottom:14px;}
.foot-btns{display:flex;gap:10px;flex-wrap:wrap;}
.foot-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.06);border:1px solid #2a3a55;color:#e2e8f0;font-weight:600;font-size:12.5px;padding:8px 13px;border-radius:9px;transition:all .15s;}
.foot-btn:hover{background:var(--orange);border-color:var(--orange);color:#fff;}
.foot-lang{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
.foot-lang a{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid #2a3a55;border-radius:7px;font-size:12px;color:#8fa0b3;transition:all .15s;}
.foot-lang a:hover{color:#fff;border-color:var(--orange);}
.foot-lang a.cur{color:var(--orange);border-color:var(--orange);font-weight:700;}

/* ---------- guide banner ---------- */
.guide-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid var(--orange-line);border-radius:var(--radius-lg);box-shadow:var(--shadow);}
.guide-banner-in{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:28px 30px;}
.gb-ico{width:60px;height:60px;border-radius:16px;background:var(--grad-btn);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 10px 22px rgba(249,115,22,.35);flex-shrink:0;}
.gb-txt{flex:1;min-width:220px;}
.gb-txt h2{font-size:clamp(20px,2.4vw,27px);font-weight:800;color:var(--steel);}
.gb-txt p{color:var(--sub);margin-top:6px;font-size:15px;line-height:1.7;}
.gb-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* ---------- categories v2 ---------- */
.cat-cover{margin:-26px -26px 14px;height:150px;overflow:hidden;border-radius:14px 14px 0 0;background:#f1f5f9;}
.cat-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;}
.cat-card:hover .cat-cover img{transform:scale(1.05);}
.cat-blocks{display:flex;flex-direction:column;gap:32px;margin-top:26px;}
.cat-block{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow);}
.cat-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;}
.cat-block-head h3{font-size:19px;font-weight:800;color:var(--steel);}
.cat-block-head a{font-weight:700;color:var(--orange2);white-space:nowrap;}
.cat-block-head a:hover{color:var(--orange);}
.prod-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.prod-mini{display:flex;gap:12px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;transition:transform .16s,box-shadow .16s,border-color .16s;}
.prod-mini:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#fec28f;}
.prod-mini img{width:58px;height:58px;object-fit:cover;border-radius:9px;background:#e2e8f0;flex-shrink:0;}
.prod-mini b{display:block;color:var(--steel);font-size:13.5px;line-height:1.3;}
.prod-mini span{color:var(--sub);font-size:12px;display:block;margin-top:2px;line-height:1.35;}

/* ---------- category/product v3:对比表 + 特性 + 信任 ---------- */
.prod-badge{position:absolute;top:14px;left:14px;z-index:2;background:var(--grad-btn);color:#fff;font-size:11.5px;font-weight:800;border-radius:999px;padding:4px 12px;box-shadow:0 4px 10px rgba(249,115,22,.32);}
.cmp-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;margin-top:36px;box-shadow:var(--shadow);}
.cmp-box h2{font-size:20px;font-weight:800;margin-bottom:8px;color:var(--steel);}
.cmp-scroll{overflow-x:auto;margin-top:16px;border:1px solid var(--line);border-radius:12px;}
.cmp-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;min-width:560px;}
.cmp-table th,.cmp-table td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:11px 14px;text-align:center;vertical-align:middle;}
.cmp-table th:first-child,.cmp-table td:first-child{border-left:none;}
.cmp-table tr:last-child th,.cmp-table tr:last-child td{border-bottom:none;}
.cmp-table th{border-left:none;font-weight:700;color:var(--steel);}
.cmp-table thead th{background:#f1f4f8;font-size:13px;border-top:none;}
.cmp-table thead a{color:var(--orange2);font-weight:800;text-decoration:none;}
.cmp-table thead a:hover{color:var(--orange);}
.cmp-table tbody th{background:#f8fafc;text-align:left;white-space:nowrap;font-size:12.5px;}
.cmp-table td{color:var(--sub);}
.cmp-corner{text-align:left !important;}
.cmp-this{display:block;font-size:10.5px;font-weight:800;color:var(--orange2);background:var(--orange-soft);border:1px solid var(--orange-line);border-radius:999px;padding:1px 8px;margin-top:4px;width:max-content;margin-left:auto;margin-right:auto;}
.cmp-cur{background:#fff7ed;font-weight:700;color:var(--steel);}
.cmp-cta td{background:#f8fafc;}
.cmp-cta .btn{padding:8px 16px;font-size:13px;}
.cmp-note{color:var(--sub);font-size:12.5px;margin-top:12px;}
.prod-feat{margin-top:36px;}
.prod-feat h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--steel);}
.prod-feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.prod-feat-item{background:var(--orange-soft);border:1px solid var(--orange-line);border-radius:14px;padding:16px 18px;}
.prod-feat-item span{display:block;color:var(--orange2);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;}
.prod-feat-item b{color:var(--steel);font-size:16px;line-height:1.4;font-weight:800;}
.prod-apps{margin-top:44px;}
.prod-apps h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--steel);}
.prod-trust{margin-top:44px;}
.prod-trust h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--steel);}
.prod-faq{margin-top:44px;}
.prod-faq h2{font-size:20px;font-weight:800;margin-bottom:16px;color:var(--steel);}
body.rtl .cmp-table th:first-child,body.rtl .cmp-table td:first-child{border-right:none;text-align:right;}
body.rtl .cmp-table tbody th{text-align:right;}
/* keyword clusters / tags (hub related-search, product also-known-as, blog topics) */
.kw-cluster{margin-top:36px;padding-top:26px;border-top:1px solid #e5eaf0;}
.kw-cluster h2,.kw-cluster .kw-title{font-size:18px;font-weight:800;color:var(--steel);margin-bottom:8px;display:block;}
.kw-cluster-sub{color:var(--sub);font-size:13px;margin-bottom:16px;max-width:660px;}
.kw-tags{display:flex;flex-wrap:wrap;gap:8px;}
.kw-tag{background:#f4f7fb;border:1px solid #dde5ee;border-radius:999px;padding:5px 14px;font-size:12.5px;color:#3d5266;transition:background .15s,border-color .15s,color .15s;}
.kw-tag:hover{background:var(--orange-soft);border-color:var(--orange-line);color:var(--orange2);}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .cat-grid,.prod-grid,.trust-grid,.blog-grid,.contact-cards,.abt-what,.abt-apps-grid,.abt-qc-list,.prod-mini-grid,.prod-feat-grid{grid-template-columns:repeat(2,1fr);}
  .stats-in,.feat-grid,.abt-stats{grid-template-columns:repeat(2,1fr);}
  .hero-in,.prod-detail,.abt-intro-grid,.abt-brand-grid{grid-template-columns:1fr;}
  .factory-card{position:static;}
  .foot-grid{grid-template-columns:repeat(2,1fr);}
  .hero{padding-bottom:0;}
  .blog-featured-num{display:none;}
  .blog-layout{grid-template-columns:1fr;}
  .blog-toc{position:static;max-height:none;}
  .blog-toc nav{max-height:220px;}
  .blog-pager{grid-template-columns:1fr;}
  .blog-pager-item:last-child{text-align:left;align-items:flex-start;}
  .guide-reco-grid{grid-template-columns:repeat(2,1fr);}
  .guide-chart-items{grid-template-columns:1fr;}
  .guide-chart-item{border-right:none;border-bottom:1px solid var(--line);}
  .guide-chart-item:last-child{border-bottom:none;}
}
@media(max-width:640px){
  .cat-grid,.prod-grid,.trust-grid,.blog-grid,.contact-cards,.abt-what,.abt-apps-grid,.abt-qc-list,.abt-brand-grid,.prod-mini-grid,.prod-feat-grid,.stats-in,.feat-grid,.abt-stats,.abt-why-grid{grid-template-columns:1fr;}
  .cmp-table{min-width:0;}
  .inquiry-form .frow{grid-template-columns:1fr;}
  .mainnav{display:none;flex-direction:column;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 16px;box-shadow:0 18px 32px rgba(15,23,42,.1);border-radius:0 0 14px 14px;}
  .mainnav.open{display:flex;}
  .nav-toggle{display:block;}
  .faq-toggle{width:100%;}
  .lang-label{display:none;}
  .hero-trust{gap:10px;flex-direction:column;}
  .sec{padding:48px 0;}
  .guide-reco-grid{grid-template-columns:1fr;}
  .guide-toc{position:static;}
  .foot-grid{grid-template-columns:1fr;}
  .foot-bottom{gap:10px;justify-content:center;}
  .hero-badge{font-size:12px;padding:6px 12px;}
}