:root {
  --ink: #07090d;
  --ink-deep: #040507;
  --panel: #0e1219;
  --panel-raised: #131923;
  --panel-bright: #172337;
  --line: rgba(176, 197, 230, 0.16);
  --line-blue: rgba(100, 153, 255, 0.42);
  --text: #f5f7fb;
  --muted: #9aa6b7;
  --subtle: #6e7a8e;
  --blue: #4c8dff;
  --blue-strong: #2d6cf0;
  --blue-soft: #9cc0ff;
  --warm: #e7cf9f;
  --max: 1180px;
  --header-height: 76px;
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-synthesis: none;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink-deep); }
body {
  min-width: 320px;
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 74% 8%, rgba(35, 86, 178, 0.23), transparent 27rem),
    radial-gradient(circle at 8% 17%, rgba(22, 60, 126, 0.14), transparent 30rem),
    var(--ink);
  line-height: 1.6;
  overflow-x: clip;
}
body::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  content: "";
  opacity: 0.28;
  background-image:
    linear-gradient(rgba(158, 181, 223, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(158, 181, 223, 0.04) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom, black, transparent 64%);
}
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
p, h1, h2, h3 { margin: 0; }
ul, ol { margin: 0; padding: 0; }
li { list-style: none; }

.skip-link {
  position: fixed;
  z-index: 100;
  top: 10px;
  left: 10px;
  padding: 9px 14px;
  color: var(--ink);
  background: var(--blue-soft);
  border-radius: 10px;
  transform: translateY(-170%);
}
.skip-link:focus { transform: translateY(0); }
:focus-visible { outline: 3px solid var(--blue-soft); outline-offset: 4px; }

