/* IP666666 | shared-layout.css | version:4.10.1 */

/* 共享基础变量 */
:root {
  --bg: #F7F8FB;
  --card: #FFFFFF;
  --text: #0B1220;
  --muted: #5B667A;
  --line: #E6EAF2;
  --blue: #2F6BFF;
  --shadow: 0 10px 26px rgba(17, 24, 39, .08);
  --radius: 16px;
  --font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}

/* M1：共享头部 */
/* ===================== M1 共享头部 ===================== */
header { position: relative; z-index: 10; width: 100%; height: 86px; background: linear-gradient(180deg, #8fd0ff 0%, #74bff5 52%, #5aa9e8 100%); border-bottom: 1px solid rgba(255, 255, 255, .26); }
.site-header { cursor: pointer; }
.header-home-hit { position: absolute; inset: 0; z-index: 1; display: block; text-decoration: none; }
.top, .site-footer-inner { position: relative; z-index: 2; }
.top { width: min(1120px, 92vw); height: 86px; margin: 0 auto; display: flex; align-items: center; justify-content: flex-start; padding: 0; }
.brand, .logo, .wordmark, .topActions { display: none !important; }
.m1-slogan {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  max-width: calc(100vw - 48px);
  padding: 0 8px;
  color: #163C7A;
  font-family: "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  font-size: 24px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  text-shadow: 0 2px 10px rgba(255, 255, 255, .22);
  z-index: 3;
  pointer-events: none;
}

.brand-lockup,
.footer-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0;
  pointer-events: auto;
  user-select: none;
  text-decoration: none;
}

.brand-home-link,
.footer-home-link {
  position: absolute;
  z-index: 3;
}

.brand-combo {
  display: block;
  width: 222px;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 20px rgba(15, 23, 42, .18));
}

