/* ============================================================
   企业主页 · 主站蓝白体系（唯一精修层，最后加载）
   目标：与主站 AYOU 的 #1C53D6 / #0C1729 / #F7F9FC 完全一致，
        并让企业站成为独立站点，不沿用任何旧平台的暖米色 / 红色表达。
   ============================================================ */

:root{
  --ay-blue:#1C53D6; --ay-blue-dk:#123A86; --ay-navy:#0C1729;
  --ay-hero:#0A1832; --ay-ink:#111C2E; --ay-body:#46536A;
  --ay-muted:#6B778C; --ay-line:#E5EAF1; --ay-bg:#F7F9FC;
  --ay-soft:#F1F6FD; --ay-sky:#A9CCFF; --ay-line-blue:#8FB4FF;
}

/* ---------- 字体栈对齐主站 ---------- */
html,body,.es-site,
.es-site input,.es-site button,.es-site textarea{
  font-family:"Inter Tight","Inter","SF Pro Text",-apple-system,BlinkMacSystemFont,
              "Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}
.es-site{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}

/* ---------- 全局色板：把企业站所有变量重映射到主站令牌 ---------- */
.es-site{
  --es-bg:#F7F9FC; --es-card:#FFFFFF; --es-surface:#F1F6FD;
  --es-ink:#111C2E; --es-sub:#3E4C63; --es-mute:#6B778C; --es-faint:#95A1B2;
  --es-line:#E5EAF1; --es-line-2:#EFF3F9;
  --es-red:#1C53D6;          /* 原红色强调 → 主站主蓝（74 处引用同步生效） */
  --es-dark:#0C1729;         /* 原黑色条 / 页脚 → 主站深蓝 */
  --es-r:14px; --es-r-md:12px; --es-r-sm:6px;
  background:linear-gradient(180deg,#FFFFFF 0%,#F9FBFE 30%,#F3F7FD 100%) #F7F9FC;
  color:var(--es-ink);
}
::selection{background:#D9E5FF;color:#111C2E}
.es-site :focus-visible{outline:2px solid #1C53D6;outline-offset:3px;border-radius:3px}

/* ---------- 顶部平台条：深蓝、冷灰字、无国旗 ---------- */
.es-topbar{background:#081327;border-bottom:1px solid rgba(255,255,255,.07)}
.es-tb-en{color:#8FA4C6;letter-spacing:2.1px;font-size:11.5px}
.es-tb-cn{color:#B9CBEA;font-size:13px}
.es-tb-dot{background:#8FB4FF}
.es-tb-r a{color:#B9CBEA;font-size:13px}
.es-tb-r a.login{color:#FFFFFF;font-weight:600}
.es-tb-r a:hover{color:#FFFFFF}

/* 语言：只留「简体中文 / Tiếng Việt」两个母语文字标签，去掉国旗圆标 */
.es-topbar .langset{gap:18px}
.es-topbar .langset .lg-f{
  width:auto;height:auto;border-radius:0;background:none;box-shadow:none;
  display:inline-flex;align-items:center;gap:7px;flex:none;
  font-size:12.5px;color:#8FA4C6;letter-spacing:.2px;transition:color .18s;
}
.es-topbar .langset .lg-f svg{display:none}
.es-topbar .langset .lg-f .lg-t{
  position:static;left:auto;top:auto;opacity:1;transform:none;z-index:auto;
  background:none;border:0;padding:0;white-space:nowrap;
  font-size:12.5px;color:inherit;letter-spacing:.2px;
}
.es-topbar .langset .lg-f:not([data-lang="zh"]):not([data-lang="vi"]){display:none}
.es-topbar .langset .lg-f:hover{transform:none;color:#FFFFFF}
.es-topbar .langset .lg-f.on{color:#FFFFFF;box-shadow:none;font-weight:600}
.es-topbar .langset .lg-f.on::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#8FB4FF;flex:none;
}

/* ---------- 公司抬头 ---------- */
.es-head{background:#FFFFFF;border-bottom:1px solid #E5EAF1}
.es-mark{background:#0C1729;color:#FFFFFF;border-radius:8px}
.es-mark::after{background:#1C53D6;border-radius:0 0 8px 8px}
.es-id-nm{color:#111C2E;letter-spacing:-.01em}
.es-id-nm:hover{color:#1C53D6}
.es-id-main,.es-id-bot{color:#6B778C}
.es-id-main i{color:#1C53D6;font-style:normal;font-weight:600}
.es-tel b{color:#111C2E;letter-spacing:-.01em}
.es-tel span{color:#6B778C}
.es-tel .ic svg{fill:#1C53D6}
.es-btn-red{background:#1C53D6;color:#FFFFFF;border-radius:6px}
.es-btn-red:hover{background:#123A86}
.es-btn-ink{background:#0C1729;color:#FFFFFF}
.es-btn-ink:hover{background:#1C53D6}
.es-btn-line{border-color:#D9E2F2;color:#111C2E}
.es-btn-line:hover{border-color:#1C53D6;color:#1C53D6}

/* ---------- 栏目导航：深蓝底 ---------- */
.es-tabs{background:#0C1729;border-bottom:1px solid rgba(255,255,255,.06)}
.es-tabs .t{color:#A9BAD4;font-size:15px;letter-spacing:.1px}
.es-tabs .t:hover,.es-tabs .t.on{color:#FFFFFF}
.es-tabs .t.on::after{background:#4A7BE8;height:2px}
.es-tabs-r .dom{color:#8FA4C6}
.es-tabs-r .dom .d{background:#4ADE80}
.es-tabs .es-dd{background:#FFFFFF;border:1px solid #E5EAF1;border-radius:8px;
  box-shadow:0 12px 32px rgba(16,42,84,.12)}
.es-tabs .es-dd a{color:#46536A}
.es-tabs .es-dd a:hover{color:#1C53D6;background:#F1F6FD}

/* ---------- 面包屑 ---------- */
.es-crumb-bar{background:#FFFFFF;border-bottom:1px solid #EFF3F9}
.es-crumb a:hover{color:#1C53D6}
.es-crumb .cur{color:#111C2E}
.es-q input{border-color:#E5EAF1;background:#F7F9FC;color:#111C2E}
.es-q input:focus{border-color:#1C53D6;box-shadow:0 0 0 3px rgba(28,83,214,.1)}
.es-q button{background:#1C53D6;color:#FFFFFF}

/* ---------- 卡片 / 侧栏 / 区块 ---------- */
.es-card,.es-pt,.es-sec,.es-card2{
  background:#FFFFFF;border:1px solid #E5EAF1;border-radius:14px;
  box-shadow:0 2px 16px rgba(16,42,84,.035);
}
.es-card2 .pic{background:#F1F6FD}
.es-card2 h3,.es-pt h2,.es-sec h2,.es-sc-hd .t{color:#111C2E}
.es-card2 p,.es-pt p{color:#6B778C}
.es-sc-hd .more:hover{color:#1C53D6}
.es-side .es-card{border-color:#E5EAF1}
.es-tag,.es-badge{background:#F1F6FD;color:#123A86}

/* ---------- 首页大横幅：深蓝实底 + 可编辑 HTML 标题 ---------- */
.es-band-ad{background:#0A1832}
.es-band-ad::before,.es-band-ad::after{display:none}
.es-band-ad .es-band-bg{left:0;right:0;top:0;bottom:0;width:100%;
  -webkit-mask-image:none;mask-image:none}
.es-band-ad .es-band-bg::after{display:none}
.es-band-ad .es-band-bg img{object-position:50% 50%;filter:none}
.es-site .es-band-ad .es-band-in{
  min-height:451px;justify-content:flex-start;align-items:center;
  padding-top:0;padding-bottom:0;
}
/* 还原被旧广告图方案隐藏的语义标题 */
.es-band-ad .es-band-tx{
  position:relative;width:min(660px,54%);height:auto;margin:0;padding:0;
  border:0;overflow:visible;clip-path:none;white-space:normal;
}
.eb-k{color:#A9CCFF;letter-spacing:2.2px;font-size:11px;font-weight:600}
.eb-k i{background:#8FB4FF;width:26px}
.eb-tt{margin-top:20px;font-size:46px;font-weight:700;line-height:1.24;
  letter-spacing:-.025em;color:#FFFFFF}
.eb-tt span{text-wrap:balance}
.eb-tt span + span{color:#A9CCFF;margin-top:2px}   /* 呼应主站 hero 的浅蓝首行 */
.eb-ds{color:#C3D5F0;line-height:1.85;font-size:15px}
.eb-ds::before{background:#8FB4FF;width:2px}
.eb-ft{color:#8FA4C6;border-top-color:rgba(255,255,255,.17);letter-spacing:1.6px}

/* 内页横幅（图左文右）同步深蓝 */
.es-band{background:#0A1832;isolation:isolate}
.es-band::before{background:linear-gradient(90deg,rgba(10,24,50,.06),rgba(10,24,50,0) 62%)}
.es-band::after{background:radial-gradient(78% 120% at 100% 116%,
  rgba(28,83,214,.24),rgba(28,83,214,0) 62%)}
.es-band-bg::after{background:linear-gradient(90deg,
  rgba(10,24,50,.62) 0%,rgba(10,24,50,.18) 13%,
  rgba(10,24,50,.10) 55%,rgba(10,24,50,.42) 100%)}
.es-band-bg img{filter:grayscale(.22) contrast(1.04) brightness(.88)}

/* ---------- 页脚 ---------- */
.es-foot{background:#0C1729;color:rgba(255,255,255,.56)}
.es-foot-brand .tx b{color:#FFFFFF}
.es-foot-brand .es-mark{background:#FFFFFF;color:#0C1729}
.es-foot-nav a,.es-foot-bot a{color:rgba(255,255,255,.62)}
.es-foot-nav a:hover,.es-foot-bot a:hover{color:#FFFFFF}
.es-foot-bot{border-top-color:rgba(255,255,255,.13)}
.es-foot-bot .legal i{background:rgba(255,255,255,.18)}

/* ---------- 响应式 ---------- */
@media (max-width:1380px){
  .es-site .es-band-ad .es-band-in{min-height:390px}
  .es-band-ad .es-band-tx{width:min(600px,58%)}
  .eb-tt{font-size:40px}
}
@media (max-width:1100px){
  .es-site .es-band-ad .es-band-in{min-height:340px}
  .es-band-ad .es-band-tx{width:min(560px,64%)}
  .eb-tt{font-size:34px}
  .eb-ds{font-size:14px}
}
@media (max-width:900px){
  .es-site .es-band-ad .es-band-in{min-height:0;aspect-ratio:16/6;
    justify-content:flex-start;padding-top:30px;padding-bottom:30px}
  .es-band-ad .es-band-tx{width:100%}
  .eb-tt{font-size:30px}
  .es-topbar .langset{gap:12px}
}
@media (max-width:620px){
  .eb-k{font-size:10px;letter-spacing:1.8px}
  .eb-tt{margin-top:12px;font-size:24px;line-height:1.34}
  .eb-ds{margin-top:12px;font-size:13px;line-height:1.76;padding-left:12px}
  .eb-ft{display:none}
}

/* ==== ENT-CALIB START ==== */
/* 与主站字重/字距基线对齐：正文 400 无字距；标题 700；
   h1 -.01em（大横幅 .eb-tt 保持自身 -.025em 展示体），h2-h4 归零 */
body,body.es-site{font-weight:400;letter-spacing:0;color:#3D4A5F}
body.es-site h1:not(.eb-tt){letter-spacing:-.01em}
body.es-site h2,body.es-site h3,body.es-site h4{letter-spacing:0}
/* 旧版式里带正字距的标题类，一并归零（优先级覆盖 .es-site .es-h2 等） */
body.es-site .es-h2,body.es-site .es-inq h2,body.es-site .shd h2,
body.es-site .shd-l-tabs h2,body.es-site .es-pd-more-hd h2,
body.es-site .es-dark h2{letter-spacing:0}
body.es-site h1,body.es-site h2,body.es-site h3,body.es-site h4{font-weight:700}
/* 按钮字重对齐主站 .btn 500 */
.es-btn-red,.es-btn-ink,.es-btn-line{font-weight:500}
/* ==== ENT-CALIB END ==== */

/* ==== ENT-FOOT-ART START ==== */
/* 页脚艺术化：渐变发丝线 + 蓝色光晕 + AYOU 描边水印 + 点阵 + 口号区 */
.es-foot{position:relative;overflow:hidden;padding:30px 0 28px}
.es-foot::before{content:"";position:absolute;left:-260px;top:-320px;width:980px;height:760px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(28,83,214,.30),rgba(28,83,214,0) 72%);pointer-events:none}
.es-foot::after{content:"AYOU";position:absolute;right:2%;bottom:-64px;z-index:0;
  font:800 230px/1 "Inter Tight","Inter",sans-serif;letter-spacing:.04em;
  color:rgba(255,255,255,.045);pointer-events:none;user-select:none}
.es-foot .wrap{position:relative;z-index:2}
.es-foot-hair{position:absolute;left:0;top:0;right:0;height:2px;z-index:1;
  background:linear-gradient(90deg,#1C53D6,rgba(28,83,214,0) 62%)}
.es-foot-dots{position:absolute;left:max(40px,calc((100% - 1680px)/2));bottom:18px;width:440px;height:118px;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.10) 1.6px,transparent 1.6px);background-size:22px 22px}
.es-foot-top{padding-top:38px;min-height:96px}
.es-foot-brand .es-mark{width:58px;height:58px;border-radius:12px}
.es-foot-brand .tx b{font-size:19px;letter-spacing:-.01em}
.es-foot-brand .tx i{font-size:10.5px;letter-spacing:2.2px;color:#8FA4C6}
.es-foot-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 30px;max-width:760px}
.es-foot-nav::before{content:"SITE MAP / 站内导航";width:100%;text-align:right;margin-bottom:6px;
  font-size:11px;font-weight:600;letter-spacing:2.4px;color:#8FA4C6;font-family:"Inter","Noto Sans SC",sans-serif}
.es-foot-nav a{position:relative;font-size:14.5px;color:#B9CBEA;padding:2px 0;transition:color .18s}
.es-foot-nav a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;border-radius:1px;background:#1C53D6;transition:width .22s}
.es-foot-nav a:hover{color:#FFFFFF}
.es-foot-nav a:hover::after{width:100%}
.es-foot-mid{position:relative;z-index:2;margin-top:30px;padding:30px 0 30px;border-top:1px solid rgba(255,255,255,.10)}
.es-foot-mid .slogan{position:relative;padding-left:20px}
.es-foot-mid .slogan::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;border-radius:2px;background:#1C53D6}
.es-foot-mid .slogan b{display:block;font-size:30px;font-weight:700;letter-spacing:.02em;color:#FFFFFF}
.es-foot-mid .slogan i{display:block;margin-top:10px;font-size:11.5px;font-weight:500;letter-spacing:3px;color:#5F7899;font-style:normal;font-family:"Inter","Noto Sans SC",sans-serif}
.es-foot-bot{position:relative;z-index:2;color:#5F7899}
@media (max-width:1380px){
  .es-foot::after{font-size:170px;bottom:-48px}
  .es-foot-mid .slogan b{font-size:26px}
}
@media (max-width:900px){
  .es-foot::after{font-size:110px;bottom:-30px}
  .es-foot-dots{display:none}
  .es-foot-mid .slogan b{font-size:21px}
  .es-foot-mid .slogan i{font-size:10px;letter-spacing:2.2px}
  .es-foot-nav{align-items:flex-start}
}
/* ==== ENT-FOOT-ART END ==== */