.site-header {
  position: sticky;
  z-index: 30;
  top: 0;
  min-height: var(--header-height);
  background: rgba(7, 9, 13, 0.84);
  border-bottom: 1px solid rgba(176, 197, 230, 0.08);
  backdrop-filter: blur(18px);
}
.header-inner {
  display: flex;
  width: min(var(--max), calc(100% - 40px));
  min-height: var(--header-height);
  margin: 0 auto;
  align-items: center;
  gap: 20px;
}
.brand { display: inline-flex; min-width: max-content; align-items: center; gap: 10px; }
.brand-mark {
  display: grid;
  width: 29px;
  height: 31px;
  color: #c7daff;
  background: linear-gradient(145deg, #5897ff, #285bbd 58%, #102b6a);
  border-radius: 9px 9px 13px 9px;
  box-shadow: 0 0 24px rgba(76, 141, 255, 0.28);
  place-items: center;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
.brand-copy { display: grid; gap: 0; line-height: 1.1; }
.brand-copy b { font-size: 14px; letter-spacing: 0.04em; }
.brand-copy small { color: var(--subtle); font-size: 9px; letter-spacing: 0.08em; }
.desktop-nav { display: flex; margin-left: auto; align-items: center; gap: 24px; }
.desktop-nav a { color: var(--muted); font-size: 13px; transition: color 180ms ease; }
.desktop-nav a:hover { color: var(--text); }
.header-contact, .button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: 0.01em;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.header-contact {
  min-width: 121px;
  padding: 0 17px;
  color: #dce8ff;
  background: rgba(76, 141, 255, 0.11);
  border: 1px solid rgba(113, 165, 255, 0.42);
}
.header-contact:hover, .button:hover { transform: translateY(-2px); }
.menu-toggle { display: none; }
.mobile-nav { display: none; }

.section-shell { width: min(var(--max), calc(100% - 40px)); margin-inline: auto; }
.hero {
  display: grid;
  min-height: min(760px, calc(100svh - var(--header-height)));
  padding-top: clamp(72px, 10vw, 142px);
  padding-bottom: clamp(92px, 12vw, 155px);
  grid-template-columns: minmax(0, 1.1fr) minmax(390px, 0.9fr);
  gap: clamp(44px, 8vw, 120px);
  align-items: center;
}
.eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--blue-soft);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.15em;
}
.status-dot { width: 6px; height: 6px; background: #55b9ff; border-radius: 100%; box-shadow: 0 0 12px #55b9ff; }
.hero h1, .section-intro h2, .closing h2 {
  max-width: 760px;
  margin-top: 22px;
  font-size: clamp(42px, 6.2vw, 82px);
  font-weight: 780;
  letter-spacing: -0.065em;
  line-height: 1.11;
}
.hero h1 span, .section-intro h2 span, .closing h2 span { color: var(--blue); }
.hero-name { margin-top: 22px; color: #e1e8f7; font-size: clamp(18px, 2vw, 23px); font-weight: 740; letter-spacing: 0.035em; }
.hero-description { max-width: 526px; margin-top: 15px; color: var(--muted); font-size: 16px; line-height: 1.85; }
.hero-actions { display: flex; flex-wrap: wrap; margin-top: 33px; gap: 13px; }
.button { padding: 0 21px; }
.button-primary { color: white; background: linear-gradient(135deg, #5597ff, #3677e8); box-shadow: 0 14px 32px rgba(47, 111, 231, 0.28); }
.button-quiet { color: #d8e5ff; background: transparent; border: 1px solid var(--line); }
.button-quiet:hover { border-color: var(--line-blue); background: rgba(76, 141, 255, 0.08); }
.trust-points { display: flex; flex-wrap: wrap; margin-top: 30px; gap: 6px 19px; color: var(--subtle); font-size: 12px; }
.trust-points li { display: flex; align-items: center; gap: 7px; }
.trust-points li::before { width: 6px; height: 6px; content: ""; border: 1px solid var(--blue); border-radius: 50%; }

.identity-panel {
  position: relative;
  isolation: isolate;
  padding: 13px 14px 15px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(20, 28, 42, 0.96), rgba(9, 12, 18, 0.96));
  border: 1px solid rgba(136, 169, 226, 0.24);
  border-radius: 26px;
  box-shadow: 0 32px 100px rgba(0, 0, 0, 0.35), inset 0 1px rgba(255, 255, 255, 0.04);
}
.identity-panel::before { position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 74% 20%, rgba(62, 119, 243, 0.25), transparent 40%); content: ""; }
.panel-topline { display: grid; min-height: 36px; grid-template-columns: 1fr auto 1fr; align-items: center; color: #7f8da1; font-size: 11px; text-align: center; }
.window-dots { display: flex; gap: 5px; justify-self: start; }
.window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #394354; }
.window-dots i:first-child { background: #d36370; }
.window-dots i:nth-child(2) { background: #d6ac61; }
.window-dots i:nth-child(3) { background: #6aaf82; }
.panel-badge { justify-self: end; padding: 3px 7px; color: var(--blue-soft); background: rgba(76, 141, 255, 0.1); border: 1px solid rgba(76, 141, 255, 0.18); border-radius: 999px; font-size: 9px; }
.avatar-wrap { position: relative; aspect-ratio: 1.18; margin-top: 8px; overflow: hidden; background: #07090d; border: 1px solid rgba(176, 197, 230, 0.12); border-radius: 18px; }
.avatar-wrap::after { position: absolute; inset: 0; pointer-events: none; content: ""; background: linear-gradient(180deg, transparent 58%, rgba(7, 9, 13, 0.88) 100%); }
.avatar-video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; filter: saturate(0.86) contrast(1.04); }
.avatar-ring { position: absolute; z-index: 2; width: 15px; height: 15px; border: 2px solid var(--blue); border-radius: 999px; box-shadow: 0 0 20px rgba(76, 141, 255, 0.8); }
.avatar-ring-one { top: 18%; left: 9%; }
.avatar-ring-two { right: 12%; bottom: 19%; width: 9px; height: 9px; border-color: var(--blue-soft); }
.profile-line { display: flex; margin-top: 15px; align-items: baseline; justify-content: space-between; gap: 16px; }
.profile-label { color: var(--subtle); font-size: 11px; }
.profile-line b { font-size: 16px; letter-spacing: 0.02em; }
.profile-status { display: grid; margin-top: 12px; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.profile-status li { display: grid; padding: 9px 8px; gap: 3px; color: #b3c0d3; background: rgba(149, 181, 236, 0.045); border: 1px solid rgba(149, 181, 236, 0.09); border-radius: 9px; font-size: 10px; line-height: 1.3; }
.profile-status span { color: var(--blue); font-size: 9px; font-weight: 800; }
.profile-footnote { margin: 12px 3px 0; color: var(--subtle); font-size: 10px; }

.section { padding: clamp(92px, 11vw, 148px) 0; }
.section-intro { max-width: 690px; }
.section-intro h2, .closing h2 { margin-top: 16px; font-size: clamp(34px, 4.5vw, 61px); }
.section-intro > p:last-child { max-width: 530px; margin-top: 17px; color: var(--muted); font-size: 15px; line-height: 1.78; }
.section-intro-split { display: flex; max-width: none; gap: 36px; align-items: end; justify-content: space-between; }
.section-intro-split > p { max-width: 340px; margin: 0 0 4px !important; }

.services { border-top: 1px solid rgba(176, 197, 230, 0.1); }
.service-grid { display: grid; margin-top: 46px; grid-template-columns: repeat(12, 1fr); grid-auto-rows: minmax(204px, auto); gap: 14px; }
.service-card { display: flex; min-height: 205px; padding: 24px; flex-direction: column; background: rgba(15, 19, 27, 0.82); border: 1px solid var(--line); border-radius: 21px; transition: transform 200ms ease, border-color 200ms ease, background 200ms ease; grid-column: span 4; }
.service-card:hover { background: rgba(20, 28, 41, 0.96); border-color: rgba(99, 155, 255, 0.45); transform: translateY(-4px); }
.service-card-wide { grid-column: span 8; }
.service-card-tall { min-height: 250px; grid-column: span 5; }
.service-card-data { grid-column: span 7; }
.service-card-bright { background: linear-gradient(145deg, rgba(30, 63, 123, 0.76), rgba(14, 23, 39, 0.96)); border-color: rgba(105, 161, 255, 0.43); }
.card-meta { display: flex; justify-content: space-between; color: var(--blue-soft); font-size: 10px; font-weight: 750; letter-spacing: 0.11em; }
.service-card h3 { max-width: 260px; margin-top: auto; font-size: clamp(20px, 2vw, 28px); letter-spacing: -0.04em; line-height: 1.16; }
.service-card p { max-width: 350px; margin-top: 10px; color: var(--muted); font-size: 13px; line-height: 1.62; }
.service-card a { width: fit-content; margin-top: 18px; color: var(--blue-soft); font-size: 12px; font-weight: 650; }
.service-card a span { display: inline-block; margin-left: 4px; transition: transform 160ms ease; }
.service-card a:hover span { transform: translate(2px, -2px); }

.platform { position: relative; padding-top: clamp(92px, 8vw, 126px); }
.platform::before { position: absolute; z-index: -1; top: 0; left: 50%; width: 100vw; height: 100%; background: linear-gradient(180deg, rgba(23, 35, 59, 0.23), transparent 76%); content: ""; transform: translateX(-50%); }
.relationship-layout { display: grid; margin-top: 47px; grid-template-columns: 1.15fr 0.85fr; gap: 14px; }
.relationship-card { min-height: 288px; padding: 27px; background: rgba(8, 12, 19, 0.64); border: 1px solid var(--line); border-radius: 22px; }
.relationship-card-platform { background: linear-gradient(148deg, rgba(24, 49, 96, 0.58), rgba(13, 19, 30, 0.94)); border-color: rgba(98, 151, 248, 0.32); }
.diagram-label { color: var(--subtle); font-size: 10px; font-weight: 760; letter-spacing: 0.14em; }
.diagram-row { display: flex; margin-top: 56px; align-items: center; justify-content: center; gap: 12px; }
.node { padding: 11px 14px; color: #c4cfdf; background: #121823; border: 1px solid rgba(176, 197, 230, 0.18); border-radius: 10px; font-size: 13px; }
.node-active { color: white; background: #16243c; border-color: rgba(101, 159, 255, 0.58); box-shadow: 0 0 24px rgba(51, 109, 218, 0.18); }
.line-arrow { flex: 1; max-width: 125px; color: var(--blue); font-size: 22px; text-align: center; }
.relationship-card ul { display: grid; margin-top: 56px; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.relationship-card li { padding-top: 10px; color: #9faec3; border-top: 1px solid rgba(176, 197, 230, 0.14); font-size: 11px; }
.platform-node { display: flex; margin-top: 54px; color: #e8f0ff; align-items: center; justify-content: center; gap: 9px; font-size: 16px; font-weight: 720; }
.platform-mark { display: grid; width: 27px; height: 27px; color: white; background: var(--blue-strong); border-radius: 8px; box-shadow: 0 0 20px rgba(76, 141, 255, 0.45); place-items: center; font-size: 14px; }
.platform-note { display: flex; margin-top: 17px; align-items: center; justify-content: center; gap: 7px; color: #8595aa; font-size: 12px; text-align: center; }
.platform-note span { color: var(--blue); font-size: 16px; }

.process-list { display: grid; margin-top: 47px; counter-reset: flow; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; }
.process-list li { min-height: 218px; padding: 23px; border-right: 1px solid var(--line); }
.process-list li:last-child { border-right: 0; }
.process-list li > span { color: var(--blue); font-size: 12px; font-weight: 780; letter-spacing: 0.1em; }
.process-list h3 { margin-top: 47px; font-size: 20px; letter-spacing: -0.04em; }
.process-list p { margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.7; }
.dispute-note { display: flex; max-width: 665px; margin-top: 21px; padding: 20px 22px; gap: 15px; background: rgba(76, 141, 255, 0.07); border: 1px solid rgba(108, 160, 255, 0.18); border-radius: 16px; align-items: flex-start; }
.note-icon { display: grid; width: 28px; height: 28px; flex: 0 0 auto; color: var(--blue-soft); border: 1px solid rgba(108, 160, 255, 0.48); border-radius: 9px; place-items: center; }
.dispute-note strong { font-size: 14px; }
.dispute-note p { margin-top: 3px; color: var(--muted); font-size: 12px; }

.guidance { border-top: 1px solid rgba(176, 197, 230, 0.1); }
.guidance-points { display: grid; margin-top: 41px; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.guidance-points article { padding: 26px; background: rgba(14, 18, 25, 0.72); border: 1px solid var(--line); border-radius: 19px; }
.guidance-points span, .audience-card > p { color: var(--blue-soft); font-size: 10px; font-weight: 760; letter-spacing: 0.12em; }
.guidance-points h3 { margin-top: 43px; font-size: 20px; letter-spacing: -0.04em; }
.guidance-points p { margin-top: 8px; color: var(--muted); font-size: 13px; }
.audience-cards { display: grid; margin-top: 15px; grid-template-columns: 1fr 1fr; gap: 14px; }
.audience-card { display: grid; min-height: 235px; padding: 29px; background: #111721; border: 1px solid var(--line); border-radius: 22px; }
.audience-user { background: linear-gradient(145deg, #152a55, #111723 70%); border-color: rgba(100, 157, 254, 0.34); }
.audience-partner { background: linear-gradient(145deg, #171b23, #0f131a); }
.audience-card h3 { margin-top: auto; font-size: 28px; letter-spacing: -0.05em; }
.audience-card > span { max-width: 310px; margin-top: 8px; color: var(--muted); font-size: 13px; }
.audience-card a { width: fit-content; margin-top: 20px; color: #d7e6ff; font-size: 13px; font-weight: 690; }
.audience-card b { margin-left: 5px; color: var(--blue); }

.faq { padding-bottom: clamp(105px, 13vw, 178px); }
.faq-list { max-width: 900px; margin-top: 44px; border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item h3 { margin: 0; }
.faq-item button { display: grid; width: 100%; min-height: 76px; padding: 17px 0; background: none; border: 0; cursor: pointer; grid-template-columns: 44px 1fr 22px; align-items: center; text-align: left; }
.faq-item button > span { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: 0.08em; }
.faq-item button > b { color: var(--blue-soft); font-size: 22px; font-weight: 400; line-height: 1; text-align: center; transition: transform 180ms ease; }
.faq-item button[aria-expanded="true"] > b { transform: rotate(45deg); }
.faq-item button:hover { color: var(--blue-soft); }
.faq-item [role="region"] { max-width: 718px; padding: 0 50px 23px; color: var(--muted); font-size: 14px; line-height: 1.8; }

.closing { margin-bottom: clamp(80px, 10vw, 130px); padding: clamp(42px, 7vw, 74px); text-align: center; background: radial-gradient(circle at center 0, rgba(57, 116, 239, 0.36), transparent 58%), #0d1421; border: 1px solid rgba(117, 163, 248, 0.35); border-radius: 28px; }
.closing .eyebrow { justify-content: center; }
.closing h2 { margin-inline: auto; }
.closing > p:not(.eyebrow) { max-width: 460px; margin: 18px auto 26px; color: var(--muted); font-size: 14px; }

.site-footer { display: grid; width: min(var(--max), calc(100% - 40px)); margin: 0 auto; padding: 31px 0 41px; gap: 20px; color: var(--subtle); border-top: 1px solid var(--line); grid-template-columns: 1.2fr 1fr; font-size: 11px; }
.footer-brand { width: fit-content; color: var(--text); }
.footer-brand .brand-mark { width: 22px; height: 23px; border-radius: 7px 7px 10px 7px; font-size: 12px; }
.site-footer > div p { margin-top: 9px; }
.site-footer nav { display: flex; flex-wrap: wrap; align-items: start; justify-content: end; gap: 10px 18px; }
.site-footer nav a:hover { color: var(--blue-soft); }
.footer-disclaimer, .site-footer small { grid-column: 1 / -1; }
.footer-disclaimer { max-width: 660px; margin-top: 7px; }
.site-footer small { color: #596477; }

@media (max-width: 1099px) {
  .hero { grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr); gap: 44px; }
  .desktop-nav { gap: 15px; }
  .service-card { grid-column: span 6; }
  .service-card-wide, .service-card-data { grid-column: span 12; }
  .service-card-tall { grid-column: span 6; }
}

@media (max-width: 767px) {
  :root { --header-height: 67px; }
  body::before { background-size: 28px 28px; }
  .header-inner, .section-shell, .site-footer { width: min(100% - 32px, var(--max)); }
  .header-inner { gap: 12px; }
  .brand-copy small, .desktop-nav, .header-contact { display: none; }
  .menu-toggle { display: inline-flex; width: 45px; height: 44px; margin-left: auto; padding: 0; background: transparent; border: 1px solid var(--line); border-radius: 12px; align-items: center; justify-content: center; cursor: pointer; }
  .menu-toggle-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
  .menu-glyph { display: grid; width: 17px; gap: 5px; }
  .menu-glyph i { display: block; height: 1px; background: #d9e7ff; transition: transform 180ms ease; }
  .menu-toggle[aria-expanded="true"] .menu-glyph i:first-child { transform: translateY(3px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] .menu-glyph i:last-child { transform: translateY(-3px) rotate(-45deg); }
  .mobile-nav { position: absolute; top: calc(var(--header-height) - 1px); right: 0; left: 0; display: grid; padding: 12px 16px 18px; background: rgba(10, 13, 19, 0.98); border-bottom: 1px solid var(--line); box-shadow: 0 20px 42px rgba(0, 0, 0, 0.38); }
  .mobile-nav[hidden] { display: none; }
  .mobile-nav a { display: flex; min-height: 49px; padding: 0 4px; color: #d6e3f8; border-bottom: 1px solid rgba(176, 197, 230, 0.1); align-items: center; justify-content: space-between; font-size: 14px; }
  .mobile-nav a:last-child { border-bottom: 0; }
  .mobile-nav span { color: var(--blue); font-size: 10px; font-weight: 800; }
  .hero { min-height: auto; padding-top: 70px; padding-bottom: 82px; grid-template-columns: 1fr; gap: 44px; }
  .hero h1, .section-intro h2, .closing h2 { letter-spacing: -0.07em; }
  .hero-description { font-size: 15px; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .button { width: 100%; }
  .identity-panel { max-width: 470px; }
  .section { padding: 80px 0; }
  .section-intro-split { display: grid; gap: 16px; }
  .section-intro-split > p { max-width: 500px; }
  .service-grid { margin-top: 32px; grid-template-columns: 1fr; grid-auto-rows: auto; gap: 11px; }
  .service-card, .service-card-wide, .service-card-tall, .service-card-data { min-height: 205px; grid-column: auto; }
  .service-card h3 { margin-top: auto; }
  .relationship-layout { margin-top: 32px; grid-template-columns: 1fr; }
  .relationship-card { min-height: 242px; padding: 22px; }
  .diagram-row { margin-top: 41px; gap: 7px; }
  .node { padding: 9px 9px; font-size: 11px; }
  .relationship-card ul { margin-top: 42px; }
  .relationship-card li { font-size: 10px; }
  .platform-node { margin-top: 42px; }
  .process-list { margin-top: 32px; grid-template-columns: 1fr 1fr; }
  .process-list li { min-height: 184px; padding: 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .process-list li:nth-child(2n) { border-right: 0; }
  .process-list li:nth-last-child(-n + 2) { border-bottom: 0; }
  .process-list h3 { margin-top: 28px; font-size: 18px; }
  .guidance-points, .audience-cards { grid-template-columns: 1fr; }
  .guidance-points { margin-top: 32px; gap: 11px; }
  .guidance-points h3 { margin-top: 28px; }
  .audience-card { min-height: 210px; }
  .faq { padding-bottom: 94px; }
  .faq-list { margin-top: 32px; }
  .faq-item button { min-height: 71px; grid-template-columns: 36px 1fr 22px; font-size: 14px; }
  .faq-item [role="region"] { padding: 0 36px 21px; font-size: 13px; }
  .closing { padding: 47px 23px; border-radius: 22px; }
  .site-footer { display: grid; padding-top: 26px; grid-template-columns: 1fr; }
  .site-footer nav { justify-content: start; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
  .avatar-video { display: none; }
  .avatar-wrap { background: none; }
}
/* ===== Visible flowing background glow ===== */
body {
  background-color: #07090d;
  background-image:
    radial-gradient(circle at 15% 25%, rgba(55, 120, 255, 0.30) 0, transparent 32%),
    radial-gradient(circle at 85% 35%, rgba(70, 145, 255, 0.24) 0, transparent 30%),
    radial-gradient(circle at 45% 85%, rgba(32, 83, 190, 0.22) 0, transparent 34%);
  background-size: 160% 160%;
  animation: flowingGlow 10s ease-in-out infinite alternate;
}

@keyframes flowingGlow {
  0% {
    background-position: 0% 0%, 100% 20%, 30% 100%;
  }
  50% {
    background-position: 55% 35%, 35% 70%, 80% 30%;
  }
  100% {
    background-position: 100% 70%, 0% 100%, 20% 10%;
  }
}
/* ===== Ambient flowing ribbons v4 ===== */
.ambient-flow {
  position: fixed;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

body > :not(.ambient-flow) {
  position: relative;
  z-index: 1;
}

.ambient-flow i {
  position: absolute;
  display: block;
  width: 130vw;
  height: 150px;
  left: -20vw;
  border-radius: 50%;
  opacity: .55;
  background:
    linear-gradient(
      180deg,
      transparent 0%,
      rgba(70, 130, 255, .05) 18%,
      rgba(86, 150, 255, .20) 42%,
      rgba(145, 188, 255, .30) 50%,
      rgba(74, 136, 255, .16) 60%,
      transparent 100%
    );
  border-top: 1px solid rgba(139, 181, 255, .20);
  filter: blur(12px);
  will-change: transform;
}

.ambient-flow i:nth-child(1) {
  top: 8%;
  transform: rotate(12deg);
  animation: ribbonOne 11s ease-in-out infinite alternate;
}

.ambient-flow i:nth-child(2) {
  top: 27%;
  left: -35vw;
  height: 110px;
  opacity: .42;
  transform: rotate(-17deg);
  animation: ribbonTwo 14s ease-in-out infinite alternate;
}

.ambient-flow i:nth-child(3) {
  top: 43%;
  left: -15vw;
  height: 190px;
  opacity: .38;
  transform: rotate(24deg);
  animation: ribbonThree 16s ease-in-out infinite alternate;
}

.ambient-flow i:nth-child(4) {
  top: 59%;
  left: -38vw;
  height: 125px;
  opacity: .50;
  transform: rotate(-11deg);
  animation: ribbonFour 12s ease-in-out infinite alternate;
}

.ambient-flow i:nth-child(5) {
  top: 73%;
  left: -18vw;
  height: 170px;
  opacity: .34;
  transform: rotate(19deg);
  animation: ribbonFive 15s ease-in-out infinite alternate;
}

.ambient-flow i:nth-child(6) {
  top: 88%;
  left: -32vw;
  height: 105px;
  opacity: .46;
  transform: rotate(-23deg);
  animation: ribbonSix 13s ease-in-out infinite alternate;
}

@keyframes ribbonOne {
  from { transform: translate3d(-22vw,-7vh,0) rotate(12deg) scaleY(.65); }
  to   { transform: translate3d(32vw,13vh,0) rotate(5deg) scaleY(1.25); }
}

@keyframes ribbonTwo {
  from { transform: translate3d(35vw,8vh,0) rotate(-17deg) scaleY(1); }
  to   { transform: translate3d(-15vw,-12vh,0) rotate(-7deg) scaleY(1.5); }
}

@keyframes ribbonThree {
  from { transform: translate3d(-18vw,15vh,0) rotate(24deg) scaleY(.7); }
  to   { transform: translate3d(28vw,-11vh,0) rotate(13deg) scaleY(1.15); }
}

@keyframes ribbonFour {
  from { transform: translate3d(31vw,-12vh,0) rotate(-11deg) scaleY(1.3); }
  to   { transform: translate3d(-11vw,15vh,0) rotate(-22deg) scaleY(.8); }
}

@keyframes ribbonFive {
  from { transform: translate3d(-20vw,-10vh,0) rotate(19deg) scaleY(.8); }
  to   { transform: translate3d(30vw,10vh,0) rotate(8deg) scaleY(1.35); }
}

@keyframes ribbonSix {
  from { transform: translate3d(25vw,12vh,0) rotate(-23deg) scaleY(1.2); }
  to   { transform: translate3d(-20vw,-14vh,0) rotate(-12deg) scaleY(.7); }
}
/* ===== Global glass system ===== */

header,
nav,
.card,
.panel,
.feature-card,
.product-card,
.info-card,
.cta-card,
[class*="card"],
[class*="panel"] {
  background: rgba(12, 17, 26, 0.52) !important;
  -webkit-backdrop-filter: blur(22px) saturate(135%);
  backdrop-filter: blur(22px) saturate(135%);
  border-color: rgba(175, 200, 240, 0.14) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.045),
    0 12px 38px rgba(0, 0, 0, 0.16);
}

/* larger section glass */
section > div[class*="shell"],
section > div[class*="wrap"],
section > div[class*="container"] {
  position: relative;
}

/* navigation glass */
.site-header,
header {
  background: rgba(7, 10, 16, 0.58) !important;
  -webkit-backdrop-filter: blur(26px) saturate(145%);
  backdrop-filter: blur(26px) saturate(145%);
}

/* buttons keep readable but gain glass depth */
button,
.button,
.btn,
a[class*="button"],
a[class*="btn"] {
  -webkit-backdrop-filter: blur(14px) saturate(130%);
  backdrop-filter: blur(14px) saturate(130%);
}

/* dark secondary buttons */
.button-secondary,
.btn-secondary,
.button-ghost,
.btn-ghost {
  background: rgba(20, 27, 39, 0.48) !important;
  border-color: rgba(173, 199, 240, 0.16) !important;
}

/* glass highlight */
.card::before,
.panel::before,
.feature-card::before,
.product-card::before,
.info-card::before,
.cta-card::before {
  border-color: rgba(255, 255, 255, 0.035);
}

/* preserve foreground clarity */
.card,
.panel,
.feature-card,
.product-card,
.info-card,
.cta-card,
[class*="card"],
[class*="panel"] {
  color: var(--text);
}
/* ===== Mobile ambient flow sync ===== */
@media (max-width: 768px) {
  .ambient-flow {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    overflow: hidden;
    pointer-events: none;
    z-index: 0;
  }

  .ambient-flow i {
    width: 190vw;
    left: -45vw;
    height: 90px;
    filter: blur(10px);
    opacity: .52;
  }

  .ambient-flow i:nth-child(1) {
    top: 6%;
    height: 105px;
    animation: mobileRibbonOne 10s ease-in-out infinite alternate;
  }

  .ambient-flow i:nth-child(2) {
    top: 23%;
    height: 75px;
    opacity: .40;
    animation: mobileRibbonTwo 13s ease-in-out infinite alternate;
  }

  .ambient-flow i:nth-child(3) {
    top: 40%;
    height: 120px;
    opacity: .38;
    animation: mobileRibbonThree 15s ease-in-out infinite alternate;
  }

  .ambient-flow i:nth-child(4) {
    top: 57%;
    height: 80px;
    opacity: .48;
    animation: mobileRibbonFour 11s ease-in-out infinite alternate;
  }

  .ambient-flow i:nth-child(5) {
    top: 73%;
    height: 110px;
    opacity: .36;
    animation: mobileRibbonFive 14s ease-in-out infinite alternate;
  }

  .ambient-flow i:nth-child(6) {
    top: 89%;
    height: 75px;
    opacity: .44;
    animation: mobileRibbonSix 12s ease-in-out infinite alternate;
  }

  @keyframes mobileRibbonOne {
    from { transform: translate3d(-30vw,-4vh,0) rotate(16deg) scaleY(.75); }
    to   { transform: translate3d(42vw,10vh,0) rotate(6deg) scaleY(1.3); }
  }

  @keyframes mobileRibbonTwo {
    from { transform: translate3d(35vw,7vh,0) rotate(-21deg) scaleY(1.2); }
    to   { transform: translate3d(-35vw,-9vh,0) rotate(-9deg) scaleY(.8); }
  }

  @keyframes mobileRibbonThree {
    from { transform: translate3d(-28vw,12vh,0) rotate(27deg) scaleY(.7); }
    to   { transform: translate3d(38vw,-10vh,0) rotate(13deg) scaleY(1.25); }
  }

  @keyframes mobileRibbonFour {
    from { transform: translate3d(38vw,-8vh,0) rotate(-15deg) scaleY(1.25); }
    to   { transform: translate3d(-32vw,12vh,0) rotate(-27deg) scaleY(.8); }
  }

  @keyframes mobileRibbonFive {
    from { transform: translate3d(-35vw,-7vh,0) rotate(22deg) scaleY(.8); }
    to   { transform: translate3d(40vw,9vh,0) rotate(9deg) scaleY(1.3); }
  }

  @keyframes mobileRibbonSix {
    from { transform: translate3d(32vw,10vh,0) rotate(-26deg) scaleY(1.2); }
    to   { transform: translate3d(-38vw,-11vh,0) rotate(-12deg) scaleY(.75); }
  }
}
cat >> assets/styles.css <<'EOF'

/* ===== Hero visual refinement — reduce generic AI look ===== */

/* 首屏整体留白与比例 */
.hero {
  min-height: auto;
  padding-top: clamp(88px, 10vw, 138px);
  padding-bottom: clamp(72px, 9vw, 120px);
}

/* 主标题：取消典型 AI 渐变字和发光 */
.hero h1,
.hero-title,
.hero [class*="title"] {
  color: #f4f6f9 !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;

  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1.04;
}

/* 标题中的强调文字只做轻微层级，不再做霓虹蓝 */
.hero h1 strong,
.hero h1 em,
.hero-title strong,
.hero-title em,
.hero [class*="title"] strong {
  color: #a9c7ff !important;
  font-style: normal;
  font-weight: inherit;
  text-shadow: none !important;
}

/* 副标题：降低 SaaS 模板感 */
.hero p,
.hero-copy,
.hero-description {
  color: rgba(220, 227, 238, 0.68) !important;
  max-width: 620px;
  font-size: clamp(15px, 1.15vw, 18px);
  line-height: 1.8;
  letter-spacing: 0;
}

/* 顶部小标签：从 AI 胶囊改成克制的信息标签 */
.hero .eyebrow,
.hero .badge,
.hero [class*="eyebrow"],
.hero [class*="badge"] {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  box-shadow: none !important;
  color: rgba(225, 232, 242, 0.72) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* 首屏按钮：统一成成熟产品按钮，不做发光胶囊 */
.hero a[class*="button"],
.hero a[class*="btn"],
.hero button {
  min-height: 46px;
  padding: 0 22px;
  border-radius: 12px !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  box-shadow: none !important;
  text-shadow: none !important;
  transition:
    background-color .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

/* 主按钮 */
.hero .button-primary,
.hero .btn-primary {
  background: #e9eef7 !important;
  color: #0b0e14 !important;
  border: 1px solid rgba(255,255,255,.82) !important;
}

/* 次按钮 */
.hero .button-secondary,
.hero .btn-secondary,
.hero .button-ghost,
.hero .btn-ghost {
  background: rgba(255,255,255,.045) !important;
  color: rgba(239,243,249,.88) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
}

/* Hover 不做霓虹效果 */
.hero a[class*="button"]:hover,
.hero a[class*="btn"]:hover,
.hero button:hover {
  transform: translateY(-1px);
  filter: none !important;
  box-shadow: none !important;
}

/* 首屏右侧主视觉：去掉过强蓝色 AI 光晕 */
.hero img,
.hero video,
.hero [class*="visual"],
.hero [class*="media"] {
  filter: none;
}

/* 首屏卡片减少“悬浮 AI 面板”感觉 */
.hero [class*="card"],
.hero [class*="panel"] {
  background: rgba(12, 16, 23, 0.46) !important;
  border-color: rgba(255,255,255,.09) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 18px 55px rgba(0,0,0,.16) !important;
}

/* 手机端同步 */
@media (max-width: 768px) {
  .hero {
    padding-top: 82px;
    padding-bottom: 68px;
  }

  .hero h1,
  .hero-title,
  .hero [class*="title"] {
    font-size: clamp(38px, 11vw, 54px);
    letter-spacing: -0.05em;
    line-height: 1.03;
  }

  .hero p,
  .hero-copy,
  .hero-description {
    font-size: 15px;
    line-height: 1.72;
  }

  .hero a[class*="button"],
  .hero a[class*="btn"],
  .hero button {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 11px !important;
  }
}


/* ===== Unified Glass Controls V2 ===== */

:root {
  --control-height: 44px;
  --control-radius: 999px;
  --control-padding-x: 21px;
}

/* 全局毛玻璃 */
.site-header,
header,
nav,
.card,
.panel,
.feature-card,
.product-card,
.info-card,
.cta-card,
.audience-card,
.faq-item,
[class*="card"],
[class*="panel"] {
  -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
  backdrop-filter: blur(22px) saturate(135%) !important;
  background-color: rgba(12, 17, 25, .52) !important;
  border-color: rgba(205, 220, 245, .12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 14px 40px rgba(0,0,0,.13) !important;
}

/* 所有真正的按钮和链接按钮统一胶囊 */
button,
.button,
.btn,
a.button,
a.btn,
.audience-card > a,
[role="button"] {
  box-sizing: border-box !important;

  min-height: var(--control-height) !important;
  height: var(--control-height) !important;

  padding: 0 var(--control-padding-x) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  gap: 7px !important;

  border-radius: var(--control-radius) !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;
  overflow: hidden !important;

  -webkit-backdrop-filter: blur(16px) saturate(130%);
  backdrop-filter: blur(16px) saturate(130%);
}

/* 防止内部文字或图标把胶囊视觉切断 */
button > *,
.button > *,
.btn > *,
a.button > *,
a.btn > *,
.audience-card > a > * {
  line-height: 1 !important;
}

/* 导航交互统一 */
.site-header a,
header a,
nav a {
  border-radius: 999px !important;
}

/* FAQ 本身不是胶囊按钮  保持整块卡片结构 */
.faq-item button,
.faq-card button,
[class*="faq"] button {
  width: 100% !important;
  height: auto !important;
  min-height: 58px !important;

  padding: 15px 18px !important;

  justify-content: flex-start !important;

  border-radius: 18px !important;

  white-space: normal !important;
  text-align: left !important;
}

/* FAQ 加号保持圆形 */
.faq-item button b,
.faq-card button b,
[class*="faq"] button b {
  margin-left: auto;
  width: 28px;
  height: 28px;
  min-width: 28px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50% !important;
}

/* 主按钮 */
.button-primary,
.btn-primary {
  border-radius: 999px !important;
}

/* 次级按钮 */
.button-secondary,
.btn-secondary,
.button-ghost,
.btn-ghost {
  border-radius: 999px !important;
  background: rgba(20, 27, 39, .50) !important;
  border-color: rgba(205, 220, 245, .14) !important;
}

/* 手机端同步 */
@media (max-width: 768px) {
  :root {
    --control-height: 42px;
    --control-padding-x: 18px;
  }

  button,
  .button,
  .btn,
  a.button,
  a.btn,
  .audience-card > a,
  [role="button"] {
    font-size: 13px !important;
  }

  .faq-item button,
  .faq-card button,
  [class*="faq"] button {
    height: auto !important;
    min-height: 56px !important;
    padding: 14px 16px !important;
  }
}


/* ===== Remove text backing strips ===== */

/* 小标题和栏目标签取消黑色衬底 */
.eyebrow,
.diagram-label,
.section-label,
.card-label,
[class*="eyebrow"],
[class*="section-label"],
[class*="card-label"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 标题文字本身不允许出现矩形底色 */
h1,
h2,
h3,
h4,
h5,
h6,
h1 span,
h2 span,
h3 span,
h4 span,
.hero-title,
.section-title,
[class*="title"] {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 普通正文取消文字后面的独立黑块 */
.section-heading,
.section-heading p,
.section-heading h2,
.section-heading h3,
.section-copy,
.intro-copy {
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 服务卡顶部编号/分类条取消黑色横条 */
.service-card header,
.service-card .card-head,
.service-card .card-header,
[class*="service-card"] header,
[class*="service-card"] [class*="head"] {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 编号和分类文字保留，但底层透明 */
.service-card header span,
.service-card .card-head span,
.service-card .card-header span,
[class*="service-card"] header span,
[class*="service-card"] [class*="head"] span {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 咨询与合作区域文字衬底取消 */
.audience-card > p,
.audience-card > h3,
.audience-card > span {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* 保留真正卡片和全局毛玻璃 */
.card,
.panel,
.service-card,
.audience-card,
.faq-item,
[class*="card"],
[class*="panel"] {
  background-clip: padding-box;
}


/* ===== HOME HERO ONLY V1 ===== */

/* 1. 首页顶部跳转辅助按钮不在视觉界面显示 */
.skip-link,
.skip-to-content,
a[href="#main"],
a[href="#main-content"] {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 2. 首页顶部菜单只保留文字 不要黑色内衬 */
.site-header nav a,
.site-header .nav-links a,
header nav a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;

  padding-left: 12px !important;
  padding-right: 12px !important;

  color: rgba(232,238,247,.76) !important;
}

/* 菜单文字 hover 只改变文字颜色 */
.site-header nav a:hover,
.site-header .nav-links a:hover,
header nav a:hover {
  background: transparent !important;
  color: #ffffff !important;
}

/* 3. 顶部两个主要操作按钮统一蓝色胶囊 */
.site-header .menu-toggle,
.site-header .nav-toggle,
.site-header .button,
.site-header .btn,
.site-header a.button,
.site-header a.btn,
header .menu-toggle,
header .nav-toggle {
  box-sizing: border-box !important;

  width: auto !important;
  min-width: 118px !important;
  height: 46px !important;
  min-height: 46px !important;

  padding: 0 24px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgba(44,108,235,.72) !important;
  background-color: rgba(44,108,235,.72) !important;

  color: #f7faff !important;

  border: 1px solid rgba(115,165,255,.48) !important;

  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 24px rgba(16,65,160,.12) !important;
}

/* 两个顶部胶囊之间保持一致间距 */
.site-header .header-actions,
.site-header .nav-actions,
header .header-actions,
header .nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* 4. 首屏 平台内服务商户 去掉整条银白色横条 */
.hero .eyebrow,
.hero [class*="eyebrow"] {
  width: max-content !important;
  max-width: 100% !important;

  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  color: rgba(220,229,242,.76) !important;
}

/* 保留前面的蓝色状态点 */
.hero .eyebrow .status-dot {
  display: inline-block !important;
}

/* 5. 手机端同步首页顶部交互 */
@media (max-width: 768px) {
  .site-header .menu-toggle,
  .site-header .nav-toggle,
  .site-header .button,
  .site-header .btn,
  .site-header a.button,
  .site-header a.btn,
  header .menu-toggle,
  header .nav-toggle {
    min-width: 104px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    font-size: 13px !important;
  }

  .hero .eyebrow,
  .hero [class*="eyebrow"] {
    width: max-content !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
}


/* ===== HOME HERO PRECISION V2 ===== */

/* 顶部五项菜单：彻底取消黑色条状背景 */
.site-header nav,
.site-header .nav-links,
.site-header .desktop-nav,
header nav,
header .nav-links {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.site-header nav a,
.site-header .nav-links a,
.site-header .desktop-nav a,
header nav a,
header .nav-links a {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 顶部两个大胶囊完全统一为当前导航蓝 */
.site-header .menu-toggle,
.site-header .nav-toggle,
.site-header .header-actions .button,
.site-header .header-actions .btn,
.site-header .header-actions a,
.site-header .nav-actions .button,
.site-header .nav-actions .btn,
.site-header .nav-actions a {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;

  height: 50px !important;
  min-height: 50px !important;

  padding: 0 18px !important;

  border-radius: 999px !important;

  background: rgba(44,108,235,.82) !important;
  background-color: rgba(44,108,235,.82) !important;
  background-image: none !important;

  color: #ffffff !important;

  border: 1px solid rgba(111,164,255,.62) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 24px rgba(23,78,185,.16) !important;
}

/* 主标题严格固定为两排 */
.hero h1 {
  display: block !important;
}

.hero h1 .hero-line {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  background: transparent !important;
}

.hero h1 .hero-line-1 {
  color: #f5f7fb !important;
}

.hero h1 .hero-line-2 {
  color: #4c8dff !important;
}

/* 首屏两个 CTA 完全等宽等高，全部采用原 Telegram 蓝 */
.hero .hero-actions,
.hero .cta-row,
.hero [class*="actions"] {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.hero .hero-actions .button,
.hero .hero-actions .btn,
.hero .hero-actions a,
.hero .cta-row .button,
.hero .cta-row .btn,
.hero .cta-row a {
  width: 184px !important;
  min-width: 184px !important;
  max-width: 184px !important;

  height: 48px !important;
  min-height: 48px !important;

  padding: 0 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgba(20,58,122,.72) !important;
  background-color: rgba(20,58,122,.72) !important;
  background-image: none !important;

  color: #eef4ff !important;

  border: 1px solid rgba(70,126,222,.52) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 7px 20px rgba(5,22,55,.12) !important;
}

/* 手机端：首页两个 CTA 仍保持完全一致 */
@media (max-width: 768px) {
  .hero .hero-actions,
  .hero .cta-row,
  .hero [class*="actions"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hero .hero-actions .button,
  .hero .hero-actions .btn,
  .hero .hero-actions a,
  .hero .cta-row .button,
  .hero .cta-row .btn,
  .hero .cta-row a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
  }
}


/* ===== HEADER PRECISION V3 ===== */

/* 顶部栏降低底色浓度，让背景更明显透出 */
.site-header {
  background: rgba(7, 15, 31, .42) !important;
  background-color: rgba(7, 15, 31, .42) !important;

  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;

  border-bottom: 1px solid rgba(130,165,220,.10) !important;
  box-shadow: none !important;
}

/* 左侧真实头像 */
.site-header .brand-mark.brand-avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;

  padding: 0 !important;

  border-radius: 15px !important;
  overflow: hidden !important;

  background: transparent !important;
  border: 1px solid rgba(130,165,220,.16) !important;
  box-shadow: 0 7px 22px rgba(0,0,0,.14) !important;
}

/* 头像图片完整铺满 */
.site-header .brand-mark.brand-avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: inherit !important;
}

/* 品牌文字 */
.site-header .brand-copy b {
  display: block !important;
  color: #f5f7fb !important;
}

/* W.CM 小字 */
.site-header .brand-copy small {
  display: block !important;
  color: rgba(185,198,219,.55) !important;
  letter-spacing: .08em !important;
}

/* 打开导航 + 联系商户：
   全部以当前联系商户的尺寸和视觉为准 */
.site-header .menu-toggle,
.site-header .header-actions a,
.site-header .nav-actions a,
.site-header a.button,
.site-header a.btn {
  box-sizing: border-box !important;

  width: 136px !important;
  min-width: 136px !important;
  max-width: 136px !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  padding: 0 20px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;

  background: rgba(17, 45, 91, .46) !important;
  background-color: rgba(17, 45, 91, .46) !important;
  background-image: none !important;

  border: 1px solid rgba(83, 139, 225, .48) !important;

  color: #edf4ff !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 6px 18px rgba(0,0,0,.08) !important;

  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
}

/* 两个按钮文字也保持一致 */
.site-header .menu-toggle-label,
.site-header .header-actions a,
.site-header .nav-actions a {
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

/* 手机顶部同步 */
@media (max-width: 768px) {
  .site-header .brand-mark.brand-avatar {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 13px !important;
  }

  .site-header {
    background: rgba(7,15,31,.38) !important;
  }
}


/* ===== MENU TOGGLE RESPONSIVE V1 ===== */

/* 桌面已有完整导航，不重复显示菜单开关 */
@media (min-width: 769px) {
  .site-header .menu-toggle {
    display: none !important;
  }
}

/* 手机才显示导航开关 */
@media (max-width: 768px) {
  .site-header .menu-toggle {
    display: inline-flex !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    padding: 0 !important;

    border-radius: 50% !important;

    align-items: center !important;
    justify-content: center !important;
  }

  .site-header .menu-toggle-label {
    font-size: 0 !important;
  }

  .site-header .menu-toggle-label::after {
    content: "☰";
    font-size: 19px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
  }
}


/* ===== IDENTITY VISUAL CLEAN V1 ===== */

/* 整个商户资料组件拆掉卡片感 */
.hero .identity-panel {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  padding: 0 !important;
}

/* 顶部标题区取消黑色横条 */
.hero .identity-panel .panel-topline {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-bottom: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 16px !important;
}

/* 商户资料概览文字保持轻量 */
.hero .identity-panel .panel-topline > span:not(.window-dots) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 图片本身不再套外层卡片框 */
.hero .identity-panel .avatar-wrap {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* 动态头像只保留自身圆角 */
.hero .identity-panel .avatar-video {
  display: block !important;

  width: 100% !important;

  border: 0 !important;
  outline: 0 !important;

  border-radius: 24px !important;

  box-shadow: none !important;
}

/* 名字直接落在背景上 */
.hero .identity-panel .profile-line {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;

  padding: 14px 2px 0 !important;

  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

/* UD 名字 */
.hero .identity-panel .profile-line b {
  background: transparent !important;
  box-shadow: none !important;

  color: #f5f7fb !important;

  font-size: 20px !important;
  font-weight: 700 !important;
}

/* 红黄绿状态点 */
.hero .identity-panel .window-dots {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* 三个状态灯统一呼吸基础 */
.hero .identity-panel .window-dots i {
  width: 10px !important;
  height: 10px !important;

  border-radius: 50% !important;

  opacity: .38;

  animation: merchant-status-pulse 2.1s ease-in-out infinite !important;
}

/* 错峰闪烁 */
.hero .identity-panel .window-dots i:nth-child(1) {
  animation-delay: 0s !important;
}

.hero .identity-panel .window-dots i:nth-child(2) {
  animation-delay: .7s !important;
}

.hero .identity-panel .window-dots i:nth-child(3) {
  animation-delay: 1.4s !important;
}

@keyframes merchant-status-pulse {
  0%, 100% {
    opacity: .32;
    transform: scale(.82);
    filter: brightness(.82);
  }

  45% {
    opacity: 1;
    transform: scale(1.18);
    filter: brightness(1.45);
  }

  65% {
    opacity: .62;
    transform: scale(1);
    filter: brightness(1.05);
  }
}

/* 手机端保持同样的融合结构 */
@media (max-width: 768px) {
  .hero .identity-panel {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .hero .identity-panel .avatar-video {
    border-radius: 20px !important;
  }

  .hero .identity-panel .profile-line {
    padding-top: 12px !important;
  }
}


/* ===== AVATAR ONLY FINAL ===== */

/* 外层彻底不存在视觉痕迹 */
.hero .identity-panel {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  background: none !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  outline: none !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  overflow: visible !important;
}

/* 清除可能残留的伪元素 */
.hero .identity-panel::before,
.hero .identity-panel::after {
  content: none !important;
  display: none !important;
}

/* 图片容器本身也没有任何框 */
.hero .identity-panel .avatar-wrap {
  position: relative !important;

  margin: 0 !important;
  padding: 0 !important;

  background: none !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  outline: none !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  overflow: visible !important;
}

/* 只保留图片自身 */
.hero .identity-panel .avatar-video {
  position: relative !important;
  z-index: 1 !important;

  display: block !important;

  width: 100% !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: none !important;
  outline: none !important;

  border-radius: 22px !important;

  box-shadow: none !important;

  background: transparent !important;
}

/* 三个呼吸灯直接压在头像左上角 */
.hero .identity-panel .avatar-status-lights {
  position: absolute !important;

  z-index: 10 !important;

  top: 18px !important;
  left: 18px !important;

  display: flex !important;
  align-items: center !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: none !important;
  border: none !important;
  box-shadow: none !important;

  pointer-events: none !important;
}

/* 呼吸灯 */
.hero .identity-panel .avatar-status-lights i {
  display: block !important;

  width: 10px !important;
  height: 10px !important;

  border-radius: 50% !important;

  animation: avatar-light-pulse 2.1s ease-in-out infinite !important;
}

.hero .identity-panel .avatar-status-lights i:nth-child(1) {
  background: #e76572 !important;
  animation-delay: 0s !important;
}

.hero .identity-panel .avatar-status-lights i:nth-child(2) {
  background: #e7bb61 !important;
  animation-delay: .7s !important;
}

.hero .identity-panel .avatar-status-lights i:nth-child(3) {
  background: #71b18f !important;
  animation-delay: 1.4s !important;
}

@keyframes avatar-light-pulse {
  0%, 100% {
    opacity: .38;
    transform: scale(.82);
  }

  45% {
    opacity: 1;
    transform: scale(1.22);
    box-shadow: 0 0 12px currentColor;
  }

  70% {
    opacity: .62;
    transform: scale(1);
  }
}

/* 原来头像上的两个蓝圈也去掉 */
.hero .identity-panel .avatar-ring {
  display: none !important;
}

/* 手机同步 */
@media (max-width: 768px) {
  .hero .identity-panel .avatar-video {
    border-radius: 18px !important;
  }

  .hero .identity-panel .avatar-status-lights {
    top: 14px !important;
    left: 14px !important;
    gap: 7px !important;
  }

  .hero .identity-panel .avatar-status-lights i {
    width: 9px !important;
    height: 9px !important;
  }
}

/* ===== AVATAR STATUS LIGHT POSITION FIX ===== */

/* 给头像上沿留出状态灯位置 */
.hero .identity-panel .avatar-wrap {
  padding-top: 18px !important;
}

/* 呼吸灯位于头像上沿左上角，不压进图片内部 */
.hero .identity-panel .avatar-status-lights {
  top: 0 !important;
  left: 16px !important;

  height: 18px !important;

  display: flex !important;
  align-items: flex-start !important;

  gap: 8px !important;

  transform: none !important;
}

/* 灯底部与头像上边缘保持极小距离 */
.hero .identity-panel .avatar-status-lights i {
  margin-top: 4px !important;
}

/* 手机同步 */
@media (max-width: 768px) {
  .hero .identity-panel .avatar-wrap {
    padding-top: 16px !important;
  }

  .hero .identity-panel .avatar-status-lights {
    top: 0 !important;
    left: 14px !important;
    height: 16px !important;
  }

  .hero .identity-panel .avatar-status-lights i {
    margin-top: 3px !important;
  }
}


/* ===== SERVICE RANGE UI CLEAN V1 ===== */

/* 六项服务统一 3 × 2 */
#services .service-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}

/* 取消所有特殊跨列 */
#services .service-card,
#services .service-card-wide {
  grid-column: auto !important;

  width: 100% !important;
  min-width: 0 !important;
  min-height: 270px !important;

  display: flex !important;
  flex-direction: column !important;

  padding: 28px !important;

  border-radius: 26px !important;

  background: rgba(10, 23, 46, .42) !important;
  background-image: none !important;

  border: 1px solid rgba(135, 170, 225, .15) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 16px 38px rgba(0,0,0,.06) !important;

  -webkit-backdrop-filter: blur(20px) saturate(125%) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
}

/* 清除卡片可能生成的黑色装饰层 */
#services .service-card::before,
#services .service-card::after {
  content: none !important;
  display: none !important;
}

/* 顶部编号与分类直接落在卡片上 */
#services .card-meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  width: 100% !important;

  margin: 0 0 34px !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* card-meta 内任何元素都禁止黑底 */
#services .card-meta span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
}

/* 编号 */
#services .card-meta span:first-child {
  color: #78aaff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em !important;
}

/* 分类 */
#services .card-meta span:last-child {
  color: rgba(220,230,245,.68) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* 六张卡标题统一 */
#services .service-card h3 {
  margin: 0 0 14px !important;

  color: #f5f7fb !important;

  font-size: clamp(21px, 1.55vw, 27px) !important;
  line-height: 1.25 !important;
}

/* 正文 */
#services .service-card p {
  margin: 0 !important;

  color: rgba(196,207,225,.72) !important;

  font-size: 15px !important;
  line-height: 1.75 !important;
}

/* 联系确认统一落在底部 */
#services .service-card a {
  margin-top: auto !important;
  padding-top: 24px !important;

  align-self: flex-start !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;

  color: #83b2ff !important;

  font-weight: 650 !important;
  text-decoration: none !important;
}

/* 本屏标题区域取消黑色内衬 */
#services .section-intro,
#services .section-intro > div,
#services .section-intro h2,
#services .section-intro p {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  box-shadow: none !important;
}

/* 平板 2 列 */
@media (max-width: 1000px) {
  #services .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* 手机 1 列 */
@media (max-width: 640px) {
  #services .service-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #services .service-card,
  #services .service-card-wide {
    min-height: 230px !important;
    padding: 22px !important;
    border-radius: 22px !important;
  }

  #services .card-meta {
    margin-bottom: 28px !important;
  }
}

/* ===== SERVICE INTRO FULL CLEAN ===== */

/* 服务范围标题区域彻底去除矩形底板 */
#services > .section-intro,
#services > .section-intro.section-intro-split,
#services > .section-intro::before,
#services > .section-intro::after,
#services > .section-intro > div,
#services > .section-intro > div::before,
#services > .section-intro > div::after {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 标题本身也禁止任何底色 */
#services > .section-intro h2,
#services > .section-intro h2 span,
#services > .section-intro .eyebrow,
#services > .section-intro > p {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  outline: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 清掉可能继承到标题区域的全局玻璃卡片效果 */
#services > header {
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 标题和说明重新自然排版 */
#services > .section-intro.section-intro-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr) !important;
  align-items: end !important;
  gap: 56px !important;
}

/* 手机同步 */
@media (max-width: 768px) {
  #services > .section-intro.section-intro-split {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}


/* ===== SERVICE SECOND SCREEN LAYOUT V2 ===== */

/* 第二屏整体按一屏重新分配空间 */
#services.section-shell {
  min-height: calc(100vh - 76px) !important;

  display: flex !important;
  flex-direction: column !important;

  padding-top: 22px !important;
  padding-bottom: 28px !important;
}

/* 主标题紧贴上一屏分隔线下方 */
#services > .section-intro {
  flex: 0 0 auto !important;

  margin: 0 0 26px !important;
  padding: 0 !important;
}

/* 服务范围小标题 */
#services > .section-intro .eyebrow {
  margin: 0 0 8px !important;

  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* 第二屏主标题 */
#services > .section-intro h2 {
  margin: 0 !important;

  font-size: clamp(38px, 3.4vw, 58px) !important;
  line-height: 1.05 !important;
  letter-spacing: -.035em !important;
}

/* 六张卡占据第二屏剩余主体空间 */
#services .service-grid {
  flex: 1 1 auto !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;

  gap: 20px !important;

  min-height: 0 !important;
}

/* 六块完全统一 */
#services .service-card,
#services .service-card-wide {
  min-height: 0 !important;
  height: 100% !important;

  padding: 25px 28px 24px !important;

  border-radius: 25px !important;

  display: flex !important;
  flex-direction: column !important;
}

/* 编号与分类 */
#services .card-meta {
  margin: 0 0 22px !important;
}

/* 服务名称 */
#services .service-card h3 {
  margin: 0 0 12px !important;

  font-size: clamp(20px, 1.45vw, 26px) !important;
  line-height: 1.2 !important;
}

/* 服务说明 */
#services .service-card p {
  max-width: 95% !important;

  font-size: 14px !important;
  line-height: 1.65 !important;
}

/* 联系确认统一压在每张卡左下角 */
#services .service-card a {
  margin-top: auto !important;
  padding-top: 16px !important;
}

/* 大屏时控制第二屏不要被卡片无限撑高 */
@media (min-width: 1001px) and (min-height: 760px) {
  #services.section-shell {
    height: calc(100vh - 76px) !important;
    min-height: 680px !important;
  }
}

/* 平板继续自然滚动 */
@media (max-width: 1000px) {
  #services.section-shell {
    height: auto !important;
    min-height: auto !important;
  }

  #services .service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: none !important;
  }

  #services .service-card,
  #services .service-card-wide {
    min-height: 250px !important;
  }
}

/* 手机单列 */
@media (max-width: 640px) {
  #services.section-shell {
    padding-top: 18px !important;
  }

  #services > .section-intro {
    margin-bottom: 20px !important;
  }

  #services > .section-intro h2 {
    font-size: 36px !important;
  }

  #services .service-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #services .service-card,
  #services .service-card-wide {
    min-height: 220px !important;
  }
}

/* ===== SERVICE CARDS COMPACT V3 ===== */

@media (min-width: 1001px) {
  #services.section-shell {
    height: auto !important;
    min-height: calc(100vh - 76px) !important;
  }

  #services .service-grid {
    flex: none !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 300px) !important;
    gap: 20px !important;
    align-content: start !important;
  }

  #services .service-card,
  #services .service-card-wide {
    height: 300px !important;
    min-height: 300px !important;
    padding: 24px 28px !important;
  }
}

/* 卡片内容收紧 */
#services .service-card .card-meta {
  margin-bottom: 18px !important;
}

#services .service-card h3 {
  margin: 0 0 10px !important;
}

#services .service-card p {
  margin: 0 !important;
}

/* 联系确认改成长胶囊 */
#services .service-card > a {
  display: flex !important;
  width: 100% !important;
  min-height: 48px !important;
  margin-top: auto !important;
  padding: 0 18px !important;

  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(76,141,255,.38) !important;
  border-radius: 999px !important;

  background: rgba(35,91,190,.18) !important;

  color: #dbe8ff !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  -webkit-backdrop-filter: blur(14px) saturate(130%) !important;
  backdrop-filter: blur(14px) saturate(130%) !important;
}

/* 鼠标经过只轻微提亮 */
#services .service-card > a:hover {
  background: rgba(45,108,240,.28) !important;
  border-color: rgba(100,153,255,.58) !important;
}

/* 手机不强制固定卡片高度 */
@media (max-width: 1000px) {
  #services .service-card > a {
    min-height: 46px !important;
    font-size: 15px !important;
  }
}

/* ===== SERVICE VISUAL STRIP V1 ===== */
#services .service-visual-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  margin-top: 20px !important;
}

#services .service-visual-item {
  aspect-ratio: 1 / 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(130,170,235,.16) !important;
  border-radius: 22px !important;
  background: rgba(10,24,48,.18) !important;
  -webkit-backdrop-filter: blur(16px) saturate(125%) !important;
  backdrop-filter: blur(16px) saturate(125%) !important;
}

#services .service-visual-item img {
  display: block !important;
  width: 88% !important;
  height: 88% !important;
  object-fit: contain !important;
}

@media (max-width: 768px) {
  #services .service-visual-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
}


/* ===== SERVICES MOBILE FINAL V1 ===== */
@media (max-width: 768px) {
  #services {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  #services .section-intro {
    margin-bottom: 22px !important;
  }

  #services .section-intro h2 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    max-width: 100% !important;
  }

  #services .service-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #services .service-card {
    width: 100% !important;
    height: auto !important;
    min-height: 230px !important;
    padding: 22px 20px 20px !important;
    border-radius: 22px !important;
  }

  #services .service-card h3 {
    font-size: 21px !important;
    line-height: 1.2 !important;
  }

  #services .service-card p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  #services .service-card > a {
    width: 100% !important;
    min-height: 46px !important;
    margin-top: 24px !important;
    font-size: 15px !important;
  }

  #services .service-visual-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 16px !important;
  }

  #services .service-visual-item {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    min-height: 0 !important;
    border-radius: 18px !important;
    padding: 6px !important;
  }

  #services .service-visual-item img {
    width: 96% !important;
    height: 96% !important;
    max-width: none !important;
    object-fit: contain !important;
  }
}

