/* English Study Bot — V4.8.6 desktop/tablet homepage realignment fix
   Scope: homepage only, viewport >= 768px.
   Safety: no footer selectors; no mobile rules; no DOM hiding/removal. */

@media (min-width: 768px) {
  body.esb-home-desktop-v486 {
    --esb-v486-shell: min(1320px, calc(100vw - 56px));
    --esb-v486-ink: #123574;
    --esb-v486-muted: #7487a7;
    --esb-v486-line: rgba(76,120,190,.15);
    --esb-v486-shadow: 0 14px 34px rgba(49,91,158,.10);
    --esb-v486-shadow-hover: 0 22px 44px rgba(49,91,158,.16);
  }

  /* Critical fix: expand the identified module itself out of a legacy narrow parent.
     We do NOT mutate ancestor widths. */
  body.esb-home-desktop-v486 .esb-breakout-v486 {
    width: var(--esb-v486-shell) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
  }

  /* HERO */
  body.esb-home-desktop-v486 .esb-hero-shell-v486 {
    display: grid !important;
    grid-template-columns: minmax(0,1.08fr) minmax(360px,.92fr) !important;
    align-items: center !important;
    column-gap: clamp(38px,4vw,74px) !important;
    min-height: 0 !important;
    padding-top: clamp(22px,2.3vw,36px) !important;
    padding-bottom: clamp(18px,2vw,28px) !important;
  }
  body.esb-home-desktop-v486 .esb-hero-copy-v486 { min-width:0 !important; max-width:720px !important; }
  body.esb-home-desktop-v486 .esb-hero-title-v486 {
    margin: 8px 0 10px !important;
    font-size: clamp(44px,3.7vw,64px) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
  }
  body.esb-home-desktop-v486 .esb-hero-tagline-v486 {
    margin:0 0 13px !important;
    font-size:clamp(16px,1.16vw,20px) !important;
    font-weight:760 !important;
  }
  body.esb-home-desktop-v486 .esb-hero-description-v486 {
    max-width:680px !important;
    font-size:clamp(14px,.94vw,16px) !important;
    line-height:1.8 !important;
    color:#6f82a1 !important;
  }
  body.esb-home-desktop-v486 .esb-hero-art-v486 {
    width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    transform: translateY(3px) scale(1.015) !important;
    transform-origin:right center !important;
    filter: drop-shadow(0 18px 26px rgba(70,118,220,.14));
  }

  /* LOGIN / USER STATUS — explicitly prevent the action from stretching. */
  body.esb-home-desktop-v486 .esb-user-status-v486 {
    margin-top:10px !important;
    padding:15px 18px !important;
    min-height:72px !important;
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:22px !important;
    border:1px solid var(--esb-v486-line) !important;
    border-radius:18px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,251,255,.93)) !important;
    box-shadow:var(--esb-v486-shadow) !important;
  }
  body.esb-home-desktop-v486 .esb-user-status-v486 > * { min-width:0 !important; }
  body.esb-home-desktop-v486 .esb-action-primary-v486,
  body.esb-home-desktop-v486 .esb-action-secondary-v486 {
    flex:0 0 auto !important;
    width:auto !important;
    max-width:max-content !important;
    min-width:112px !important;
    min-height:43px !important;
    padding:0 20px !important;
    border-radius:12px !important;
    white-space:nowrap !important;
    font-weight:760 !important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease !important;
  }
  body.esb-home-desktop-v486 .esb-action-primary-v486 {
    color:#fff !important;
    border-color:transparent !important;
    background:linear-gradient(135deg,#1f6ff2,#2f82ff) !important;
    box-shadow:0 9px 20px rgba(36,112,242,.22) !important;
  }
  body.esb-home-desktop-v486 .esb-action-primary-v486:hover { transform:translateY(-2px) !important; box-shadow:0 13px 24px rgba(36,112,242,.28) !important; }
  body.esb-home-desktop-v486 .esb-action-secondary-v486 {
    color:#2367d7 !important;
    border:1px solid rgba(37,99,235,.18) !important;
    background:rgba(248,251,255,.96) !important;
  }

  /* SEARCH + FILTER — same edge line as hero/zones/features. */
  body.esb-home-desktop-v486 .esb-search-filter-shell-v486 {
    margin-top:24px !important;
    margin-bottom:30px !important;
    padding:14px 16px 15px !important;
    border:1px solid rgba(83,126,192,.14) !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,252,255,.90)) !important;
    box-shadow:0 11px 29px rgba(58,96,157,.08) !important;
  }
  body.esb-home-desktop-v486 .esb-search-input-v486 {
    width:100% !important;
    max-width:none !important;
    min-height:52px !important;
    border-radius:14px !important;
  }
  body.esb-home-desktop-v486 .esb-filter-chip-v486 { transition:transform .16s ease,box-shadow .16s ease !important; }
  body.esb-home-desktop-v486 .esb-filter-chip-v486:hover { transform:translateY(-2px) !important; box-shadow:0 7px 16px rgba(48,87,148,.10) !important; }
  body.esb-home-desktop-v486 .esb-filter-active-v486 { background:linear-gradient(135deg,#2474ef,#3b82f6) !important; box-shadow:0 8px 18px rgba(37,99,235,.20) !important; }

  /* ZONES */
  body.esb-home-desktop-v486 .esb-zone-head-v486 {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:16px !important;
    margin-bottom:14px !important;
  }
  body.esb-home-desktop-v486 .esb-zone-count-v486 {
    justify-self:end !important;
    display:inline-flex !important;
    align-items:center !important;
    padding:7px 11px !important;
    border-radius:999px !important;
    background:rgba(237,244,255,.96) !important;
    color:#5676b2 !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }
  body.esb-home-desktop-v486 .esb-zone-grid-v486 {
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
  }
  body.esb-home-desktop-v486 .esb-zone-grid-item-v486 { min-width:0 !important; }
  body.esb-home-desktop-v486 .esb-zone-card-v486 {
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:148px !important;
    border-radius:20px !important;
    border:1px solid rgba(83,126,192,.11) !important;
    box-shadow:0 12px 24px rgba(56,91,150,.09) !important;
    transition:transform .20s cubic-bezier(.2,.8,.2,1),box-shadow .20s ease,border-color .20s ease !important;
    will-change:transform;
  }
  body.esb-home-desktop-v486 .esb-zone-card-v486:hover,
  body.esb-home-desktop-v486 .esb-zone-card-v486:focus-visible {
    transform:translateY(-7px) scale(1.008) !important;
    border-color:rgba(76,125,213,.20) !important;
    box-shadow:var(--esb-v486-shadow-hover) !important;
    z-index:3 !important;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486 {
    position:absolute !important;
    left:18px !important;
    top:17px !important;
    z-index:4 !important;
    display:inline-block !important;
    width:auto !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    font-size:0 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486::after {
    content:attr(data-esb-desktop-title);
    display:inline-block !important;
    white-space:nowrap !important;
    font-size:clamp(18px,1.28vw,23px) !important;
    line-height:1.08 !important;
    font-weight:850 !important;
    letter-spacing:-.01em !important;
    color:#1852a4 !important;
    opacity:1 !important;
    visibility:visible !important;
    -webkit-text-fill-color:currentColor !important;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="ielts"]::after { color:#1852a4 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="kaoyan"]::after { color:#5338b6 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="gre"]::after { color:#1e57b7 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="cet4"]::after { color:#087f73 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="cet6"]::after { color:#a65b08 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="tem4"]::after { color:#c72d61 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="toefl"]::after { color:#0e72a8 !important; }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="tem8"]::after { color:#5034b5 !important; }
  body.esb-home-desktop-v486 .esb-zone-subtitle-v486 { display:none !important; }
  body.esb-home-desktop-v486 .esb-zone-arrow-v486 {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:35px !important;
    height:35px !important;
    min-width:35px !important;
    min-height:35px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.95) !important;
    box-shadow:0 7px 16px rgba(44,83,145,.11) !important;
    transition:transform .18s ease,box-shadow .18s ease !important;
  }
  body.esb-home-desktop-v486 .esb-zone-card-v486:hover .esb-zone-arrow-v486 { transform:translateX(5px) !important; box-shadow:0 10px 20px rgba(44,83,145,.16) !important; }

  /* FEATURES */
  body.esb-home-desktop-v486 .esb-feature-grid-v486 {
    margin-top:64px !important;
    margin-bottom:38px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-v486::before {
    content:"为什么选择 English Study Bot？";
    grid-column:1 / -1 !important;
    display:block !important;
    margin:0 0 18px !important;
    text-align:center !important;
    font-family:ui-rounded,"SF Pro Rounded","PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;
    font-size:clamp(30px,2.05vw,38px) !important;
    line-height:1.15 !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
    background:linear-gradient(105deg,#163b82 8%,#3473ec 52%,#183d85 92%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    color:transparent !important;
    filter:drop-shadow(0 8px 16px rgba(37,99,235,.08));
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486 {
    min-width:0 !important;
    min-height:116px !important;
    padding:17px 18px !important;
    display:grid !important;
    grid-template-columns:58px minmax(0,1fr) !important;
    align-items:center !important;
    gap:15px !important;
    position:relative !important;
    overflow:hidden !important;
    border:1px solid rgba(83,126,192,.12) !important;
    border-radius:20px !important;
    background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(248,251,255,.94)) !important;
    box-shadow:0 10px 25px rgba(57,93,151,.08) !important;
    transition:transform .19s ease,box-shadow .19s ease,border-color .19s ease !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486:hover {
    transform:translateY(-5px) !important;
    box-shadow:0 17px 34px rgba(57,93,151,.13) !important;
    border-color:rgba(76,125,213,.18) !important;
  }
  body.esb-home-desktop-v486 .esb-feature-card-v486 {
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  body.esb-home-desktop-v486 .esb-feature-copy-v486 { min-width:0 !important; display:flex !important; flex-direction:column !important; gap:4px !important; }
  body.esb-home-desktop-v486 .esb-feature-title-v486 { font-size:clamp(17px,1.12vw,20px) !important; line-height:1.18 !important; font-weight:850 !important; color:#15366f !important; }
  body.esb-home-desktop-v486 .esb-feature-subtitle-v486 { font-size:13px !important; line-height:1.5 !important; color:#7a8ca8 !important; }
  body.esb-home-desktop-v486 .esb-feature-icon-v486 {
    width:56px !important;
    height:56px !important;
    min-width:56px !important;
    min-height:56px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:0 !important;
    line-height:0 !important;
    box-shadow:0 10px 20px rgba(55,104,195,.18) !important;
    transition:transform .18s ease,box-shadow .18s ease !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486:hover .esb-feature-icon-v486 { transform:translateY(-2px) scale(1.035) !important; box-shadow:0 14px 24px rgba(55,104,195,.24) !important; }
  body.esb-home-desktop-v486 .esb-feature-icon-v486::before {
    content:"" !important;
    width:29px !important;
    height:29px !important;
    display:block !important;
    background:#fff !important;
    -webkit-mask-position:center !important;
    mask-position:center !important;
    -webkit-mask-repeat:no-repeat !important;
    mask-repeat:no-repeat !important;
    -webkit-mask-size:contain !important;
    mask-size:contain !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="scene-reading"] .esb-feature-icon-v486 { background:linear-gradient(135deg,#4f8fff,#2868e9) !important; }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="scene-reading"] .esb-feature-icon-v486::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4.8c2.9-.9 5.7-.5 8 1v13c-2.3-1.5-5.1-1.9-8-1V4.8Zm18 0c-2.9-.9-5.7-.5-8 1v13c2.3-1.5 5.1-1.9 8-1V4.8Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4.8c2.9-.9 5.7-.5 8 1v13c-2.3-1.5-5.1-1.9-8-1V4.8Zm18 0c-2.9-.9-5.7-.5-8 1v13c2.3-1.5 5.1-1.9 8-1V4.8Z'/%3E%3C/svg%3E") !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="word-audio"] .esb-feature-icon-v486 { background:linear-gradient(135deg,#45d89a,#14b874) !important; }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="word-audio"] .esb-feature-icon-v486::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9h4l5-4v14l-5-4H4V9Zm11.5 1.2a3 3 0 0 1 0 3.6l1.7 1.1a5 5 0 0 0 0-5.8l-1.7 1.1Zm3-2a7.4 7.4 0 0 1 0 7.6l1.7 1.1a9.4 9.4 0 0 0 0-9.8l-1.7 1.1Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 9h4l5-4v14l-5-4H4V9Zm11.5 1.2a3 3 0 0 1 0 3.6l1.7 1.1a5 5 0 0 0 0-5.8l-1.7 1.1Zm3-2a7.4 7.4 0 0 1 0 7.6l1.7 1.1a9.4 9.4 0 0 0 0-9.8l-1.7 1.1Z'/%3E%3C/svg%3E") !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="flash-review"] .esb-feature-icon-v486 { background:linear-gradient(135deg,#ffb24f,#ff8a22) !important; }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="flash-review"] .esb-feature-icon-v486::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h13a2 2 0 0 1 2 2v9H7a2 2 0 0 1-2-2V4Zm-2 4h2v7a2 2 0 0 0 2 2h11v2H5a2 2 0 0 1-2-2V8Zm5 0h9v2H8V8Zm0 4h6v2H8v-2Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 4h13a2 2 0 0 1 2 2v9H7a2 2 0 0 1-2-2V4Zm-2 4h2v7a2 2 0 0 0 2 2h11v2H5a2 2 0 0 1-2-2V8Zm5 0h9v2H8V8Zm0 4h6v2H8v-2Z'/%3E%3C/svg%3E") !important;
  }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="spaced-review"] .esb-feature-icon-v486 { background:linear-gradient(135deg,#bb8cff,#8a62ff) !important; }
  body.esb-home-desktop-v486 .esb-feature-grid-item-v486[data-esb-feature="spaced-review"] .esb-feature-icon-v486::before {
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 18h16v2H2V4h2v14Zm2-3 3.2-3.4 3 2.1L17.4 7l1.6 1.2-6.4 8.2-3.1-2.2L7.4 16 6 15Z'/%3E%3C/svg%3E") !important;
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 18h16v2H2V4h2v14Zm2-3 3.2-3.4 3 2.1L17.4 7l1.6 1.2-6.4 8.2-3.1-2.2L7.4 16 6 15Z'/%3E%3C/svg%3E") !important;
  }

  @media (min-width:768px) and (max-width:1023px) {
    body.esb-home-desktop-v486 { --esb-v486-shell:min(1180px,calc(100vw - 24px)); }
    body.esb-home-desktop-v486 .esb-hero-shell-v486 { grid-template-columns:minmax(0,1.03fr) minmax(245px,.97fr) !important; column-gap:22px !important; padding-top:20px !important; padding-bottom:17px !important; }
    body.esb-home-desktop-v486 .esb-zone-grid-v486 { gap:11px !important; }
    body.esb-home-desktop-v486 .esb-zone-card-v486 { min-height:126px !important; border-radius:17px !important; }
    body.esb-home-desktop-v486 .esb-zone-title-v486 { left:14px !important; top:15px !important; }
    body.esb-home-desktop-v486 .esb-zone-title-v486::after { font-size:clamp(16px,2vw,20px) !important; }
    body.esb-home-desktop-v486 .esb-feature-grid-v486 { margin-top:50px !important; gap:11px !important; }
    body.esb-home-desktop-v486 .esb-feature-grid-v486::before { font-size:clamp(24px,2.7vw,31px) !important; margin-bottom:13px !important; }
    body.esb-home-desktop-v486 .esb-feature-grid-item-v486 { min-height:104px !important; padding:13px 11px !important; grid-template-columns:48px minmax(0,1fr) !important; gap:10px !important; }
    body.esb-home-desktop-v486 .esb-feature-icon-v486 { width:48px !important; height:48px !important; min-width:48px !important; min-height:48px !important; border-radius:15px !important; }
    body.esb-home-desktop-v486 .esb-feature-icon-v486::before { width:25px !important; height:25px !important; }
    body.esb-home-desktop-v486 .esb-feature-title-v486 { font-size:16px !important; }
    body.esb-home-desktop-v486 .esb-feature-subtitle-v486 { font-size:12px !important; }
    body.esb-home-desktop-v486 .esb-action-primary-v486, body.esb-home-desktop-v486 .esb-action-secondary-v486 { min-width:96px !important; padding:0 14px !important; }
  }
}

/* V4.8.6 title polish: readable futuristic typography without transparent text. */
@media (min-width: 768px) {
  body.esb-home-desktop-v486 .esb-zone-title-v486 {
    --esb-tech-color: #1852a4;
    --esb-tech-glow: rgba(37, 99, 235, .28);
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    perspective: 200px;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486::before {
    content: "" !important;
    width: 11px !important;
    height: 3px !important;
    flex: 0 0 11px !important;
    border-radius: 999px !important;
    background: var(--esb-tech-color) !important;
    box-shadow: 5px -5px 0 -1px var(--esb-tech-color), 0 0 13px var(--esb-tech-glow) !important;
    transform: skewX(-20deg) !important;
    opacity: .92 !important;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486::after {
    font-family: "Bahnschrift SemiCondensed", "Arial Black", "Microsoft YaHei UI", "PingFang SC", system-ui, sans-serif !important;
    font-size: clamp(19px, 1.36vw, 24px) !important;
    font-weight: 900 !important;
    font-style: italic !important;
    font-stretch: condensed !important;
    letter-spacing: .035em !important;
    color: var(--esb-tech-color) !important;
    -webkit-text-fill-color: var(--esb-tech-color) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.82),
      0 0 12px var(--esb-tech-glow),
      0 7px 18px rgba(20,61,130,.08) !important;
    transform: skewX(-5deg) translateZ(0) !important;
    transform-origin: left center !important;
  }
  body.esb-home-desktop-v486 .esb-zone-card-v486:hover .esb-zone-title-v486::after {
    transform: skewX(-5deg) translateX(2px) translateZ(0) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.9),
      0 0 17px var(--esb-tech-glow),
      0 8px 20px rgba(20,61,130,.11) !important;
  }

  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="ielts"] { --esb-tech-color:#155cc8; --esb-tech-glow:rgba(37,99,235,.30); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="kaoyan"] { --esb-tech-color:#593bc2; --esb-tech-glow:rgba(99,72,210,.28); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="gre"] { --esb-tech-color:#195fc2; --esb-tech-glow:rgba(41,104,220,.28); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="cet4"] { --esb-tech-color:#078878; --esb-tech-glow:rgba(13,148,136,.27); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="cet6"] { --esb-tech-color:#b46308; --esb-tech-glow:rgba(230,142,30,.27); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="tem4"] { --esb-tech-color:#cc2d65; --esb-tech-glow:rgba(233,73,128,.25); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="toefl"] { --esb-tech-color:#087bb3; --esb-tech-glow:rgba(36,157,218,.27); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="tem8"] { --esb-tech-color:#5236bb; --esb-tech-glow:rgba(103,78,211,.27); }

  /* Ensure the account/login module matches the exact same shell as Hero and never stretches its action button. */
  body.esb-home-desktop-v486 .esb-user-status-v486.esb-breakout-v486 {
    width: var(--esb-v486-shell) !important;
    max-width: var(--esb-v486-shell) !important;
  }
  body.esb-home-desktop-v486 .esb-user-status-v486 .esb-action-primary-v486,
  body.esb-home-desktop-v486 .esb-user-status-v486 .esb-action-secondary-v486 {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    inline-size: auto !important;
    max-inline-size: max-content !important;
  }

  @media (min-width:768px) and (max-width:1023px) {
    body.esb-home-desktop-v486 .esb-zone-title-v486 { gap: 6px !important; }
    body.esb-home-desktop-v486 .esb-zone-title-v486::before { width: 8px !important; flex-basis: 8px !important; }
    body.esb-home-desktop-v486 .esb-zone-title-v486::after { font-size: clamp(16px,2vw,20px) !important; letter-spacing:.02em !important; }
  }
}


/* V4.8.6 targeted refinements: robust account-shell width, premium logged-out CTA,
   and a more expressive techno-title treatment for the eight zone cards. */
@media (min-width: 768px) {
  /* The account/status card is now detected at its true outer module. Lock it to the
     exact shared shell width so logged-in and logged-out states align with Hero. */
  body.esb-home-desktop-v486 .esb-user-status-v486 {
    width: var(--esb-v486-shell) !important;
    min-width: var(--esb-v486-shell) !important;
    max-width: var(--esb-v486-shell) !important;
    box-sizing: border-box !important;
  }
  body.esb-home-desktop-v486 .esb-user-status-v486 > * {
    flex-shrink: 0 !important;
  }
  body.esb-home-desktop-v486 .esb-user-status-v486 > *:first-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Logged-out premium CTA. It remains the same functional button; only visual styling changes. */
  body.esb-home-desktop-v486 .esb-login-cta-v486 {
    position: relative !important;
    isolation: isolate !important;
    min-width: 148px !important;
    min-height: 48px !important;
    padding: 0 48px 0 24px !important;
    border: 1px solid rgba(255,255,255,.48) !important;
    border-radius: 15px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    letter-spacing: .01em !important;
    background:
      radial-gradient(circle at 22% 12%, rgba(255,255,255,.28), transparent 34%),
      linear-gradient(135deg, #145ff2 0%, #2f7cff 48%, #6a8dff 100%) !important;
    box-shadow:
      0 12px 25px rgba(37,99,235,.26),
      inset 0 1px 0 rgba(255,255,255,.26) !important;
    overflow: hidden !important;
    text-shadow: 0 1px 2px rgba(11,56,145,.24) !important;
  }
  body.esb-home-desktop-v486 .esb-login-cta-v486::before {
    content: "✦" !important;
    position: absolute !important;
    right: 21px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 13px !important;
    color: rgba(255,255,255,.94) !important;
    filter: drop-shadow(0 0 6px rgba(255,255,255,.55));
  }
  body.esb-home-desktop-v486 .esb-login-cta-v486::after {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    top: -45% !important;
    left: -30% !important;
    width: 34% !important;
    height: 190% !important;
    transform: rotate(20deg) !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent) !important;
    transition: left .45s ease !important;
  }
  body.esb-home-desktop-v486 .esb-login-cta-v486:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 17px 30px rgba(37,99,235,.32), inset 0 1px 0 rgba(255,255,255,.30) !important;
  }
  body.esb-home-desktop-v486 .esb-login-cta-v486:hover::after { left: 112% !important; }

  /* Tech-art zone title. Solid-color text is deliberately retained for guaranteed visibility. */
  body.esb-home-desktop-v486 .esb-zone-title-v486 {
    --esb-zone-accent: #1852a4;
    --esb-zone-wash: rgba(24,82,164,.10);
    --esb-zone-glow: rgba(24,82,164,.22);
    display: inline-flex !important;
    align-items: center !important;
    min-height: 35px !important;
    padding: 5px 13px 5px 14px !important;
    border-left: 3px solid var(--esb-zone-accent) !important;
    border-radius: 7px 3px 3px 7px !important;
    background: linear-gradient(90deg, var(--esb-zone-wash) 0%, rgba(255,255,255,.40) 70%, transparent 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.34), 0 5px 16px var(--esb-zone-glow) !important;
    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%) !important;
    transition: transform .19s ease, box-shadow .19s ease !important;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486::before {
    content: "" !important;
    position: absolute !important;
    left: -3px !important;
    top: -4px !important;
    width: 25px !important;
    height: 2px !important;
    border-radius: 99px !important;
    background: linear-gradient(90deg, var(--esb-zone-accent), transparent) !important;
    box-shadow: 0 0 9px var(--esb-zone-glow) !important;
  }
  body.esb-home-desktop-v486 .esb-zone-title-v486::after {
    font-family: "Bahnschrift SemiBold", "Aptos Display", "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", sans-serif !important;
    font-size: clamp(19px,1.34vw,24px) !important;
    font-weight: 900 !important;
    letter-spacing: .075em !important;
    color: var(--esb-zone-accent) !important;
    -webkit-text-fill-color: var(--esb-zone-accent) !important;
    -webkit-text-stroke: .25px rgba(255,255,255,.58) !important;
    text-shadow:
      0 1px 0 rgba(255,255,255,.92),
      0 4px 12px var(--esb-zone-glow) !important;
    transform: skewX(-4deg) !important;
    transform-origin: left center !important;
  }
  body.esb-home-desktop-v486 .esb-zone-card-v486:hover .esb-zone-title-v486 {
    transform: translateX(4px) translateY(-1px) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.42), 0 8px 20px var(--esb-zone-glow) !important;
  }

  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="ielts"] { --esb-zone-accent:#1762c6; --esb-zone-wash:rgba(23,98,198,.10); --esb-zone-glow:rgba(23,98,198,.22); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="kaoyan"] { --esb-zone-accent:#5a3bc8; --esb-zone-wash:rgba(90,59,200,.10); --esb-zone-glow:rgba(90,59,200,.21); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="gre"] { --esb-zone-accent:#1c59bb; --esb-zone-wash:rgba(28,89,187,.10); --esb-zone-glow:rgba(28,89,187,.21); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="cet4"] { --esb-zone-accent:#087f73; --esb-zone-wash:rgba(8,127,115,.10); --esb-zone-glow:rgba(8,127,115,.20); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="cet6"] { --esb-zone-accent:#a65b08; --esb-zone-wash:rgba(166,91,8,.10); --esb-zone-glow:rgba(166,91,8,.20); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="tem4"] { --esb-zone-accent:#c62d61; --esb-zone-wash:rgba(198,45,97,.10); --esb-zone-glow:rgba(198,45,97,.20); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="toefl"] { --esb-zone-accent:#0b79ad; --esb-zone-wash:rgba(11,121,173,.10); --esb-zone-glow:rgba(11,121,173,.20); }
  body.esb-home-desktop-v486 .esb-zone-title-v486[data-esb-zone="tem8"] { --esb-zone-accent:#5135bb; --esb-zone-wash:rgba(81,53,187,.10); --esb-zone-glow:rgba(81,53,187,.21); }

  @media (min-width: 768px) and (max-width: 1023px) {
    body.esb-home-desktop-v486 .esb-login-cta-v486 { min-width: 132px !important; min-height: 44px !important; padding-left: 19px !important; padding-right: 42px !important; }
    body.esb-home-desktop-v486 .esb-zone-title-v486 { min-height: 31px !important; padding: 4px 10px 4px 12px !important; }
    body.esb-home-desktop-v486 .esb-zone-title-v486::after { font-size: clamp(16px,2vw,20px) !important; letter-spacing:.055em !important; }
  }
}