/* ==========================================================================
   SATE Lighting — 方案 C「曜石暖灰」覆盖式换肤 v1（2026-11-04）
   加载位置：foot.html 末尾（全页最后一个样式表，同优先级下必胜）
   配套改动：模板内 #2e3a4a 已批量替换为暖铜 #8a6d43（白字对比度 4.8:1）；
   本文件只做"点睛"：暖金主行动按钮 + C token 沉淀 + 细节。
   Obsidian Warm：#131110 / #1D1A17 / #26211D / #EFE9E1 / #B08D57
   ========================================================================== */
:root{
  --sate-c-bg:#131110;      /* 曜石黑 */
  --sate-c-bg2:#1d1a17;     /* 暖深灰 */
  --sate-c-elev:#26211d;    /* 凸起/卡片 */
  --sate-c-text:#efe9e1;    /* 暖白 */
  --sate-c-text2:#a79e93;   /* 次文字 */
  --sate-c-bronze:#b08d57;  /* C 主强调：暖金 */
  --sate-c-bronze-d:#8a6d43;/* 深暖铜（已批量替换旧深灰，全站 accent） */
  --sate-c-border:#2e2a25;
  --sate-c-line:#d8cfc2;    /* 幽灵按钮边框 */
  --sate-font:"Inter","Manrope","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}

/* ---------- C 方案签名：首屏主行动按钮 → 暖金 + 曜石黑字 ----------
   #B08D57 配 #131110 文字，对比度 6.1:1 */
.sate-hero-btn-primary{
  background:var(--sate-c-bronze)!important;
  border-color:var(--sate-c-bronze)!important;
  color:#131110!important;
}
.sate-hero-btn-primary:hover,
.sate-hero-btn-primary:focus{
  background:#c2a06a!important;
  border-color:#c2a06a!important;
  color:#131110!important;
}

/* ---------- 暖调细节 ---------- */
/* 文字选中色：暖金 */
::selection{background:var(--sate-c-bronze);color:#131110;}
/* 焦点环：暖金细线 */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{
  outline:2px solid var(--sate-c-bronze);outline-offset:2px;
}
/* 按钮过渡收敛 */
.sate-hero-btn{transition:background .25s,border-color .25s,color .25s;}
/* 首屏信息面板罩一层暖调（已是深色底，只调色温） */
.content-bg-conveyimage .sate-hero-inner{
  box-shadow:inset 0 0 120px rgba(176,141,87,.10);
}

/* ---------- C 预览结构：首屏数据条 ---------- */
.sate-hero-stats{display:flex;gap:30px;margin-top:22px;flex-wrap:wrap}
.sate-hero-stats>div{display:flex;flex-direction:column}
.sate-hero-stats b{font-size:23px;font-weight:700;color:#efe9e1;letter-spacing:.01em}
.sate-hero-stats span{font-size:10.5px;letter-spacing:.14em;color:#a79e93;margin-top:5px}
.sate-hero-stats>div+div{border-left:1px solid rgba(239,233,225,.16);padding-left:30px}
@media(max-width:640px){.sate-hero-stats{gap:18px}.sate-hero-stats>div+div{border-left:0;padding-left:0}}

/* ---------- C 预览结构：Applications 深暖色带 ---------- */
.sate-apps{background:#131110;padding:72px 0;margin:0}
.sate-apps-inner{max-width:1200px;margin:0 auto;padding:0 20px}
.sate-apps-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:30px}
.sate-apps-head h3{font-size:26px;font-weight:700;color:#efe9e1;margin:0;letter-spacing:.01em}
.sate-apps-head a{font-size:13.5px;color:#b08d57;text-decoration:none;letter-spacing:.03em}
.sate-apps-head a:hover{color:#c2a06a}
.sate-apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:860px){.sate-apps-grid{grid-template-columns:1fr}}
.sate-app{position:relative;display:block;border-radius:3px;overflow:hidden;text-decoration:none;background:#1d1a17;border:1px solid #2e2a25;transition:border-color .25s}
.sate-app:hover{border-color:#b08d57}
.sate-app-img{display:block;aspect-ratio:4/3;overflow:hidden}
.sate-app-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.sate-app:hover .sate-app-img img{transform:scale(1.04)}
.sate-app-img-right img{object-position:82% 50%}
.sate-app-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 20px 18px;color:#efe9e1;font-size:19px;font-weight:700;letter-spacing:.02em;background:linear-gradient(to top,rgba(19,17,16,.92),rgba(19,17,16,0))}
.sate-app-cap small{display:block;font-size:12px;font-weight:400;color:#a79e93;letter-spacing:.08em;margin-top:6px}

/* ===== 预览 C 风格：深色 header ===== */
.layout-top .layout-bg{background:#131110 !important;}
.layout-logo .layout-bg{background:#1d1a17 !important;}
.layout-nav .layout-bg{background:#131110 !important;border-top:1px solid #2e2a25;}
.layout-top .mod-buyerlogin01,.layout-top .mod-buyerlogin01 .our,.layout-top .mod-header01 .language-title{color:#a79e93 !important;}
/* 白字字标（替代图片 logo） */
.top-logo img{display:none !important;}
.sate-wordmark{font:700 21px/64px 'Inter','Helvetica Neue',Arial,sans-serif;letter-spacing:.3em;color:#ffffff;white-space:nowrap;}
/* 隐藏中区副标题/备案（避免中文） */
.layout-logo .center{display:none !important;}
/* 导航链接浅色 */
.mod-nav01 .nav-tabs .nav-tab-link{color:#efe9e1 !important;}
.mod-nav01 .nav-tabs .nav-tab-link:hover{color:#b08d57 !important;}
/* 社媒图标：白色单色 */
.header-social-link{background:transparent !important;border:1px solid rgba(239,233,225,.3) !important;color:#ffffff !important;box-shadow:none !important;}
.header-social-link:hover{border-color:#b08d57 !important;color:#b08d57 !important;background:transparent !important;}
/* Get a Quote 按钮 */
.sate-quote-btn{display:inline-flex;align-items:center;height:40px;padding:0 22px;margin-right:12px;border:1px solid #b08d57;color:#b08d57 !important;font:600 13px/1 'Inter',Arial,sans-serif;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;white-space:nowrap;vertical-align:middle;}
.sate-quote-btn:hover{background:#b08d57;color:#131110 !important;}
.layout-logo .right-bg{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.layout-logo .right-bg .mod-search01{order:1;}
.layout-logo .right-bg .header-social-bar{order:2;margin:0 0 0 12px;}
/* 搜索框适配深色 */
.mod-search01 input{background:#26211d !important;border:1px solid #2e2a25 !important;color:#efe9e1 !important;}
/* ===== 页脚：FOLLOW US 白色社媒图标 ===== */
.footer-social-label{color:#a79e93 !important;letter-spacing:.1em;}
.footer-social-bar .header-social-link{background:#1d1a17 !important;border:1px solid #2e2a25 !important;color:#ffffff !important;}
.footer-social-bar .header-social-link:hover{border-color:#b08d57 !important;color:#b08d57 !important;background:#1d1a17 !important;}

/* ===== 2026-11-05 首页新增版块：数据条/应用场景/优势/证书墙/询盘区 ===== */
/* 通用标题 */
.sate-sec-head{text-align:center;padding:44px 20px 8px}
.sate-sec-head h2{font:700 26px/1.3 'Archivo','Inter',Arial,sans-serif;letter-spacing:.04em;color:#efe9e1}
.sate-sec-head h2 em{font-style:normal;color:#b08d57}
.sate-sec-head p{color:#a79e93;font-size:13px;margin-top:8px;letter-spacing:.06em}
/* 数据计数器 */
.sate-stats-band{background:#1d1a17;border-top:1px solid #2e2a25;border-bottom:1px solid #2e2a25}
.sate-stats{display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:0}
.sate-stats li{flex:1 1 0;min-width:0;text-align:center;padding:32px 16px;border-left:1px solid #2e2a25}
.sate-stats li:first-child{border-left:none}
.sate-stat-num{display:block;font:800 42px/1.2 'Archivo','Inter',Arial,sans-serif;color:#b08d57;letter-spacing:.02em}
.sate-stat-lbl{display:block;font-size:11px;letter-spacing:.16em;color:#a79e93;text-transform:uppercase;margin-top:8px}
/* 应用导航小圆图标 */
.sate-apps{background:#131110}
.sate-app-row{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 24px;padding:22px 20px 48px;max-width:1200px;margin:0 auto}
.sate-app-item{text-align:center;text-decoration:none;width:auto;min-width:0}
.sate-app-img{display:block;width:100%;height:auto;aspect-ratio:1/1;overflow:hidden;margin:0 auto 12px;background:#1d1a17;border-radius:4px}
.sate-app-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.sate-app-item:hover .sate-app-img{box-shadow:0 0 0 2px #b08d57}
.sate-app-item:hover .sate-app-img img{transform:scale(1.06)}
.sate-app-name{display:block;font-size:16px;font-weight:700;color:#efe9e1;letter-spacing:.02em;line-height:1.5}
/* 5 优势图标 */
.sate-adv{background:linear-gradient(180deg,#161310,#1d1a17);border-top:1px solid #2e2a25;border-bottom:1px solid #2e2a25}
.sate-adv-row{display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;margin:0;padding:34px 20px;gap:6px}
.sate-adv-row li{flex:1 1 0;min-width:0;max-width:220px;text-align:center;padding:8px 10px}
.sate-adv-icon{width:56px;height:56px;border:1.5px solid #b08d57;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.sate-adv-icon svg{width:25px;height:25px;stroke:#efe9e1;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sate-adv-row h3{font:700 14px/1.4 'Archivo','Inter',Arial,sans-serif;letter-spacing:.03em;color:#efe9e1;margin:0 0 8px}
.sate-adv-row p{font-size:12px;color:#a79e93;line-height:1.6;margin:0}
/* 证书总图（单张拼图，点进证书页） */
.sate-certs{background:linear-gradient(180deg,#131110,#1d1a17);border-top:1px solid #2e2a25}
.sate-cert-img{display:block;max-width:880px;margin:0 auto;padding:8px 20px 50px}
.sate-cert-img img{width:100%;height:auto;display:block;border-radius:4px}
/* 询盘区 */
.sate-cta{background:linear-gradient(135deg,#1d1a17,#26211d);border-top:1px solid #2e2a25;text-align:center}
.sate-cta .layout-bg{padding:56px 20px}
.sate-cta h2{font:700 26px/1.3 'Archivo','Inter',Arial,sans-serif;letter-spacing:.03em;color:#efe9e1;margin:0 0 12px}
.sate-cta p{color:#a79e93;font-size:14px;margin:0 auto 24px;max-width:600px}
.sate-cta-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:28px}
.sate-cta-pills a{border:1px solid #3a332c;border-radius:30px;padding:10px 22px;font-size:13px;color:#efe9e1;text-decoration:none}
.sate-cta-pills a b{color:#b08d57;font-weight:700}
.sate-cta-pills a:hover{border-color:#b08d57}
.sate-cta-btn{display:inline-block;background:#b08d57;color:#131110 !important;font:700 14px/1 'Inter',Arial,sans-serif;letter-spacing:.1em;padding:16px 48px;border-radius:4px;text-decoration:none;text-transform:uppercase}
.sate-cta-btn:hover{background:#c49c62}
@media(max-width:900px){.sate-app-row{grid-template-columns:repeat(2,1fr);gap:20px 16px}.sate-app-name{font-size:14px}}
@media(max-width:640px){.sate-stat-num{font-size:28px}.sate-stats li{flex:1 1 0;min-width:0;padding:20px 6px}.sate-sec-head h2,.sate-cta h2{font-size:21px}.sate-adv-row{padding:24px 8px;gap:2px}.sate-adv-icon{width:44px;height:44px}.sate-adv-icon svg{width:20px;height:20px}.sate-adv-row h3{font-size:12px}.sate-adv-row p{font-size:11px}}

/* ===== FOOTER: FOLLOW US 移到 WhatsApp 正下方（地址移到最下） ===== */
.mod-contact01 .contact-images-right{display:flex;flex-direction:column;}
.mod-contact01 .contact-address{order:1;}
.mod-contact01 .footer-social-bar{order:2;margin-top:14px;padding-top:14px;border-top:1px solid #2e2a25;}
.mod-contact01 .footer-social-bar .footer-social-label{flex:0 0 100%;margin:0 0 10px;}

/* ===== FOOTER: 社媒图标强制在圆圈正中 ===== */
.mod-contact01 .footer-social-bar .header-social-link{position:relative;}
.mod-contact01 .footer-social-bar .header-social-link:before{
  position:absolute !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  line-height:1 !important;font-family:'FontAwesome' !important;
}

/* ===== 2026-11-05 v3：3排×4列已在上，Featured 标题 + 浮动栏金色放大 ===== */
.sate-featured{background:#131110}
.sate-featured-head h2{font-size:32px}
.sate-featured-head p{font-size:14px}
.fixed-right .items{background:#b08d57!important}
.fixed-right .item-left{width:60px!important;height:60px!important;background:#b08d57!important;padding-top:8px!important}
.fixed-right .items0,.fixed-right .items1,.fixed-right .items3{width:60px!important;height:60px!important}
.fixed-right .item-left .img img{width:28px!important;height:28px!important;object-fit:contain!important}
.fixed-right .item-left .span{margin-top:4px!important;font-size:13px!important}
.fixed-right .items:hover{background:#c2a06a!important}
.fixed-right .items0:hover .itemsbox,.fixed-right .items1:hover .itemsbox,.fixed-right .items3:hover .itemsbox{background:linear-gradient(to right,#b08d57,#c2a06a)!important}

.fixed-right .items .item-left,.fixed-right .items .item-right{background:#b08d57!important;border-color:#b08d57!important;color:#131110!important}
.fixed-right .items .item-right .p{color:#131110!important}
.fixed-right .items:hover .item-left,.fixed-right .items:hover .item-right{background:#c2a06a!important;color:#131110!important}

/* Tel panel: wider so the number fits on one line */
.fixed-right .items0 .item-right{width:195px!important}
.fixed-right .items0:hover .itemsbox{width:260px!important;left:-195px!important}
.fixed-right .item-right .p{white-space:nowrap!important;line-height:1.4!important}

/* Top nav fix (2026-11-05): the nav bar is 1200px wide but 10 top-level items
   with 35px side padding total ~1400px, so the last 3 (About Us, Contact, FAQ)
   wrapped to a second row that the 46px fixed-height bar clips (overflow:hidden).
   Tightening the side padding to 15px makes all 10 fit in one row. */
.mod-nav01 .nav-tabs .nav-tab-link{padding:0 15px !important;}