@media (max-width: 430px) {
  #services {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #services .service-card {
    min-height: 220px !important;
    padding: 20px 18px 18px !important;
  }

  #services .service-visual-strip {
    gap: 10px !important;
  }

  #services .service-visual-item {
    border-radius: 16px !important;
    padding: 4px !important;
  }

  #services .service-visual-item img {
    width: 98% !important;
    height: 98% !important;
  }
}


/* ===== MOBILE WIDTH FIX V3 ===== */
@media screen and (max-width: 768px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  main,
  .section-shell,
  section,
  #services,
  #services .service-grid,
  #services .service-visual-strip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #services .service-visual-strip {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
  }

  #services .service-visual-item {
    display: flex !important;
    grid-column: auto !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    padding: 4px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #services .service-visual-item img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  #services .service-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  img,
  video {
    max-width: 100%;
  }
}


/* ===== MOBILE HERO FINAL V1 ===== */
@media screen and (max-width: 768px) {
  #about.hero {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    padding-top: 72px !important;
    padding-bottom: 42px !important;
  }

  #about .hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #about h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 28px !important;
    font-size: clamp(43px, 12vw, 58px) !important;
    line-height: .98 !important;
    letter-spacing: -.065em !important;
  }

  #about h1 .hero-line {
    display: block !important;
    width: 100% !important;
  }

  #about .hero-name {
    margin-top: 26px !important;
  }

  #about .hero-description {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 20px !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  #about .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 10px !important;
    margin-top: 26px !important;
  }

  #about .hero-actions a,
  #about .hero-actions .button,
  #about .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
  }

  #about .identity-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 38px !important;
  }

  #about .avatar-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #about .avatar-video {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }
}


/* ===== SERVICE VISUAL MERGED CARD V4 ===== */
#services .service-visual-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgba(130,170,235,.18) !important;
  border-radius: 26px !important;
  background: rgba(8,25,55,.22) !important;
  -webkit-backdrop-filter: blur(18px) saturate(125%) !important;
  backdrop-filter: blur(18px) saturate(125%) !important;
}

#services .service-visual-item {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#services .service-visual-item + .service-visual-item {
  border-left: 1px solid rgba(130,170,235,.12) !important;
}

#services .service-visual-item img {
  width: 96% !important;
  height: 96% !important;
  object-fit: contain !important;
}

@media screen and (max-width:768px) {
  #services .service-visual-strip {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 0 !important;
    border-radius: 22px !important;
  }

  #services .service-visual-item {
    padding: 6px !important;
    border: 0 !important;
  }

  #services .service-visual-item:nth-child(2),
  #services .service-visual-item:nth-child(4) {
    border-left: 1px solid rgba(130,170,235,.12) !important;
  }

  #services .service-visual-item:nth-child(3),
  #services .service-visual-item:nth-child(4) {
    border-top: 1px solid rgba(130,170,235,.12) !important;
  }

  #services .service-visual-item img {
    width: 96% !important;
    height: 96% !important;
  }
}


/* ===== SERVICE CARD VISUAL INTEGRATION V5 ===== */

#services .service-visual-strip {
  display: none !important;
}

#services .service-card-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42%;
  max-width: 210px;
  aspect-ratio: 1 / 1;
  margin: 14px auto 6px;
  overflow: visible;
  background: transparent;
}

#services .service-card-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (min-width: 769px) {
  #services .service-card:has(.service-card-visual) {
    position: relative !important;
    min-height: 330px !important;
    padding-right: 42% !important;
  }

  #services .service-card:has(.service-card-visual) .service-card-visual {
    position: absolute !important;
    right: 18px !important;
    bottom: 60px !important;
    width: 36% !important;
    max-width: 220px !important;
    margin: 0 !important;
  }

  #services .service-card:has(.service-card-visual) h3,
  #services .service-card:has(.service-card-visual) p {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 768px) {
  #services .service-card:has(.service-card-visual) {
    position: relative !important;
    min-height: 0 !important;
    padding: 20px !important;
  }

  #services .service-card-visual {
    width: 72% !important;
    max-width: 280px !important;
    margin: 16px auto 8px !important;
  }

  #services .service-card-visual img {
    width: 100% !important;
    height: 100% !important;
  }

  #services .service-card:has(.service-card-visual) > a {
    margin-top: 16px !important;
  }
}


/* ===== SERVICE CARD ART BACKGROUND V6 ===== */
#services .service-card:has(.service-card-visual) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  padding-right: 24px !important;
}

#services .service-card:has(.service-card-visual)::after {
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  display: block !important;
  content: "" !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(7,16,34,.96) 0%,
      rgba(7,16,34,.86) 40%,
      rgba(7,16,34,.38) 72%,
      rgba(7,16,34,.14) 100%) !important;
}

#services .service-card .service-card-visual {
  position: absolute !important;
  z-index: -2 !important;
  top: 50% !important;
  right: -2% !important;
  bottom: auto !important;
  left: auto !important;

  display: block !important;
  visibility: visible !important;
  opacity: .78 !important;

  width: 58% !important;
  max-width: none !important;
  height: 115% !important;
  aspect-ratio: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

#services .service-card .service-card-visual img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  height: 100% !important;
  max-width: none !important;

  object-fit: contain !important;
  object-position: center right !important;

  filter: saturate(1.08) contrast(1.04) !important;
}

#services .service-card:has(.service-card-visual) .card-meta,
#services .service-card:has(.service-card-visual) h3,
#services .service-card:has(.service-card-visual) p,
#services .service-card:has(.service-card-visual) > a {
  position: relative !important;
  z-index: 2 !important;
}

#services .service-card:has(.service-card-visual) h3,
#services .service-card:has(.service-card-visual) p {
  max-width: 58% !important;
}

@media screen and (max-width:768px) {
  #services .service-card:has(.service-card-visual) {
    min-height: 270px !important;
    padding: 20px !important;
  }

  #services .service-card:has(.service-card-visual)::after {
    background:
      linear-gradient(90deg,
        rgba(7,16,34,.97) 0%,
        rgba(7,16,34,.88) 42%,
        rgba(7,16,34,.42) 72%,
        rgba(7,16,34,.18) 100%) !important;
  }

  #services .service-card .service-card-visual {
    top: 50% !important;
    right: -12% !important;

    width: 72% !important;
    height: 110% !important;

    margin: 0 !important;
    transform: translateY(-50%) !important;
    opacity: .72 !important;
  }

  #services .service-card:has(.service-card-visual) h3,
  #services .service-card:has(.service-card-visual) p {
    max-width: 62% !important;
  }

  #services .service-card:has(.service-card-visual) > a {
    z-index: 3 !important;
    width: 100% !important;
    margin-top: auto !important;
  }
}


/* ===== SERVICE CARD BACKGROUND LAYER FIX V7 ===== */
#services .service-card:has(.service-card-visual) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

#services .service-card:has(.service-card-visual) .service-card-visual {
  position: absolute !important;
  z-index: 0 !important;
  top: 50% !important;
  right: -4% !important;
  bottom: auto !important;
  left: auto !important;

  display: block !important;
  visibility: visible !important;
  opacity: .82 !important;

  width: 58% !important;
  height: 115% !important;
  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

#services .service-card:has(.service-card-visual) .service-card-visual img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center right !important;
}

#services .service-card:has(.service-card-visual)::after {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;

  display: block !important;
  content: "" !important;

  background: linear-gradient(
    90deg,
    rgba(7,16,34,.97) 0%,
    rgba(7,16,34,.88) 34%,
    rgba(7,16,34,.48) 62%,
    rgba(7,16,34,.12) 100%
  ) !important;

  pointer-events: none !important;
}

#services .service-card:has(.service-card-visual) .card-meta,
#services .service-card:has(.service-card-visual) h3,
#services .service-card:has(.service-card-visual) p,
#services .service-card:has(.service-card-visual) > a {
  position: relative !important;
  z-index: 2 !important;
}

@media screen and (max-width:768px) {
  #services .service-card:has(.service-card-visual) {
    min-height: 280px !important;
  }

  #services .service-card:has(.service-card-visual) .service-card-visual {
    right: -15% !important;
    width: 78% !important;
    height: 110% !important;
    opacity: .78 !important;
  }

  #services .service-card:has(.service-card-visual)::after {
    background: linear-gradient(
      90deg,
      rgba(7,16,34,.97) 0%,
      rgba(7,16,34,.86) 38%,
      rgba(7,16,34,.40) 70%,
      rgba(7,16,34,.10) 100%
    ) !important;
  }
}


/* ===== SERVICE CARD BACKGROUND LAYER FIX V7 ===== */
#services .service-card:has(.service-card-visual) {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

#services .service-card:has(.service-card-visual) .service-card-visual {
  position: absolute !important;
  z-index: 0 !important;
  top: 50% !important;
  right: -4% !important;
  bottom: auto !important;
  left: auto !important;

  display: block !important;
  visibility: visible !important;
  opacity: .82 !important;

  width: 58% !important;
  height: 115% !important;
  max-width: none !important;
  max-height: none !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

#services .service-card:has(.service-card-visual) .service-card-visual img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;

  object-fit: contain !important;
  object-position: center right !important;
}

#services .service-card:has(.service-card-visual)::after {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;

  display: block !important;
  content: "" !important;

  background: linear-gradient(
    90deg,
    rgba(7,16,34,.97) 0%,
    rgba(7,16,34,.88) 34%,
    rgba(7,16,34,.48) 62%,
    rgba(7,16,34,.12) 100%
  ) !important;

  pointer-events: none !important;
}

#services .service-card:has(.service-card-visual) .card-meta,
#services .service-card:has(.service-card-visual) h3,
#services .service-card:has(.service-card-visual) p,
#services .service-card:has(.service-card-visual) > a {
  position: relative !important;
  z-index: 2 !important;
}

@media screen and (max-width:768px) {
  #services .service-card:has(.service-card-visual) {
    min-height: 280px !important;
  }

  #services .service-card:has(.service-card-visual) .service-card-visual {
    right: -15% !important;
    width: 78% !important;
    height: 110% !important;
    opacity: .78 !important;
  }

  #services .service-card:has(.service-card-visual)::after {
    background: linear-gradient(
      90deg,
      rgba(7,16,34,.97) 0%,
      rgba(7,16,34,.86) 38%,
      rgba(7,16,34,.40) 70%,
      rgba(7,16,34,.10) 100%
    ) !important;
  }
}


/* ===== SERVICES SECTION POSITION V8 ===== */

#services {
  padding-top: 20px !important;
}

#services .section-intro {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  padding-top: 0 !important;
}

#services .section-intro > div {
  width: 100% !important;
}

#services #services-title {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  white-space: nowrap !important;
  line-height: 1.02 !important;
}

#services #services-title span {
  display: inline !important;
  white-space: nowrap !important;
}

#services .service-grid {
  margin-top: 0 !important;
}

@media screen and (min-width:769px) {
  #services {
    padding-top: 10px !important;
  }

  #services #services-title {
    font-size: clamp(42px, 4.2vw, 68px) !important;
  }

  #services .section-intro {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width:768px) {
  #services {
    padding-top: 8px !important;
  }

  #services .section-intro {
    margin-bottom: 16px !important;
  }

  #services #services-title {
    font-size: clamp(29px, 8.1vw, 38px) !important;
    letter-spacing: -.055em !important;
    white-space: nowrap !important;
  }

  #services #services-title span {
    display: inline !important;
  }

  #services .service-grid {
    margin-top: 0 !important;
  }
}


/* ===== MOBILE SCREEN LOCK + SERVICE ART V9 ===== */
@media screen and (max-width:768px) {

  /* ---------- 全站手机安全边距 ---------- */
  .section-shell {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }

  /* ---------- 第一屏锁定 ---------- */
  #about.hero {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    min-height: 100svh !important;
    height: auto !important;

    padding-top: 82px !important;
    padding-bottom: 34px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #about .hero-copy {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #about h1 {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 18px !important;

    font-size: clamp(40px,10.8vw,52px) !important;
    line-height: .99 !important;
    letter-spacing: -.055em !important;
  }

  #about .hero-name {
    margin-top: 22px !important;
  }

  #about .hero-description {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 16px !important;

    font-size: 14px !important;
    line-height: 1.68 !important;
  }

  #about .hero-actions {
    width: 100% !important;
    margin-top: 20px !important;
    gap: 9px !important;
  }

  #about .hero-actions a,
  #about .hero-actions button {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
  }

  /* 动态主头像留在第一屏内部 */
  #about .identity-panel {
    position: relative !important;
    flex: 1 1 auto !important;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 170px !important;
    margin-top: 22px !important;
    margin-bottom: 0 !important;

    transform: none !important;
  }

  #about .avatar-wrap {
    position: relative !important;

    width: min(100%, 390px) !important;
    max-width: 390px !important;

    margin: 0 auto !important;
    transform: none !important;
  }

  #about .avatar-video {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;

    object-fit: cover !important;
  }


  /* ---------- 第二屏从第一屏之后正式开始 ---------- */
  #services {
    position: relative !important;
    z-index: 2 !important;

    width: 100% !important;
    min-height: 100svh !important;

    margin-top: 0 !important;
    padding-top: 42px !important;
    padding-bottom: 54px !important;

    box-sizing: border-box !important;
  }

  #services .section-intro {
    width: 100% !important;

    margin: 0 0 22px !important;
    padding: 0 !important;
  }

  #services #services-title {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;

    font-size: clamp(27px,7.2vw,34px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.05em !important;

    white-space: nowrap !important;
  }

  #services #services-title span {
    display: inline !important;
    white-space: nowrap !important;
  }

  #services .service-grid {
    width: 100% !important;
    margin-top: 0 !important;
    gap: 14px !important;
  }


  /* ---------- 01-04 业务背景图重新布局 ---------- */
  #services .service-card:has(.service-card-visual) {
    position: relative !important;

    min-height: 260px !important;
    padding: 20px !important;

    overflow: hidden !important;
    isolation: isolate !important;
  }

  #services .service-card:has(.service-card-visual) .service-card-visual {
    position: absolute !important;
    z-index: 0 !important;

    top: 50% !important;
    right: -3% !important;
    left: auto !important;
    bottom: auto !important;

    display: block !important;

    width: 58% !important;
    height: 92% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: .86 !important;
    visibility: visible !important;

    transform: translateY(-50%) !important;
  }

  #services .service-card:has(.service-card-visual) .service-card-visual img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 遮罩只保护左侧文字 不再吃掉大半张图 */
  #services .service-card:has(.service-card-visual)::after {
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;

    content: "" !important;

    background:
      linear-gradient(
        90deg,
        rgba(7,16,34,.96) 0%,
        rgba(7,16,34,.88) 31%,
        rgba(7,16,34,.48) 49%,
        rgba(7,16,34,.12) 67%,
        rgba(7,16,34,0) 82%
      ) !important;

    pointer-events: none !important;
  }

  #services .service-card:has(.service-card-visual) .card-meta,
  #services .service-card:has(.service-card-visual) h3,
  #services .service-card:has(.service-card-visual) p,
  #services .service-card:has(.service-card-visual) > a {
    position: relative !important;
    z-index: 2 !important;
  }

  #services .service-card:has(.service-card-visual) h3,
  #services .service-card:has(.service-card-visual) p {
    width: 50% !important;
    max-width: 50% !important;
  }

  #services .service-card:has(.service-card-visual) > a {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 18px !important;
  }
}