.brand-home-link {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.brand-lockup:hover .brand-combo,
.footer-brand-lockup:hover .brand-combo {
  transform: translateY(-1px);
}

.brand-lockup .brand-combo,
.footer-brand-lockup .brand-combo {
  transition: transform .2s ease, filter .2s ease;
}

.brand-circle,
.brand-wordmark { display: none !important; }

.footer-brand-lockup {
  left: 0;
  top: 34px;
  z-index: 2;
}

.footer-brand-lockup .brand-combo {
  width: 228px;
  height: auto;
}

/* M1 / M6 共享云朵 */
.m1-clouds, .m6-clouds { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.cloudSvg { position: absolute; display: block; width: var(--w, 120px); height: auto; opacity: var(--o, .72); }
.cloudSvg svg { display: block; width: 100%; height: auto; }
.m1-clouds .c1 { --w: 148px; --o: .72; left: 18px; top: 26px; }
.m1-clouds .c2 { --w: 72px; --o: .68; left: 392px; top: 11px; }
.m1-clouds .c3 { --w: 98px; --o: .74; right: 238px; top: 34px; }
.m1-clouds .c4 { --w: 84px; --o: .62; right: 92px; top: 14px; }

/* M6：共享底部 */
/* ===================== M6 共享底部 ===================== */
.site-footer { width: 100%; height: 208px; margin: 28px 0 0; background: linear-gradient(180deg, #86c9fb 0%, #70baf0 54%, #5ca9e7 100%); border-top: 1px solid rgba(255, 255, 255, .24); overflow: hidden; position: relative; }
.site-footer-inner { width: min(1120px, 92vw); height: 208px; margin: 0 auto; display: block; color: #ffffff; text-align: center; position: relative; z-index: 2; }
.m6-clouds { z-index: 1; }
.m6-clouds .f1 { --w: 170px; --o: .24; left: 44px; top: 38px; }
.m6-clouds .f2 { --w: 112px; --o: .22; left: 268px; top: 120px; }
.m6-clouds .f3 { --w: 144px; --o: .24; left: 462px; top: 58px; }
.m6-clouds .f4 { --w: 128px; --o: .20; right: 418px; top: 34px; }
.m6-clouds .f5 { --w: 92px; --o: .18; right: 262px; top: 126px; }
.m6-clouds .f6 { --w: 156px; --o: .23; right: 46px; top: 72px; }

.footer-links { position: absolute; top: 64px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; font-size: 16px; font-weight: 800; line-height: 1.2; white-space: nowrap; z-index: 6; }
.footer-link-text, .footer-contact-btn { appearance: none; border: none; background: transparent; color: #ffffff; font-size: 16px; font-weight: 800; line-height: 1.2; padding: 0; cursor: pointer; text-decoration: none; }
.footer-contact-btn:hover, .footer-link-text:hover { opacity: .92; }
.footer-sep { color: rgba(255,255,255,.78); font-size: 14px; font-weight: 700; }
.footer-copy { position: absolute; left: 50%; bottom: 24px; transform: translateX(-50%); font-size: 14px; font-weight: 700; line-height: 1.5; color: #ffffff; white-space: nowrap; }
.footer-copy--bottom { margin-top: 0; }
/* 共享弹窗（联系窗口等） */
/* ===================== 通用弹窗样式 ===================== */
.shared-contact-overlay { position: fixed; inset: 0; background: rgba(11,18,32,.40); backdrop-filter: blur(10px); display: none; z-index: 2000; }
.shared-contact-overlay.open { display: block; }
.shared-contact-modal { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(980px,94vw); max-height: min(84vh,820px); border-radius: 22px; border: 1px solid rgba(230,234,242,.9); background: #fff; box-shadow: 0 30px 90px rgba(0,0,0,.20); overflow: hidden; display: flex; flex-direction: column; }
.shared-contact-modal-head { min-height: 56px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(47,107,255,.06), rgba(42,230,216,.04) 55%, rgba(255,255,255,0)); }
.shared-contact-modal-body { padding: 14px; overflow: auto; }
.contact-modal-content { font-size: 14px; line-height: 1.8; color: #334155; white-space: pre-wrap; word-break: break-word; }
.shared-contact-modal-close { width: 34px; height: 34px; border-radius: 999px; border: 1px solid transparent; background: linear-gradient(135deg,#2F6BFF,#1D4ED8); cursor: pointer; font-size: 18px; font-weight: 700; line-height: 1; color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(47,107,255,.16); }

/* ===================== 响应式：平板 ===================== */
@media (max-width:1100px) {
  .m1-clouds .c1 { left: 8px; top: 30px; --w: 132px; }
  .m1-clouds .c2 { left: 290px; top: 12px; --w: 64px; }
  .m1-clouds .c3 { right: 180px; top: 34px; --w: 90px; }
  .m1-clouds .c4 { right: 44px; top: 16px; --w: 74px; }
  .m6-clouds .f1 { left: 20px; top: 42px; --w: 142px; }
  .m6-clouds .f2 { left: 184px; top: 128px; --w: 96px; }
  .m6-clouds .f3 { left: 328px; top: 56px; --w: 126px; }
  .m6-clouds .f4 { right: 290px; top: 30px; --w: 112px; }
  .m6-clouds .f5 { right: 166px; top: 128px; --w: 82px; }
  .m6-clouds .f6 { right: 16px; top: 74px; --w: 132px; }
  .brand-home-link { left: 0; }
  .brand-combo { width: 198px; }
  .m1-slogan { left: 50%; width: auto; max-width: calc(100vw - 48px); font-size: 22px; }
  .footer-brand-lockup .brand-combo { width: 206px; }
  .footer-brand-lockup { left: 0; top: 40px; }
  .footer-brand-lockup .brand-combo { width: 74px; height: 74px; }
}

/* ===================== 响应式：手机 ===================== */
@media (max-width:640px) {
  header { height: 88px; }
  .top { width: min(100vw - 12px, 1120px); height: 88px; padding: 0 6px; display: flex; align-items: center; gap: 8px; }
  .m1-clouds .c1 { left: 4px; top: 36px; --w: 104px; }
  .m1-clouds .c2 { left: 152px; top: 9px; --w: 52px; }
  .m1-clouds .c3 { right: 78px; top: 38px; --w: 72px; }
  .m1-clouds .c4 { right: 10px; top: 16px; --w: 58px; }
  .m6-clouds .f1 { left: -8px; top: 44px; --w: 112px; }
  .m6-clouds .f2 { left: 86px; top: 132px; --w: 72px; }
  .m6-clouds .f3 { left: 158px; top: 68px; --w: 94px; }
  .m6-clouds .f4 { right: 108px; top: 30px; --w: 84px; }
  .m6-clouds .f5 { right: 42px; top: 130px; --w: 64px; }
  .m6-clouds .f6 { right: -10px; top: 82px; --w: 108px; }
  .brand-home-link {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    flex: 0 0 auto;
    z-index: 4;
  }
  .brand-combo { width: 118px; height: auto; }
  .m1-slogan {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    padding: 0 4px 0 0;
    font-size: clamp(10px, 2.7vw, 12px);
    line-height: 1;
    letter-spacing: -.2px;
    white-space: nowrap;
    text-wrap: nowrap;
    overflow: hidden;
    text-align: center;
  }
  .site-footer { height: 176px; }
  .site-footer-inner { height: 176px; }
  .footer-brand-lockup {
    left: 50%;
    top: 26px;
    transform: translateX(-50%);
    z-index: 4;
  }
  .footer-brand-lockup .brand-combo { width: 112px; height: auto; }
  .footer-links {
    top: 82px;
    left: 50%;
    transform: translateX(-50%);
    gap: 12px;
    z-index: 8;
  }
  .footer-links, .footer-link-text, .footer-contact-btn { font-size: 15px; }
  .footer-copy { font-size: 12px; bottom: 14px; }
  .footer-copy--bottom { margin-top: 0; }
}