/* ============================================================
   亿恩凯站点模板 · 站点框架样式（顶部 / 导航 / 页脚 / 工具条）
   —— 只作用于 base.html 的框架结构，不进入页面内容（内容见 sany.css）
   ============================================================ */

:root{
  --sy-red:#ed6a18;
  --sy-logo-red:#e60012;   /* 品牌标识（EEK）专用红，与站点强调色 --sy-red 分开，改动互不影响 */
  --sy-dark:#1a1a1a;
  --sy-gray:#666;
  --sy-gray-l:#999;
  --sy-light:#f5f5f5;
  --sy-border:#e5e5e5;
  --sy-max:1400px;
}

/* 浏览器默认给 body 8px 外边距，会让整页四周留出 8px 白边、移动端抽屉与
   粘性页头也会错开 8px（实测 headerBottom 80 / navTop 72）。这里归零 */
html,body{margin:0;padding:0;}
.sy-shell *{margin:0;padding:0;box-sizing:border-box;}
.sy-shell{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#333;background:#fff;-webkit-font-smoothing:antialiased;}
.sy-shell a{text-decoration:none;color:inherit;}
.sy-shell ul,.sy-shell ol{list-style:none;}
.sy-shell img{max-width:100%;border:0;}
.sy-container{max-width:var(--sy-max);margin:0 auto;padding:0 20px;}
.sy-hide{display:none;}

/* ---------------- 顶部工具条 ---------------- */
.sy-top{background:var(--sy-dark);color:#fff;font-size:12px;height:34px;line-height:34px;}
.sy-top-inner{display:flex;justify-content:space-between;align-items:center;}
.sy-top-right{display:flex;align-items:center;}
.sy-top-right a{margin-left:18px;opacity:.8;transition:.2s;}
.sy-top-right a:hover{opacity:1;color:var(--sy-red);}
.sy-top-right .sy-lang{padding:0 10px;border-left:1px solid rgba(255,255,255,.2);opacity:.75;}
.sy-top-right .sy-lang.active{opacity:1;color:var(--sy-red);}

/* ---------------- 主导航 ---------------- */
.sy-header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:100;}
.sy-header-inner{display:flex;align-items:center;height:72px;gap:30px;}
.sy-logo{display:flex;align-items:center;gap:10px;flex:none;}
.sy-logo img{height:44px;width:auto;}
/* 后台未上传 logo 时，SiteLogo 会回落到站点根地址（随域名变化），这里只保留“真实图片路径”的 logo：
   凡 src 不以 /static/ 或 /uploads/ 开头（即不含真实图片文件）一律隐藏，只显示公司全称文字 */
.sy-logo img.sy-logo-img[src=""],
.sy-logo img.sy-logo-img[src="/"],
.sy-logo img.sy-logo-img:not([src*="/static/"]):not([src*="/uploads/"]):not([src*=".png"]):not([src*=".jpg"]):not([src*=".svg"]):not([src*=".webp"]){display:none;}
.sy-logo img.sy-logo-img[src="http://127.0.0.1:8301"],
.sy-logo img.sy-logo-img[src="http://127.0.0.1:8301/"]{display:none;}
/* 二维码同理：后台未上传微信二维码时，Qrcode 会回落到站点根地址，这里只显示真实图片文件 */
.sy-qr-img[src=""],
.sy-qr-img[src="/"]{display:none;}
.sy-qr-img:not([src*="/static/"]):not([src*="/uploads/"]):not([src*=".png"]):not([src*=".jpg"]):not([src*=".jpeg"]):not([src*=".svg"]):not([src*=".webp"]){display:none;}
/* 文字 Logo：中文「亿恩凯」加粗 + 英文「New partner」细排，整体约 48px 高，在 72px 导航条里居中 */
.sy-logo-text{
  font-size:30px;
  font-weight:800;
  color:var(--sy-red);
  letter-spacing:3px;
  line-height:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  white-space:nowrap;
  }
.sy-logo-text small{
  display:block;
  font-size:13px;
  color:var(--sy-dark);
  font-weight:500;
  letter-spacing:1.6px;
  text-transform:none;
  margin-top:6px;
  line-height:1;
  }

.sy-nav{flex:1;}
.sy-nav-list{display:flex;align-items:center;}
.sy-nav-list>li{position:relative;}
.sy-nav-list>li>a{display:block;padding:0 18px;height:72px;line-height:72px;font-size:16px;font-weight:600;white-space:nowrap;transition:.2s;border-bottom:3px solid transparent;}
.sy-nav-list>li>a:hover{color:var(--sy-red);border-bottom-color:var(--sy-red);}

/* 二级 / 三级下拉 */
.sy-sub{position:absolute;top:72px;left:0;min-width:200px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s;border-top:3px solid var(--sy-red);}
.sy-nav-list>li:hover .sy-sub{opacity:1;visibility:visible;transform:translateY(0);}
.sy-sub>li>a{display:block;padding:12px 20px;font-size:14px;border-bottom:1px solid var(--sy-border);white-space:nowrap;}
.sy-sub>li>a:hover{background:var(--sy-light);color:var(--sy-red);}
.sy-sub2{padding-left:0;}
.sy-sub2>li>a{display:block;padding:9px 20px 9px 34px;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0;}
.sy-sub2>li>a:hover{color:var(--sy-red);background:#fafafa;}
/* 靠右侧的一级项（如「解决方案」）下拉展开会超出视口，由 main.js 实测后加此类改为贴右对齐 */
.sy-sub.sy-sub-right{left:auto;right:0;}

.sy-header-right{display:flex;align-items:center;gap:18px;flex:none;}
.sy-search{display:flex;align-items:center;height:36px;border:1px solid var(--sy-border);border-radius:18px;overflow:hidden;padding-left:14px;}
.sy-search input{border:none;outline:none;font-size:13px;width:130px;font-family:inherit;background:transparent;}
.sy-search button{border:none;background:var(--sy-light);height:36px;width:42px;cursor:pointer;color:#666;transition:.2s;font-size:14px;}
.sy-search button:hover{background:var(--sy-red);color:#fff;}
.sy-hotline{display:flex;align-items:center;gap:9px;color:var(--sy-red);}
.sy-hotline i{font-size:20px;}
.sy-hotline em{display:block;font-style:normal;font-size:11px;color:var(--sy-gray-l);letter-spacing:1px;}
.sy-hotline b{font-size:15px;letter-spacing:.5px;}
.sy-menu-btn{display:none;font-size:22px;color:#333;cursor:pointer;}

/* ---------------- 页脚 ---------------- */
.sy-footer{background:#141414;color:#999;font-size:13px;padding-top:56px;margin-top:0;}
.sy-footer-grid{display:grid;grid-template-columns:1.6fr minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:30px;padding-bottom:44px;border-bottom:1px solid #2a2a2a;}
.sy-foot h2{color:#fff;font-size:15px;font-weight:700;margin-bottom:18px;}
.sy-foot li{margin-bottom:10px;}
.sy-foot a{transition:.2s;}
.sy-foot a:hover{color:var(--sy-red);}
.sy-foot p{margin-bottom:10px;line-height:1.7;}
.sy-foot p i{color:var(--sy-red);width:16px;display:inline-block;}
.sy-foot-qr img{width:110px;height:110px;background:#fff;padding:5px;border-radius:4px;}
/* 后台未上传微信二维码时，Qrcode 会回落到站点根地址，这里隐藏该图，只留微信号/电话 */
.sy-foot-qr img.sy-qr-img[src=""],
.sy-foot-qr img.sy-qr-img[src="/"],
.sy-foot-qr img.sy-qr-img:not([src*=".png"]):not([src*=".jpg"]):not([src*=".jpeg"]):not([src*=".webp"]):not([src*=".gif"]):not([src*=".svg"]),
.sy-foot-qr img.sy-qr-img[src="http://127.0.0.1:8301"],
.sy-foot-qr img.sy-qr-img[src="http://127.0.0.1:8301/"]{display:none;}
.sy-foot-qr-tip{margin-top:8px;font-size:12px;color:#777;}
.sy-foot-qr img.sy-qr-img[src=""]+.sy-foot-qr-tip,
.sy-foot-qr img.sy-qr-img[src="/"]+.sy-foot-qr-tip,
.sy-foot-qr img.sy-qr-img:not([src*=".png"]):not([src*=".jpg"]):not([src*=".jpeg"]):not([src*=".webp"]):not([src*=".gif"]):not([src*=".svg"])+.sy-foot-qr-tip,
.sy-foot-qr img.sy-qr-img[src="http://127.0.0.1:8301"]+.sy-foot-qr-tip,
.sy-foot-qr img.sy-qr-img[src="http://127.0.0.1:8301/"]+.sy-foot-qr-tip{display:none;}
.sy-foot-qr p{margin-bottom:10px;line-height:1.7;}
.sy-foot-qr p i{color:var(--sy-red);width:16px;display:inline-block;}
.sy-tool-pop em{max-width:120px;word-break:break-all;line-height:1.5;}
.sy-footer-bottom{padding:20px 0;text-align:center;color:#666;font-size:12px;}
.sy-footer-bottom a{color:#888;margin-left:10px;}
.sy-footer-bottom a:hover{color:var(--sy-red);}

/* ---------------- 右侧悬浮工具条 ---------------- */
.sy-toolbar{position:fixed;right:16px;bottom:90px;z-index:90;background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.14);border-radius:6px;overflow:visible;}
.sy-tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;padding:12px 4px;font-size:11px;color:#555;cursor:pointer;border-bottom:1px solid var(--sy-border);position:relative;text-align:center;transition:.2s;}
.sy-tool:last-child{border-bottom:none;}
.sy-tool i{font-size:19px;color:var(--sy-red);}
.sy-tool:hover{background:var(--sy-red);color:#fff;}
.sy-tool:hover i{color:#fff;}
.sy-tool-pop{position:absolute;right:74px;top:50%;transform:translateY(-50%);background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.18);padding:10px;border-radius:6px;text-align:center;opacity:0;visibility:hidden;transition:.2s;width:150px;}
.sy-tool-pop img{width:120px;height:120px;}
/* 未上传二维码时隐藏占位图，兜底显示微信号 */
.sy-tool-pop img.sy-qr-img[src=""],
.sy-tool-pop img.sy-qr-img[src="/"],
.sy-tool-pop img.sy-qr-img:not([src*=".png"]):not([src*=".jpg"]):not([src*=".jpeg"]):not([src*=".webp"]):not([src*=".gif"]):not([src*=".svg"]),
.sy-tool-pop img.sy-qr-img[src="http://127.0.0.1:8301"],
.sy-tool-pop img.sy-qr-img[src="http://127.0.0.1:8301/"]{display:none;}
.sy-tool-pop em{display:block;font-style:normal;font-size:11px;color:#666;margin-top:6px;}
.sy-tool-wx:hover .sy-tool-pop{opacity:1;visibility:visible;}

/* ---------------- 响应式 ---------------- */
/* 抽屉顶部的搜索/电话：只在抽屉导航下出现（宽屏用页头自带的搜索框与热线） */
.sy-nav-tools{display:none;}

/* 断点顺序不能颠倒（后写的覆盖先写的）。
   容器内容区上限 1360px（--sy-max:1400 减左右各 20 内边距）。
   默认规格下页头需要 1622px（logo 88 + 导航 1136 + 右侧 338 + 间距 60），
   实测 1366 / 1440 / 1600 / 1700 视口整页横向溢出 291 / 229 / 149 / 99px。 */
@media (max-width:1900px){
  .sy-nav-list>li>a{padding:0 10px;font-size:15px;}
  .sy-search input{width:110px;}
  /* 页头热线在容器里放不下，隐藏；电话仍在顶部工具条、抽屉、页脚与底部操作条 */
  .sy-hotline{display:none;}
}

/* ≤1280：页头改用抽屉导航。
   12 个一级导航文字最窄也要约 660px，加上 logo 与搜索框，在 1025–1280 视口
   内放不下（原断点 1024 会让这个区间整页横向溢出）。 */
@media (max-width:1280px){
  /* 顶部工具条让位给抽屉：否则抽屉按 72px 定位会与页头重叠 34px */
  .sy-top{display:none;}
  .sy-menu-btn{display:block;}
  /* 抽屉导航脱离文档流后，右侧组失去自动撑开，需要 margin-left:auto 才能让汉堡按钮贴右 */
  .sy-header-right{margin-left:auto;}
  /* 抽屉顶端与粘性页头（72px）对齐：滚动到任意位置都不会在页头与抽屉之间露出页面内容 */
  .sy-nav{position:fixed;top:72px;left:0;right:0;bottom:0;background:#fff;z-index:99;overflow-y:auto;display:none;padding:0 0 60px;}
  .sy-nav.open{display:block;}
  .sy-nav-tools{display:block;padding:14px 20px 2px;}
  .sy-nav-search{display:flex;align-items:center;height:40px;border:1px solid var(--sy-border);border-radius:20px;overflow:hidden;padding-left:14px;background:#fafafa;}
  .sy-nav-search input{flex:1;min-width:0;border:none;outline:none;font-size:14px;font-family:inherit;background:transparent;}
  .sy-nav-search button{border:none;background:var(--sy-light);height:40px;width:52px;cursor:pointer;color:#666;font-size:15px;}
  .sy-nav-tel{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;height:40px;border-radius:20px;background:var(--sy-red);color:#fff;font-size:15px;font-weight:600;}
  .sy-nav-tel i{font-size:15px;}
  .sy-nav-list{display:block;}
  .sy-nav-list>li{border-bottom:1px solid var(--sy-border);}
  .sy-nav-list>li>a{height:auto;line-height:1.4;padding:15px 20px;border-bottom:none;font-size:16px;}
  .sy-sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;display:none;}
  .sy-nav-list>li.open .sy-sub{display:block;}
}

@media (max-width:1024px){
  .sy-logo-text{font-size:26px;letter-spacing:2px;}
  .sy-logo-text small{font-size:11px;letter-spacing:2.2px;margin-top:5px;}
  .sy-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;}
  .sy-toolbar{bottom:40px;right:8px;}
}

@media (max-width:640px){
  .sy-search{display:none;}
  .sy-logo-text{font-size:22px;letter-spacing:1.5px;}
  .sy-logo-text small{font-size:10px;letter-spacing:1.8px;margin-top:4px;}
  .sy-footer-grid{grid-template-columns:minmax(0,1fr);}
  .sy-top-right a{margin-left:10px;}
  /* 右侧竖排悬浮工具条在窄屏会压住正文（52px 宽 ≈ 屏宽 13%，实测覆盖行业页正文）。
     改为贴底横排操作条：不遮挡内容，也更符合拇指操作 */
  .sy-shell{padding-bottom:54px;}
  .sy-toolbar{position:fixed;left:0;right:0;bottom:0;top:auto;display:flex;border-radius:0;box-shadow:0 -2px 12px rgba(0,0,0,.10);z-index:95;}
  .sy-tool{flex:1 1 0;flex-direction:row;gap:6px;width:auto;padding:12px 2px;border-bottom:none;border-right:1px solid var(--sy-border);font-size:12px;}
  .sy-tool:last-child{border-right:none;}
  .sy-tool i{font-size:17px;}
  .sy-tool-pop{left:50%;right:auto;top:auto;bottom:62px;transform:translateX(-50%);width:180px;}
  /* 触屏没有 hover，微信二维码改为点击展开/收起（main.js 切换 .open） */
  .sy-tool-wx.open .sy-tool-pop{opacity:1;visibility:visible;}
}

/* 页脚网站信息内链（常见问题 / 术语表 / 隐私政策 / 服务条款） */
.sy-shell .sy-footer-links{margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:center;}
.sy-shell .sy-footer-links a{color:inherit;opacity:.82;font-size:13px;text-decoration:none;}
.sy-shell .sy-footer-links a:hover{opacity:1;text-decoration:underline;color:#ed6a18;}