/* ===== MOBILE GLASS + SERVICE BUTTON V10 ===== */
@media screen and (max-width:768px) {

  /* 业务卡玻璃感加强 */
  #services .service-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;

    background:
      linear-gradient(
        135deg,
        rgba(10,27,57,.58),
        rgba(5,18,42,.38)
      ) !important;

    border: 1px solid rgba(150,190,255,.20) !important;

    -webkit-backdrop-filter:
      blur(24px)
      saturate(145%) !important;

    backdrop-filter:
      blur(24px)
      saturate(145%) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 16px 42px rgba(0,8,28,.18) !important;
  }

  /* 01-04 保持背景图结构 */
  #services .service-card:has(.service-card-visual) {
    min-height: 260px !important;
    padding: 20px !important;
  }

  /* 正文不要一直向下撑 */
  #services .service-card p {
    margin-bottom: 14px !important;
  }

  /* 所有业务按钮统一贴卡片底部 */
  #services .service-card > a {
    position: relative !important;
    z-index: 4 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;

    margin-top: auto !important;
    padding: 0 18px !important;

    border-radius: 999px !important;

    /* 更透明 不再像一整块实色标题 */
    background:
      linear-gradient(
        90deg,
        rgba(20,78,175,.14),
        rgba(75,105,210,.18),
        rgba(65,120,230,.12)
      ) !important;

    border: 1px solid rgba(105,165,255,.34) !important;

    -webkit-backdrop-filter:
      blur(18px)
      saturate(135%) !important;

    backdrop-filter:
      blur(18px)
      saturate(135%) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 6px 20px rgba(0,20,70,.10) !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;

    color: rgba(255,255,255,.90) !important;
  }

  /* 有背景图的前四张卡 按钮也必须落到底部 */
  #services .service-card:has(.service-card-visual) > a {
    margin-top: auto !important;
  }

  /* 全局主要玻璃面板加强 */
  .identity-panel,
  .process-card,
  .faq-item,
  .platform-card {
    -webkit-backdrop-filter:
      blur(24px)
      saturate(145%) !important;

    backdrop-filter:
      blur(24px)
      saturate(145%) !important;

    background: rgba(8,25,55,.38) !important;
    border-color: rgba(150,190,255,.18) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 16px 40px rgba(0,8,28,.15) !important;
  }
}


/* ===== TOP MARQUEE BANNER V1 ===== */
.hero-marquee {
  position: relative;
  z-index: 5;
  width: 100%;
  overflow: hidden;

  border-top: 1px solid rgba(120,170,255,.10);
  border-bottom: 1px solid rgba(120,170,255,.14);

  background: rgba(8,25,55,.22);

  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);

  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 7%,
    #000 93%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    #000 7%,
    #000 93%,
    transparent 100%
  );
}

.hero-marquee-track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation: hero-marquee-scroll 24s linear infinite;
}

.hero-marquee-group {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 22px;

  padding: 13px 11px;
}

.hero-marquee-group span {
  white-space: nowrap;

  color: rgba(220,232,255,.70);

  font-size: 12px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .12em;
}

.hero-marquee-group i {
  display: block;
  flex: 0 0 auto;

  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: rgba(57,153,255,.85);

  box-shadow: 0 0 12px rgba(57,153,255,.65);
}

@keyframes hero-marquee-scroll {
  from {
    transform: translate3d(0,0,0);
  }

  to {
    transform: translate3d(-50%,0,0);
  }
}

@media screen and (max-width:768px) {
  .hero-marquee {
    margin-top: 0;
  }

  .hero-marquee-group {
    gap: 18px;
    padding: 12px 9px;
  }

  .hero-marquee-group span {
    font-size: 11px;
    letter-spacing: .10em;
  }

  /* 收掉现在导航与主标题之间过大的空区 */
  #about.hero {
    padding-top: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-marquee-track {
    animation-play-state: paused;
  }
}


/* ===== VISUAL UI MARQUEE V2 ===== */

.hero-marquee {
  display: none !important;
}

.hero-visual-marquee {
  position: relative;
  z-index: 5;

  width: 100%;
  overflow: hidden;

  padding: 12px 0;

  border-top: 1px solid rgba(140,180,255,.10);
  border-bottom: 1px solid rgba(140,180,255,.12);

  background: rgba(6,20,46,.20);

  -webkit-backdrop-filter: blur(24px) saturate(145%);
  backdrop-filter: blur(24px) saturate(145%);

  -webkit-mask-image:
    linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  mask-image:
    linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}

.hero-visual-track {
  display: flex;
  width: max-content;

  animation: visual-ui-scroll 30s linear infinite;
  will-change: transform;
}

.hero-visual-group {
  display: flex;
  flex-shrink: 0;

  gap: 12px;
  padding-right: 12px;
}

.hero-visual-card {
  position: relative;

  flex: 0 0 auto;

  width: 190px;
  height: 105px;

  overflow: hidden;

  border: 1px solid rgba(150,190,255,.16);
  border-radius: 18px;

  background:
    linear-gradient(
      135deg,
      rgba(15,39,78,.48),
      rgba(5,17,39,.25)
    );

  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 10px 30px rgba(0,8,30,.16);
}

.hero-visual-card img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  transform: scale(.96);
}

@keyframes visual-ui-scroll {
  from {
    transform: translate3d(0,0,0);
  }

  to {
    transform: translate3d(-50%,0,0);
  }
}

@media screen and (max-width:768px) {

  .hero-visual-marquee {
    padding: 10px 0;
  }

  .hero-visual-card {
    width: 142px;
    height: 82px;

    border-radius: 15px;
  }

  .hero-visual-group {
    gap: 9px;
    padding-right: 9px;
  }

  .hero-visual-card img {
    transform: scale(.94);
  }

  .hero-visual-track {
    animation-duration: 26s;
  }

  #about.hero {
    padding-top: 34px !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .hero-visual-track {
    animation-play-state: paused;
  }
}


/* ===== HEADER LIGHT GLASS + BUBBLES V12 ===== */

/* 顶部菜单栏更淡 更透明 */
.site-header {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;

  background:
    linear-gradient(
      110deg,
      rgba(7,18,40,.48),
      rgba(12,31,63,.30),
      rgba(6,17,38,.42)
    ) !important;

  border-bottom: 1px solid rgba(145,185,255,.10) !important;

  -webkit-backdrop-filter:
    blur(24px)
    saturate(135%) !important;

  backdrop-filter:
    blur(24px)
    saturate(135%) !important;

  box-shadow:
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 8px 30px rgba(0,8,28,.08) !important;
}

/* 不规则弧形泡泡 1 */
.site-header::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;

  width: 190px !important;
  height: 78px !important;

  top: -39px !important;
  left: 26% !important;

  border-radius:
    58% 42% 67% 33% /
    46% 62% 38% 54% !important;

  background:
    radial-gradient(
      ellipse at 38% 62%,
      rgba(84,157,255,.16),
      rgba(76,110,220,.06) 52%,
      transparent 72%
    ) !important;

  border: 1px solid rgba(150,195,255,.07) !important;

  filter: blur(.2px) !important;
  transform: rotate(-8deg) !important;

  pointer-events: none !important;
}

/* 不规则弧形泡泡 2 */
.site-header::after {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;

  width: 150px !important;
  height: 96px !important;

  right: 8% !important;
  bottom: -62px !important;

  border-radius:
    37% 63% 48% 52% /
    61% 39% 66% 34% !important;

  background:
    radial-gradient(
      ellipse at 42% 32%,
      rgba(120,178,255,.13),
      rgba(67,105,205,.045) 55%,
      transparent 76%
    ) !important;

  border: 1px solid rgba(155,195,255,.06) !important;

  transform: rotate(13deg) !important;

  pointer-events: none !important;
}

/* 导航真实内容始终在泡泡上面 */
.site-header > * {
  position: relative !important;
  z-index: 2 !important;
}

@media screen and (max-width:768px) {

  .site-header {
    background:
      linear-gradient(
        110deg,
        rgba(7,18,40,.42),
        rgba(13,33,67,.25),
        rgba(6,17,38,.36)
      ) !important;

    -webkit-backdrop-filter:
      blur(26px)
      saturate(140%) !important;

    backdrop-filter:
      blur(26px)
      saturate(140%) !important;
  }

  .site-header::before {
    width: 155px !important;
    height: 72px !important;

    top: -38px !important;
    left: 29% !important;

    opacity: .85 !important;
  }

  .site-header::after {
    width: 120px !important;
    height: 84px !important;

    right: 5% !important;
    bottom: -55px !important;

    opacity: .78 !important;
  }

  /* 手机菜单圆按钮同步减淡 */
  .menu-toggle {
    background: rgba(17,49,95,.24) !important;
    border-color: rgba(100,165,255,.34) !important;

    -webkit-backdrop-filter:
      blur(18px)
      saturate(140%) !important;

    backdrop-filter:
      blur(18px)
      saturate(140%) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 8px 24px rgba(0,10,35,.08) !important;
  }
}


/* ===== LOCAL HERO V13 ===== */

.hero-visual-marquee {
  padding: 5px 0 !important;
  background: rgba(8,24,54,.10) !important;
  border-top: 1px solid rgba(185,205,235,.05) !important;
  border-bottom: 1px solid rgba(185,205,235,.07) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}

.hero-visual-group {
  gap: 22px !important;
  padding-right: 22px !important;
}

.hero-visual-card {
  width: 120px !important;
  height: 70px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hero-visual-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  transform: none !important;
  filter: drop-shadow(0 8px 16px rgba(0,10,35,.20)) !important;
}

#about #hero-title {
  margin-top: 12px !important;
  font-size: clamp(32px,8.8vw,39px) !important;
  line-height: 1.04 !important;
  letter-spacing: -.05em !important;
}

#about #hero-title .hero-line {
  display: block !important;
}

#about #hero-title .hero-line-1 {
  color: #EEEAE3 !important;
}

#about #hero-title .hero-line-2 {
  margin-top: 2px !important;
  color: #BFC5CE !important;
  font-weight: 600 !important;
}

#about .hero-description {
  color: rgba(211,218,228,.68) !important;
  font-size: 14px !important;
  line-height: 1.68 !important;
}

#about .hero-actions {
  display: none !important;
}

#about .hero-contact-dock {
  width: 100% !important;
  margin-top: 21px !important;
}

#about .hero-contact-dock > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 68px !important;
  padding: 12px 14px 12px 17px !important;
  border: 1px solid rgba(190,205,230,.15) !important;
  border-radius: 18px !important;
  background: linear-gradient(120deg,rgba(225,235,250,.075),rgba(110,150,210,.055),rgba(225,235,250,.025)) !important;
  backdrop-filter: blur(26px) saturate(135%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10),0 14px 40px rgba(0,10,32,.11) !important;
  text-decoration: none !important;
}

#about .contact-dock-copy {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}

#about .contact-dock-copy small {
  color: rgba(205,211,220,.56) !important;
  font-size: 11px !important;
}

#about .contact-dock-copy strong {
  color: rgba(240,238,233,.92) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

#about .contact-dock-arrow {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(205,215,230,.16) !important;
  border-radius: 50% !important;
  background: rgba(225,235,250,.055) !important;
  color: rgba(235,233,228,.80) !important;
  font-size: 17px !important;
}

@media screen and (max-width:768px) {
  #about.hero {
    padding-top: 28px !important;
  }
}


/* ===== LOCAL VISUAL BANNER SCALE V14 ===== */

/* 整条视觉展示带加高 */
.hero-visual-marquee {
  min-height: 150px !important;
  padding: 10px 0 !important;

  display: flex !important;
  align-items: center !important;

  background:
    linear-gradient(
      90deg,
      rgba(7,22,50,.10),
      rgba(24,61,118,.18),
      rgba(7,22,50,.10)
    ) !important;
}

/* 滚动内容垂直居中 */
.hero-visual-track {
  display: flex !important;
  align-items: center !important;
}

/* 图片之间保持高级的大间距 */
.hero-visual-group {
  align-items: center !important;
  gap: 46px !important;
  padding-right: 46px !important;
}

/* 主视觉重新放大 */
.hero-visual-card {
  width: 185px !important;
  height: 125px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: visible !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 图片本身尽可能占满展示高度 */
.hero-visual-card img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;

  transform: scale(1.08) !important;

  filter:
    drop-shadow(0 12px 22px rgba(0,10,38,.26))
    saturate(1.08)
    contrast(1.03) !important;
}


/* 同时把 Banner 下方巨大空白收掉 */
#about.hero {
  padding-top: 22px !important;
}


/* 手机 */
@media screen and (max-width:768px) {

  .hero-visual-marquee {
    min-height: 116px !important;
    padding: 7px 0 !important;
  }

  .hero-visual-group {
    gap: 28px !important;
    padding-right: 28px !important;
  }

  .hero-visual-card {
    width: 150px !important;
    height: 98px !important;
  }

  .hero-visual-card img {
    transform: scale(1.08) !important;
  }

  #about.hero {
    padding-top: 18px !important;
  }
}


/* ===== LOCAL VISUAL BANNER BLEND V15 ===== */

.hero-visual-marquee {
  border: 0 !important;

  background:
    radial-gradient(
      ellipse 70% 120% at 50% 50%,
      rgba(38,82,150,.13) 0%,
      rgba(20,53,105,.07) 42%,
      rgba(8,27,61,.025) 72%,
      transparent 100%
    ) !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  box-shadow: none !important;

  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      #000 4%,
      #000 96%,
      transparent 100%
    ) !important;

  mask-image:
    linear-gradient(
      90deg,
      transparent 0%,
      #000 4%,
      #000 96%,
      transparent 100%
    ) !important;
}

/* 去掉可能来自旧版本的上下分割线 */
.hero-visual-marquee::before,
.hero-visual-marquee::after {
  display: none !important;
  content: none !important;
}

/* 滚动轨道本身完全透明 */
.hero-visual-track,
.hero-visual-group,
.hero-visual-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 保留 V14 已经确认好的图片大小 */
.hero-visual-card {
  width: 185px !important;
  height: 125px !important;
}

.hero-visual-card img {
  transform: scale(1.08) !important;
}

@media screen and (max-width:768px) {
  .hero-visual-card {
    width: 150px !important;
    height: 98px !important;
  }
}


/* ===== LOCAL HERO DETAIL V16 ===== */

/* 主标题：不使用蓝色，也不做全白 */
#about #hero-title .hero-line-1 {
  color: #E2D4B8 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 8px 30px rgba(190,160,105,.08) !important;
}

#about #hero-title .hero-line-2 {
  color: #AEB5BF !important;
  text-shadow: none !important;
}

/* 正文保持克制的银灰层级 */
#about .hero-description {
  color: rgba(190,198,208,.70) !important;
}

/* Contact Dock 不再给右侧箭头预留空间 */
#about .hero-contact-dock > a {
  justify-content: flex-start !important;
  padding-right: 18px !important;
}

/* 箭头彻底消失 */
#about .contact-dock-arrow {
  display: none !important;
}

/* 三项凭证信息紧贴 Contact Dock */
#about .hero-contact-dock {
  margin-bottom: 0 !important;
}

#about .trust-row,
#about .hero-trust,
#about .trust-list {
  margin-top: 9px !important;
  padding-top: 0 !important;
}

/* 如果旧样式通过相邻元素制造大间距，直接收掉 */
#about .hero-contact-dock + * {
  margin-top: 9px !important;
}

/* 手机进一步紧凑 */
@media screen and (max-width:768px) {
  #about .hero-contact-dock + *,
  #about .trust-row,
  #about .hero-trust,
  #about .trust-list {
    margin-top: 8px !important;
  }
}


/* ===== SERVICE 05 06 VISUAL SCALE V17 ===== */

/* 第五张：飞机老号 */
.service-card:nth-child(5) .service-card-visual img {
  transform: scale(1.42) !important;
  transform-origin: center center !important;
}

/* 第六张：Telegram 数据服务 */
.service-card:nth-child(6) .service-card-visual img {
  transform: scale(1.48) !important;
  transform-origin: center center !important;
}

/* 避免放大后溢出卡片 */
.service-card:nth-child(5),
.service-card:nth-child(6) {
  overflow: hidden !important;
}


/* ===== SERVICE 05 06 COMPOSITION V18 ===== */

/* 05 / 06 恢复成装饰视觉，而不是海报 */
.service-card:nth-child(5) .service-card-visual,
.service-card:nth-child(6) .service-card-visual {
  position: absolute !important;
  right: -2% !important;
  bottom: 62px !important;

  width: 58% !important;
  height: 58% !important;

  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;

  pointer-events: none !important;
}

/* 老号图本身是接近 3:2，适当缩小 */
.service-card:nth-child(5) .service-card-visual img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: right bottom !important;

  transform: scale(.88) !important;
  transform-origin: right bottom !important;
}

/* 数据服务是超宽横图，需要比老号更宽、但高度更低 */
.service-card:nth-child(6) .service-card-visual {
  right: -5% !important;
  bottom: 67px !important;

  width: 68% !important;
  height: 48% !important;
}

.service-card:nth-child(6) .service-card-visual img {
  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: right bottom !important;

  transform: scale(.94) !important;
  transform-origin: right bottom !important;
}

/* 文字始终压在视觉层上方 */
.service-card:nth-child(5) .card-meta,
.service-card:nth-child(5) h3,
.service-card:nth-child(5) p,
.service-card:nth-child(6) .card-meta,
.service-card:nth-child(6) h3,
.service-card:nth-child(6) p {
  position: relative !important;
  z-index: 3 !important;

  max-width: 55% !important;
}

/* 联系按钮保持最上层 */
.service-card:nth-child(5) > a,
.service-card:nth-child(6) > a {
  position: relative !important;
  z-index: 5 !important;
}


/* ===== SERVICE 05 06 FINAL SCALE V19 ===== */

/* 老号：比 V18 放大，但仍保持右下构图 */
.service-card:nth-child(5) .service-card-visual {
  right: -4% !important;
  bottom: 58px !important;
  width: 67% !important;
  height: 67% !important;
}

.service-card:nth-child(5) .service-card-visual img {
  transform: scale(1) !important;
  object-fit: contain !important;
  object-position: right bottom !important;
}

/* 数据服务：横图需要更宽 */
.service-card:nth-child(6) .service-card-visual {
  right: -7% !important;
  bottom: 58px !important;
  width: 78% !important;
  height: 57% !important;
}

.service-card:nth-child(6) .service-card-visual img {
  transform: scale(1) !important;
  object-fit: contain !important;
  object-position: right bottom !important;
}

/* 左侧文字保持清楚，不被图压住 */
.service-card:nth-child(5) .card-meta,
.service-card:nth-child(5) h3,
.service-card:nth-child(5) p,
.service-card:nth-child(6) .card-meta,
.service-card:nth-child(6) h3,
.service-card:nth-child(6) p {
  max-width: 54% !important;
}


/* ===== SERVICE CARD CENTER SEAM FIX V20 ===== */

/* 去掉造成卡片中央竖向分界的旧视觉蒙版 */
#services .service-card:has(.service-card-visual)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* 卡片本体改为连续玻璃渐变，不再在中间发生颜色跳变 */
#services .service-card {
  background:
    radial-gradient(
      circle at 82% 38%,
      rgba(72, 128, 220, .075) 0%,
      rgba(35, 82, 155, .035) 30%,
      transparent 58%
    ),
    linear-gradient(
      135deg,
      rgba(6, 22, 48, .90) 0%,
      rgba(7, 25, 54, .86) 48%,
      rgba(5, 20, 45, .90) 100%
    ) !important;

  background-color: rgba(5, 20, 45, .88) !important;
}

/* ===== LANGUAGE SWITCHER V1 ===== */
.language-switcher {
  position: relative;
  flex: 0 0 auto;
}

.language-trigger {
  height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(170, 194, 230, 0.16);
  border-radius: 12px;
  background: rgba(15, 20, 29, 0.72);
  color: #dce8f8;
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  cursor: pointer;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition:
    border-color 180ms ease,
    background 180ms ease,
    transform 180ms ease;
}

.language-trigger:hover,
.language-trigger[aria-expanded="true"] {
  border-color: rgba(97, 255, 168, 0.38);
  background: rgba(20, 27, 38, 0.92);
}

.language-globe {
  width: 17px;
  height: 17px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(97, 255, 168, 0.52);
  border-radius: 50%;
  color: #61ffa8;
  font-size: 9px;
  line-height: 1;
}

.language-chevron {
  color: #8fa1ba;
  font-size: 12px;
  transition: transform 180ms ease;
}

.language-trigger[aria-expanded="true"] .language-chevron {
  transform: rotate(180deg);
}

.language-menu {
  position: absolute;
  z-index: 1000;
  top: calc(100% + 9px);
  right: 0;
  width: 168px;
  padding: 6px;
  border: 1px solid rgba(170, 194, 230, 0.15);
  border-radius: 14px;
  background: rgba(10, 14, 21, 0.97);
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.42);
  backdrop-filter: blur(22px);
  -webkit-backdrop-filter: blur(22px);
}

.language-menu[hidden] {
  display: none;
}

.language-menu button {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #aebed2;
  font: inherit;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}

.language-menu button:hover {
  background: rgba(255, 255, 255, 0.045);
  color: #fff;
}

.language-menu button[aria-selected="true"] {
  background: rgba(97, 255, 168, 0.075);
  color: #f4fff8;
}

.language-menu button b {
  visibility: hidden;
  color: #61ffa8;
  font-size: 12px;
}

.language-menu button[aria-selected="true"] b {
  visibility: visible;
}

@media (max-width: 768px) {
  .language-switcher {
    margin-left: auto;
  }

  .language-trigger {
    height: 40px;
    padding: 0 10px;
    gap: 6px;
    border-radius: 11px;
    font-size: 11px;
  }

  .language-globe {
    width: 15px;
    height: 15px;
  }

  .language-menu {
    width: 156px;
  }

  .site-header .menu-toggle {
    margin-left: 0 !important;
  }
}

@media (max-width: 390px) {
  .language-trigger {
    padding: 0 8px;
  }

  .language-globe {
    display: none;
  }
}

/* ===== LANGUAGE I18N FINAL V2 ===== */
.language-globe svg {
  display: block;
  width: 15px;
  height: 15px;
}

html[lang="en"] .hero-line {
  letter-spacing: -0.035em;
}

html[lang="en"] .service-card h3,
html[lang="en"] .process-list h3,
html[lang="en"] .guidance h3,
html[lang="en"] .audience-card h3 {
  overflow-wrap: anywhere;
}

@media (max-width: 768px) {
  html[lang="en"] .hero-line {
    letter-spacing: -0.045em;
  }
}

/* ===== LANGUAGE DROPDOWN OVERFLOW FIX V3 ===== */

/* 语言下拉需要越过 Header 底部显示 */
.site-header {
  overflow: visible !important;
}

/* 保证 Header 和语言菜单高于首屏内容 */
.site-header {
  z-index: 10000 !important;
}

.header-inner {
  overflow: visible !important;
}

.language-switcher {
  position: relative !important;
  z-index: 10002 !important;
}

.language-menu {
  z-index: 10003 !important;
}

/* 保持 Header 原来的玻璃背景效果 */
.site-header::before,
.site-header::after {
  pointer-events: none;
}

/* ===== LANGUAGE SWITCHER SITE COLOR V4 ===== */

.language-trigger {
  border-color: rgba(126, 171, 235, 0.24) !important;
  background: rgba(8, 24, 48, 0.76) !important;
  color: #e7edf7 !important;
}

.language-trigger:hover,
.language-trigger[aria-expanded="true"] {
  border-color: rgba(127, 178, 255, 0.52) !important;
  background: rgba(10, 30, 59, 0.94) !important;
}

.language-globe {
  border-color: rgba(127, 178, 255, 0.48) !important;
  color: #7fb2ff !important;
}

.language-chevron {
  color: #91a6c5 !important;
}

.language-menu {
  border-color: rgba(126, 171, 235, 0.20) !important;
  background: rgba(7, 20, 38, 0.96) !important;
  box-shadow:
    0 18px 50px rgba(0, 0, 0, 0.34),
    0 0 0 1px rgba(110, 157, 224, 0.035) inset !important;
}

.language-menu button {
  color: #aebbd0 !important;
}

.language-menu button:hover {
  background: rgba(127, 178, 255, 0.07) !important;
  color: #f3f7ff !important;
}

.language-menu button[aria-selected="true"] {
  background: rgba(92, 145, 220, 0.12) !important;
  color: #f3f7ff !important;
}

