/* Set 2: restrained depth, soft surfaces, compact premium rhythm. */
html[data-premium-set="second"] {
  --premium-ink: #172033;
  --premium-muted: #68758a;
  --premium-line: rgba(31, 50, 78, 0.11);
  --premium-surface: rgba(255, 255, 255, 0.94);
  --premium-shadow: 0 24px 70px rgba(26, 46, 76, 0.12);
  --premium-radius: 24px;
  color-scheme: light;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

html[data-premium-set="second"] body {
  color: var(--premium-ink);
  background: #f5f7fa;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-premium-set="second"] :where(h1, h2, h3) {
  letter-spacing: -0.025em;
  text-wrap: balance;
}

html[data-premium-set="second"] :where(button, a) {
  -webkit-tap-highlight-color: transparent;
}

html[data-premium-set="second"] :where(button, a):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--premium-accent) 38%, transparent);
  outline-offset: 3px;
}

/* UGPhone */
html[data-premium-site="ugphone"] { --premium-accent: #f94647; }
html[data-premium-site="ugphone"] .isolate > header {
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: rgba(16,17,20,.8) !important;
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 16px 45px rgba(0,0,0,.16);
}
html[data-premium-site="ugphone"] .banner-bg h1 {
  letter-spacing: -.045em;
  text-shadow: 0 10px 36px rgba(0,0,0,.35);
}
html[data-premium-site="ugphone"] .banner-bg .rounded-md,
html[data-premium-site="ugphone"] .isolate > header .rounded-md {
  min-height: 48px;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(249,70,71,.28);
}
html[data-premium-site="ugphone"] .rank-box {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 28px 28px 0 0 !important;
  box-shadow: 0 30px 80px rgba(11,15,24,.28);
  overflow: hidden;
}
html[data-premium-site="ugphone"] section.w-screen:not(.banner-bg) > div {
  max-width: 1280px;
}
html[data-premium-site="ugphone"] footer { border-top: 1px solid rgba(255,255,255,.1); }

/* HelloWorld */
html[data-premium-site="helloworld"] { --premium-accent: #075df2; }
html[data-premium-site="helloworld"] body { background: #f3f7ff; }
html[data-premium-site="helloworld"] .header {
  box-shadow: inset 0 -1px rgba(255,255,255,.32);
}
html[data-premium-site="helloworld"] .header .body > div:first-child {
  text-shadow: 0 10px 36px rgba(0,35,92,.25);
}
html[data-premium-site="helloworld"] .content,
html[data-premium-site="helloworld"] .feedback {
  margin: 28px auto;
  width: min(1380px, calc(100% - 48px));
  border: 1px solid rgba(33,86,170,.11);
  border-radius: 28px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 24px 68px rgba(35,82,149,.1);
  overflow: hidden;
}
html[data-premium-site="helloworld"] .content .img,
html[data-premium-site="helloworld"] .feedback .img {
  filter: saturate(.95) contrast(1.02);
}
html[data-premium-site="helloworld"] .banner {
  border-top: 1px solid rgba(255,255,255,.25);
  box-shadow: inset 0 24px 80px rgba(0,31,95,.12);
}
html[data-premium-site="helloworld"] .el-button { box-shadow: 0 12px 28px rgba(2,91,248,.22); }

/* SaleSmartly */
html[data-premium-site="salesmartly"] { --premium-accent: #2e4fed; }
html[data-premium-site="salesmartly"] body { background: #f7f9fc; }
html[data-premium-site="salesmartly"] header {
  border-bottom: 1px solid rgba(19,38,78,.08) !important;
  background: rgba(255,255,255,.88) !important;
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  box-shadow: 0 12px 34px rgba(31,55,96,.08);
}
html[data-premium-site="salesmartly"] .video-hack {
  border: 1px solid rgba(32,60,111,.1);
  border-radius: 28px;
  box-shadow: 0 30px 90px rgba(27,50,88,.13);
}
html[data-premium-site="salesmartly"] section h1,
html[data-premium-site="salesmartly"] section h2 { letter-spacing: -.045em; }
html[data-premium-site="salesmartly"] section a[class*="bg-surface-primary-reversed"],
html[data-premium-site="salesmartly"] section a[class*="bg-surface-primary"] {
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(46,79,237,.23);
}
html[data-premium-site="salesmartly"] .ss-long-home-sections > * {
  border-top: 1px solid rgba(36,58,94,.07);
}

/* Hello GPT */
html[data-premium-site="hellogpt"] { --premium-accent: #f39824; }
html[data-premium-site="hellogpt"] body { background: #f6f7fb; }
html[data-premium-site="hellogpt"] .hero {
  box-shadow: inset 0 -1px rgba(255,255,255,.18), 0 22px 60px rgba(25,31,49,.16);
}
html[data-premium-site="hellogpt"] .hero h1 { letter-spacing: -.05em; text-shadow: 0 14px 36px rgba(0,0,0,.22); }
html[data-premium-site="hellogpt"] .features-block,
html[data-premium-site="hellogpt"] .hello-download-static-wrap {
  margin: 28px auto;
  width: min(1380px, calc(100% - 48px));
  border: 1px solid rgba(53,61,94,.1);
  border-radius: 28px;
  background: rgba(255,255,255,.96);
  box-shadow: var(--premium-shadow);
  overflow: hidden;
}
html[data-premium-site="hellogpt"] .connection { box-shadow: inset 0 1px rgba(255,255,255,.12), inset 0 -1px rgba(255,255,255,.12); }
html[data-premium-site="hellogpt"] .hello-download-card {
  border: 1px solid rgba(38,54,92,.1) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 44px rgba(32,50,85,.1) !important;
}
html[data-premium-site="hellogpt"] :is(button.primary, button.login, .hello-download-card button) {
  border-radius: 12px !important;
  box-shadow: 0 12px 30px color-mix(in srgb, var(--premium-accent) 25%, transparent);
}

/* LDPlayer: leave the animated hero flow untouched. */
html[data-premium-site="ldplayer"] { --premium-accent: #e8a600; }
html[data-premium-site="ldplayer"] body { background: #f3f5f8; }
html[data-premium-site="ldplayer"] header {
  border-bottom: 1px solid rgba(30,38,54,.08);
  background: rgba(255,255,255,.9) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(24,33,52,.08);
}
html[data-premium-site="ldplayer"] section.view-content,
html[data-premium-site="ldplayer"] section[class*="view-content"],
html[data-premium-site="ldplayer"] .ldplayer-performance-section {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
  border: 1px solid rgba(38,48,66,.09);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 18px 54px rgba(30,40,62,.09);
  overflow: hidden;
}
html[data-premium-site="ldplayer"] .ldplayer-hotspot-slide,
html[data-premium-site="ldplayer"] [class*="rd-"] {
  border-color: rgba(232,166,0,.22);
}
html[data-premium-site="ldplayer"] footer { border-top: 1px solid rgba(35,44,62,.09); }

/* LetsVPN: preserve all existing SVG and application animations. */
html[data-premium-site="letsvpn"] { --premium-accent: #6656de; }
html[data-premium-site="letsvpn"] body { background: #f5f5fb; }
html[data-premium-site="letsvpn"] .box > .nav,
html[data-premium-site="letsvpn"] .box > .header {
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
}
html[data-premium-site="letsvpn"] .intro-item {
  width: min(1320px, calc(100% - 56px));
  margin: 42px auto !important;
  border: 1px solid rgba(77,76,146,.1);
  border-radius: 28px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 24px 70px rgba(55,53,115,.1);
  overflow: hidden;
}
html[data-premium-site="letsvpn"] .comments {
  border-top: 1px solid rgba(77,76,146,.08);
  border-bottom: 1px solid rgba(77,76,146,.08);
  background: linear-gradient(180deg,#f2f1fb,#fafaff);
}
html[data-premium-site="letsvpn"] .btn-down,
html[data-premium-site="letsvpn"] .btn-login {
  border-radius: 14px !important;
  box-shadow: 0 12px 30px rgba(83,77,210,.19);
}

/* Youdao */
html[data-premium-site="youdao"] { --premium-accent: #ef463d; }
html[data-premium-site="youdao"] body { background: #f7f8fa; }
html[data-premium-site="youdao"] .header {
  border-bottom: 1px solid rgba(46,54,68,.08);
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(30,39,55,.08);
}
html[data-premium-site="youdao"] .first {
  margin: 20px auto 34px;
  width: min(1420px, calc(100% - 36px));
  border-radius: 30px;
  box-shadow: 0 28px 78px rgba(44,52,71,.12);
  overflow: hidden;
}
html[data-premium-site="youdao"] .detail-item,
html[data-premium-site="youdao"] .row-item {
  width: min(1280px, calc(100% - 52px));
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(46,55,73,.09);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 20px 58px rgba(32,43,63,.08);
  overflow: hidden;
}
html[data-premium-site="youdao"] .trial-button {
  min-width: 190px;
  border-radius: 13px;
  box-shadow: 0 14px 34px rgba(239,70,61,.22);
}
html[data-premium-site="youdao"] .bottom { box-shadow: inset 0 1px rgba(255,255,255,.3); }

/* TranGPT */
html[data-premium-site="trangpt"] { --premium-accent: #5548d9; }
html[data-premium-site="trangpt"] body { background: #f5f6fa; }
html[data-premium-site="trangpt"] .header {
  border-bottom: 1px solid rgba(45,48,79,.09);
  background: rgba(255,255,255,.9) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(35,38,69,.08);
}
html[data-premium-site="trangpt"] :is(.index-about-us,.index-advantage,.index-global,.index-experience,.index-introduce,.index-problem,.homepage-plans) {
  margin: 28px auto;
  width: min(1400px, calc(100% - 48px));
  border: 1px solid rgba(52,54,96,.09);
  border-radius: 26px;
  background-color: #fff;
  box-shadow: 0 22px 64px rgba(39,42,80,.09);
  overflow: hidden;
}
html[data-premium-site="trangpt"] :is(.voucher-center-button,.button-item,.trangpt-final-trial) {
  border-radius: 13px !important;
  box-shadow: 0 12px 28px rgba(85,72,217,.18);
}

/* Haiyitong */
html[data-premium-site="haiyitong"] { --premium-accent: #2568f2; }
html[data-premium-site="haiyitong"] body { background: #f4f7fb; }
html[data-premium-site="haiyitong"] .header {
  border-bottom: 1px solid rgba(30,67,129,.09);
  background: rgba(255,255,255,.91) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(27,62,119,.08);
}
html[data-premium-site="haiyitong"] :is(.advantage-wrap,.advantage-box,.package-wrap,.serve-wrap,.slogan-wrap,.hyt-ability-section,.hyt-download-section) {
  width: min(1400px, calc(100% - 48px));
  margin: 26px auto !important;
  border: 1px solid rgba(31,76,148,.09);
  border-radius: 26px;
  background-color: #fff;
  box-shadow: 0 22px 64px rgba(29,69,134,.09);
  overflow: hidden;
}
html[data-premium-site="haiyitong"] :is(.package-detail,.hyt-download-card) {
  border-radius: 18px !important;
  box-shadow: 0 16px 40px rgba(34,72,132,.1);
}
html[data-premium-site="haiyitong"] :is(.hyt-hero-trial,.hyt-plan-trial) {
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(37,99,235,.2);
}

/* ChatKnow */
html[data-premium-site="chatknow"] { --premium-accent: #249b48; }
html[data-premium-site="chatknow"] body { background: #f5f8f6; }
html[data-premium-site="chatknow"] .header {
  border-bottom: 1px solid rgba(25,83,47,.09);
  background: rgba(255,255,255,.9) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 12px 34px rgba(25,73,43,.08);
}
html[data-premium-site="chatknow"] :is(.section-questions,.section-feedback,.chatknow-embedded-section) {
  width: min(1400px, calc(100% - 48px));
  margin: 28px auto;
  border: 1px solid rgba(34,105,60,.09);
  border-radius: 26px;
  background-color: #fff;
  box-shadow: 0 22px 64px rgba(31,88,52,.09);
  overflow: hidden;
}
html[data-premium-site="chatknow"] .function-item {
  width: min(1320px, calc(100% - 48px));
  margin-left: auto;
  margin-right: auto;
  border-bottom: 1px solid rgba(34,105,60,.08);
}
html[data-premium-site="chatknow"] :is(.btn-new-bg,.chatknow-plan-trial,.division-download) {
  border-radius: 12px !important;
  box-shadow: 0 12px 30px rgba(36,155,72,.2);
}

/* Haiwang */
html[data-premium-site="haiwang"] { --premium-accent: #0878f7; }
html[data-premium-site="haiwang"] body { background: #f4f7fb; }
html[data-premium-site="haiwang"] .site-header {
  border-bottom: 1px solid rgba(19,58,105,.09);
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(18px) saturate(145%);
  -webkit-backdrop-filter: blur(18px) saturate(145%);
  box-shadow: 0 12px 34px rgba(18,56,102,.08);
}
html[data-premium-site="haiwang"] .hero {
  margin: 20px auto 30px;
  width: min(1480px, calc(100% - 36px));
  border: 1px solid rgba(22,74,139,.09);
  border-radius: 30px;
  box-shadow: 0 28px 78px rgba(18,60,112,.12);
  overflow: hidden;
}
html[data-premium-site="haiwang"] :is(.intro,.advantages) {
  width: min(1400px, calc(100% - 48px));
  margin: 28px auto;
  border: 1px solid rgba(24,71,130,.09);
  border-radius: 26px;
  box-shadow: 0 22px 64px rgba(18,59,111,.09);
  overflow: hidden;
}
html[data-premium-site="haiwang"] :is(.header-cta,.hero-cta,.final-cta-button) {
  border-radius: 12px;
  box-shadow: 0 13px 32px rgba(8,120,247,.22);
}

@media (max-width: 767px) {
  html[data-premium-set="second"] { --premium-radius: 18px; }
  html[data-premium-set="second"] :is(.content,.feedback,.features-block,.hello-download-static-wrap,.intro-item,.first,.detail-item,.row-item,.index-about-us,.index-advantage,.index-global,.index-experience,.index-introduce,.index-problem,.homepage-plans,.advantage-wrap,.advantage-box,.package-wrap,.serve-wrap,.slogan-wrap,.hyt-ability-section,.hyt-download-section,.section-questions,.section-feedback,.chatknow-embedded-section,.hero,.intro,.advantages) {
    width: calc(100% - 20px);
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 18px;
  }
  html[data-premium-site="ugphone"] .rank-box { border-radius: 20px 20px 0 0 !important; }
  html[data-premium-site="ldplayer"] section.view-content,
  html[data-premium-site="ldplayer"] section[class*="view-content"] {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 16px 10px !important;
  }
}

/* LetsVPN's archived mobile shell contains a broad legacy rule that stretches
   every image to the viewport. Keep the original artwork, but restore the
   component-level proportions when the local offline fallback is active. */
@media (max-width: 767px) {
  html[data-premium-site="letsvpn"] #app.mobile img {
    width: auto !important;
    height: auto !important;
  }

  html[data-premium-site="letsvpn"] #app.mobile .badge_icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px;
    object-fit: contain;
  }

  html[data-premium-site="letsvpn"] #app.mobile .app-svg {
    display: block;
    width: min(360px, 92vw) !important;
    height: auto !important;
    margin-inline: auto;
  }

  html[data-premium-site="letsvpn"] #app.mobile .icon-bottom {
    display: block;
    width: min(330px, 88vw) !important;
    height: auto !important;
    margin-inline: auto;
  }

  html[data-premium-site="letsvpn"] #app.mobile .contact img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-premium-set="second"] { scroll-behavior: auto; }
  html[data-premium-set="second"] *,
  html[data-premium-set="second"] *::before,
  html[data-premium-set="second"] *::after { transition-duration: .01ms !important; }
}