/* ============================================================
   BENC MOULD — 双语企业站共享样式 v2.1
   设计风格：Sony Store 风格修正版
   —— 导航条为白底黑字（栏目页）；首页顶部透明+白字悬浮于大图 banner，
      滚动后切换为白底黑字；页脚底部保留黑色细条；页面主体为高级灰/白极简布局；
      细字体控制 + 克制的金色点缀（品牌色）
   ============================================================ */

/* ---------- Voltera 字体：英文导航菜单（Demo 版，仅拉丁字形，中文自动回退） ---------- */
@font-face{
  font-family:'Voltera';
  src:url('../fonts/VolteraDEMO-Regular.woff2') format('woff2'),
      url('../fonts/VolteraDEMO-Regular.woff') format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

/* ---------- 472-CAI978 字体：英文页面标题 H1~H5（仅拉丁字形，中文自动回退） ---------- */
@font-face{
  font-family:'472-CAI978';
  src:url('../fonts/472-CAI978.woff2') format('woff2'),
      url('../fonts/472-CAI978.woff') format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}
/* 仅英文页（lang=en）标题使用 472-CAI978；中文页（lang=zh-CN）不受影响 */
html[lang^="en"] h1,
html[lang^="en"] h2,
html[lang^="en"] h3,
html[lang^="en"] h4,
html[lang^="en"] h5{
  font-family:'472-CAI978',var(--font);
}
/* 仅英文页（lang^=en）所有 p 元素统一为 Arial；页脚 Contact 区域为 li（非 p）天然不受影响；中文页不应用 */
html[lang^="en"] p,
html[lang^="en"] p b{
  font-family:Arial,var(--font);
}

:root{
  --nav-bg:#ffffff;        /* 导航底色：白 */
  --nav-line:rgba(0,0,0,.08);  /* 导航底边线 */
  --nav-txt:#141414;       /* 导航主文字 */
  --nav-txt-dim:#555555;   /* 导航弱化文字 */
  --nav-pill-bg:#141414;   /* 语言切换激活胶囊底色 */
  --nav-pill-txt:#ffffff;  /* 激活胶囊文字色 */
  --nav-tool-bd:#d8d8d8;   /* 导航工具按钮边框 */
  --nav-gap:4px;           /* 工具组统一间距：EN↔中文↔搜索（含搜索左右 margin）基准 */
  --bg:#ffffff;            /* 页面主体：白 */
  --bg-2:#f4f4f4;          /* 次级区块：高级灰 */
  --bg-3:#ffffff;          /* 卡片：白 */
  --bg-4:#f7f7f7;          /* 输入框/悬停 */
  --line:#e3e3e3;          /* 细分隔线 */
  --txt:#141414;           /* 主文字：近黑 */
  --txt-2:#4d4d4d;         /* 次要文字 */
  --txt-3:#8a8a8a;         /* 弱文字/说明 */
  --gold:#a8842f;          /* 品牌金色点缀（装饰性元素） */
  --gold-2:#8a6a1f;        /* 金色深/悬停 */
  --gold-dim:rgba(168,132,47,.10);
  --sony-blue:#5E9DF4;     /* Sony 品牌高亮蓝：导航激活/悬停、链接、下划线 */
  --radius:2px;            /* 索尼式小圆角 */
  --font:"Segoe UI","Helvetica Neue","Microsoft YaHei","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font);background:var(--bg);color:var(--txt);line-height:1.8;font-size:15px;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:var(--txt);text-decoration:none;transition:color .2s;}
a:hover{color:var(--sony-blue);}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px;}
section{position:relative;}

/* ---------- 顶部黑条（全宽通栏） ---------- */
.topbar{background:var(--nav-bg);font-size:12px;color:#9a9a9a;}
.topbar .wrap{max-width:none;display:flex;justify-content:space-between;align-items:center;padding-top:7px;padding-bottom:7px;}
.topbar a{color:#9a9a9a;margin-left:16px;}
.topbar a:hover{color:#fff;}
.lang-switch{display:flex;align-items:center;gap:2px;}
.lang-switch a{padding:2px 10px;border:1px solid #333;border-radius:var(--radius);font-size:11.5px;letter-spacing:.5px;color:#9a9a9a;}
.lang-switch a:hover{color:#fff;border-color:#666;}
.lang-switch a.active{background:#fff;color:#000;border-color:#fff;font-weight:700;}

/* ---------- 白色主导航（全宽通栏；栏目页恒为白底黑字，Sony 式大气布局） ---------- */
.navbar{position:sticky;top:0;z-index:100;background:var(--nav-bg);border-bottom:1px solid var(--nav-line);box-shadow:0 2px 14px rgba(0,0,0,.05);transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;}
.navbar .wrap{max-width:none;display:flex;align-items:center;height:80px;padding:0 36px;}
.logo{display:flex;align-items:center;line-height:1;font-size:21px;font-weight:800;letter-spacing:1px;color:var(--nav-txt);margin-right:0;} /* 区间1：logo 居左 */
.logo .gold{color:#d9b36c;}
.logo small{display:block;font-size:9px;letter-spacing:3px;color:#777;font-weight:400;margin-top:-2px;}
.brand-logo{height:46px;width:auto;vertical-align:middle;margin-right:0;display:inline-block;}
/* 白底导航：白色 logo 反转为黑，保证可见 */
.navbar .brand-logo{filter:brightness(0);}
.nav{align-self:stretch;display:flex;list-style:none;align-items:stretch;gap:2px;margin:0 auto;} /* 区间2：导航菜单水平居中 */
.nav>li{position:relative;display:flex;align-items:center;}
.nav>li>a{display:inline-block;position:relative;padding:6px 16px 5px;font-size:15px;letter-spacing:.8px;color:var(--nav-txt-dim);transition:color .2s;white-space:nowrap;line-height:1.4;}
/* Voltera 仅作用于英文页（lang=en）的顶部导航；中文页（lang=zh-CN）不引用该字体 */
html[lang^="en"] .nav>li>a{font-family:'Voltera',var(--font);}
/* 索尼式下划线：与文字动态等宽、紧贴文字下方 */
.nav>li>a::after{content:"";position:absolute;left:16px;right:16px;bottom:1px;height:1px;background:transparent;transition:background .2s;}
.nav>li>a:hover,.nav>li.active>a{color:var(--sony-blue);}
.nav>li>a:hover::after,.nav>li.active>a::after{background:var(--sony-blue);}
.dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.12);min-width:260px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;z-index:200;}
.nav>li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown a{display:block;padding:9px 24px;font-size:14px;letter-spacing:.8px;color:var(--txt-2);border-left:2px solid transparent;}
.dropdown a:hover{color:var(--sony-blue);background:var(--bg-2);border-left-color:var(--sony-blue);}
/* Voltera 仅作用于英文页（lang=en）的 Products 下拉子菜单；中文页（lang=zh-CN）不受影响 */
html[lang^="en"] .dropdown a{font-family:'Voltera',var(--font);}
.nav-toggle{display:none;background:none;border:1px solid var(--nav-tool-bd);color:var(--nav-txt);font-size:20px;padding:6px 12px;cursor:pointer;border-radius:var(--radius);margin-left:auto;transition:transform .25s;}
.nav-toggle:focus-visible{outline:2px solid var(--sony-blue);outline-offset:2px;}
/* 导航右侧工具组：语言切换 + 搜索（与菜单同一排，靠右） */
.nav-tools{display:flex;align-items:center;position:relative;} /* 区间3：语言切换+搜索 靠右 */
.nav-tools .lang-switch{display:flex;gap:var(--nav-gap);}
.nav-tools .lang-switch a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:34px;padding:0;border:1px solid var(--nav-tool-bd);border-radius:var(--radius);font-size:11.5px;letter-spacing:.5px;color:var(--nav-txt-dim);background:transparent;text-align:center;white-space:nowrap;}
.nav-tools .lang-switch a:hover{color:var(--nav-txt);border-color:var(--nav-txt);}
.nav-tools .lang-switch a.active{background:var(--nav-pill-bg);color:var(--nav-pill-txt);border-color:var(--nav-pill-bg);font-weight:700;}
.search-btn{background:none;border:1px solid var(--nav-tool-bd);color:var(--nav-txt-dim);border-radius:var(--radius);padding:0;margin:0 var(--nav-gap);width:42px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s;}
.search-btn:hover{color:var(--sony-blue);border-color:var(--sony-blue);}
.search-form{display:none;position:absolute;right:0;top:calc(100% + 10px);width:320px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(0,0,0,.14);padding:10px;z-index:300;}
.search-form input{width:100%;background:var(--bg-4);border:1px solid var(--line);color:var(--txt);padding:10px 12px;font-size:14px;border-radius:var(--radius);font-family:var(--font);}
.search-form input:focus{outline:none;border-color:var(--sony-blue);}
.nav-tools.search-open .search-form{display:block;}

/* ---------- 首页大图页：导航悬浮在 banner 上（透明底 + 白字），滚动后切换为白底黑字 ---------- */
.navbar-hero{position:fixed;top:0;left:0;right:0;background:transparent;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none;--nav-line:transparent;--nav-txt:#ffffff;--nav-txt-dim:rgba(255,255,255,.86);--nav-pill-bg:#ffffff;--nav-pill-txt:#141414;--nav-tool-bd:rgba(255,255,255,.42);}
.navbar-hero .brand-logo{filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));}
.navbar-hero.scrolled{background:#ffffff;border-bottom-color:var(--line);box-shadow:0 2px 14px rgba(0,0,0,.08);--nav-line:var(--line);--nav-txt:#141414;--nav-txt-dim:#555555;--nav-pill-bg:#141414;--nav-pill-txt:#ffffff;--nav-tool-bd:#d8d8d8;}
.navbar-hero.scrolled .brand-logo{filter:brightness(0);}

/* ---------- Hero：多图轮播（背景渐隐切换，文本不动） ---------- */
.hero{position:relative;overflow:hidden;background:#111;border-bottom:1px solid var(--line);display:flex;align-items:center;min-height:100vh;}
.hero-slides{position:absolute;inset:0;z-index:0;}
.hero-slides .slide{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:0;transition:opacity 1.4s ease;will-change:opacity;}
.hero-slides .slide.active{opacity:1;}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.15) 45%,rgba(0,0,0,.62) 100%);}
.hero .wrap{position:relative;z-index:2;width:100%;padding:120px 24px;text-align:left;color:#fff;}
.hero .eyebrow{font-size:11.5px;letter-spacing:5px;color:#8ab8f7;text-transform:uppercase;margin-bottom:22px;}
.hero h1{font-size:48px;line-height:1.15;font-weight:600;letter-spacing:.5px;margin-bottom:22px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.55);max-width:860px;}
.hero h1 .thin{font-weight:400;color:#fff;font-size:.75em;}
.hero .sub{max-width:640px;margin:0 0 38px;font-size:16.5px;color:#f0f4fa;font-weight:300;text-shadow:0 1px 12px rgba(0,0,0,.5);}
.hero .btn-gold{background:#fff;color:#111;}
.hero .btn-gold:hover{background:var(--sony-blue);color:#fff;}
.hero .btn-ghost{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(0,0,0,.18);}
.hero .btn-ghost:hover{border-color:#fff;color:#fff;background:rgba(255,255,255,.12);}
.hero .ctas{display:flex;gap:14px;justify-content:flex-start;flex-wrap:wrap;}

/* Hero 轮播控制：左右箭头 + 底部圆点导航 */
.hero-arrow{position:absolute;top:50%;z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.25);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transform:translateY(-50%);}
.hero-arrow:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.6);}
.hero-prev{left:28px;}
.hero-next{right:28px;}
.hero-dots{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:10px;}
.hero-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;padding:0;transition:all .3s;}
.hero-dot:hover{border-color:#fff;}
.hero-dot.active{background:#fff;border-color:#fff;transform:scale(1.15);}

/* Hero 轮播文字层：4 组宣传词随背景图同步淡入淡出 */
.hero-texts{position:absolute;inset:0;z-index:2;}
.hero-text{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;display:flex;align-items:center;will-change:opacity;}
.hero-text.active{opacity:1;}

@media(max-width:768px){
  .hero-arrow{width:38px;height:38px;}
  .hero-prev{left:12px;}
  .hero-next{right:12px;}
  .hero-dots{bottom:20px;gap:8px;}
  .hero-dot{width:8px;height:8px;}
}

/* ---------- 全局按钮 ---------- */
.btn{display:inline-block;padding:13px 38px;font-size:12.5px;letter-spacing:1.5px;font-weight:700;border-radius:var(--radius);transition:all .25s;cursor:pointer;border:1px solid transparent;text-transform:uppercase;}
.btn-gold{background:#141414;color:#fff;}
.btn-gold:hover{background:#000;color:var(--sony-blue);}
.btn-ghost{border-color:#9a9a9a;color:#333;background:transparent;}
.btn-ghost:hover{border-color:var(--sony-blue);color:var(--sony-blue);}

/* ---------- 区块通用（浅色交替 + 大留白，Sony 式节奏） ---------- */
.section{padding:100px 0;}
.section.tint{background:var(--bg-2);}
.section .sec-head{text-align:center;margin-bottom:60px;}
.section .sec-head .kicker{font-size:11px;letter-spacing:4px;color:var(--sony-blue);text-transform:uppercase;margin-bottom:14px;}
.section .sec-head h2{font-size:34px;font-weight:300;letter-spacing:.5px;}
.section .sec-head p{color:var(--txt-2);max-width:640px;margin:14px auto 0;font-size:15px;font-weight:300;}
.gold-line{width:44px;height:1px;background:var(--sony-blue);margin:18px auto 0;}
/* 左对齐区块头（设计师式：区块标题左对齐 + 说明） */
.sec-head.left{text-align:left;display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:48px;}
.sec-head.left .kicker{margin-bottom:10px;}
.sec-head.left h2{margin:0;}
.sec-head.left .gold-line{display:none;}
.sec-head.left .desc{max-width:420px;text-align:right;color:var(--txt-2);font-weight:300;font-size:14px;}

/* ---------- 数字条 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--line);border:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.stat{background:#fff;padding:38px 20px;text-align:center;border-right:1px solid var(--line);}
.stat:last-child{border-right:none;}
.stat .num{font-size:38px;font-weight:200;color:#141414;letter-spacing:.5px;}
.stat .num .u{font-size:18px;color:var(--gold);font-weight:400;}
.stat .lab{margin-top:8px;font-size:11.5px;color:var(--txt-3);letter-spacing:1.5px;text-transform:uppercase;}

/* ---------- 卡片（仅用于真正需要并列的方案区：无边框，轻阴影） ---------- */
.grid{display:grid;gap:24px;}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.card{background:#fff;border:none;border-radius:var(--radius);overflow:hidden;transition:transform .3s,box-shadow .3s;}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.10);}
.card .thumb{aspect-ratio:4/3;overflow:hidden;position:relative;background:var(--bg-2);border-radius:10px;display:block;}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.card .thumb:hover img{transform:scale(1.04);}
.card:hover .thumb img{transform:scale(1.04);}
.card .body{padding:22px 16px 22px;}
.card .body h3{font-size:16px;font-weight:600;margin-bottom:8px;}
.card .body h3 a{color:#141414;}
.card .body h3 a:hover{color:var(--sony-blue);}
.card .body p{font-size:13.5px;color:var(--txt-2);font-weight:300;}
.card .body .more{margin-top:12px;font-size:11.5px;letter-spacing:1.5px;color:var(--sony-blue);text-transform:uppercase;font-weight:700;}

/* ---------- 列表式区块（设计师式：细线分隔，无卡片框） ---------- */
.plain{display:grid;gap:0;}
.plain .item{padding:26px 4px;border-top:1px solid var(--line);}
.plain .item:first-child{border-top:none;padding-top:6px;}
.plain .item h3{font-size:17px;font-weight:600;margin-bottom:6px;}
.plain .item h3 a{color:#141414;}
.plain .item h3 a:hover{color:var(--sony-blue);}
.plain .item p{font-size:14px;color:var(--txt-2);font-weight:300;}
.plain .item .meta{font-size:12px;color:var(--txt-3);margin-top:8px;letter-spacing:.5px;}

/* 应用领域分栏项（无框，顶部分隔线） */
.app-item{padding:26px 4px 10px;border-top:1px solid var(--line);}
.app-item:first-child{border-top:none;}
.app-item h3{font-size:17px;font-weight:600;margin-bottom:6px;}
.app-item p{font-size:14px;color:var(--txt-2);font-weight:300;}

/* 优势数字项（大数字 + 标题 + 细线） */
.why-item{padding:0 4px;border-top:1px solid var(--line);padding-top:26px;}
.why-item .no{font-size:34px;font-weight:200;color:#c9c9c9;line-height:1;}
.why-item h3{font-size:16px;font-weight:600;margin:12px 0 8px;}
.why-item p{font-size:13.5px;color:var(--txt-2);font-weight:300;}

/* 双主体大图区块（大图背景 + 深色遮罩 + 白字叠加，非卡片） */
.entity-block{position:relative;overflow:hidden;background:#111;min-height:360px;display:flex;align-items:flex-end;border-radius:10px;}
.entity-block .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s;}
.entity-block:hover .bg{transform:scale(1.04);}
.entity-block::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.10) 0%,rgba(0,0,0,.72) 100%);}
.entity-block .content{position:relative;z-index:2;padding:34px 30px;color:#fff;width:100%;}
.entity-block .content h3{font-size:21px;font-weight:600;margin-bottom:8px;}
.entity-block .content h3 a{color:#fff;}
.entity-block .content h3 a:hover{color:var(--sony-blue);}
.entity-block .content p{font-size:13.5px;color:#d5d5d5;font-weight:300;max-width:520px;}
.entity-block .content .more{margin-top:14px;font-size:11.5px;letter-spacing:1.5px;color:#fff;text-transform:uppercase;font-weight:700;display:inline-block;border-bottom:1px solid var(--sony-blue);padding-bottom:3px;}
.entity-block .content .more:hover{color:var(--sony-blue);}
.thumb{display:flex;align-items:center;justify-content:center;background:var(--bg-2);overflow:hidden;}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;}
.thumb:hover img{transform:scale(1.03);}
.ph{display:flex;align-items:center;justify-content:center;background:var(--bg-2);color:var(--txt-3);font-size:12px;letter-spacing:2px;text-transform:uppercase;border:1px dashed var(--line);}

/* ---------- 表格（浅色） ---------- */
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;}
th,td{border:1px solid var(--line);padding:9px 12px;text-align:left;}
th{background:var(--bg-2);color:#141414;font-weight:600;letter-spacing:.3px;white-space:nowrap;}
td{color:var(--txt-2);}
tr:nth-child(even) td{background:#fafafa;}
.table-scroll{overflow-x:auto;}

/* ---------- 图文分栏（设计师式左右分栏） ---------- */
.split{align-items:stretch;}
.split .visual{position:relative;overflow:hidden;min-height:340px;background:var(--bg-2);border-radius:10px;}
.split .visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;}
.split .visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(0,0,0,.25));}
.split .content{padding:8px 0;}
.split .content .lead{font-size:15px;color:var(--txt-2);font-weight:300;margin-bottom:8px;}
.split .list-2{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;}
.split .cta-row{margin-top:28px;}

/* ---------- 步骤流程（细线分列，无框） ---------- */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:none;}
.step{padding:10px 26px 0 4px;border-top:1px solid var(--line);text-align:left;}
.step .no{width:36px;height:36px;line-height:36px;margin:0 0 14px;background:var(--sony-blue);color:#fff;font-weight:600;border-radius:50%;font-size:15px;text-align:center;}
.step h4{font-size:15px;margin-bottom:8px;}
.step p{font-size:13px;color:var(--txt-2);font-weight:300;}

/* ---------- 列表 ---------- */
ul.tick{list-style:none;margin:12px 0;}
ul.tick li{padding:7px 0 7px 26px;position:relative;color:var(--txt-2);}
ul.tick li::before{content:"—";position:absolute;left:4px;color:var(--gold-2);font-weight:700;top:8px;}

/* ---------- CTA 区块（深蓝渐变色块，白字，视觉节奏高点） ---------- */
.cta-band{background:linear-gradient(135deg,#3b7dd8 0%,#5E9DF4 60%,#7fb0f0 100%);padding:76px 0;text-align:center;color:#fff;}
.cta-band h2{font-size:30px;font-weight:300;margin-bottom:12px;}
.cta-band p{color:#e8f1fd;margin-bottom:30px;font-weight:300;}
.cta-band .contact-line{margin-top:22px;font-size:13.5px;color:#dce9fb;}
.cta-band .contact-line b{color:#fff;font-weight:600;}
.cta-band .btn-gold{background:#fff;color:#2b6cb0;}
.cta-band .btn-gold:hover{background:#141414;color:#fff;}

/* ---------- 表单（浅色） ---------- */
form.frm{max-width:640px;margin:0 auto;display:grid;gap:16px;}
.frm .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.frm label{display:block;font-size:11.5px;letter-spacing:1px;color:var(--txt-3);text-transform:uppercase;margin-bottom:6px;}
.frm input,.frm select,.frm textarea{width:100%;background:#fff;border:1px solid var(--line);color:var(--txt);padding:12px 14px;font-size:14px;border-radius:var(--radius);font-family:var(--font);transition:border-color .2s;}
.frm input:focus,.frm select:focus,.frm textarea:focus{outline:none;border-color:var(--sony-blue);}
.frm textarea{min-height:120px;resize:vertical;}

/* ---------- 页脚（Sony 式：副导航灰底浅黑字，仅版权区黑底） ---------- */
footer{background:#f4f4f4;color:#656565;padding:56px 0 0;}
footer .wrap{max-width:none;padding:0 36px;}
.foot-grid{display:grid;grid-template-columns:2fr 1.4fr 1.2fr 1.2fr 1.8fr;gap:44px;padding-bottom:40px;}
footer h4{font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#1a1a1a;margin-bottom:16px;font-weight:700;}
footer ul{list-style:none;}
footer ul li{margin-bottom:8px;font-size:12px;line-height:1.6;}
footer ul a{font-size:12px;color:#656565;letter-spacing:.8px;}
footer ul a:hover{color:var(--sony-blue);}
/* Voltera 仅作用于英文页（lang=en）的页脚导航链接与 Contact 信息，统一为 13px；中文页（lang=zh-CN）不受影响 */
html[lang^="en"] footer ul li{font-family:'Voltera',var(--font);font-size:13px; letter-spacing:.8px;}
html[lang^="en"] footer ul a{font-size:13px;}
.foot-brand .brand-logo{height:46px;margin-bottom:14px;display:block;filter:brightness(0);}
.foot-brand p{font-size:12px;color:#656565;max-width:280px;font-weight:400;line-height:1.7;}
/* 页脚分享链接：灰色图标（SVG 用 currentColor，非彩色） */
.foot-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;max-width:280px;}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#ececec;color:#8f8f8f;border:1px solid #dcdcdc;transition:color .2s,border-color .2s,background .2s,transform .2s;}
.foot-social a svg{width:16px;height:16px;}
.foot-social a:hover{color:#555;border-color:#bbb;background:#e4e4e4;transform:translateY(-2px);}
/* 国内平台文字图标（胶囊形，可容纳"小红书"等） */
.foot-social a.s-text{width:auto;min-width:34px;padding:0 11px;border-radius:17px;font-size:12px;font-weight:600;letter-spacing:.5px;color:#8f8f8f;}
.foot-social a.s-text:hover{color:#555;}
.foot-bottom{background:#000;color:#9a9a9a;margin:0 -36px;padding:18px 36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;}
.foot-bottom .dual{color:#b5b5b5;}
/* 备案号链接（中文独立站合规链接，随版权条黑底风格） */
.foot-bottom a{color:#9a9a9a;text-decoration:none;transition:color .2s;}
.foot-bottom a:hover{color:#fff;}

/* ---------- 面包屑 / 页头（浅色） ---------- */
.breadcrumb{font-size:12.5px;color:var(--txt-3);padding:18px 0 0;}
.breadcrumb a{color:var(--txt-3);}
.breadcrumb a:hover{color:var(--sony-blue);}
.breadcrumb span{margin:0 8px;}
/* 面包屑当前页尾项：空链接 a，仅展示当前层级（不跳转、不因 hover 变色） */
.breadcrumb a.bc-current{color:var(--txt-2);pointer-events:none;text-decoration:none;}
.breadcrumb a.bc-current:hover{color:var(--txt-2);}
.page-head{padding:66px 0 38px;text-align:center;background:var(--bg-2);border-bottom:1px solid var(--line);}
.page-head .kicker{font-size:11px;letter-spacing:4px;color:var(--gold);text-transform:uppercase;margin-bottom:12px;}
.page-head h1{font-size:36px;font-weight:300;letter-spacing:.5px;}
.page-head p{color:var(--txt-2);max-width:640px;margin:12px auto 0;font-size:14.5px;font-weight:300;}
/* 栏目页头 Banner：深色背景 + 白字，与首页 hero 一脉相承。
   背景图优先取页面字段 page_banner_bg（模板输出内联 --ph-img:url(...) 覆盖）；
   未传背景图时回退为深色工业渐变（保证白字文案清晰可读）。 */
.page-head.banner{
  position:relative;padding:100px 0 100px;
  background-color:#141414;
  background-image:var(--ph-img);
  background-size:cover;
  background-position:center;
  /* 默认兜底：深色工业渐变（未被内联 --ph-img 覆盖时生效） */
  --ph-img:linear-gradient(160deg,#31363f 0%,#20242c 38%,#12151a 72%,#0b0d11 100%);
}
/* 磨砂玻璃蒙版：blur 模糊背景 + 深色半透明叠加，让标题更聚焦。
   模糊阈值通过 --ph-blur 控制（默认 1px），可按需微调。 */
.page-head.banner::before{
  content:"";
  position:absolute;inset:0;z-index:0;
  background:rgba(16,16,16,.58);
  backdrop-filter:blur(var(--ph-blur,1px));
  -webkit-backdrop-filter:blur(var(--ph-blur,1px));
}
.page-head.banner>*{position:relative;z-index:1;}
.page-head.banner .kicker{color:#e9c97e;}
.page-head.banner h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.6);}
.page-head.banner p{color:rgba(255,255,255,.88);text-shadow:0 1px 8px rgba(0,0,0,.5);}
/* ph-* 类保留用于栏目识别（benc_banner_class），不再绑定固定图片——背景由后台字段或渐变兜底控制 */
.page-head.ph-about{--ph-img:linear-gradient(160deg,#333a43 0%,#21262e 40%,#12151a 75%,#0b0d11 100%);}
.page-head.ph-products{--ph-img:linear-gradient(150deg,#2f3b48 0%,#1d2731 40%,#0f1419 75%,#0a0d11 100%);}
.page-head.ph-equipment{--ph-img:linear-gradient(155deg,#34404a 0%,#222b34 38%,#12171c 72%,#0b0e12 100%);}
.page-head.ph-quality{--ph-img:linear-gradient(160deg,#2e363f 0%,#1e242b 40%,#101418 75%,#0a0c10 100%);}
.page-head.ph-cases{--ph-img:linear-gradient(150deg,#303b45 0%,#1f2932 38%,#11161b 72%,#0a0d11 100%);}
.page-head.ph-quotation{--ph-img:linear-gradient(155deg,#333c44 0%,#212830 40%,#12171c 75%,#0b0e12 100%);}
.page-head.ph-contact{--ph-img:linear-gradient(160deg,#2d353d 0%,#1d242b 40%,#101418 75%,#0a0c10 100%);}


/* ---------- 二维码 ---------- */
.qr-box{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;}
.qr-item{text-align:center;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;}
.qr-item img{width:118px;height:118px;object-fit:contain;}
.qr-item span{display:block;margin-top:8px;font-size:12px;color:var(--txt-2);}

/* ---------- 全局滚动按钮（灰底黑箭头圆形，右侧固定） ---------- */
.scroll-btn{position:fixed;right:24px;z-index:900;width:46px;height:46px;border-radius:50%;background:#ececec;color:#111;border:1px solid #d8d8d8;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;visibility:visible;transition:opacity .35s,visibility .35s,background .2s,transform .2s;box-shadow:0 3px 14px rgba(0,0,0,.20);}
.scroll-btn:hover{background:#d5d5d5;transform:scale(1.06);}
.scroll-up{top:calc(50% - 50px);}
.scroll-down{top:calc(50% + 8px);}
.scroll-btn.hidden{opacity:0;visibility:hidden;pointer-events:none;}
@media (max-width:768px){
  .scroll-btn{display:none !important;} /* 移动设备隐藏滚动按钮组 */
}

/* ---------- 响应式 ---------- */

/* === 中等PC屏：导航项紧凑排列，防止溢出 === */
@media (max-width:1440px){
  .nav>li>a{padding:6px 12px;font-size:14.5px;}
}
@media (max-width:1280px){
  .nav>li>a{padding:6px 10px;font-size:13px;}
}
@media (max-width:1200px){
  .nav>li>a{padding:5px 8px;font-size:12.5px;letter-spacing:.2px;}
}
@media (max-width:1100px){
  .nav>li>a{padding:5px 6px;font-size:12px;letter-spacing:0;}
  .search-btn svg{width:13px;height:13px;}
}

/* === 平板（≤1024px）：折叠为汉堡菜单 === */
@media (max-width:1024px){
  .navbar .wrap{height:64px;}
  .nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(0,0,0,.12);z-index:100;max-height:calc(100vh - 64px);overflow-y:auto;}
  .nav.open{display:flex;}
  .nav>li{width:100%;}
  .nav>li>a{padding:14px 24px;border-bottom:1px solid var(--line);font-size:14px;color:#555555;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;border:none;background:#fafafa;margin:0 12px 8px;min-width:0;box-shadow:none;}
  .dropdown a{color:#555555;}
  .dropdown a:hover{color:var(--sony-blue);background:transparent;border-left-color:var(--sony-blue);}
  .nav-toggle{display:block;}
  .nav-tools{margin-left:auto;}
  .search-form{width:calc(100vw - 72px);}
  .g4{grid-template-columns:repeat(2,1fr);}
  .foot-grid{grid-template-columns:1fr 1fr;}
}

/* === 手机（≤768px）：紧凑布局，精简banner内容 === */
@media (max-width:768px){
  .hero h1{font-size:26px;line-height:1.25;margin-bottom:16px;}
  .hero .sub{display:none;}
  .hero .wrap{padding-top:64px;padding-bottom:56px;}
  .hero{min-height:100vh;}
  .hero .ctas .btn{padding:11px 28px;font-size:11.5px;letter-spacing:1px;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:repeat(2,1fr);}
  .g3{grid-template-columns:1fr;}
  .g2{grid-template-columns:1fr;}
  .frm .row{grid-template-columns:1fr;}
  .section{padding:60px 0;}
  .section .sec-head h2{font-size:26px;}
  .page-head.banner{padding:52px 0 38px;}
  .page-head.banner h1{font-size:26px;}
  .foot-grid{grid-template-columns:1fr;gap:26px;}
}

/* === 小手机（≤480px）：进一步压缩导航栏元素 === */
@media (max-width:480px){
  .navbar .wrap{padding:0 12px;height:56px;}
  .nav{top:56px;}
  .brand-logo{height:26px;}
  .nav-tools{margin-left:auto;}
  .nav-tools .lang-switch a{width:44px;height:30px;font-size:10.5px;}
  .search-btn{width:32px;height:30px;}
  .search-btn svg{width:13px;height:13px;}
  .nav-toggle{padding:5px 10px;font-size:18px;}
  .hero h1{font-size:20px;line-height:1.3;margin-bottom:12px;}
  .hero .sub{display:none;}
  .hero .wrap{padding-top:52px;padding-bottom:40px;}
  .hero{min-height:100vh;}
  .hero .ctas{gap:10px;}
  .hero .ctas .btn{display:inline-block;width:auto;padding:10px 22px;font-size:10.5px;letter-spacing:.8px;white-space:nowrap;}
  .stats{grid-template-columns:1fr 1fr;}
  .section{padding:48px 0;}
  .section .sec-head h2{font-size:22px;}
  .page-head.banner{padding:42px 0 30px;}
  .page-head.banner h1{font-size:22px;}
  .page-head.banner p{font-size:13px;}
  .topbar .wrap{flex-direction:column;gap:4px;}
  .topbar a{margin-left:8px;}
}

/* === 品牌标语 Badge（Bootstrap 风格胶囊标签）=== */
.badge{
  display:inline-block;
  padding:8px 20px;
  font-size:13px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.5px;
  white-space:nowrap;
  border-radius:999px;
  background:linear-gradient(135deg,#3b7dd8 0%,#5E9DF4 60%,#7fb0f0 100%);
  color:#fff;
  box-shadow:0 6px 18px rgba(94,157,244,.35);
  margin-top:14px;
}
@media (max-width:480px){
  .badge{padding:6px 14px;font-size:12px;white-space:normal;}
}

/* ===== 禁用 Google Translate / Chrome 翻译弹窗（双语站自带切换，不需要浏览器翻译） ===== */
html[translate="no"] { -webkit-user-modify: read-only; }
.goog-te-banner-frame, .goog-te-balloon-frame,
.goog-te-gadget, .goog-te-gadget-simple,
#google_translate_element, .skiptranslate,
.goog-tooltip, .goog-tooltip:hover { display: none !important; visibility: hidden !important; }
body { top: 0 !important; }

/* ===== 产品分类筛选条（后台「产品→分类」自动驱动） ===== */
.cat-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px;align-items:center;}
.cat-filter .cat-pill{display:inline-flex;align-items:center;padding:7px 18px;border:1px solid var(--line);border-radius:999px;font-size:13px;letter-spacing:.5px;color:var(--txt-2);background:#fff;transition:all .2s;white-space:nowrap;}
.cat-filter .cat-pill:hover{color:var(--sony-blue);border-color:var(--sony-blue);}
.cat-filter .cat-pill.active{background:var(--sony-blue);border-color:var(--sony-blue);color:#fff;font-weight:600;}
html[lang^="en"] .cat-filter .cat-pill{font-family:'Voltera',var(--font);}
@media(max-width:768px){.cat-filter{margin-bottom:28px;}.cat-filter .cat-pill{padding:6px 14px;font-size:12px;}}

/* ===== 产品列表页 / 分类页：左侧分类导航 + 右侧内容 两栏布局 ===== */
.products-layout{display:flex;gap:36px;align-items:flex-start;padding:44px 0 70px;}
.products-layout .cat-sidebar{flex:0 0 236px;position:sticky;top:110px;}
.products-layout .cat-sidebar-title{font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--txt-2);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);}
.products-layout .cat-nav{display:flex;flex-direction:column;gap:2px;}
.products-layout .cat-nav-item{display:block;padding:9px 14px;font-size:14px;letter-spacing:.5px;color:var(--txt-2);border-left:2px solid transparent;transition:all .2s;}
.products-layout .cat-nav-item:hover{color:var(--sony-blue);background:var(--bg-2);border-left-color:var(--sony-blue);}
.products-layout .cat-nav-item.active{color:var(--sony-blue);font-weight:600;background:var(--bg-2);border-left-color:var(--sony-blue);}
.products-layout .products-content{flex:1 1 auto;min-width:0;}
html[lang^="en"] .products-layout .cat-nav-item{font-family:'Voltera',var(--font);}
@media(max-width:1024px){
  .products-layout{flex-direction:column;gap:24px;padding:30px 0 50px;}
  .products-layout .cat-sidebar{flex:none;width:100%;position:static;}
  .products-layout .cat-nav{flex-direction:row;flex-wrap:wrap;gap:8px;}
  .products-layout .cat-nav-item{border-left:none;border-radius:999px;border:1px solid var(--line);padding:6px 14px;font-size:13px;}
  .products-layout .cat-nav-item.active{border-color:var(--sony-blue);}
}

/* ===== 产品侧边栏导航：分类分组（分类名 + 其下产品） ===== */
.products-layout .cat-nav-item.cat-parent{font-weight:600;color:var(--txt);}
.products-layout .cat-nav-item.cat-parent:hover,.products-layout .cat-nav-item.cat-parent.active{color:var(--sony-blue);}
.products-layout .cat-nav-children{display:flex;flex-direction:column;margin:0 0 6px;}
.products-layout .cat-nav-child{padding-left:26px;font-size:13.5px;}
.products-layout .cat-nav-child.active{color:var(--sony-blue);font-weight:600;background:var(--bg-2);border-left-color:var(--sony-blue);}
@media(max-width:1024px){
  .products-layout .cat-nav-children{flex-direction:row;flex-wrap:wrap;gap:8px;margin:0;}
  .products-layout .cat-nav-child{padding:6px 14px;border:1px solid var(--line);border-radius:999px;}
}