.language-menu button b {
  color: #7fb2ff !important;
}

/* =========================================================
   MOBILE NAV FINAL V5
   Header 下方展开式菜单
   ========================================================= */

@media (max-width: 768px) {

  /* Header 本身继续作为顶部基准 */
  .site-header {
    position: relative !important;
    overflow: visible !important;
    z-index: 10000 !important;
  }

  .site-header .header-inner {
    position: relative !important;
    z-index: 10002 !important;
    overflow: visible !important;
  }

  /*
   * 只处理真正的移动导航。
   * 展开后从 Header 底边向下出现，
   * 不占整屏、不包裹正文。
   */
  .site-header .mobile-nav,
  .mobile-nav[data-mobile-menu] {
    position: absolute !important;

    top: 100% !important;
    left: 16px !important;
    right: 16px !important;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 10px 0 0 !important;
    padding: 8px 18px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;

    background:
      linear-gradient(
        180deg,
        rgba(8, 23, 46, .97) 0%,
        rgba(5, 16, 34, .98) 100%
      ) !important;

    border: 1px solid rgba(112, 158, 224, .18) !important;
    border-radius: 18px !important;

    box-shadow:
      0 22px 60px rgba(0, 5, 20, .38),
      inset 0 1px 0 rgba(255, 255, 255, .025) !important;

    -webkit-backdrop-filter:
      blur(24px)
      saturate(125%) !important;

    backdrop-filter:
      blur(24px)
      saturate(125%) !important;

    overflow: hidden !important;
    z-index: 10001 !important;
  }

  /* hidden 必须拥有最高优先级 */
  .site-header .mobile-nav[hidden],
  .mobile-nav[data-mobile-menu][hidden] {
    display: none !important;
  }

  /* 五个导航项 */
  .site-header .mobile-nav a,
  .mobile-nav[data-mobile-menu] a {
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 0 4px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: transparent !important;
    border: 0 !important;
    border-bottom:
      1px solid rgba(150, 180, 225, .085) !important;

    border-radius: 0 !important;

    color: rgba(232, 239, 249, .86) !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;

    box-shadow: none !important;
    text-decoration: none !important;
  }

  .site-header .mobile-nav a:last-child,
  .mobile-nav[data-mobile-menu] a:last-child {
    border-bottom: 0 !important;
  }

  /* 右侧 01—05 */
  .site-header .mobile-nav a span,
  .mobile-nav[data-mobile-menu] a span {
    color: #7fb2ff !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: .04em !important;
  }

  /*
   * 三横线按钮：
   * 收起 = 两条横线
   * 展开 = X
   */
  .site-header .menu-toggle {
    position: relative !important;
    z-index: 10004 !important;
  }

  /* 清除旧版用文字 ☰ 生成图标的方式 */
  .site-header .menu-toggle-label::after {
    content: none !important;
    display: none !important;
  }

  .site-header .menu-toggle-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .site-header .menu-glyph {
    display: grid !important;
    width: 18px !important;
    gap: 6px !important;
  }

  .site-header .menu-glyph i {
    display: block !important;
    width: 18px !important;
    height: 1px !important;

    background: #dbe8fb !important;
    border-radius: 999px !important;

    transform-origin: center !important;

    transition:
      transform 180ms ease,
      opacity 180ms ease !important;
  }

  .site-header
  .menu-toggle[aria-expanded="true"]
  .menu-glyph i:first-child {
    transform: translateY(3.5px) rotate(45deg) !important;
  }

  .site-header
  .menu-toggle[aria-expanded="true"]
  .menu-glyph i:last-child {
    transform: translateY(-3.5px) rotate(-45deg) !important;
  }
}

/* 桌面端永远不显示移动导航 */
@media (min-width: 769px) {
  .mobile-nav[data-mobile-menu] {
    display: none !important;
  }
}

/* =========================================================
   LANGUAGE HEADER ALIGN V6
   与右侧菜单按钮统一尺寸体系
   ========================================================= */

@media (max-width: 768px) {

  /* 语言按钮：高度与右侧圆形菜单完全一致 */
  .site-header .language-trigger {
    position: relative !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;

    padding: 0 34px 0 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 0 !important;

    border-radius: 999px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-align: center !important;
  }

  /* 当前语言文字严格居中，不受左侧地球影响 */
  .site-header .language-trigger [data-language-current] {
    display: block !important;
    width: 100% !important;

    text-align: center !important;
    white-space: nowrap !important;
  }

  /* 地球本身保留，但彻底去掉外层圆圈 */
  .site-header .language-globe {
    position: absolute !important;
    left: 15px !important;
    top: 50% !important;

    width: 16px !important;
    height: 16px !important;

    transform: translateY(-50%) !important;

    display: grid !important;
    place-items: center !important;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    color: #7fb2ff !important;
  }

  .site-header .language-globe svg {
    width: 16px !important;
    height: 16px !important;

    display: block !important;
  }

  /* 删除右侧向下箭头 */
  .site-header .language-chevron {
    display: none !important;
  }

  /* 右侧菜单按钮维持 44 × 44，和语言按钮同高 */
  .site-header .menu-toggle {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }
}

/* 极窄手机仍然保留地球，不再隐藏 */
@media (max-width: 390px) {
  .site-header .language-globe {
    display: grid !important;
  }

  .site-header .language-trigger {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;

    padding-left: 31px !important;
    padding-right: 25px !important;
  }

  .site-header .language-globe {
    left: 13px !important;
  }
}

/* ===== LANGUAGE TEXT TRUE CENTER V7 ===== */
@media (max-width: 768px) {

  .site-header .language-trigger {
    position: relative !important;
    padding: 0 !important;
  }

  /* 文字以整个按钮为基准绝对居中 */
  .site-header .language-trigger [data-language-current] {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    display: block !important;
    text-align: center !important;
    white-space: nowrap !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  /* 地球独立悬浮，不再影响文字中心 */
  .site-header .language-globe {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}

@media (max-width: 390px) {
  .site-header .language-trigger [data-language-current] {
    left: 50% !important;
  }

  .site-header .language-globe {
    left: 14px !important;
  }
}

/* ===== LANGUAGE ICON + TEXT GROUP CENTER V8 ===== */
@media (max-width: 768px) {

  .site-header .language-trigger {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;
    padding: 0 16px !important;
  }

  /* 地球恢复正常排版，和文字组成一个整体 */
  .site-header .language-globe {
    position: static !important;

    width: 16px !important;
    height: 16px !important;

    flex: 0 0 16px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .site-header .language-globe svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }

  /* 文字恢复正常排版 */
  .site-header .language-trigger [data-language-current] {
    position: static !important;

    width: auto !important;

    display: inline-block !important;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    white-space: nowrap !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  .site-header .language-chevron {
    display: none !important;
  }
}

/* 小屏也保持图标 + 文字整体居中 */
@media (max-width: 390px) {
  .site-header .language-globe {
    position: static !important;
    display: inline-flex !important;
    transform: none !important;
  }

  .site-header .language-trigger [data-language-current] {
    position: static !important;
    transform: none !important;
  }
}

/* ===== HEADER BUTTON COLOR MATCH V9 ===== */
@media (max-width: 768px) {

  .site-header .language-trigger,
  .site-header .language-trigger:hover,
  .site-header .language-trigger[aria-expanded="true"] {
    background: rgba(17, 49, 95, .24) !important;
    background-color: rgba(17, 49, 95, .24) !important;

    border-color: rgba(100, 165, 255, .34) !important;

    -webkit-backdrop-filter:
      blur(18px)
      saturate(140%) !important;

    backdrop-filter:
      blur(18px)
      saturate(140%) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 8px 24px rgba(0,10,35,.08) !important;
  }
}

/* ===== HEADER CONTROLS SPACING V10 ===== */
@media (max-width: 768px) {

  /* 语言按钮右侧只留 8px 给菜单按钮 */
  .site-header .language-switcher {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  .site-header .language-trigger {
    margin: 0 !important;
  }

  /* 菜单按钮紧跟语言按钮 */
  .site-header .menu-toggle {
    margin: 0 0 0 8px !important;
  }

  /* Header 内部不要再额外拉开两个控件 */
  .site-header .header-inner {
    column-gap: 0 !important;
  }

  /* Logo 与右侧控制组之间自动吃掉剩余空间 */
  .site-header .brand {
    margin-right: auto !important;
  }
}

/* ===== FOOTER MINIMAL FINAL V11 ===== */

.site-footer {
  padding: 28px 0 30px !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;
}

.footer-minimal {
  width: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding-top: 22px !important;

  border-top: 1px solid rgba(150, 180, 225, .12) !important;
}

.footer-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.footer-avatar {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;

  display: block !important;
  overflow: hidden !important;

  border-radius: 12px !important;

  background: transparent !important;
  border: 0 !important;
}

.footer-avatar img {
  width: 100% !important;
  height: 100% !important;

  display: block !important;
  object-fit: cover !important;
}

.footer-brand strong {
  margin: 0 !important;

  color: #edf3fb !important;

  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}

.footer-copyright {
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(174, 190, 214, .55) !important;

  font-size: 12px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .site-footer {
    padding: 22px 0 26px !important;
  }

  .footer-minimal {
    padding-top: 20px !important;

    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;

    gap: 18px !important;
  }

  .footer-avatar {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
}

/* =========================================================
   MOBILE NAV CONTACT V12
   ========================================================= */

@media (max-width: 768px) {

  .site-header .mobile-nav .mobile-nav-contact,
  .mobile-nav[data-mobile-menu] .mobile-nav-contact {
    height: auto !important;
    min-height: 68px !important;

    margin: 7px 0 0 !important;
    padding: 10px 5px 4px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    border-top: 1px solid rgba(126, 169, 232, .14) !important;
    border-bottom: 0 !important;

    color: #f1f6ff !important;
    text-decoration: none !important;
  }

  .mobile-nav-contact-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  .mobile-nav-contact-copy small {
    color: rgba(171, 190, 217, .62) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  .mobile-nav-contact-copy strong {
    color: #f2f6fd !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
  }

  .site-header .mobile-nav .mobile-nav-contact > b,
  .mobile-nav[data-mobile-menu] .mobile-nav-contact > b {
    color: #79aefe !important;
    font-size: 15px !important;
    font-weight: 400 !important;
  }

  /* 首屏联系框删除后，不留旧间距 */
  .hero-copy .hero-actions,
  .hero-copy .trust-points {
    display: none !important;
  }
}

/* =========================================================
   HERO COMPACT IDENTITY V13
   首屏压缩 + 身份头像上移 + 极弱边界
   ========================================================= */

@media screen and (max-width: 768px) {

  /* 第一屏不再强制撑满 100vh */
  #about.hero {
    display: flex !important;
    flex-direction: column !important;

    min-height: 0 !important;
    height: auto !important;

    padding-top: 18px !important;
    padding-bottom: 42px !important;

    overflow: visible !important;
  }

  /* 文字区域正常结束 */
  #about .hero-copy {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  /* 头像区紧跟正文，不再沉到屏幕底部 */
  #about .identity-panel {
    position: relative !important;

    flex: 0 0 auto !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;

    margin: 58px 0 0 !important;
    padding: 0 !important;

    transform: none !important;

    /*
     * 不做明显卡片：
     * 去掉之前全局 identity-panel 的玻璃框/亮边/阴影
     */
    background: transparent !important;
    border: 0 !important;
    border-color: transparent !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;

    overflow: visible !important;
  }

  /* 动态头像本身作为唯一视觉主体 */
  #about .avatar-wrap {
    position: relative !important;

    width: min(100%, 520px) !important;
    max-width: 520px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;

    /*
     * 只给非常弱的层次，不出现明显完整描边
     */
    background:
      linear-gradient(
        180deg,
        rgba(13, 39, 79, .10),
        rgba(5, 20, 47, .04)
      ) !important;

    border: 1px solid rgba(145, 185, 240, .055) !important;
    border-radius: 26px !important;

    box-shadow:
      0 18px 45px rgba(0, 10, 35, .08) !important;

    overflow: hidden !important;
  }

  #about .avatar-video {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 !important;

    object-fit: cover !important;

    border: 0 !important;
    border-radius: 25px !important;

    box-shadow: none !important;
  }

  /*
   * 旧头像环会产生“明显边框”的感觉，
   * 手机首屏直接关闭
   */
  #about .avatar-ring {
    display: none !important;
  }

  /* 三色状态点继续保留 */
  #about .avatar-status-lights {
    display: flex !important;

    position: absolute !important;
    z-index: 5 !important;

    top: 14px !important;
    left: 16px !important;
  }

  /*
   * 第二屏正常跟在头像下面，
   * 不再额外制造一整屏空档
   */
  #services {
    margin-top: 0 !important;
  }
}


/* 较窄手机再收一点 */
@media screen and (max-width: 480px) {

  #about .identity-panel {
    margin-top: 46px !important;
  }

  #about .avatar-wrap {
    border-radius: 22px !important;
  }

  #about .avatar-video {
    border-radius: 21px !important;
  }

  #about.hero {
    padding-bottom: 34px !important;
  }
}


/* =========================================================
   HEADER BRAND STATUS DOTS V14
   ========================================================= */

.site-header .brand-copy {
  position: relative !important;
}

.site-header .header-status-dots {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;

  position: absolute !important;
  left: 31px !important;
  bottom: 0 !important;

  transform: translateY(2px) !important;
}

.site-header .header-status-dots i {
  display: block !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  box-shadow: none !important;
}

/* 红 */
.site-header .header-status-dots i:nth-child(1) {
  background: #ff5f57 !important;
}

/* 黄 */
.site-header .header-status-dots i:nth-child(2) {
  background: #febc2e !important;
}

/* 绿 */
.site-header .header-status-dots i:nth-child(3) {
  background: #28c840 !important;
}

/* 手机端 W.CM 必须继续显示，状态点跟在下面这一行 */
@media screen and (max-width: 768px) {

  .site-header .brand-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: visible !important;
  }

  .site-header .brand-copy small {
    display: block !important;
    position: relative !important;
    padding-right: 26px !important;
  }

  .site-header .header-status-dots {
    left: 30px !important;
    bottom: 2px !important;
    transform: none !important;
  }
}

/* 头像上的旧状态灯彻底关闭 */
#about .avatar-status-lights {
  display: none !important;
}


/* ===== 演示版艺术签名 / Header ===== */
.header-signature {
  display: flex;
  flex: 0 0 auto;
  width: 150px;
  height: 44px;
  margin-left: 18px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.header-signature img {
  display: block;
  width: 100%;
  height: 38px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 0 8px rgba(222, 188, 110, .12));
}

.site-header .desktop-nav {
  margin-left: auto;
}

@media (max-width: 1099px) {
  .header-signature {
    width: 112px;
    margin-left: 4px;
  }
}

@media (max-width: 900px) {
  .header-signature {
    display: none;
  }
}

/* ===== 演示版艺术签名 / Header ===== */
.header-signature {
  display: flex;
  flex: 0 0 auto;
  width: 150px;
  height: 44px;
  margin-left: 18px;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.header-signature img {
  display: block;
  width: 100%;
  height: 38px;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 0 8px rgba(222, 188, 110, .12));
}

.site-header .desktop-nav {
  margin-left: auto;
}

@media (max-width: 1099px) {
  .header-signature {
    width: 112px;
    margin-left: 4px;
  }
}

@media (max-width: 900px) {
  .header-signature {
    display: none;
  }
}

/* =========================================================
   HEADER ART SIGNATURE V15
   ========================================================= */

.site-header .header-signature {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 1 190px !important;

  width: 190px !important;
  height: 46px !important;

  margin: 0 18px !important;
  padding: 0 !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  pointer-events: none !important;
  overflow: visible !important;
}

.site-header .header-signature img {
  display: block !important;

  width: auto !important;
  height: 38px !important;
  max-width: 100% !important;

  object-fit: contain !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* ---------- 手机 ---------- */

@media screen and (max-width: 768px) {

  /*
   * 手机顶部空间有限：
   * 品牌 | 签名 | 语言 | 菜单
   */
  .site-header .header-inner {
    display: flex !important;
    align-items: center !important;
  }

  .site-header .brand {
    flex: 0 0 auto !important;
    margin-right: 0 !important;
  }

  .site-header .header-signature {
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 42px !important;
    max-width: 112px !important;
    height: 42px !important;

    margin: 0 8px 0 10px !important;

    justify-content: center !important;
  }

  .site-header .header-signature img {
    width: 100% !important;
    height: auto !important;
    max-height: 34px !important;

    object-fit: contain !important;
  }

  .site-header .language-switcher {
    flex: 0 0 auto !important;
    margin-left: 0 !important;
  }

  .site-header .menu-toggle {
    flex: 0 0 auto !important;
  }
}


/* ---------- 很窄的手机 ---------- */

@media screen and (max-width: 430px) {

  .site-header .header-signature {
    max-width: 82px !important;
    min-width: 36px !important;
    margin-left: 6px !important;
    margin-right: 6px !important;
  }

  .site-header .header-signature img {
    max-height: 30px !important;
  }
}



/* ===== SERVICE IMAGE EDGE BLEND V21 ===== */
/* 消除业务插图左侧矩形边界，让图片自然融入卡片背景 */

#services .service-card .service-card-visual {
  background: transparent !important;

  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.12) 8%,
    rgba(0,0,0,.45) 18%,
    rgba(0,0,0,.82) 28%,
    #000 38%,
    #000 100%
  ) !important;

  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    rgba(0,0,0,.12) 8%,
    rgba(0,0,0,.45) 18%,
    rgba(0,0,0,.82) 28%,
    #000 38%,
    #000 100%
  ) !important;
}

/* 图片本身不增加任何背景 */
#services .service-card .service-card-visual img {
  background: transparent !important;
}

/* 继续确保旧遮罩彻底关闭 */
#services .service-card:has(.service-card-visual)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}



/* ===== PLATFORM INTRO CLEAN V22 ===== */
/* 平台说明标题区取消黑色条，与页面背景融为一体 */

#platform > .section-intro {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  border-color: transparent !important;

  border-radius: 0 !important;

  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  overflow: visible !important;
}

/* 清除标题区可能存在的装饰背景层 */
#platform > .section-intro::before,
#platform > .section-intro::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}



/* =========================================================
   HERO AUTO CALENDAR V23
   ========================================================= */

#about .hero-copy {
  position: relative !important;
}

#about .hero-calendar {
  width: 76px;
  height: 98px;

  margin-top: 30px;

  overflow: hidden;

  border: 1px solid rgba(190, 211, 241, .30);
  border-radius: 16px;

  background: rgba(8, 26, 57, .22);

  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 12px 28px rgba(0,8,28,.10);

  color: #e9eef7;
}

#about .hero-calendar-week {
  height: 34px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-bottom: 1px solid rgba(190,211,241,.25);

  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  letter-spacing: .08em;

  color: rgba(225,234,247,.82);
}

#about .hero-calendar-body {
  height: 63px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  line-height: 1;
}

#about .hero-calendar-body strong {
  display: block;

  font-size: 29px;
  font-weight: 650;
  letter-spacing: -.04em;

  color: #f0f3f8;
}

#about .hero-calendar-body span {
  display: block;

  margin-top: 2px;

  font-size: 13px;
  font-weight: 500;

  color: rgba(204,217,237,.68);
}


/* 手机：放到品牌主张右下方，不增加太多首屏高度 */
@media screen and (max-width: 768px) {

  #about .hero-calendar {
    width: 66px;
    height: 86px;

    margin-top: 24px;
    margin-left: auto;

    border-radius: 14px;
  }

  #about .hero-calendar-week {
    height: 29px;
    font-size: 11px;
  }

  #about .hero-calendar-body {
    height: 56px;
  }

  #about .hero-calendar-body strong {
    font-size: 25px;
  }

  #about .hero-calendar-body span {
    font-size: 11px;
  }
}



/* ===== HERO CALENDAR POSITION V24 ===== */

/* 桌面 */
#about .hero-calendar {
  margin-top: 28px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 手机：日历跟随首屏文案左侧排列，不再单独飘到右边 */
@media screen and (max-width: 768px) {
  #about .hero-calendar {
    width: 66px !important;
    height: 86px !important;

    margin-top: 26px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}


/* =========================================================
   MOBILE HEADER CONTROLS RESTORE V25
   仅恢复：语言按钮 + 菜单按钮
   ========================================================= */

@media screen and (max-width: 768px) {

  /* 语言选择器不再被 flex 拉伸 */
  .site-header .language-switcher {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 恢复原来的紧凑语言胶囊 */
  .site-header .language-trigger {
    box-sizing: border-box !important;

    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 14px !important;

    display: inline-flex !important;
    flex: 0 0 136px !important;

    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;

    border-radius: 999px !important;
  }

  /* 地球 + 文字作为一个整体居中 */
  .site-header .language-globe {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  .site-header .language-trigger [data-language-current] {
    position: static !important;

    display: inline-block !important;

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
  }

  .site-header .language-chevron {
    display: none !important;
  }

  /* 三横菜单恢复 44 × 44 */
  .site-header .menu-toggle {
    box-sizing: border-box !important;

    display: inline-flex !important;
    flex: 0 0 44px !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 0 8px !important;
    padding: 0 !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 50% !important;
  }
}

/* 极窄手机稍微收窄语言按钮，菜单仍保持 44 */
@media screen and (max-width: 390px) {
  .site-header .language-trigger {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    flex-basis: 128px !important;
  }
}


/* =========================================================
   MOBILE HEADER EXACT LAYOUT RESTORE V26
   恢复原手机 Header 排列，保留艺术签名
   ========================================================= */

@media screen and (max-width: 768px) {

  /* Header 恢复正常单行 */
  .site-header .header-inner {
    display: flex !important;
    align-items: center !important;

    gap: 0 !important;
    column-gap: 0 !important;
  }

  /* 品牌区恢复承担左侧空间 */
  .site-header .brand {
    flex: 0 0 auto !important;
    margin-right: auto !important;
  }

  /*
   * 签名保留，但绝对定位。
   * 不再参与 flex，不再把语言和菜单按钮挤走。
   */
  .site-header .header-signature {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 86px !important;
    max-width: 86px !important;
    min-width: 0 !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: none !important;

    transform: translate(-50%, -50%) !important;

    pointer-events: none !important;
  }

  .site-header .header-signature img {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-height: 32px !important;

    object-fit: contain !important;
  }

  /* 右侧语言选择器恢复原来的自动靠右逻辑 */
  .site-header .language-switcher {
    position: relative !important;

    flex: 0 0 auto !important;

    width: auto !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .site-header .language-trigger {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 16px !important;

    flex: none !important;
  }

  /* 地球 + 中文重新作为整体居中 */
  .site-header .language-globe {
    position: static !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 16px !important;
    height: 16px !important;

    flex: 0 0 16px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
  }

  .site-header .language-trigger [data-language-current] {
    position: static !important;

    display: inline-block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    white-space: nowrap !important;
    text-align: center !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  .site-header .language-chevron {
    display: none !important;
  }

  /* 菜单按钮紧跟语言按钮 */
  .site-header .menu-toggle {
    display: inline-flex !important;

    flex: 0 0 44px !important;

    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 0 0 8px !important;
    padding: 0 !important;

    align-items: center !important;
    justify-content: center !important;
  }
}


/* 430 以下给中间签名再缩一点，避免碰左右 */
@media screen and (max-width: 430px) {

  .site-header .header-signature {
    width: 66px !important;
    max-width: 66px !important;
  }

  .site-header .header-signature img {
    max-height: 28px !important;
  }
}


/* 390 以下语言按钮恢复旧版 128px */
@media screen and (max-width: 390px) {

  .site-header .language-trigger {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
  }
}


/* ===== MOBILE SIGNATURE POSITION V27 ===== */
@media screen and (max-width: 768px) {
  .site-header .header-signature {
    left: calc(50% - 50px) !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;

    width: 112px !important;
    max-width: 112px !important;
  }

  .site-header .header-signature img {
    width: 100% !important;
    height: auto !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }
}

@media screen and (max-width: 430px) {
  .site-header .header-signature {
    left: calc(50% - 42px) !important;
    width: 88px !important;
    max-width: 88px !important;
  }
}

/* ===== SIGNATURE TRUE GAP CENTER V28 ===== */
@media screen and (max-width: 768px) {

  /*
   * 左侧品牌约占到 270px；
   * 右侧控制组 = 语言按钮 136 + 间距8 + 菜单44。
   * 签名固定在两者之间的可用空隙中央。
   */
  .site-header .header-signature {
    position: absolute !important;

    /* 左侧品牌结束点与右侧语言按钮开始点之间居中 */
    left: calc(
      (270px + (100% - 188px)) / 2
    ) !important;

    top: 50% !important;

    width: 112px !important;
    max-width: 112px !important;

    margin: 0 !important;

    transform: translate(-50%, -50%) !important;
  }

  .site-header .header-signature img {
    width: 100% !important;
    height: auto !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }
}

/* 小手机按实际左右区域重新居中 */
@media screen and (max-width: 430px) {
  .site-header .header-signature {
    left: calc(
      (150px + (100% - 180px)) / 2
    ) !important;

    width: 82px !important;
    max-width: 82px !important;
  }
}

/* ===== SIGNATURE POSITION FINAL V29 ===== */
@media screen and (max-width: 768px) {
  .site-header .header-signature {
    position: absolute !important;

    left: 42% !important;
    top: 50% !important;

    width: 108px !important;
    max-width: 108px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translate(-50%, -50%) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    pointer-events: none !important;
    z-index: 1 !important;
  }

  .site-header .header-signature img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 34px !important;
    object-fit: contain !important;
  }
}

@media screen and (max-width: 430px) {
  .site-header .header-signature {
    left: 41% !important;
    width: 82px !important;
    max-width: 82px !important;
  }
}

/* =========================================================
   SERVICE SHORT CTA V30
   贴纸下方短胶囊「咨询」
   ========================================================= */

#services .service-card .service-card-visual {
  overflow: visible !important;
}

/* 图片 + 按钮作为右侧完整视觉组 */
#services .service-card .service-visual-action {
  position: absolute !important;

  left: 50% !important;
  bottom: 14px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateX(-50%) !important;

  z-index: 8 !important;
}

/* 覆盖之前所有长胶囊规则 */
#services .service-card .service-visual-action > a {
  box-sizing: border-box !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 96px !important;
  min-width: 96px !important;
  max-width: 96px !important;

  height: 38px !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  border: 1px solid rgba(93, 154, 255, .42) !important;
  border-radius: 999px !important;

  background:
    linear-gradient(
      110deg,
      rgba(25,74,157,.34),
      rgba(58,75,180,.28)
    ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 7px 20px rgba(0,20,70,.16) !important;

  -webkit-backdrop-filter: blur(12px) saturate(130%) !important;
  backdrop-filter: blur(12px) saturate(130%) !important;

  color: rgba(235,242,255,.94) !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;

  text-align: center !important;
  text-decoration: none !important;
}

/* 原来直接位于卡片底部的按钮规则彻底失效 */
#services .service-card > a {
  display: none !important;
}

@media screen and (max-width: 768px) {

  #services .service-card .service-visual-action {
    bottom: 10px !important;
  }

  #services .service-card .service-visual-action > a {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;

    height: 36px !important;
    min-height: 36px !important;

    font-size: 13px !important;
  }
}


/* ===== SERVICE META POSITION FIX V32 ===== */

/* 六张卡分类文字统一固定右上角 */
#services .service-card .card-meta {
  position: relative !important;
  width: 100% !important;
}

#services .service-card .card-meta > span:last-child {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
  text-align: right !important;
  white-space: nowrap !important;
  z-index: 30 !important;
}


/* =========================================================
   SERVICE STRUCTURE FINAL V33
   六张卡统一结构：文字左 / 图片右 / 咨询在图片下
   ========================================================= */

#services .service-card {
  position: relative !important;
}

/* 编号和分类不再依赖卡片内部宽度 */
#services .service-card .card-meta {
  position: static !important;
}

#services .service-card .card-meta > span:first-child {
  position: absolute !important;
  top: 28px !important;
  left: 28px !important;
  z-index: 40 !important;
}

#services .service-card .card-meta > span:last-child {
  position: absolute !important;
  top: 28px !important;
  right: 28px !important;
  left: auto !important;

  margin: 0 !important;
  transform: none !important;

  text-align: right !important;
  white-space: nowrap !important;

  z-index: 40 !important;
}

/* 右侧独立区域 */
#services .service-card .service-side {
  position: absolute !important;

  top: 46px !important;
  right: 18px !important;
  bottom: 18px !important;

  width: 48% !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  z-index: 10 !important;
}

/* 图片层只负责图片 */
#services .service-card .service-side .service-card-visual {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: 100% !important;
  height: calc(100% - 46px) !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  transform: none !important;

  -webkit-mask-image: none !important;
  mask-image: none !important;

  background: transparent !important;
}

#services .service-card .service-side .service-card-visual img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center bottom !important;

  margin: 0 !important;

  transform: none !important;
}

/* 新按钮完全独立，不受旧 > a 和 visual-action 规则影响 */
#services .service-card .service-side > .service-mini-cta {
  box-sizing: border-box !important;

  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  flex: 0 0 36px !important;

  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;

  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;

  margin: 4px 0 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(91,151,255,.48) !important;
  border-radius: 999px !important;

  background: rgba(25,72,153,.62) !important;
  background-image: none !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 7px 18px rgba(0,15,55,.18) !important;

  color: #edf4ff !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  text-decoration: none !important;
  text-align: center !important;

  transform: none !important;

  z-index: 50 !important;
}

/* 左侧正文给右侧图片留空间 */
#services .service-card > h3,
#services .service-card > p {
  position: relative !important;
  z-index: 20 !important;
  max-width: 50% !important;
}


/* 手机 */
@media screen and (max-width: 768px) {

  #services .service-card .card-meta > span:first-child {
    top: 24px !important;
    left: 28px !important;
  }

  #services .service-card .card-meta > span:last-child {
    top: 24px !important;
    right: 28px !important;
  }

  #services .service-card .service-side {
    top: 44px !important;
    right: 14px !important;
    bottom: 16px !important;

    width: 49% !important;
  }

  #services .service-card .service-side > .service-mini-cta {
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    flex-basis: 34px !important;

    font-size: 13px !important;
  }

  #services .service-card > h3,
  #services .service-card > p {
    max-width: 50% !important;
  }
}


/* =========================================================
   SERVICE CTA V34
   保持贴纸原尺寸，只把咨询按钮悬浮在贴纸下方
   ========================================================= */

/* 右侧区域恢复为纯定位容器，不再 flex 分配图片高度 */
#services .service-card .service-side {
  position: absolute !important;

  top: 44px !important;
  right: 14px !important;
  bottom: 14px !important;

  width: 49% !important;
  height: auto !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  z-index: 10 !important;
}

/* 图片恢复占满整个右侧视觉区 */
#services .service-card .service-side .service-card-visual {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;

  transform: none !important;

  -webkit-mask-image: none !important;
  mask-image: none !important;
}

#services .service-card .service-side .service-card-visual img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}

/* 咨询：悬浮在右侧视觉区底部中央，不参与图片尺寸计算 */
#services .service-card .service-side > .service-mini-cta {
  position: absolute !important;

  left: 50% !important;
  bottom: 4px !important;

  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  align-items: center !important;
  justify-content: center !important;

  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 1px solid rgba(94,154,255,.48) !important;
  border-radius: 999px !important;

  background: rgba(22,67,145,.78) !important;
  background-image: linear-gradient(
    100deg,
    rgba(31,84,177,.82),
    rgba(45,71,167,.78)
  ) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 6px 18px rgba(0,14,52,.24) !important;

  color: #edf4ff !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;

  text-align: center !important;
  text-decoration: none !important;

  transform: translateX(-50%) !important;

  z-index: 100 !important;
}


/* 手机：图片仍保持原来的大尺寸 */
@media screen and (max-width: 768px) {

  #services .service-card .service-side {
    top: 40px !important;
    right: 8px !important;
    bottom: 8px !important;

    width: 52% !important;
  }

  #services .service-card .service-side > .service-mini-cta {
    bottom: 2px !important;

    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    font-size: 12px !important;
  }
}


/* ===== SERVICE MINI CTA SHOW FIX ===== */

#services .service-card .service-mini-cta {
  display: flex !important;
  position: absolute !important;

  left: 50% !important;
  bottom: 14px !important;
  transform: translateX(-50%) !important;

  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;

  height: 36px !important;
  min-height: 36px !important;

  margin: 0 !important;
  padding: 0 !important;

  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(92,153,255,.46) !important;
  border-radius: 999px !important;

  background: rgba(30,82,174,.42) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 7px 18px rgba(0,18,65,.18) !important;

  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;

  color: rgba(240,245,255,.96) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;

  text-align: center !important;
  text-decoration: none !important;

  z-index: 50 !important;
}

/* 按钮定位基准只锁定右侧图片区容器 */
#services .service-card .service-side {
  position: relative !important;
}

/* 手机保持同样位置 */
@media screen and (max-width: 768px) {
  #services .service-card .service-mini-cta {
    bottom: 12px !important;
    width: 88px !important;
    min-width: 88px !important;
    max-width: 88px !important;
    height: 34px !important;
    min-height: 34px !important;
    font-size: 13px !important;
  }
}


/* =========================================================
   SERVICE SIDE FINAL
   恢复右侧贴纸 + 下方短咨询按钮
   不改变左侧标题/说明/右上分类
   ========================================================= */

#services .service-card .service-side {
  position: absolute !important;

  right: 18px !important;
  top: 48px !important;
  bottom: 18px !important;

  width: 48% !important;
  height: auto !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 0 42px !important;

  overflow: visible !important;
  z-index: 5 !important;
}

/* 贴纸恢复显示 */
#services .service-card .service-side .service-card-visual {
  position: relative !important;

  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;

  width: 100% !important;
  height: calc(100% - 38px) !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
}

/* 图片本身 */
#services .service-card .service-side .service-card-visual img {
  position: static !important;

  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;
  object-position: center !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
}

/* 咨询：贴纸正下方 */
#services .service-card .service-side .service-mini-cta {
  position: absolute !important;

  left: 50% !important;
  bottom: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;

  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: translateX(-50%) !important;

  visibility: visible !important;
  opacity: 1 !important;

  z-index: 20 !important;
}


/* 手机 */
@media screen and (max-width: 768px) {

  #services .service-card .service-side {
    right: 14px !important;
    top: 46px !important;
    bottom: 16px !important;

    width: 48% !important;

    padding-bottom: 40px !important;
  }

  #services .service-card .service-side .service-card-visual {
    height: calc(100% - 36px) !important;
  }

  #services .service-card .service-side .service-mini-cta {
    bottom: 0 !important;

    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}


/* =========================================================
   SERVICE VISUAL SIZE FINAL V34
   只修：贴纸尺寸 + 咨询按钮位置
   ========================================================= */

/* 右侧区域不再为按钮重复预留空间 */
#services .service-card .service-side {
  padding: 0 !important;
  overflow: visible !important;
}

/* 贴纸重新占据右侧主要空间 */
#services .service-card .service-side .service-card-visual {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 38px !important;
  left: 0 !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: visible !important;

  background: transparent !important;
  background-color: transparent !important;

  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* 图片恢复尽可能大的 contain */
#services .service-card .service-side .service-card-visual img {
  position: static !important;

  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;
  object-position: center bottom !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  opacity: 1 !important;
  visibility: visible !important;

  transform: none !important;
}

/* 按钮独立放在贴纸下方 */
#services .service-card .service-side > .service-mini-cta {
  position: absolute !important;

  left: 50% !important;
  bottom: 0 !important;

  transform: translateX(-50%) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;

  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;

  margin: 0 !important;
  padding: 0 !important;

  visibility: visible !important;
  opacity: 1 !important;

  font-size: 13px !important;
  line-height: 1 !important;

  z-index: 20 !important;
}

/* 手机：保持同一结构，只稍微扩大贴纸可用区域 */
@media screen and (max-width: 768px) {

  #services .service-card .service-side {
    top: 42px !important;
    right: 10px !important;
    bottom: 12px !important;

    width: 50% !important;

    padding: 0 !important;
  }

  #services .service-card .service-side .service-card-visual {
    top: 0 !important;
    right: 0 !important;
    bottom: 36px !important;
    left: 0 !important;

    width: auto !important;
    height: auto !important;
  }

  #services .service-card .service-side > .service-mini-cta {
    bottom: 0 !important;

    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}

/* =========================================================
   SERVICE POLISH V35
   只处理：
   1. 去掉贴纸区域矩形底
   2. 05 / 06 分类固定右上，避免压标题
   ========================================================= */

/* service-side 整体必须完全透明 */
#services .service-card .service-side,
#services .service-card .service-card-visual {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  box-shadow: none !important;

  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* 图片元素自身也不加任何底 */
#services .service-card .service-card-visual img {
  background: transparent !important;
  background-color: transparent !important;

  border: 0 !important;
  box-shadow: none !important;
}

/* 右上分类统一真正固定到卡片右上 */
#services .service-card .card-meta > span:last-child {
  position: absolute !important;

  top: 0 !important;
  right: 0 !important;
  left: auto !important;

  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
  text-align: right !important;

  transform: none !important;
  z-index: 30 !important;
}

/* 05 / 06 长标题：分类再向右上锁定 */
#services .service-card-tall .card-meta > span:last-child,
#services .service-card-data .card-meta > span:last-child {
  right: 0 !important;
  top: 0 !important;
}

/* 给 05 / 06 标题留出右侧安全距离 */
#services .service-card-tall > h3,
#services .service-card-data > h3 {
  max-width: 47% !important;
  padding-right: 0 !important;
}

/* ===== SERVICE NUMBER RESTORE V36 ===== */

/* 01-06：固定回每张卡左上角 */
#services .service-card .card-meta > span:first-child {
  position: absolute !important;

  top: 28px !important;
  left: 28px !important;
  right: auto !important;
  bottom: auto !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  width: auto !important;
  max-width: none !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #78aaff !important;

  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;

  text-align: left !important;
  white-space: nowrap !important;

  transform: none !important;

  z-index: 100 !important;
  pointer-events: none !important;
}

/* 手机位置 */
@media screen and (max-width: 768px) {
  #services .service-card .card-meta > span:first-child {
    top: 24px !important;
    left: 24px !important;
  }
}

/* ===== SERVICE CTA OPACITY V38 ===== */
/* 只调整咨询按钮透明度 */

#services .service-card .service-mini-cta {
  background:
    linear-gradient(
      115deg,
      rgba(35, 105, 230, .42) 0%,
      rgba(63, 92, 210, .36) 55%,
      rgba(83, 67, 190, .32) 100%
    ) !important;

  border: 1px solid rgba(118, 175, 255, .48) !important;

  color: rgba(245, 249, 255, .96) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 5px 16px rgba(15,55,150,.14) !important;

  -webkit-backdrop-filter: blur(14px) saturate(125%) !important;
  backdrop-filter: blur(14px) saturate(125%) !important;
}

#services .service-card .service-mini-cta:hover {
  background:
    linear-gradient(
      115deg,
      rgba(42, 116, 240, .52) 0%,
      rgba(69, 98, 220, .46) 55%,
      rgba(91, 72, 205, .42) 100%
    ) !important;

  border-color: rgba(135, 190, 255, .62) !important;
}

/* ===== SERVICE CTA TRUE TRANSPARENT V39 ===== */
/* 只改咨询按钮透明度 */

#services .service-card .service-mini-cta,
#services .service-card .service-side > .service-mini-cta {
  background: rgba(45, 105, 220, .16) !important;
  background-color: rgba(45, 105, 220, .16) !important;
  background-image: none !important;

  border: 1px solid rgba(118, 175, 255, .34) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 4px 12px rgba(0,20,70,.08) !important;

  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;

  color: rgba(245,249,255,.92) !important;
}

#services .service-card .service-mini-cta:hover,
#services .service-card .service-side > .service-mini-cta:hover {
  background: rgba(55, 115, 235, .24) !important;
  background-color: rgba(55, 115, 235, .24) !important;
  background-image: none !important;
}

/* ===== SERVICE NUMBER POSITION V40 ===== */
/* 只修 01-06 和标题的垂直关系 */

/* 01-06 固定左上 */
#services .service-card .card-meta > span:first-child {
  top: 26px !important;
  left: 28px !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  color: #78aaff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;

  z-index: 100 !important;
}

/* 标题下移，给编号留出独立一行 */
#services .service-card > h3 {
  margin-top: 30px !important;
}

/* 分类仍保持右上，不动 */
#services .service-card .card-meta > span:last-child {
  top: 0 !important;
  right: 0 !important;
}

/* 手机 */
@media screen and (max-width: 768px) {
  #services .service-card .card-meta > span:first-child {
    top: 22px !important;
    left: 24px !important;
  }

  #services .service-card > h3 {
    margin-top: 28px !important;
  }
}

/* ===== HIDE SERVICE NUMBERS FINAL ===== */
/* 只隐藏 01-06，其他任何元素不动 */

#services .service-card .card-meta > span:first-child {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* 撤销之前为了 01-06 给标题增加的下移 */
#services .service-card > h3 {
  margin-top: 0 !important;
}

/* ===== SERVICE 05 06 META RIGHT TOP FINAL ===== */
/* 只锁定第5、第6张卡右上分类，不改其他元素 */

#services .service-card:nth-child(5) .card-meta > span:last-child,
#services .service-card:nth-child(6) .card-meta > span:last-child {
  position: absolute !important;
  top: 28px !important;
  right: 28px !important;
  bottom: auto !important;
  left: auto !important;

  width: auto !important;
  max-width: none !important;

  margin: 0 !important;
  padding: 0 !important;

  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  text-align: right !important;
  white-space: nowrap !important;

  transform: none !important;
  z-index: 120 !important;
}

@media screen and (max-width: 768px) {
  #services .service-card:nth-child(5) .card-meta > span:last-child,
  #services .service-card:nth-child(6) .card-meta > span:last-child {
    top: 24px !important;
    right: 24px !important;
  }
}

/* ===== SERVICE 05 06 META CONTAINER FIX V41 ===== */
/* 根因修复：05/06 的 card-meta 被旧规则限制为 54%，恢复整张卡宽度 */

#services .service-card:nth-child(5) .card-meta,
#services .service-card:nth-child(6) .card-meta {
  position: static !important;

  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* 05/06 分类相对于整张 service-card 固定右上 */
#services .service-card:nth-child(5) .card-meta > span:last-child,
#services .service-card:nth-child(6) .card-meta > span:last-child {
  position: absolute !important;

  top: 28px !important;
  right: 28px !important;
  bottom: auto !important;
  left: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
  white-space: nowrap !important;
  text-align: right !important;

  z-index: 120 !important;
}

@media screen and (max-width: 768px) {
  #services .service-card:nth-child(5) .card-meta > span:last-child,
  #services .service-card:nth-child(6) .card-meta > span:last-child {
    top: 24px !important;
    right: 24px !important;
  }
}

/* ===== SERVICE SUBTITLE BOTTOM ALIGN V41 ===== */
/* 只调整六张业务卡副标题，让不同字数的副标题统一下对齐 */

#services .service-card {
  position: relative !important;
}

/* 副标题固定在左侧文字区，下边缘统一 */
#services .service-card > p {
  position: absolute !important;

  left: 28px !important;
  bottom: 92px !important;

  width: 48% !important;
  max-width: 48% !important;

  margin: 0 !important;
  padding: 0 !important;

  line-height: 1.65 !important;

  z-index: 20 !important;
}

/* 手机端保持同样的下对齐逻辑 */
@media screen and (max-width: 768px) {
  #services .service-card > p {
    left: 24px !important;
    bottom: 88px !important;

    width: 48% !important;
    max-width: 48% !important;
  }
}


/* ===== SERVICE SUBTITLE ALIGN FIX V42 ===== */
/* 撤销 V41 错误绝对定位 */

#services .service-card > p {
  position: relative !important;

  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  width: 50% !important;
  max-width: 50% !important;

  height: 58px !important;
  min-height: 58px !important;

  margin: 12px 0 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: flex-end !important;

  line-height: 1.65 !important;

  transform: none !important;
  z-index: 20 !important;
}

/* 手机端同样处理 */
@media screen and (max-width: 768px) {
  #services .service-card > p {
    position: relative !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 50% !important;
    max-width: 50% !important;

    height: 58px !important;
    min-height: 58px !important;

    margin: 12px 0 0 !important;

    display: flex !important;
    align-items: flex-end !important;
  }
}


/* ===== TELEGRAM GIFT SLIDER V1 ===== */

#services .service-card:nth-child(4) .gift-slider {
  position: absolute !important;
  top: 4px !important;
  right: 0 !important;
  left: 0 !important;
  bottom: 38px !important;

  display: flex !important;
  align-items: center !important;

  overflow: hidden !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 10%,
    #000 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    #000 10%,
    #000 90%,
    transparent 100%
  );
}

#services .service-card:nth-child(4) .gift-slider-track {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 10px !important;
  width: max-content !important;

  animation: telegramGiftSlide 22s linear infinite !important;
  will-change: transform !important;
}

#services .service-card:nth-child(4) .gift-slider:hover .gift-slider-track {
  animation-play-state: paused !important;
}

#services .service-card:nth-child(4) .gift-slider-item {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 50% !important;
  overflow: hidden !important;

  background: rgba(255, 255, 255, .045) !important;
  border: 1px solid rgba(255, 255, 255, .10) !important;

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .06),
    0 8px 24px rgba(0, 0, 0, .10) !important;

  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

#services .service-card:nth-child(4) .gift-slider-item img {
  width: 82% !important;
  height: 82% !important;
  object-fit: contain !important;
  object-position: center !important;

  display: block !important;
  background: transparent !important;

  user-select: none !important;
  -webkit-user-drag: none !important;
}

@keyframes telegramGiftSlide {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(calc(-50% - 5px), 0, 0);
  }
}

@media screen and (max-width: 768px) {
  #services .service-card:nth-child(4) .gift-slider-track {
    gap: 8px !important;
    animation-duration: 20s !important;
  }

  #services .service-card:nth-child(4) .gift-slider-item {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #services .service-card:nth-child(4) .gift-slider-track {
    animation: none !important;
  }
}

/* ===== END TELEGRAM GIFT SLIDER V1 ===== */

/* ===== GIFT SLIDER INTERACTIVE V3 ===== */

#services .service-card:nth-child(4) .gift-slider {
  pointer-events: auto !important;
  cursor: grab !important;
  touch-action: pan-y !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

#services .service-card:nth-child(4) .gift-slider:active {
  cursor: grabbing !important;
}

#services .service-card:nth-child(4) .gift-slider-track,
#services .service-card:nth-child(4) .gift-slider-item,
#services .service-card:nth-child(4) .gift-slider-item img {
  pointer-events: none !important;
}

/* 礼物整体放大 */
#services .service-card:nth-child(4) .gift-slider-item {
  width: 76px !important;
  height: 76px !important;
  min-width: 76px !important;
  flex: 0 0 76px !important;
}

#services .service-card:nth-child(4) .gift-slider-item img {
  width: 92% !important;
  height: 92% !important;
  object-fit: contain !important;
}

/* 默认自动播放 */
#services .service-card:nth-child(4) .gift-slider-track {
  gap: 9px !important;
  animation: telegramGiftSlide 22s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform !important;
}

/* 鼠标放上去暂停，方便用户准备拖动 */
#services .service-card:nth-child(4) .gift-slider:hover .gift-slider-track {
  animation-play-state: paused !important;
}

/* JS 正在拖动时，由 JS 控制 transform */
#services .service-card:nth-child(4) .gift-slider.is-dragging .gift-slider-track {
  animation: none !important;
}

@media screen and (max-width: 768px) {
  #services .service-card:nth-child(4) .gift-slider-item {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    flex-basis: 70px !important;
  }
}

/* ===== END GIFT SLIDER INTERACTIVE V3 ===== */

/* ===== GIFT INDIVIDUAL SCALE V4 ===== */

/* 金骰子 */
#services .gift-slider-item:has(img[src*="金骰子.webp"]) img {
  width: 112% !important;
  height: 112% !important;
}

/* 手表 */
#services .gift-slider-item:has(img[src*="手表.webp"]) img {
  width: 110% !important;
  height: 110% !important;
}

/* 屁桃 */
#services .gift-slider-item:has(img[src*="屁桃.webp"]) img {
  width: 110% !important;
  height: 110% !important;
}

/* 帽子 */
#services .gift-slider-item:has(img[src*="帽子.webp"]) img {
  width: 112% !important;
  height: 112% !important;
}

/* 猫咪 */
#services .gift-slider-item:has(img[src*="猫咪.webp"]) img {
  width: 112% !important;
  height: 112% !important;
}

/* 眼镜 */
#services .gift-slider-item:has(img[src*="眼镜.webp"]) img {
  width: 118% !important;
  height: 118% !important;
}

/* 香水 */
#services .gift-slider-item:has(img[src*="香水.webp"]) img {
  width: 112% !important;
  height: 112% !important;
}

/* ===== END GIFT INDIVIDUAL SCALE V4 ===== */

/* ===== GIFT INDIVIDUAL SCALE V5 ===== */

/* 金骰子 */
#services .gift-slider-item:has(img[src*="金骰子.webp"]) img {
  width: 150% !important;
  height: 150% !important;
  max-width: none !important;
  max-height: none !important;
}

/* 手表 */
#services .gift-slider-item:has(img[src*="手表.webp"]) img {
  width: 155% !important;
  height: 155% !important;
  max-width: none !important;
  max-height: none !important;
}

/* 屁桃 */
#services .gift-slider-item:has(img[src*="屁桃.webp"]) img {
  width: 145% !important;
  height: 145% !important;
  max-width: none !important;
  max-height: none !important;
}

/* 帽子 */
#services .gift-slider-item:has(img[src*="帽子.webp"]) img {
  width: 155% !important;
  height: 155% !important;
  max-width: none !important;
  max-height: none !important;
}

/* 猫咪 */
#services .gift-slider-item:has(img[src*="猫咪.webp"]) img {
  width: 150% !important;
  height: 150% !important;
  max-width: none !important;
  max-height: none !important;
}

/* 眼镜 */
#services .gift-slider-item:has(img[src*="眼镜.webp"]) img {
  width: 165% !important;
  height: 165% !important;
  max-width: none !important;
  max-height: none !important;
}

/* ===== END GIFT INDIVIDUAL SCALE V5 ===== */

/* ===== GIFT INDIVIDUAL SCALE V6 ===== */

#services .gift-slider-item:has(img[src*="金骰子.webp"]) img {
  width: 180% !important;
  height: 180% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="手表.webp"]) img {
  width: 190% !important;
  height: 190% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="屁桃.webp"]) img {
  width: 175% !important;
  height: 175% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="帽子.webp"]) img {
  width: 190% !important;
  height: 190% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="猫咪.webp"]) img {
  width: 185% !important;
  height: 185% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="眼镜.webp"]) img {
  width: 205% !important;
  height: 205% !important;
  max-width: none !important;
  max-height: none !important;
}

/* ===== END GIFT INDIVIDUAL SCALE V6 ===== */

/* ===== GIFT FINAL LARGE SCALE V7 ===== */

#services .gift-slider-item:has(img[src*="金骰子.webp"]) img {
  width: 270% !important;
  height: 270% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="手表.webp"]) img {
  width: 310% !important;
  height: 310% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="屁桃.webp"]) img {
  width: 255% !important;
  height: 255% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="帽子.webp"]) img {
  width: 285% !important;
  height: 285% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="猫咪.webp"]) img {
  width: 280% !important;
  height: 280% !important;
  max-width: none !important;
  max-height: none !important;
}

#services .gift-slider-item:has(img[src*="眼镜.webp"]) img {
  width: 330% !important;
  height: 330% !important;
  max-width: none !important;
  max-height: none !important;
}

/* ===== END GIFT FINAL LARGE SCALE V7 ===== */

/* ===== GIFT REAL VISUAL SCALE V8 ===== */

/* 先统一恢复图片本身尺寸，改用 transform 真正视觉放大 */
#services .service-card:nth-child(4) .gift-slider-item img {
  width: 92% !important;
  height: 92% !important;
  max-width: none !important;
  max-height: none !important;
  transform-origin: center center !important;
}

/* 金骰子 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="金骰子.webp"]) img {
  transform: scale(2.0) !important;
}

/* 手表 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="手表.webp"]) img {
  transform: scale(2.3) !important;
}

/* 屁桃 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="屁桃.webp"]) img {
  transform: scale(1.9) !important;
}

/* 帽子 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: scale(2.1) !important;
}

/* 猫咪 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="猫咪.webp"]) img {
  transform: scale(2.1) !important;
}

/* 眼镜 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="眼镜.webp"]) img {
  transform: scale(2.4) !important;
}

/* ===== END GIFT REAL VISUAL SCALE V8 ===== */

/* ===== GIFT VISUAL SCALE V9 FINAL ===== */

#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="金骰子.webp"]) img {
  transform: scale(1.80) !important;
}

#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="手表.webp"]) img {
  transform: scale(2.05) !important;
}

#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="屁桃.webp"]) img {
  transform: scale(1.72) !important;
}

#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: scale(1.90) !important;
}

#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="猫咪.webp"]) img {
  transform: scale(1.90) !important;
}

#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="眼镜.webp"]) img {
  transform: scale(2.15) !important;
}

/* ===== END GIFT VISUAL SCALE V9 FINAL ===== */

/* ===== GIFT LAST FOUR SCALE V11 ===== */

/* PEPE */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="pepe.webp"]) img {
  transform: scale(1.70) !important;
}

/* 奖杯 / 腕力 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: scale(1.70) !important;
}

/* 小丑 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="小丑.webp"]) img {
  transform: scale(1.60) !important;
}

/* 香水 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="香水.webp"]) img {
  transform: scale(1.70) !important;
}

/* ===== END GIFT LAST FOUR SCALE V11 ===== */

/* ===== GIFT SIZE MATCH V12 ===== */

/* PEPE */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="pepe.webp"]) img {
  transform: scale(1.48) !important;
}

/* 奖杯 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: scale(1.48) !important;
}

/* 小丑 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="小丑.webp"]) img {
  transform: scale(1.42) !important;
}

/* 香水 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="香水.webp"]) img {
  transform: scale(1.48) !important;
}

/* ===== END GIFT SIZE MATCH V12 ===== */

/* ===== GIFT SIZE MATCH V13 FINAL ===== */

/* PEPE */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="pepe.webp"]) img {
  transform: scale(1.30) !important;
}

/* 奖杯 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: scale(1.30) !important;
}

/* 小丑 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="小丑.webp"]) img {
  transform: scale(1.25) !important;
}

/* 香水 */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="香水.webp"]) img {
  transform: scale(1.30) !important;
}

/* ===== END GIFT SIZE MATCH V13 ===== */

/* ===== PERFUME POSITION FIX V14 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="香水.webp"]) img {
  transform: translateX(7px) scale(1.30) !important;
}
/* ===== END PERFUME POSITION FIX V14 ===== */


/* ===== PERFUME POSITION FIX V15 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="香水.webp"]) img {
  transform: translateX(-7px) scale(1.30) !important;
}
/* ===== END PERFUME POSITION FIX V15 ===== */


/* ===== PERFUME POSITION FIX V16 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="香水.webp"]) img {
  transform: translate(-3px, -4px) scale(1.30) !important;
}
/* ===== END PERFUME POSITION FIX V16 ===== */


/* ===== HAT POSITION SIZE FIX V17 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: translate(4px, -4px) scale(1.06) !important;
}
/* ===== END HAT POSITION SIZE FIX V17 ===== */


/* ===== HAT POSITION SIZE FIX V18 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: translate(4px, -4px) scale(1.38) !important;
}
/* ===== END HAT POSITION SIZE FIX V18 ===== */

/* ===== HAT SIZE FIX V19 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: translate(4px, -4px) scale(1.52) !important;
}
/* ===== END HAT SIZE FIX V19 ===== */


/* ===== HAT SIZE FIX V20 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: translate(4px, -4px) scale(1.70) !important;
}
/* ===== END HAT SIZE FIX V20 ===== */


/* ===== HAT SIZE FIX V21 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: translate(4px, -4px) scale(1.95) !important;
}
/* ===== END HAT SIZE FIX V21 ===== */


/* ===== HAT SIZE FINAL V22 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="帽子.webp"]) img {
  transform: translate(4px, -4px) scale(2.10) !important;
}
/* ===== END HAT SIZE FINAL V22 ===== */


/* ===== PEACH SIZE POSITION FINAL V23 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="屁桃.webp"]) img {
  transform: translateY(-4px) scale(1.42) !important;
}
/* ===== END PEACH SIZE POSITION FINAL V23 ===== */


/* ===== PEACH SIZE POSITION FIX V24 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="屁桃.webp"]) img {
  transform: translateY(-4px) scale(1.90) !important;
}
/* ===== END PEACH SIZE POSITION FIX V24 ===== */


/* ===== TROPHY POSITION FIX V25 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: translateX(5px) scale(1.30) !important;
}
/* ===== END TROPHY POSITION FIX V25 ===== */


/* ===== TROPHY POSITION FINAL V26 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: translateX(8px) scale(1.30) !important;
}
/* ===== END TROPHY POSITION FINAL V26 ===== */


/* ===== TROPHY POSITION FINAL V27 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: translateX(6px) scale(1.30) !important;
}
/* ===== END TROPHY POSITION FINAL V27 ===== */


/* ===== TROPHY POSITION FINAL V28 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: translateX(5px) scale(1.30) !important;
}
/* ===== END TROPHY POSITION FINAL V28 ===== */


/* ===== TROPHY POSITION RESET V29 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="腕力.webp"]) img {
  transform: translateX(0) scale(1.30) !important;
}
/* ===== END TROPHY POSITION RESET V29 ===== */


/* ===== GIFT CARD CLEANUP V30 ===== */

/* 隐藏右上角：收藏与赠礼 */
#services .service-card:nth-child(4) .card-meta {
  display: none !important;
}

/* 去掉每个礼物外面的圆形边框和圆形底 */
#services .service-card:nth-child(4) .gift-slider-item {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* ===== END GIFT CARD CLEANUP V30 ===== */

/* ===== NEW 8 GIFTS BASE SIZE V31 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="水晶.png"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="包包.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="小熊.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="手镯.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="头盔.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="戒指.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="手臂.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="奶嘴.webp"]) img {
  transform: scale(1.55) !important;
  transform-origin: center center !important;
}
/* ===== END NEW 8 GIFTS BASE SIZE V31 ===== */


/* ===== 4 SMALL GIFTS SIZE V32 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="头盔.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="奶嘴.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="包包.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="手臂.webp"]) img {
  transform: scale(1.85) !important;
  transform-origin: center center !important;
}
/* ===== END 4 SMALL GIFTS SIZE V32 ===== */


/* ===== PACIFIER POSITION V33 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="奶嘴.webp"]) img {
  transform: translateY(5px) scale(1.85) !important;
}
/* ===== END PACIFIER POSITION V33 ===== */


/* ===== GIFT SLIDER INTERACTION V4 ===== */

/* 自动移动完全交给 JS，关闭旧 CSS animation */
#services .service-card:nth-child(4) .gift-slider-track {
  animation: none !important;
  transition: none !important;
  will-change: transform !important;
}

/* 鼠标可以直接左右拖 */
#services .service-card:nth-child(4) .gift-slider {
  cursor: grab !important;
  pointer-events: auto !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: pan-y !important;
  overflow: hidden !important;
}

/* 按住时反馈 */
#services .service-card:nth-child(4) .gift-slider.is-dragging {
  cursor: grabbing !important;
}

/* 图片本身不抢拖动事件 */
#services .service-card:nth-child(4) .gift-slider-track,
#services .service-card:nth-child(4) .gift-slider-item,
#services .service-card:nth-child(4) .gift-slider-item img {
  pointer-events: none !important;
}

/* ===== END GIFT SLIDER INTERACTION V4 ===== */

/* ===== BAG + HELMET POSITION V34 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="包包.webp"]) img,
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="头盔.webp"]) img {
  transform: translateY(-4px) scale(1.85) !important;
}
/* ===== END BAG + HELMET POSITION V34 ===== */


/* ===== GOLD DICE SIZE V35 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src*="金骰子.webp"]) img {
  transform: scale(1.90) !important;
}
/* ===== END GOLD DICE SIZE V35 ===== */


/* ===== HERO MIXED GIFTS V36 ===== */

/* 顶部礼物使用独立尺寸，不影响服务区礼物 */
.hero-visual-marquee .hero-gift-card img {
  width: 72% !important;
  height: 72% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

/* 礼物保持透明，不额外增加底板 */
.hero-visual-marquee .hero-gift-card {
  background: transparent !important;
}

/* ===== END HERO MIXED GIFTS V36 ===== */

/* ===== HERO MIXED GIFTS SIZE + SPEED V37 ===== */

/* 顶部礼物明显放大，接近品牌主图的视觉占比 */
.hero-visual-marquee .hero-visual-card.hero-gift-card img {
  width: 145% !important;
  height: 145% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  transform: none !important;
}

/* 23个元素后降低整个顶部轮播速度 */
.hero-visual-marquee .hero-visual-track {
  animation-duration: 90s !important;
}

/* ===== END HERO MIXED GIFTS SIZE + SPEED V37 ===== */

/* ===== HERO GIFT POSITION FINAL V40 ===== */

/* 金骰子：向下 */
.hero-visual-marquee .hero-gift-card:has(img[src*="金骰子.webp"]) img {
  transform: translateY(5px) !important;
}

/* 香水：向上 */
.hero-visual-marquee .hero-gift-card:has(img[src*="香水.webp"]) img {
  transform: translateY(-5px) !important;
}

/* 帽子：向右 + 向下 */
.hero-visual-marquee .hero-gift-card:has(img[src*="帽子.webp"]) img {
  transform: translate(5px, 5px) !important;
}

/* 戒指：向下 */
.hero-visual-marquee .hero-gift-card:has(img[src*="戒指.webp"]) img {
  transform: translateY(5px) !important;
}

/* 奶嘴：向下 */
.hero-visual-marquee .hero-gift-card:has(img[src*="奶嘴.webp"]) img {
  transform: translateY(5px) !important;
}

/* 手镯：撤销刚才误加的位移 */
.hero-visual-marquee .hero-gift-card:has(img[src*="手镯.webp"]) img {
  transform: translate(0, 0) !important;
}

/* ===== END HERO GIFT POSITION FINAL V40 ===== */


/* ===== HERO 6 BUSINESS IMAGES SIZE V42 ===== */

/* 只放大顶部6张业务图，不影响礼物 */
.hero-visual-marquee .hero-visual-card:not(.hero-gift-card) img {
  width: 108% !important;
  height: 108% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  transform: scale(1.08) !important;
  transform-origin: center center !important;
}

/* ===== END HERO 6 BUSINESS IMAGES SIZE V42 ===== */


/* ===== HERO GIFT FINE TUNE V43 ===== */

/* 屁桃：大一点 */
.hero-visual-marquee .hero-gift-card:has(img[src*="屁桃.webp"]) img {
  width: 158% !important;
  height: 158% !important;
  transform: none !important;
}

/* 帽子：大一点 + 保留右下5px */
.hero-visual-marquee .hero-gift-card:has(img[src*="帽子.webp"]) img {
  width: 158% !important;
  height: 158% !important;
  transform: translate(5px, 5px) !important;
}

/* 头盔：大一点 + 向上一点 */
.hero-visual-marquee .hero-gift-card:has(img[src*="头盔.webp"]) img {
  width: 158% !important;
  height: 158% !important;
  transform: translateY(-5px) !important;
}

/* 奶嘴：大一点 + 保留向下5px */
.hero-visual-marquee .hero-gift-card:has(img[src*="奶嘴.webp"]) img {
  width: 158% !important;
  height: 158% !important;
  transform: translateY(5px) !important;
}

/* ===== END HERO GIFT FINE TUNE V43 ===== */


/* ===== HERO GIFT CORRECTION V45 ===== */

/* 屁桃：恢复V43大小 */
.hero-visual-marquee .hero-gift-card:has(img[src*="屁桃.webp"]) img {
  width: 158% !important;
  height: 158% !important;
  transform: none !important;
}

/* PEPE：小一点点 */
.hero-visual-marquee .hero-gift-card:has(img[src*="pepe.webp"]) img {
  width: 138% !important;
  height: 138% !important;
  transform: none !important;
}

/* 眼镜：保持放大 */
.hero-visual-marquee .hero-gift-card:has(img[src*="眼镜.webp"]) img {
  width: 158% !important;
  height: 158% !important;
}

/* 奶嘴：保持放大 + 下移8px */
.hero-visual-marquee .hero-gift-card:has(img[src*="奶嘴.webp"]) img {
  width: 158% !important;
  height: 158% !important;
  transform: translateY(8px) !important;
}

/* 奖杯：保持向右5px */
.hero-visual-marquee .hero-gift-card:has(img[src*="腕力.webp"]) img {
  transform: translateX(5px) !important;
}

/* ===== END HERO GIFT CORRECTION V45 ===== */

/* ===== HERO MARQUEE COMPACT V46 ===== */

/* 整条顶部轮播栏稍微变窄，并整体上提 */
.hero-visual-marquee {
  height: calc(var(--hero-visual-height, 150px) - 12px) !important;
  min-height: 0 !important;
  transform: translateY(-6px) !important;
}

/* 内部轨道跟随容器高度，不改变单张图片已经调好的比例 */
.hero-visual-marquee .hero-visual-track,
.hero-visual-marquee .hero-visual-group {
  height: 100% !important;
}

/* 卡片垂直居中 */
.hero-visual-marquee .hero-visual-card {
  align-self: center !important;
}

/* ===== END HERO MARQUEE COMPACT V46 ===== */


/* ===== HERO BRAND FINE TUNE V47 ===== */

/* Telegram Gift：再大一点 */
.hero-visual-marquee
.hero-visual-card:not(.hero-gift-card):has(img[src*="service-gift.webp"]) img {
  width: 114% !important;
  height: 114% !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.12) !important;
  transform-origin: center center !important;
}

/* +888 匿名号码：再大一点 */
.hero-visual-marquee
.hero-visual-card:not(.hero-gift-card):has(img[src*="service-888.webp"]) img {
  width: 114% !important;
  height: 114% !important;
  max-width: none !important;
  max-height: none !important;
  transform: scale(1.12) !important;
  transform-origin: center center !important;
}

/* Telegram Username：再大一点 + 向下4px */
.hero-visual-marquee
.hero-visual-card:not(.hero-gift-card):has(img[src*="service-username.webp"]) img {
  width: 114% !important;
  height: 114% !important;
  max-width: none !important;
  max-height: none !important;
  transform: translateY(4px) scale(1.12) !important;
  transform-origin: center center !important;
}

/* ===== END HERO BRAND FINE TUNE V47 ===== */


/* ===== TELEGRAM GIFT POSITION V48 ===== */
.hero-visual-marquee
.hero-visual-card:not(.hero-gift-card):has(img[src*="service-gift.webp"]) img {
  width: 114% !important;
  height: 114% !important;
  max-width: none !important;
  max-height: none !important;
  transform: translateY(4px) scale(1.12) !important;
  transform-origin: center center !important;
}
/* ===== END TELEGRAM GIFT POSITION V48 ===== */


/* ===== HERO BAG SIZE V49 ===== */
.hero-visual-marquee
.hero-gift-card:has(img[src*="包包.webp"]) img {
  width: 155% !important;
  height: 155% !important;
  max-width: none !important;
  max-height: none !important;
  transform-origin: center center !important;
}
/* ===== END HERO BAG SIZE V49 ===== */


/* ===== HERO MARQUEE SPEED V50 ===== */
.hero-visual-marquee .hero-visual-track {
  animation-duration: 75s !important;
}
/* ===== END HERO MARQUEE SPEED V50 ===== */











/* ===== CARD SWAY JS V8 ===== */

#services .service-card.sway-active {
  border-color: rgba(125,185,255,.48) !important;
  box-shadow:
    0 22px 50px rgba(0,10,40,.32),
    0 0 32px rgba(70,135,255,.14) !important;
}

/* ===== END CARD SWAY JS V8 ===== */

/* ===== SITE INTERACTION V9 ===== */

/* 全站交互统一节奏 */
:root {
  --ui-fast: 180ms;
  --ui-normal: 280ms;
  --ui-smooth: cubic-bezier(.2,.8,.2,1);
}

/* 顶部导航 */
.desktop-nav a {
  position: relative;
  transition:
    color var(--ui-fast) ease,
    opacity var(--ui-fast) ease !important;
}

.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: -7px;
  height: 1px;
  background: rgba(135,185,255,.9);
  opacity: 0;
  transition:
    left var(--ui-normal) var(--ui-smooth),
    right var(--ui-normal) var(--ui-smooth),
    opacity var(--ui-fast) ease;
}

.desktop-nav a:hover {
  color: #fff !important;
}

.desktop-nav a:hover::after {
  left: 8%;
  right: 8%;
  opacity: 1;
}

/* 普通按钮：悬浮 + 按压 */
a[class*="button"],
button,
.header-contact,
.hero a {
  transition:
    transform var(--ui-fast) var(--ui-smooth),
    filter var(--ui-fast) ease,
    box-shadow var(--ui-fast) ease !important;
}

a[class*="button"]:hover,
button:hover,
.header-contact:hover,
.hero a:hover {
  transform: translateY(-2px);
  filter: brightness(1.08);
}

a[class*="button"]:active,
button:active,
.header-contact:active,
.hero a:active {
  transform: translateY(0) scale(.965);
}

/* 服务区咨询按钮 */
#services .service-mini-cta {
  transition:
    transform var(--ui-fast) var(--ui-smooth),
    filter var(--ui-fast) ease,
    border-color var(--ui-fast) ease,
    box-shadow var(--ui-fast) ease !important;
}

#services .service-mini-cta:hover {
  transform: translateY(-2px) scale(1.025) !important;
  filter: brightness(1.12);
  border-color: rgba(145,195,255,.52) !important;
}

#services .service-mini-cta:active {
  transform: translateY(0) scale(.95) !important;
}

/* 顶部业务/礼物轮播：只动内容，不碰轨道 */
.hero-visual-marquee .hero-visual-card {
  transition:
    filter var(--ui-normal) ease,
    opacity var(--ui-normal) ease !important;
}

.hero-visual-marquee .hero-visual-card:hover {
  filter:
    brightness(1.13)
    saturate(1.08)
    drop-shadow(0 9px 15px rgba(65,125,255,.18)) !important;
}

/* 平台关系卡片 */
.relationship-card {
  transition:
    translate var(--ui-normal) var(--ui-smooth),
    border-color var(--ui-normal) ease,
    box-shadow var(--ui-normal) ease,
    filter var(--ui-normal) ease !important;
}

.relationship-card:hover {
  translate: 0 -4px;
  border-color: rgba(110,165,255,.36) !important;
  box-shadow:
    0 18px 38px rgba(0,10,35,.20),
    0 0 22px rgba(55,115,220,.06) !important;
}

/* 合作对象卡片 */
.audience-card {
  transition:
    translate var(--ui-normal) var(--ui-smooth),
    border-color var(--ui-normal) ease,
    box-shadow var(--ui-normal) ease !important;
}

.audience-card:hover {
  translate: 0 -4px;
  border-color: rgba(110,165,255,.36) !important;
  box-shadow:
    0 16px 34px rgba(0,10,35,.18),
    0 0 20px rgba(55,115,220,.06) !important;
}

/* 流程步骤 */
.process-list li {
  transition:
    translate var(--ui-normal) var(--ui-smooth),
    background-color var(--ui-normal) ease,
    border-color var(--ui-normal) ease,
    filter var(--ui-normal) ease !important;
}

.process-list li:hover {
  translate: 0 -3px;
  filter: brightness(1.10);
  background-color: rgba(20,30,46,.78) !important;
}

/* FAQ */
.faq-item {
  transition:
    translate var(--ui-normal) var(--ui-smooth),
    border-color var(--ui-normal) ease,
    background-color var(--ui-normal) ease !important;
}

.faq-item:hover {
  translate: 4px 0;
  border-color: rgba(110,165,255,.30) !important;
}

/* 键盘操作 */
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 1px solid rgba(135,185,255,.9) !important;
  outline-offset: 4px !important;
}

/* 滚动进入视野 */
.v9-reveal {
  opacity: 0;
  translate: 0 18px;
  transition:
    opacity 650ms ease,
    translate 650ms cubic-bezier(.16,1,.3,1) !important;
}

.v9-reveal.v9-visible {
  opacity: 1;
  translate: 0 0;
}

/* 手机：取消桌面悬浮动作，只保留按压 */
@media (hover: none), (pointer: coarse) {
  .relationship-card:hover,
  .audience-card:hover,
  .process-list li:hover,
  .faq-item:hover {
    translate: 0 0;
  }

  .hero-visual-marquee .hero-visual-card:hover {
    filter: none !important;
  }

  a[class*="button"]:active,
  button:active,
  .header-contact:active,
  .hero a:active,
  #services .service-mini-cta:active {
    transform: scale(.97) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .v9-reveal {
    opacity: 1 !important;
    translate: none !important;
    transition: none !important;
  }

  .relationship-card,
  .audience-card,
  .process-list li,
  .faq-item {
    translate: none !important;
  }
}

/* ===== END SITE INTERACTION V9 ===== */

/* ===== BUTTON PHYSICAL FEEDBACK V10 ===== */

/* 服务区咨询按钮：增加实体厚度 */
#services .service-mini-cta {
  transform: translateY(0) !important;

  border: 1px solid rgba(125,175,255,.38) !important;

  box-shadow:
    0 4px 0 rgba(7,22,55,.72),
    0 7px 15px rgba(0,8,30,.22),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.16) !important;

  transition:
    transform 110ms cubic-bezier(.2,.8,.2,1),
    box-shadow 110ms ease,
    filter 110ms ease,
    border-color 110ms ease !important;
}

/* 鼠标放上去：按钮稍微抬起来 */
#services .service-mini-cta:hover {
  transform: translateY(-2px) !important;

  filter: brightness(1.10) !important;

  border-color: rgba(145,195,255,.55) !important;

  box-shadow:
    0 6px 0 rgba(7,22,55,.76),
    0 10px 19px rgba(0,8,30,.27),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.18) !important;
}

/* 真正按下：按钮向下压，底部厚度消失 */
#services .service-mini-cta:active {
  transform: translateY(3px) scale(.985) !important;

  filter: brightness(.94) !important;

  box-shadow:
    0 1px 0 rgba(7,22,55,.80),
    0 2px 5px rgba(0,8,30,.18),
    inset 0 2px 5px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.06) !important;

  transition-duration: 55ms !important;
}

/* 顶部/其他主要按钮统一按压重量 */
.hero a:active,
.header-contact:active,
a[class*="button"]:active,
button:active {
  transform: translateY(3px) scale(.985) !important;

  filter: brightness(.94) !important;

  box-shadow:
    0 1px 0 rgba(5,15,40,.75),
    0 2px 5px rgba(0,5,20,.18),
    inset 0 2px 5px rgba(0,0,0,.18) !important;

  transition-duration: 55ms !important;
}

/* ===== END BUTTON PHYSICAL FEEDBACK V10 ===== */

/* ===== HEADER TOOL BUTTON FEEDBACK V18 ===== */

header button,
.site-header button,
.header button,
.navbar button {
  transform: none !important;
  box-shadow: none !important;

  transition:
    opacity 160ms ease,
    filter 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease !important;
}

header button:hover,
.site-header button:hover,
.header button:hover,
.navbar button:hover {
  transform: none !important;
  filter: brightness(1.06) !important;
}

header button:active,
.site-header button:active,
.header button:active,
.navbar button:active {
  transform: scale(.98) !important;
  filter: brightness(.94) !important;
  box-shadow: none !important;
  transition-duration: 70ms !important;
}

/* ===== END HEADER TOOL BUTTON FEEDBACK V18 ===== */


/* ===== DESKTOP SERVICE FINAL V25 ===== */

@media (min-width: 1024px) {

  #services .service-grid {
    width: calc(100% - 48px) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 22px !important;
    row-gap: 22px !important;
  }

  #services .service-card {
    width: 100% !important;
    min-width: 0 !important;
    height: 330px !important;
    min-height: 330px !important;
    max-height: 330px !important;
    grid-column: auto !important;
    border-radius: 26px !important;
  }

  #services .service-card:nth-child(4) { order: 1 !important; }
  #services .service-card:nth-child(1) { order: 2 !important; }
  #services .service-card:nth-child(2) { order: 3 !important; }
  #services .service-card:nth-child(3) { order: 4 !important; }
  #services .service-card:nth-child(5) { order: 5 !important; }
  #services .service-card:nth-child(6) { order: 6 !important; }

  #services .service-card:nth-child(3),
  #services .service-card:nth-child(5),
  #services .service-card:nth-child(6) {
    position: relative !important;
    top: 20px !important;
  }

  #services .service-card:nth-child(1) .service-card-visual img {
    transform: translateY(11px) !important;
  }

  #services .service-card:nth-child(2) .service-card-visual img,
  #services .service-card:nth-child(3) .service-card-visual img {
    transform: translateY(16px) !important;
  }

  #services .service-card:nth-child(5) .service-card-visual img {
    width: 115% !important;
    height: 115% !important;
    max-width: none !important;
    max-height: none !important;
    transform: translateY(-16px) !important;
  }

  #services .service-card:nth-child(6) .service-card-visual img {
    width: 115% !important;
    height: 115% !important;
    max-width: none !important;
    max-height: none !important;
    transform: translateY(-10px) !important;
  }
}

/* ===== END DESKTOP SERVICE FINAL V25 ===== */

/* ===== SERVICE ORDER ALL DEVICES V26 ===== */

#services .service-card:nth-child(4) { order: 1 !important; }
#services .service-card:nth-child(1) { order: 2 !important; }
#services .service-card:nth-child(2) { order: 3 !important; }
#services .service-card:nth-child(3) { order: 4 !important; }
#services .service-card:nth-child(5) { order: 5 !important; }
#services .service-card:nth-child(6) { order: 6 !important; }

/* ===== END SERVICE ORDER ALL DEVICES V26 ===== */

/* ===== MOBILE NAV GLASS FINAL V28 ===== */
@media (max-width: 900px) {
  .mobile-nav[data-mobile-menu] {
    background: rgba(12, 43, 84, .72) !important;
    background-color: rgba(12, 43, 84, .72) !important;
    background-image:
      linear-gradient(
        135deg,
        rgba(35, 88, 155, .18),
        rgba(5, 28, 65, .08)
      ) !important;
    border: 1px solid rgba(117, 178, 255, .26) !important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 20px 50px rgba(0,12,40,.18) !important;
    -webkit-backdrop-filter: blur(20px) saturate(135%) !important;
    backdrop-filter: blur(20px) saturate(135%) !important;
  }
}
/* ===== END MOBILE NAV GLASS FINAL V28 ===== */

/* ===== MOBILE UNIFIED DROPDOWNS V29 ===== */
@media (max-width: 768px) {

  .site-header .language-menu,
  .site-header .mobile-nav,
  .mobile-nav[data-mobile-menu] {
    box-sizing: border-box !important;

    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;

    height: 252px !important;
    min-height: 252px !important;
    max-height: 252px !important;

    padding: 12px !important;

    border: 1px solid rgba(112, 174, 255, .30) !important;
    border-radius: 22px !important;

    background:
      linear-gradient(
        145deg,
        rgba(19, 60, 108, .66) 0%,
        rgba(7, 31, 65, .62) 100%
      ) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.07),
      0 20px 50px rgba(0, 10, 35, .20) !important;

    -webkit-backdrop-filter: blur(22px) saturate(135%) !important;
    backdrop-filter: blur(22px) saturate(135%) !important;

    overflow: hidden !important;
  }

  .site-header .language-menu {
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, 76px) !important;
    gap: 0 !important;
  }

  .site-header .language-menu[hidden] {
    display: none !important;
  }

  .site-header .language-menu button {
    box-sizing: border-box !important;

    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(150, 185, 235, .10) !important;
    border-radius: 0 !important;

    background: transparent !important;

    font-size: 16px !important;
    font-weight: 600 !important;
  }

  .site-header .language-menu button:last-child {
    border-bottom: 0 !important;
  }

  .site-header .language-menu button[aria-selected="true"] {
    background: rgba(91, 157, 242, .14) !important;
    border-radius: 14px !important;
  }

  .site-header .mobile-nav,
  .mobile-nav[data-mobile-menu] {
    top: 100% !important;

    left: auto !important;
    right: 16px !important;

    margin: 10px 0 0 !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(3, 76px) !important;
    gap: 0 !important;
  }

  .site-header .mobile-nav[hidden],
  .mobile-nav[data-mobile-menu][hidden] {
    display: none !important;
  }

  .site-header .mobile-nav a,
  .mobile-nav[data-mobile-menu] a {
    box-sizing: border-box !important;

    width: 100% !important;
    height: 76px !important;
    min-height: 76px !important;

    margin: 0 !important;
    padding: 0 24px !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(150, 185, 235, .10) !important;
    border-radius: 0 !important;

    background: transparent !important;

    font-size: 16px !important;
    font-weight: 600 !important;
  }

  .site-header .mobile-nav a:last-child,
  .mobile-nav[data-mobile-menu] a:last-child {
    border-bottom: 0 !important;
  }
}
/* ===== END MOBILE UNIFIED DROPDOWNS V29 ===== */

/* ===== MOBILE UNIFIED DROPDOWNS V30 ===== */
@media (max-width: 768px) {
  .site-header .language-menu,
  .site-header .mobile-nav,
  .mobile-nav[data-mobile-menu] {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;

    height: 210px !important;
    min-height: 210px !important;
    max-height: 210px !important;

    padding: 9px !important;

    border-radius: 20px !important;
    border: 1px solid rgba(112,174,255,.28) !important;

    background: rgba(10, 43, 82, .68) !important;

    -webkit-backdrop-filter: blur(22px) saturate(130%) !important;
    backdrop-filter: blur(22px) saturate(130%) !important;

    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.06),
      0 18px 45px rgba(0,10,35,.18) !important;
  }

  .site-header .language-menu {
    right: 0 !important;
    left: auto !important;
    grid-template-rows: repeat(3, 64px) !important;
  }

  .site-header .mobile-nav,
  .mobile-nav[data-mobile-menu] {
    left: auto !important;
    right: 16px !important;
    grid-template-rows: repeat(3, 64px) !important;
  }

  .site-header .language-menu button,
  .site-header .mobile-nav a,
  .mobile-nav[data-mobile-menu] a {
    height: 64px !important;
    min-height: 64px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
  }

  .site-header .language-menu button[aria-selected="true"] {
    border-radius: 14px !important;
    background: rgba(91,157,242,.12) !important;
  }

  .site-header .language-menu[hidden],
  .site-header .mobile-nav[hidden],
  .mobile-nav[data-mobile-menu][hidden] {
    display: none !important;
  }
}
/* ===== END MOBILE UNIFIED DROPDOWNS V30 ===== */

/* ===== MOBILE NAV CENTER CLEAN V31 ===== */
@media (max-width: 768px) {

  .site-header .mobile-nav a,
  .mobile-nav[data-mobile-menu] a {
    justify-content: center !important;
    text-align: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .site-header .mobile-nav a > span,
  .mobile-nav[data-mobile-menu] a > span {
    display: none !important;
  }
}
/* ===== END MOBILE NAV CENTER CLEAN V31 ===== */

/* ===== DROPDOWN GLASS READABILITY V32 ===== */
@media (max-width: 768px) {
  .site-header .language-menu,
  .site-header .mobile-nav,
  .mobile-nav[data-mobile-menu] {
    background: rgba(8, 35, 72, .82) !important;

    -webkit-backdrop-filter:
      blur(30px)
      saturate(115%)
      brightness(72%) !important;

    backdrop-filter:
      blur(30px)
      saturate(115%)
      brightness(72%) !important;

    border-color: rgba(112,174,255,.30) !important;
  }
}
/* ===== END DROPDOWN GLASS READABILITY V32 ===== */

/* ===== MOBILE NAV THIRD ITEM CENTER V33 ===== */
@media (max-width: 768px) {
  .site-header .mobile-nav a:nth-child(3),
  .mobile-nav[data-mobile-menu] a:nth-child(3) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;

    text-align: center !important;
    transform: none !important;
  }
}
/* ===== END MOBILE NAV THIRD ITEM CENTER V33 ===== */

/* ===== HEADER SIGNATURE RESPONSIVE SIZE V34 ===== */

/* 手机 + 平板/窄屏：只放大顶部签名 */
@media (max-width: 1023px) {
  .site-header .header-signature {
    width: 190px !important;
    max-width: 190px !important;
  }

  .site-header .header-signature img {
    width: 100% !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }
}

/* ===== END HEADER SIGNATURE RESPONSIVE SIZE V34 ===== */

/* ===== DESKTOP HEADER SIGNATURE POSITION V35 ===== */
@media (min-width: 1024px) {
  .site-header .header-signature {
    position: absolute !important;

    left: 50% !important;
    top: 50% !important;

    width: 150px !important;
    max-width: 150px !important;

    margin: 0 !important;

    transform: translate(-115%, -50%) !important;

    z-index: 2 !important;
  }

  .site-header .header-signature img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 38px !important;
    object-fit: contain !important;
  }
}
/* ===== END DESKTOP HEADER SIGNATURE POSITION V35 ===== */

/* ===== AD DEMO PRIVACY MODE ===== */
img[src*="li-bocai-signature"],
img[src*="libocai-avatar"],
img[src*="share-avatar"],
video[src*="libocai-avatar"],
source[src*="libocai-avatar"] {
    visibility: hidden !important;
}
/* ===== END AD DEMO PRIVACY MODE ===== */

/* ===== AD DEMO / BEFORE SECTION CLEANUP ===== */
.section-eyebrow,
.process-eyebrow,
.before-eyebrow {
  display: none !important;
}

.process-header,
.before-header {
  background: transparent !important;
  box-shadow: none !important;
}
/* ===== END ===== */

/* ===== AD DEMO TITLE CLEAN V2 ===== */
#before h2,
#before .section-title,
.before-section h2,
.before-section .section-title,
section h2:has(.accent),
section h2:has(span) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
/* ===== END AD DEMO TITLE CLEAN V2 ===== */

/* ===== AD DEMO GUIDANCE TITLE FINAL ===== */

.guidance > .section-intro,
.guidance > .section-intro::before,
.guidance > .section-intro::after,
#guidance-title,
#guidance-title::before,
#guidance-title::after {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#guidance-title span {
  margin-left: 0.22em !important;
}

/* ===== END AD DEMO GUIDANCE TITLE FINAL ===== */

/* ===== AD DEMO GUIDANCE CLEAN V3 ===== */

.guidance {
  border-top: 0 !important;
}

.guidance > .section-intro {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.guidance > .section-intro::before,
.guidance > .section-intro::after {
  content: none !important;
  display: none !important;
}

#guidance-title {
  display: block !important;
  width: fit-content !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#guidance-title::before,
#guidance-title::after {
  content: none !important;
  display: none !important;
}

#guidance-title span {
  margin-left: 0.22em !important;
}

/* ===== END AD DEMO GUIDANCE CLEAN V3 ===== */


/* ===== GUIDANCE HEADER GLASS FIX ===== */
.guidance > .section-intro {
  background: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  box-shadow: none !important;
}

#guidance-title span {
  margin-left: 0.22em !important;
}
/* ===== END GUIDANCE HEADER GLASS FIX ===== */

/* ===== AD DEMO AVATAR PLACEHOLDERS ===== */

.demo-avatar-small {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  background: linear-gradient(145deg, rgba(35, 82, 165, .82), rgba(12, 25, 52, .96)) !important;
  border: 1px solid rgba(112, 165, 255, .38) !important;
  color: rgba(235, 243, 255, .92) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  text-indent: .08em !important;
  text-align: center !important;
}

.demo-avatar-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(65, 128, 236, .18), transparent 38%),
    linear-gradient(145deg, rgba(13, 22, 38, .96), rgba(7, 11, 18, .98)) !important;
}

.demo-avatar-placeholder span {
  position: relative !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(119, 166, 246, .25) !important;
  border-radius: 999px !important;
  background: rgba(69, 124, 218, .08) !important;
  color: rgba(218, 231, 252, .72) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .12em !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* ===== END AD DEMO AVATAR PLACEHOLDERS ===== */

/* ===== CUSTOM CONTENT PREMIUM DISPLAY ===== */

.demo-avatar-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 50% 48%, rgba(76, 132, 230, .14) 0%, rgba(31, 65, 125, .05) 34%, transparent 64%),
    linear-gradient(145deg, rgba(12, 20, 34, .97), rgba(6, 10, 17, .99)) !important;
}

.demo-avatar-placeholder::before {
  content: "CQING" !important;
  position: absolute !important;
  left: 50% !important;
  top: calc(50% + 34px) !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  color: rgba(151, 177, 218, .34) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.demo-avatar-placeholder span {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;

  color: rgba(231, 238, 249, .92) !important;
  font-size: clamp(22px, 2.4vw, 32px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: .16em !important;
  text-indent: .16em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

/* ===== END CUSTOM CONTENT PREMIUM DISPLAY ===== */

/* ===== CQING DEMO SLOGAN ===== */
.demo-avatar-placeholder small {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% + 58px) !important;
  transform: translateX(-50%) !important;

  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

  color: rgba(191, 205, 228, .48) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  text-align: center !important;
  white-space: nowrap !important;
}
/* ===== END CQING DEMO SLOGAN ===== */

/* ===== DEMO AVATAR REMOVE LEGACY DECORATION ===== */
.avatar-wrap .avatar-ring,
.avatar-wrap .avatar-ring::before,
.avatar-wrap .avatar-ring::after {
  display: none !important;
  content: none !important;
}
/* ===== END DEMO AVATAR REMOVE LEGACY DECORATION ===== */

/* ===== WHITE DOT FINAL FIX ===== */
.demo-avatar-placeholder::before,
.demo-avatar-placeholder::after {
  content: none !important;
  display: none !important;
}

.demo-avatar-placeholder .demo-cqing {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% + 34px) !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: rgba(151,177,218,.34) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .34em !important;
  text-align: center !important;
  white-space: nowrap !important;
}
/* ===== END WHITE DOT FINAL FIX ===== */

.avatar-wrap::before,
.avatar-wrap::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

body::before {
  content: none !important;
  display: none !important;
}

.hero .identity-panel::before,
.hero .identity-panel::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

.demo-avatar-placeholder {
  background: linear-gradient(
    145deg,
    rgba(12, 20, 34, .97),
    rgba(6, 10, 17, .99)
  ) !important;
}

.demo-avatar-placeholder .demo-custom-title {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% - 72px) !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(242, 246, 252, .96) !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.demo-avatar-placeholder > span {
  transform: translateY(12px) !important;
}

.demo-avatar-placeholder .demo-cqing {
  top: calc(50% + 46px) !important;
}

.demo-avatar-placeholder small {
  top: calc(50% + 70px) !important;
}

.demo-avatar-placeholder .demo-cqing-logo {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% - 150px) !important;
  transform: translateX(-50%) !important;

  display: block !important;
  width: clamp(72px, 9vw, 112px) !important;
  height: auto !important;
  max-height: 92px !important;

  object-fit: contain !important;
  opacity: .88 !important;
  filter: none !important;
}

.demo-avatar-placeholder .demo-custom-title {
  top: calc(50% - 58px) !important;
}

.demo-avatar-placeholder .demo-cqing-logo {
  width: clamp(125px, 15vw, 185px) !important;
  max-height: 145px !important;
  top: calc(50% - 175px) !important;
}

.demo-avatar-placeholder .demo-cqing {

  font-size: 14px !important;

  font-weight: 600 !important;

  letter-spacing: .38em !important;

  color: rgba(174, 194, 226, .68) !important;

}

.demo-avatar-placeholder small {

  font-size: 13px !important;

  font-weight: 500 !important;

  letter-spacing: .16em !important;

  color: rgba(196, 209, 231, .68) !important;

}


.closing-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 460px !important;
  text-align: center !important;
}

.closing-brand-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

.closing-cqing-logo {
  display: block !important;
  width: clamp(135px, 15vw, 190px) !important;
  height: auto !important;
  margin: 0 auto 30px !important;
  object-fit: contain !important;
  opacity: .92 !important;
}

.closing-brand-inner strong {
  display: block !important;
  margin: 0 !important;
  color: rgba(235, 241, 250, .96) !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: .16em !important;
}

.closing-brand-inner b {
  display: block !important;
  margin-top: 22px !important;
  color: rgba(174, 194, 226, .68) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: .38em !important;
}

.closing-brand-inner span {
  display: block !important;
  margin-top: 22px !important;
  color: rgba(196, 209, 231, .68) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
}

.closing-brand-inner .closing-custom-title {
  margin: 0 0 28px !important;
  padding: 0 !important;
  color: rgba(242, 246, 252, .98) !important;
  font-size: clamp(42px, 5vw, 64px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  letter-spacing: .08em !important;
  text-align: center !important;
}

.closing-cqing-logo {
  margin-bottom: 42px !important;
}

.header-status-dots {
  position: relative !important;
  left: 10px !important;
}

.header-status-dots {
  left: 22px !important;
}

.header-status-dots {
  position: relative !important;
  left: 80px !important;
  transform: none !important;
}

.header-status-dots {
  transform: translateX(40px) !important;
}

.header-status-dots {
  transform: translate(48px, -3px) !important;
}

@media (min-width: 1024px) {
  .header-status-dots {
    transform: translateX(15px) !important;
  }
}

@media (max-width: 1023px) {
  .header-status-dots {
    left: 0 !important;
    transform: translateX(0) !important;
  }
}

@media (min-width: 1024px) {
  .header-status-dots {
    left: 0 !important;
    transform: translateX(15px) !important;
  }
}

/* ===== V4 OBSIDIAN BLACK / COLD SILVER ===== */

:root {
  --blue: #C8CBD0 !important;
  --blue-soft: #D6D8DC !important;
  --blue-bright: #ECEDEF !important;
}

body {
  background:
    radial-gradient(circle at 18% 12%, rgba(200,203,208,.075), transparent 30%),
    radial-gradient(circle at 82% 34%, rgba(122,126,134,.055), transparent 35%),
    #08090B !important;
}

.ambient-flow i {
  background: rgba(200,203,208,.075) !important;
  box-shadow: 0 0 100px rgba(200,203,208,.055) !important;
}

.site-header {
  background: rgba(13,14,17,.32) !important;
  border-color: rgba(214,216,220,.16) !important;
  box-shadow:
    0 16px 50px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
}

.hero-calendar {
  background: rgba(18,19,22,.26) !important;
  border-color: rgba(214,216,220,.14) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.18) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  backdrop-filter: blur(14px) !important;
}

.identity-panel {
  background: rgba(15,16,19,.27) !important;
  border-color: rgba(214,216,220,.13) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.20) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  backdrop-filter: blur(16px) !important;
}

.identity-panel::before {
  opacity: .10 !important;
}

.avatar-wrap,
.demo-avatar-placeholder {
  background: rgba(10,11,13,.28) !important;
  border-color: rgba(214,216,220,.10) !important;
}

.hero-line-2,
#guidance-title span {
  color: #D6D8DC !important;
}

.status-dot {
  background: #D6D8DC !important;
  box-shadow: 0 0 16px rgba(214,216,220,.45) !important;
}

.service-grid .service-card {
  background: linear-gradient(
    145deg,
    rgba(44,46,51,.48),
    rgba(12,13,16,.70)
  ) !important;
  background-image: linear-gradient(
    145deg,
    rgba(44,46,51,.48),
    rgba(12,13,16,.70)
  ) !important;
  border: 1px solid rgba(214,216,220,.17) !important;
  box-shadow:
    0 20px 55px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
  backdrop-filter: blur(16px) saturate(1.04) !important;
}

.guidance-points article,
.audience-card {
  background: linear-gradient(
    145deg,
    rgba(40,42,47,.40),
    rgba(12,13,16,.60)
  ) !important;
  background-image: linear-gradient(
    145deg,
    rgba(40,42,47,.40),
    rgba(12,13,16,.60)
  ) !important;
  border: 1px solid rgba(214,216,220,.17) !important;
  box-shadow:
    0 20px 55px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.04) !important;
  backdrop-filter: blur(16px) saturate(1.04) !important;
}

.service-grid .card-meta,
.service-grid .card-meta span,
.guidance-points article > span {
  color: rgba(214,216,220,.70) !important;
}

.service-mini-cta,
.audience-card a {
  background: rgba(200,203,208,.075) !important;
  border-color: rgba(214,216,220,.24) !important;
  color: rgba(239,240,242,.94) !important;
}

.service-mini-cta:hover,
.audience-card a:hover {
  background: rgba(214,216,220,.13) !important;
  border-color: rgba(236,237,239,.42) !important;
  box-shadow: 0 0 24px rgba(214,216,220,.08) !important;
}

.demo-avatar-placeholder .demo-cqing,
.closing-brand-inner b {
  color: rgba(214,216,220,.70) !important;
}

.demo-avatar-placeholder small,
.closing-brand-inner span {
  color: rgba(200,203,208,.58) !important;
}

/* ===== END V4 OBSIDIAN BLACK / COLD SILVER ===== */

/* ===== 顶部品牌位置微调 2026-09-26 ===== */

/* 两行文字整体往下 */
.site-header .brand-copy {
  transform: translateY(4px) !important;
}

/* 三色状态灯向右移动 */
.site-header .header-status-dots {
  transform: translateX(12px) !important;
}


/* 顶部菜单微调：NFT交易 + 三色呼吸灯 */
.site-header .brand-copy small {
  font-size: 14px !important;
}

.site-header .header-status-dots {
  transform: translate(12px, 5px) !important;
}


/* 三色呼吸灯：只向右移动 */
.site-header .header-status-dots {
  transform: translateX(35px) !important;
}


/* 顶部两行品牌文字整体继续下移；不影响三色灯 */
.site-header .brand-copy {
  transform: translateY(8px) !important;
}


/* 三色呼吸灯：保持右移位置，只向上微调 3px */
.site-header .header-status-dots {
  transform: translate(35px, -3px) !important;
}


/* 顶部小头像稍微放大，其他元素不动 */
.site-header .demo-avatar-small {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
}

.site-header .demo-avatar-small img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}


/* 顶部小头像：左移 3px，下移 3px */
.site-header .demo-avatar-small {
  transform: translate(-3px, 3px) !important;
}


/* 奶嘴：轻微放大 + 下移 */
.hero-visual-card:has(img[src$="/奶嘴.webp"]) img {
  transform: translateY(4px) scale(1.08) !important;
}

/* 顶部轮播：比特币 / 茄子花 / 金猴子轻微放大 */
.hero-visual-card:has(img[src$="/比特币.png"]) img,
.hero-visual-card:has(img[src$="/茄子花.png"]) img,
.hero-visual-card:has(img[src$="/金猴子.png"]) img {
  transform: scale(1.08) !important;
}

/* ===== 04 飞机典藏礼物：15图轮播 ===== */
.service-gift-slider {
  overflow: hidden !important;
}

.service-gift-track {
  position: relative;
  width: 100%;
  height: 100%;
}

.service-gift-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  animation: serviceGiftShow 45s linear infinite;
}

.service-gift-slide img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.service-gift-slide:nth-child(1)  { animation-delay: 0s; }
.service-gift-slide:nth-child(2)  { animation-delay: 3s; }
.service-gift-slide:nth-child(3)  { animation-delay: 6s; }
.service-gift-slide:nth-child(4)  { animation-delay: 9s; }
.service-gift-slide:nth-child(5)  { animation-delay: 12s; }
.service-gift-slide:nth-child(6)  { animation-delay: 15s; }
.service-gift-slide:nth-child(7)  { animation-delay: 18s; }
.service-gift-slide:nth-child(8)  { animation-delay: 21s; }
.service-gift-slide:nth-child(9)  { animation-delay: 24s; }
.service-gift-slide:nth-child(10) { animation-delay: 27s; }
.service-gift-slide:nth-child(11) { animation-delay: 30s; }
.service-gift-slide:nth-child(12) { animation-delay: 33s; }
.service-gift-slide:nth-child(13) { animation-delay: 36s; }
.service-gift-slide:nth-child(14) { animation-delay: 39s; }
.service-gift-slide:nth-child(15) { animation-delay: 42s; }

@keyframes serviceGiftShow {
  0%, 5.8% {
    opacity: 1;
  }
  6.7%, 100% {
    opacity: 0;
  }
}

/* ===== 第二屏第一块：新增15张典藏礼物统一放大 ===== */
#services .service-card:nth-child(4)
.gift-slider-item:has(img[src$=".png"]) img {
  transform: scale(1.75) !important;
  transform-origin: center center !important;
}