/* ZhouYi Cloud - Global UI Enhancement v2.2 */
:root{--zy-p:#1354EE;--zy-pl:#4f8fff;--zy-pd:#0d4fd6;--zy-ac:#18D0F4;--zy-pu:#615CED;--zy-r:14px;--zy-rs:8px;--zy-ease:cubic-bezier(.22,1,.36,1);--zy-bounce:cubic-bezier(.34,1.56,.64,1)}
::selection{background:rgba(19,84,238,.15);color:inherit}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}
.semi-layout-footer{display:none!important}

/* Header - PPIO Style */
.semi-layout-header{position:sticky!important;top:0!important;z-index:1100!important;height:72px!important}
.semi-layout-header>header{position:relative!important;z-index:1100!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:0 24px!important;background:rgba(255,255,255,.8)!important;backdrop-filter:blur(12px) saturate(1.5)!important;-webkit-backdrop-filter:blur(12px) saturate(1.5)!important;border-bottom:none!important;box-shadow:none!important;transition:all .3s var(--zy-ease)!important;display:flex!important;align-items:center!important}
.semi-layout-header header>div{max-width:1400px!important;margin:0 auto!important}
.semi-layout-sider,.sidebar-container{z-index:100!important}
.semi-layout-content{z-index:1!important;position:relative!important}
.semi-portal{z-index:9999!important}
.semi-popover-wrapper{z-index:9999!important}
.semi-dropdown-menu{z-index:9999!important}
.semi-tooltip-wrapper{z-index:9999!important}
.semi-modal-mask,.semi-modal-wrapper{z-index:9999!important}
div[role="tooltip"],div[role="dialog"]{z-index:9999!important}
.semi-layout-header div[class*="relative"]{z-index:1101!important}
.semi-layout-header+div,.semi-layout-header~div[style*="position"]{z-index:9999!important}
/* Hide login/register buttons in header - but keep zy-nav-right visible */
.semi-layout-header header>div>div:first-child>div:last-child a[href="/login"],.semi-layout-header header>div>div:first-child>div:last-child a[href="/register"]{display:none!important}
/* Hide theme/language/bell buttons but keep avatar for login detection */
.semi-layout-header header>div>div:first-child>div:last-child>button{display:none!important}
/* Logo styling */
.semi-layout-header a[href="/"]{display:flex!important;align-items:center!important;gap:10px!important;flex-shrink:0!important}
.semi-layout-header a[href="/"] img{border-radius:50%!important;width:36px!important;height:36px!important;object-fit:cover!important;transition:transform .3s var(--zy-ease)!important}
.semi-layout-header a[href="/"]:hover img{transform:scale(1.1)!important}
.semi-layout-header .semi-typography-h4{font-size:1.15rem!important;font-weight:600!important;color:#1a1a2e!important;background:none!important;-webkit-text-fill-color:#1a1a2e!important}
/* Nav link styling - PPIO style */
.semi-layout-header nav{display:flex!important;align-items:center!important;flex:1!important;margin-left:40px!important}
.semi-layout-header nav a,.semi-layout-header nav button,.semi-layout-header .semi-navigation-item{font-size:14px!important;font-weight:500!important;color:#4b5563!important;transition:all .2s ease!important;padding:10px 16px!important;border-radius:6px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:4px!important;background:transparent!important}
.semi-layout-header nav a:hover,.semi-layout-header nav button:hover,.semi-layout-header .semi-navigation-item:hover{color:var(--zy-p)!important;background:transparent!important}
.semi-layout-header nav button svg{width:12px!important;height:12px!important;margin-left:2px!important;transition:transform .2s ease!important}
.semi-layout-header nav button:hover svg{transform:rotate(180deg)!important}
/* Icon buttons */
.semi-layout-header .semi-button-with-icon-only{border-radius:8px!important;width:36px!important;height:36px!important;background:transparent!important;transition:all .2s ease!important;color:#6b7280!important}
.semi-layout-header .semi-button-with-icon-only:hover{background:rgba(0,0,0,.05)!important;color:#1a1a2e!important}
/* Avatar */
.semi-layout-header .semi-avatar{border:none!important;box-shadow:none!important;transition:all .2s ease!important;cursor:pointer!important}
.semi-layout-header .semi-avatar:hover{transform:none!important;box-shadow:0 0 0 2px rgba(19,84,238,.2)!important}
/* Custom nav right links (injected by JS) - PPIO style */
.zy-nav-right{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important}
.zy-nav-link{font-size:14px!important;font-weight:500!important;color:#4b5563!important;text-decoration:none!important;padding:8px 14px!important;border-radius:6px!important;transition:all .2s ease!important;white-space:nowrap!important}
.zy-nav-link:hover{color:var(--zy-p)!important;background:transparent!important}
.zy-nav-btn-register{font-size:14px!important;font-weight:500!important;color:#fff!important;background:var(--zy-p)!important;text-decoration:none!important;padding:10px 20px!important;border-radius:8px!important;transition:all .2s ease!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;box-shadow:none!important}
.zy-nav-btn-register:hover{background:var(--zy-pd)!important;box-shadow:0 4px 12px rgba(19,84,238,.2)!important;transform:translateY(-1px)!important}
/* Dropdown menu in header */
.semi-layout-header .semi-dropdown-menu{border-radius:12px!important;padding:8px!important;box-shadow:0 10px 40px rgba(0,0,0,.1),0 2px 10px rgba(0,0,0,.05)!important;border:1px solid rgba(0,0,0,.06)!important;animation:ppioDropIn .2s ease!important;min-width:200px!important}
@keyframes ppioDropIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.semi-layout-header .semi-dropdown-item{border-radius:8px!important;padding:10px 14px!important;font-size:14px!important;transition:all .15s ease!important;color:#4b5563!important}
.semi-layout-header .semi-dropdown-item:hover{background:rgba(19,84,238,.06)!important;color:var(--zy-p)!important}
.semi-card{border-radius:var(--zy-r)!important;border:1px solid #eef1f5!important;box-shadow:0 1px 3px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.04)!important;transition:all .35s var(--zy-ease)!important;position:relative!important;overflow:hidden!important}
/* Remove blue top bar on cards */
.semi-card::before{display:none!important;content:none!important;height:0!important;opacity:0!important}
.semi-card:hover::before{display:none!important;content:none!important;transform:none!important}
.semi-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06),0 8px 24px rgba(19,84,238,.04)!important;border-color:#e0e5ec!important;transform:translateY(-2px)}
.semi-table{border-radius:12px!important;overflow:hidden!important;border:1px solid #eef1f5!important}
.semi-table-thead>tr>th{background:#f8fafc!important;font-weight:600!important;font-size:13px!important;color:#4b525b!important;border-bottom:1px solid #eef1f5!important;padding:14px 16px!important}
.semi-table-tbody>tr>td{padding:12px 16px!important;font-size:13px!important;border-bottom:1px solid #f3f5f8!important;transition:all .2s var(--zy-ease)!important}
.semi-table-tbody>tr:hover>td{background:rgba(19,84,238,.02)!important}
.semi-table-tbody>tr:last-child>td{border-bottom:none!important}
.semi-table-tbody>tr{animation:zyRowIn .4s var(--zy-ease) both}
@keyframes zyRowIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.semi-button{border-radius:var(--zy-rs)!important;font-weight:500!important;transition:all .25s var(--zy-ease)!important;position:relative!important;overflow:hidden!important}
.semi-button-primary{box-shadow:0 2px 8px rgba(19,84,238,.2)!important}
.semi-button-primary:hover{box-shadow:0 4px 16px rgba(19,84,238,.3)!important;transform:translateY(-1px)!important}
.semi-button-primary:active{transform:translateY(0) scale(.98)!important}
.semi-input-wrapper,.semi-select{border-radius:var(--zy-rs)!important;transition:all .25s var(--zy-ease)!important}
.semi-input-wrapper:focus-within{border-color:var(--zy-p)!important;box-shadow:0 0 0 3px rgba(19,84,238,.08)!important}
.semi-select:focus-within{box-shadow:0 0 0 3px rgba(19,84,238,.08)!important}
.semi-tag{border-radius:6px!important;font-weight:500!important;transition:all .2s var(--zy-ease)!important}
.semi-tag:hover{transform:scale(1.03)}
.semi-modal-content{border-radius:18px!important;box-shadow:0 20px 60px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06)!important;animation:zyModalIn .35s var(--zy-bounce)!important;overflow:hidden!important}
@keyframes zyModalIn{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:none}}
.semi-modal-mask,.semi-modal-wrap,.semi-modal-wrapper{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none!important}
.semi-modal,.semi-modal-content{pointer-events:auto!important}
.semi-modal-header{padding:20px 24px 16px!important}.semi-modal-body{padding:0 24px 20px!important}
.semi-modal-footer{padding:16px 24px!important;border-top:1px solid #f0f0f0!important}
.sidebar-container,.semi-layout-sider{border-right:1px solid #eef1f5!important;background:#fafbfc!important;transition:all .3s var(--zy-ease)!important}
.semi-navigation-item{border-radius:var(--zy-rs)!important;margin:2px 8px!important;transition:all .25s var(--zy-ease)!important;position:relative!important;overflow:hidden!important}
.semi-navigation-item::before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 3px 3px 0;background:var(--zy-p);transform:translateY(-50%);transition:height .25s var(--zy-ease)}
.semi-navigation-item:hover{background:rgba(19,84,238,.04)!important}
.semi-navigation-item-selected{background:rgba(19,84,238,.08)!important}
.semi-navigation-item-selected::before{height:18px}
.semi-tooltip-content{border-radius:var(--zy-rs)!important;font-size:12px!important;animation:zyTipIn .2s var(--zy-ease)!important}
@keyframes zyTipIn{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
.semi-popover-content{border-radius:12px!important;box-shadow:0 10px 40px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.05)!important}
.semi-avatar{border:2px solid #fff!important;box-shadow:0 1px 4px rgba(0,0,0,.08)!important;transition:all .25s var(--zy-ease)!important}
.semi-avatar:hover{transform:scale(1.08);box-shadow:0 3px 12px rgba(0,0,0,.12)!important}
.semi-tabs-bar{border-bottom:2px solid #f0f0f0!important}
.semi-tabs-tab{font-weight:500!important;padding:10px 16px!important;transition:all .25s var(--zy-ease)!important}
.semi-tabs-tab:hover{color:var(--zy-p)!important}
.semi-tabs-tab-active{font-weight:600!important}
.semi-tabs-ink-bar{height:2.5px!important;border-radius:2px!important;transition:left .3s var(--zy-ease),width .3s var(--zy-ease)!important}
.semi-toast-wrapper{border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;animation:zyToastIn .35s var(--zy-bounce)!important}
@keyframes zyToastIn{from{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:none}}
.semi-notification-notice{border-radius:12px!important;box-shadow:0 8px 32px rgba(0,0,0,.12)!important}
.semi-progress-line-outer{border-radius:50px!important}.semi-progress-line-inner{border-radius:50px!important;transition:width .6s var(--zy-ease)!important;background:linear-gradient(90deg,var(--zy-p),var(--zy-ac))!important}
.semi-dropdown-menu{border-radius:10px!important;box-shadow:0 10px 40px rgba(0,0,0,.1)!important;border:1px solid #eef1f5!important;padding:4px!important;animation:zyDropIn .2s var(--zy-ease)!important}
@keyframes zyDropIn{from{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}
.semi-dropdown-item{border-radius:6px!important;padding:8px 12px!important;font-size:13px!important;transition:all .15s!important}
.semi-dropdown-item:hover{background:#f5f7fa!important;transform:translateX(2px)}
.semi-page .semi-page-item{border-radius:6px!important;font-weight:500!important;transition:all .2s var(--zy-ease)!important}
.semi-layout-content{padding:0!important}
.semi-layout-content>div{animation:zyPageIn .4s var(--zy-ease)!important}
@keyframes zyPageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.semi-skeleton-paragraph-row,.semi-skeleton-title,.semi-skeleton-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%)!important;background-size:400% 100%!important;animation:zyShimmer 1.4s ease infinite!important}
@keyframes zyShimmer{0%{background-position:100% 50%}100%{background-position:0% 50%}}
.semi-empty-title{font-weight:600!important;letter-spacing:-.01em!important}
.semi-empty-description{color:#8c96a6!important;font-size:13px!important}
.semi-tag-green,.semi-tag-green-light{background:rgba(16,185,129,.08)!important;border:1px solid rgba(16,185,129,.2)!important;color:#059669!important}
.semi-tag-red,.semi-tag-red-light{background:rgba(239,68,68,.08)!important;border:1px solid rgba(239,68,68,.2)!important;color:#dc2626!important}
.semi-tag-orange,.semi-tag-orange-light{background:rgba(245,158,11,.08)!important;border:1px solid rgba(245,158,11,.2)!important;color:#d97706!important}
.semi-tag-blue,.semi-tag-blue-light{background:rgba(19,84,238,.08)!important;border:1px solid rgba(19,84,238,.15)!important;color:var(--zy-p)!important}
.semi-button-with-icon-only{border-radius:8px!important;transition:all .2s var(--zy-ease)!important}
.semi-button-with-icon-only:hover{transform:scale(1.08)!important}
.semi-collapse-item{border-radius:var(--zy-rs)!important;margin-bottom:4px!important;transition:all .25s var(--zy-ease)!important}
.semi-collapse-item:hover{background:rgba(19,84,238,.02)!important}
.semi-banner{border-radius:12px!important;animation:zyBannerIn .5s var(--zy-ease)!important}
@keyframes zyBannerIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
*:focus-visible{outline:2px solid rgba(19,84,238,.4)!important;outline-offset:2px!important}
body[theme-mode="dark"] .semi-layout-header>header{background:rgba(24,24,27,.75)!important;border-bottom-color:rgba(255,255,255,.06)!important}
body[theme-mode="dark"] .sidebar-container,body[theme-mode="dark"] .semi-layout-sider{background:#18181b!important;border-right-color:#27272a!important}
body[theme-mode="dark"] .semi-card{background:#1f1f23!important;border-color:#27272a!important}
body[theme-mode="dark"] .semi-card:hover{border-color:#3f3f46!important;box-shadow:0 4px 12px rgba(0,0,0,.2),0 8px 24px rgba(19,84,238,.06)!important}
body[theme-mode="dark"] .semi-table{border-color:#27272a!important}
body[theme-mode="dark"] .semi-table-thead>tr>th{background:#1a1a1e!important;border-bottom-color:#27272a!important;color:#a1a1aa!important}
body[theme-mode="dark"] .semi-table-tbody>tr>td{border-bottom-color:#27272a!important}
body[theme-mode="dark"] .semi-table-tbody>tr:hover>td{background:rgba(19,84,238,.04)!important}
body[theme-mode="dark"] .semi-modal-content{background:#1f1f23!important;border:1px solid #27272a!important}
body[theme-mode="dark"] .semi-dropdown-menu{background:#1f1f23!important;border-color:#27272a!important}
body[theme-mode="dark"] .semi-dropdown-item:hover{background:#27272a!important}
body[theme-mode="dark"] .semi-navigation-item:hover{background:rgba(255,255,255,.04)!important}
body[theme-mode="dark"] .semi-navigation-item-selected{background:rgba(19,84,238,.12)!important}
body[theme-mode="dark"] ::-webkit-scrollbar-thumb{background:#3f3f46}
body[theme-mode="dark"] ::selection{background:rgba(79,143,255,.25)}
/* ===== PERSONAL / SETTINGS PAGE ENHANCEMENT ===== */
/* Profile page container - better spacing */
.semi-layout-content .semi-card+.semi-card{margin-top:16px!important}

/* User info section - centered profile style */
.semi-layout-content .semi-avatar-extra-large,.semi-layout-content .semi-avatar-large{
  width:80px!important;height:80px!important;font-size:2rem!important;
  border:3px solid #fff!important;box-shadow:0 4px 20px rgba(19,84,238,.15)!important;
  transition:all .3s var(--zy-ease)!important}
.semi-layout-content .semi-avatar-extra-large:hover,.semi-layout-content .semi-avatar-large:hover{
  transform:scale(1.05)!important;box-shadow:0 6px 28px rgba(19,84,238,.2)!important}

/* Form fields in settings pages */
.semi-layout-content .semi-form .semi-form-field{
  margin-bottom:20px!important;padding:12px 16px!important;border-radius:12px!important;
  background:rgba(248,250,252,.6)!important;border:1px solid transparent!important;transition:all .25s var(--zy-ease)!important}
.semi-layout-content .semi-form .semi-form-field:hover{
  background:rgba(248,250,252,.9)!important;border-color:#eef1f5!important}
.semi-layout-content .semi-form .semi-form-field-label-text{
  font-weight:600!important;color:#1a1a2e!important;font-size:14px!important;margin-bottom:8px!important}
.semi-layout-content .semi-form .semi-input-wrapper{
  border-radius:10px!important;height:42px!important;border:1px solid #e2e8f0!important;transition:all .25s var(--zy-ease)!important}
.semi-layout-content .semi-form .semi-input-wrapper:focus-within{
  border-color:var(--zy-p)!important;box-shadow:0 0 0 3px rgba(19,84,238,.1)!important}

/* Settings cards - glass morphism */
.semi-layout-content .semi-card{
  border-radius:16px!important;
  background:rgba(255,255,255,.9)!important;
  backdrop-filter:blur(8px)!important;
  border:1px solid rgba(238,241,245,.8)!important}

/* Stat numbers on dashboard/personal */
.semi-layout-content .semi-statistic-content-value{
  font-weight:700!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.02em!important}

/* Action buttons group */
.semi-layout-content .semi-button-group .semi-button{border-radius:0!important}
.semi-layout-content .semi-button-group .semi-button:first-child{border-radius:8px 0 0 8px!important}
.semi-layout-content .semi-button-group .semi-button:last-child{border-radius:0 8px 8px 0!important}

/* Divider styling */
.semi-divider{border-color:#f0f2f5!important}

/* Info rows in personal page */
.semi-layout-content .semi-descriptions .semi-descriptions-item{
  padding:14px 0!important;border-bottom:1px solid #f5f7fa!important}
.semi-layout-content .semi-descriptions .semi-descriptions-item:last-child{border-bottom:none!important}
.semi-layout-content .semi-descriptions .semi-descriptions-item-label{
  font-weight:500!important;color:#6b7280!important;font-size:13px!important;min-width:100px!important}
.semi-layout-content .semi-descriptions .semi-descriptions-item-value{
  font-weight:500!important;color:#1a1a2e!important;font-size:14px!important}

/* Copy button in personal page */
.semi-typography-action-copy{
  transition:all .2s var(--zy-ease)!important;border-radius:6px!important;padding:4px!important}
.semi-typography-action-copy:hover{
  background:rgba(19,84,238,.08)!important;transform:scale(1.1)!important}

/* Token display card */
.semi-layout-content .semi-card pre,.semi-layout-content .semi-card code{
  background:#f8fafc!important;border-radius:8px!important;padding:12px 16px!important;
  font-size:13px!important;border:1px solid #eef1f5!important;font-family:"JetBrains Mono","Fira Code",monospace!important}

/* Switch in settings */
.semi-switch{border-radius:12px!important;transition:all .3s var(--zy-ease)!important}
.semi-switch:active{transform:scale(.95)!important}

/* Page title on personal/settings pages */
.semi-layout-content h3.semi-typography,.semi-layout-content h4.semi-typography{
  font-weight:700!important;letter-spacing:-.02em!important}

/* Better spacing for content area (exclude homepage and playground) */
body.zy-ppio-shell:not(.zy-ppio-home):not(.zy-ppio-playground):not(.zy-ppio-console) .semi-layout-content>div>div:not(:has(.zy-home)){padding:20px 24px!important}

/* Tighten first fold spacing on console pages to avoid top blank strip */
body.zy-ppio-shell.zy-ppio-console .semi-layout,
body.zy-ppio-shell.zy-ppio-console .semi-layout-content,
body.zy-ppio-shell.zy-ppio-console .semi-layout-content > div,
body.zy-ppio-shell.zy-ppio-console .semi-layout-content > div > div {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
body.zy-ppio-shell.zy-ppio-console .semi-layout-content > div > div {
  padding-top: calc(var(--header-height) + 8px) !important;
}

/* Quota/balance display */
.semi-statistic .semi-statistic-content{
  display:flex!important;align-items:baseline!important;gap:4px!important}

/* Dark mode personal page */
body[theme-mode="dark"] .semi-layout-content .semi-form .semi-form-field{
  background:rgba(30,30,34,.4)!important;border-color:transparent!important}
body[theme-mode="dark"] .semi-layout-content .semi-form .semi-form-field:hover{
  background:rgba(30,30,34,.6)!important;border-color:#27272a!important}
body[theme-mode="dark"] .semi-layout-content .semi-card pre,body[theme-mode="dark"] .semi-layout-content .semi-card code{
  background:#1a1a1e!important;border-color:#27272a!important}
body[theme-mode="dark"] .semi-layout-content .semi-descriptions .semi-descriptions-item{
  border-bottom-color:#27272a!important}

/* ============================================================
   HOMEPAGE - COMPREHENSIVE CARD & SECTION OVERHAUL
   ============================================================ */
/* Kill ALL gaps between header and hero */
.zy-home{margin-top:0!important;padding-top:0!important}
.zy-home .zy-hero{margin-top:0!important}
.semi-layout-content:has(.zy-home){padding:0!important;margin:0!important}
.semi-layout-content>div:has(.zy-home){padding:0!important;margin:0!important}
.semi-layout-content>div>div:has(.zy-home){padding:0!important;margin:0!important}
/* Nuclear option: remove any gap from ANY element between header and hero */
.semi-layout-content,.semi-layout-content>div,.semi-layout-content>div>div{margin-top:0!important}
/* Kill padding on home page content wrapper */
div[x-semi-prop*="home"],div[class*="home"]{padding:0!important;margin:0!important}
/* Remove gap from announcement bar if present */
.semi-layout-content>.semi-banner:first-child{margin-top:0!important}
/* The white gap might be padding-top on semi-layout wrapper */
.semi-layout{gap:0!important}
.semi-layout>.semi-layout-content{margin-top:0!important;padding-top:0!important}

/* --- HERO v2 (clean layout with video bg) --- */
.zy-hero2{position:relative;min-height:420px;background:#0f1320;overflow:hidden;display:flex;align-items:center}
.zy-hero2-video{position:absolute;inset:0;z-index:0}
.zy-hero2-video video{width:100%;height:100%;object-fit:cover;opacity:.3}
.zy-hero2-mask{position:absolute;top:0;bottom:0;width:220px;z-index:1;pointer-events:none}
.zy-hero2-mask.l{left:0;background:linear-gradient(90deg,rgba(15,19,32,.85),transparent)}
.zy-hero2-mask.r{right:0;background:linear-gradient(-90deg,rgba(15,19,32,.5),transparent)}
.zy-hero2-content{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 48px;width:100%}
.zy-hero2-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 16px;border-radius:50px;border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.08);color:#4f8fff;font-size:.78rem;font-weight:500;margin-bottom:20px}
.zy-hero2-badge i{width:6px;height:6px;border-radius:50%;background:#18D0F4;animation:blink 2s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.zy-hero2 h1{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2;letter-spacing:-.03em}
.zy-hero2 h1 em{font-style:normal;background:linear-gradient(135deg,#60a5fa,#18D0F4,#a5b4fc);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradShift 5s ease infinite}
.zy-hero2 p{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.7;margin:0 0 28px;max-width:480px}
.zy-hero2-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.zy-hero2-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .3s;text-decoration:none;letter-spacing:.01em}
.zy-hero2-btn.primary{background:linear-gradient(135deg,#1354EE,#615CED);color:#fff;box-shadow:0 4px 16px rgba(19,84,238,.25)}
.zy-hero2-btn.primary:hover{box-shadow:0 8px 28px rgba(19,84,238,.4);transform:translateY(-2px)}
.zy-hero2-btn.outline{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.15)}
.zy-hero2-btn.outline:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}
.zy-hero2-tags{display:flex;gap:8px;flex-wrap:wrap}
.zy-hero2-tags span{font-size:.72rem;padding:4px 12px;border-radius:50px;background:rgba(37,99,235,.08);color:#4f8fff;border:1px solid rgba(37,99,235,.18);transition:all .25s}
.zy-hero2-tags span:hover{background:rgba(37,99,235,.18);transform:translateY(-1px)}
@media(max-width:768px){.zy-hero2-content{padding:60px 20px}.zy-hero2 h1{font-size:1.8rem}.zy-hero2-mask{width:80px}}

/* --- HERO v3 (Ali-style split layout, keep original material) --- */
.zy-home .zy-ali-hero{position:relative;padding:94px 0 0!important;background:radial-gradient(circle at 24% 14%,rgba(96,165,250,.12),transparent 34%),linear-gradient(180deg,#fff 0%,#fafcff 100%)!important;overflow:hidden}
.zy-home .zy-ali-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.78) 24%,rgba(255,255,255,0) 48%,rgba(255,255,255,0) 100%);pointer-events:none;z-index:0}
.zy-home .zy-ali-hero-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,560px) minmax(420px,1fr);align-items:center;gap:32px;padding:0 24px 22px;min-height:540px}
.zy-home .zy-ali-hero-copy{position:relative;z-index:2;padding:20px 0 28px}
.zy-home .zy-ali-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.12);color:#2563eb;font-size:.82rem;font-weight:600;margin-bottom:22px}
.zy-home .zy-ali-hero-badge i{width:7px;height:7px;border-radius:50%;background:#38bdf8;box-shadow:0 0 0 6px rgba(56,189,248,.12)}
.zy-home .zy-ali-hero-title{font-size:clamp(3rem,5vw,4.6rem)!important;line-height:1.08!important;letter-spacing:-.05em!important;color:#111827!important;max-width:760px!important;margin:0 0 22px!important;text-align:left!important;text-shadow:none!important}
.zy-home .zy-ali-hero-title em{font-style:normal;background:linear-gradient(135deg,#4f8fff 0%,#615ced 48%,#18d0f4 100%)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:gradShift 7s ease infinite!important}
.zy-home .zy-ali-hero-desc{max-width:680px;margin:0 0 30px!important;font-size:1.02rem!important;line-height:1.8!important;color:#475569!important;text-align:left!important}
.zy-home .zy-ali-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.zy-home .zy-ali-hero-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:168px;height:64px;padding:0 26px;border-radius:14px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .32s var(--zy-ease),box-shadow .32s var(--zy-ease),background-color .32s var(--zy-ease),border-color .32s var(--zy-ease);overflow:hidden}
.zy-home .zy-ali-hero-btn i{width:18px;height:18px;display:inline-block;position:relative;flex-shrink:0}
.zy-home .zy-ali-hero-btn i::before,.zy-home .zy-ali-hero-btn i::after{content:"";position:absolute;background:currentColor;border-radius:999px;transition:transform .3s var(--zy-ease)}
.zy-home .zy-ali-hero-btn i::before{left:2px;right:2px;top:8px;height:2px}
.zy-home .zy-ali-hero-btn i::after{width:8px;height:8px;right:2px;top:4px;border-top:2px solid currentColor;border-right:2px solid currentColor;background:transparent;transform:rotate(45deg)}
.zy-home .zy-ali-hero-btn.primary{color:#fff;background:linear-gradient(135deg,#615ced 0%,#2563eb 52%,#18d0f4 100%);box-shadow:0 18px 34px rgba(59,130,246,.22)}
.zy-home .zy-ali-hero-btn.primary:hover{transform:translateY(-3px);box-shadow:0 24px 42px rgba(59,130,246,.28)}
.zy-home .zy-ali-hero-btn.secondary{color:#1f2937;background:#fff;border:1px solid rgba(203,213,225,.88);box-shadow:0 10px 26px rgba(148,163,184,.12)}
.zy-home .zy-ali-hero-btn.secondary:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 16px 30px rgba(148,163,184,.18)}
.zy-home .zy-ali-hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.zy-home .zy-ali-hero-tags span{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(203,213,225,.62);color:#64748b;font-size:.8rem;font-weight:600}
.zy-home .zy-ali-hero-visual{position:relative;align-self:stretch;min-height:500px;border-radius:0 0 0 40px;overflow:hidden}
.zy-home .zy-ali-hero-visual-bg{position:absolute;inset:0;background-image:var(--hero-image);background-size:cover;background-position:center right;background-repeat:no-repeat;filter:saturate(1.04) contrast(1.02);transform:scale(1.02)}
.zy-home .zy-ali-hero-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.18),transparent 30%),linear-gradient(90deg,rgba(250,250,252,.92) 0%,rgba(250,250,252,.68) 18%,rgba(250,250,252,0) 42%);pointer-events:none;z-index:1}
.zy-home .zy-ali-hero-visual-mask{position:absolute;top:0;bottom:0;width:180px;z-index:2;pointer-events:none}
.zy-home .zy-ali-hero-visual-mask.left{left:0;background:linear-gradient(90deg,#fbfbfd 0%,rgba(251,251,253,0) 100%)}
.zy-home .zy-ali-hero-visual-mask.right{right:0;background:linear-gradient(-90deg,rgba(251,251,253,.86) 0%,rgba(251,251,253,0) 100%)}
.zy-home .zy-ali-hero-visual-float{position:absolute;right:14%;top:34%;width:220px;height:86px;border-radius:20px;background:linear-gradient(135deg,rgba(96,165,250,.9),rgba(59,130,246,.42));box-shadow:0 24px 40px rgba(59,130,246,.18);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:3;animation:zyHeroFloat 6s ease-in-out infinite}
.zy-home .zy-ali-hero-visual-float::before{content:"AI CODING";position:absolute;left:28px;top:25px;color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:.08em}
.zy-home .zy-ali-hero-visual-float::after{content:"";position:absolute;right:22px;top:20px;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
@keyframes zyHeroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.zy-home .zy-ali-hero-populars{position:relative;z-index:2;padding:18px 0 36px}
.zy-home .zy-ali-hero-card-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(226,232,240,.9);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.zy-home .zy-ali-hero-card{display:flex;align-items:flex-start;gap:18px;padding:26px 18px 24px;min-height:162px;position:relative}
.zy-home .zy-ali-hero-card:not(:last-child)::after{content:"";position:absolute;top:22px;right:0;width:1px;height:calc(100% - 44px);background:rgba(226,232,240,.95)}
.zy-home .zy-ali-hero-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#eff6ff,#dbeafe);border:1px solid rgba(191,219,254,.9);color:#2563eb;flex:0 0 44px}
.zy-home .zy-ali-hero-card-icon.has-image img{width:24px;height:24px;object-fit:contain}
.zy-home .zy-ali-hero-card-icon:not(.has-image){display:grid;grid-template-columns:repeat(2,1fr);gap:3px;padding:10px}
.zy-home .zy-ali-hero-card-icon:not(.has-image) span{display:block;border-radius:3px;background:currentColor;opacity:.9}
.zy-home .zy-ali-hero-card-icon:not(.has-image) span:nth-child(1){grid-column:1/3;height:5px}
.zy-home .zy-ali-hero-card-icon:not(.has-image) span:nth-child(2),.zy-home .zy-ali-hero-card-icon:not(.has-image) span:nth-child(3){height:12px}
.zy-home .zy-ali-hero-card-icon[data-tone="2"]{color:#0ea5e9;background:linear-gradient(180deg,#ecfeff,#cffafe)}
.zy-home .zy-ali-hero-card-icon[data-tone="3"]{color:#6366f1;background:linear-gradient(180deg,#eef2ff,#e0e7ff)}
.zy-home .zy-ali-hero-card-icon[data-tone="4"]{color:#16a34a;background:linear-gradient(180deg,#ecfdf5,#dcfce7)}
.zy-home .zy-ali-hero-card-body{min-width:0}
.zy-home .zy-ali-hero-card-title{font-size:1.28rem;font-weight:800;color:#0f172a;line-height:1.35;letter-spacing:-.02em}
.zy-home .zy-ali-hero-card-desc{margin-top:10px;color:#64748b;font-size:.95rem;line-height:1.75}
@media(max-width:1200px){.zy-home .zy-ali-hero-main{grid-template-columns:minmax(0,1fr) 46%;gap:18px}.zy-home .zy-ali-hero-title{font-size:clamp(2.6rem,4.8vw,4rem)!important}.zy-home .zy-ali-hero-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zy-home .zy-ali-hero-card:nth-child(2)::after{display:none}}
@media(max-width:860px){.zy-home .zy-ali-hero{padding-top:74px!important}.zy-home .zy-ali-hero-main{grid-template-columns:1fr;min-height:0;padding-bottom:10px}.zy-home .zy-ali-hero-copy{padding-bottom:0}.zy-home .zy-ali-hero-visual{min-height:320px;border-radius:24px}.zy-home .zy-ali-hero-visual-float{right:8%;top:auto;bottom:10%;width:180px;height:70px}.zy-home .zy-ali-hero-visual-float::before{left:22px;top:21px;font-size:1rem}.zy-home .zy-ali-hero-card-list{grid-template-columns:1fr}.zy-home .zy-ali-hero-card::after{display:none}.zy-home .zy-ali-hero-actions{gap:12px}.zy-home .zy-ali-hero-btn{height:56px;min-width:150px;font-size:.94rem}}
@media(max-width:640px){.zy-home .zy-ali-hero-main{padding:0 18px 8px}.zy-home .zy-ali-hero-title{font-size:2.3rem!important}.zy-home .zy-ali-hero-desc{font-size:.94rem!important}.zy-home .zy-ali-hero-actions{flex-direction:column;align-items:stretch}.zy-home .zy-ali-hero-btn{width:100%}.zy-home .zy-ali-hero-populars{padding:14px 0 24px}.zy-home .zy-ali-hero-card{padding:18px 14px}.zy-home .zy-ali-hero-card-title{font-size:1.08rem}.zy-home .zy-ali-hero-card-desc{font-size:.86rem}.zy-home .zy-ali-hero-tags{gap:8px}}

/* --- HERO v3 override: closer to reference layout --- */
.zy-home .zy-ali-hero{padding-top:0!important;background:linear-gradient(180deg,#fdfdff 0%,#fbfcff 100%)!important}
.zy-home .zy-ali-hero::before{background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 12%,rgba(255,255,255,.78) 24%,rgba(255,255,255,.12) 46%,rgba(255,255,255,0) 64%)}
.zy-home .zy-ali-hero-strip{position:relative;z-index:3;background:linear-gradient(180deg,#eef4ff 0%,#f4f7ff 100%);border-bottom:1px solid rgba(191,219,254,.7)}
.zy-home .zy-ali-hero-strip-inner{min-height:50px;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 24px}
.zy-home .zy-ali-hero-strip-text{display:flex;align-items:center;gap:14px;min-width:0;font-size:.98rem;color:#1f2937;white-space:nowrap}
.zy-home .zy-ali-hero-strip-text strong{color:#4f46e5;font-size:1rem}
.zy-home .zy-ali-hero-strip-text span{max-width:820px;overflow:hidden;text-overflow:ellipsis;color:#334155}
.zy-home .zy-ali-hero-strip-link{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;background:linear-gradient(135deg,#615ced,#2563eb);color:#fff;text-decoration:none;font-size:.82rem;font-weight:700;box-shadow:0 8px 16px rgba(99,102,241,.18)}
.zy-home .zy-ali-hero-main{grid-template-columns:minmax(0,620px) minmax(520px,1fr);gap:10px;padding:20px 24px 0;min-height:430px}
.zy-home .zy-ali-hero-copy{padding:34px 0 20px}
.zy-home .zy-ali-hero-badge{display:none}
.zy-home .zy-ali-hero-title{font-size:clamp(3.2rem,5.4vw,5.2rem)!important;max-width:920px!important;margin:0 0 18px!important;line-height:1.02!important}
.zy-home .zy-ali-hero-desc{max-width:680px;margin:0 0 34px!important;font-size:1.04rem!important;line-height:1.72!important;color:#4b5563!important}
.zy-home .zy-ali-hero-actions{gap:16px}
.zy-home .zy-ali-hero-btn{min-width:188px;height:60px;border-radius:12px}
.zy-home .zy-ali-hero-visual{min-height:420px;border-radius:0;overflow:visible}
.zy-home .zy-ali-hero-visual-bg{inset:0 -40px 0 0;background-size:cover;background-position:center right;transform:none}
.zy-home .zy-ali-hero-visual::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 14%,rgba(255,255,255,.58) 28%,rgba(255,255,255,.12) 44%,rgba(255,255,255,0) 58%)}
.zy-home .zy-ali-hero-visual-mask.left{width:96px;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%)}
.zy-home .zy-ali-hero-visual-mask.right{width:72px;background:linear-gradient(-90deg,rgba(255,255,255,.54) 0%,rgba(255,255,255,0) 100%)}
.zy-home .zy-ali-hero-visual-float{right:19%;top:50%;transform:translateY(-50%);width:240px;height:84px;border-radius:18px;background:linear-gradient(135deg,rgba(92,146,255,.92),rgba(96,165,250,.68));box-shadow:0 18px 30px rgba(96,165,250,.24)}
.zy-home .zy-ali-hero-visual-float::before{content:"AI CODING";left:28px;top:23px;font-size:1.18rem;letter-spacing:.04em}
.zy-home .zy-ali-hero-populars{padding:0 0 14px}
.zy-home .zy-ali-hero-card-list{grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(226,232,240,.9);background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.zy-home .zy-ali-hero-card{gap:16px;padding:22px 20px 24px;min-height:152px;text-decoration:none;transition:background-color .25s ease}
.zy-home .zy-ali-hero-card:hover{background:#fafcff}
.zy-home .zy-ali-hero-card-title{font-size:1.02rem;font-weight:700;line-height:1.5;color:#111827}
.zy-home .zy-ali-hero-card-desc{margin-top:8px;font-size:.88rem;line-height:1.75;color:#6b7280}
.zy-home .zy-ali-hero-card-icon{width:36px;height:36px;flex:0 0 36px;border-radius:8px}
.zy-home .zy-ali-hero-card-icon.has-image img{width:20px;height:20px}
@media(max-width:1200px){.zy-home .zy-ali-hero-main{grid-template-columns:minmax(0,1fr) 48%;gap:0;padding-top:12px}.zy-home .zy-ali-hero-title{font-size:clamp(2.8rem,5vw,4.4rem)!important}.zy-home .zy-ali-hero-strip-inner{justify-content:space-between}.zy-home .zy-ali-hero-strip-text{font-size:.9rem}.zy-home .zy-ali-hero-card-list{grid-template-columns:repeat(2,minmax(0,1fr))}.zy-home .zy-ali-hero-card:nth-child(2)::after{display:none}}
@media(max-width:860px){.zy-home .zy-ali-hero-strip-inner{min-height:44px;padding:0 14px}.zy-home .zy-ali-hero-strip-text{gap:8px;font-size:.84rem}.zy-home .zy-ali-hero-strip-text span{display:none}.zy-home .zy-ali-hero-main{grid-template-columns:1fr;padding:16px 18px 0;min-height:0}.zy-home .zy-ali-hero-copy{padding:12px 0 0}.zy-home .zy-ali-hero-title{font-size:2.5rem!important;max-width:100%!important}.zy-home .zy-ali-hero-desc{max-width:100%}.zy-home .zy-ali-hero-visual{min-height:280px}.zy-home .zy-ali-hero-visual-bg{inset:0}.zy-home .zy-ali-hero-visual-float{right:8%;top:auto;bottom:12%;transform:none;width:180px;height:66px}.zy-home .zy-ali-hero-visual-float::before{left:20px;top:18px;font-size:.96rem}.zy-home .zy-ali-hero-card-list{grid-template-columns:1fr}.zy-home .zy-ali-hero-card::after{display:none}}
/* Keep the original homepage hero visible */
.zy-hero{display:block!important}
.zy-hero::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:100px;background:linear-gradient(to top,var(--bg-light,#F4F7FC),transparent);pointer-events:none;z-index:2}
.zy-hero h1{text-shadow:0 4px 60px rgba(19,84,238,.15);font-size:clamp(2rem,4vw,3rem)!important;margin-bottom:20px!important;text-align:left!important;max-width:600px!important}
.zy-hero h1 em{filter:brightness(1.15);position:relative;background:linear-gradient(135deg,#60a5fa,#18D0F4,#a5b4fc)!important;background-size:200% 200%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:gradShift 5s ease infinite!important}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.zy-hero .sub{text-shadow:0 1px 20px rgba(0,0,0,.15);font-size:.95rem!important;max-width:520px!important;margin:0 0 32px 0!important;line-height:1.8!important;color:rgba(255,255,255,.72)!important;text-align:left!important}
.zy-hero .badge{animation:badgePulse 3s ease-in-out infinite!important;font-size:.8rem!important;padding:6px 18px!important;gap:10px!important}
@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.2)}50%{box-shadow:0 0 0 10px rgba(37,99,235,0)}}
.zy-hero .badge i{width:7px!important;height:7px!important;box-shadow:0 0 6px rgba(24,208,244,.5)!important}
.zy-hero .btns{gap:14px!important;margin-bottom:4px!important;justify-content:flex-start!important}
.zy-hero .btns .zy-btn{padding:15px 40px!important;font-size:.95rem!important;border-radius:50px!important}
/* Hero features bottom bar */
.zy-hero-features{margin-top:52px!important;padding-top:40px!important;gap:20px!important}
.zy-hero-features .hf{background:rgba(255,255,255,.05)!important;padding:12px 22px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;transition:all .3s!important;gap:12px!important}
.zy-hero-features .hf:hover{background:rgba(255,255,255,.12)!important;transform:translateY(-3px)!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 8px 24px rgba(0,0,0,.1)!important}
.zy-hero-features .hf-ico{width:40px!important;height:40px!important;border-radius:10px!important;background:rgba(255,255,255,.1)!important;border:1px solid rgba(255,255,255,.12)!important;transition:all .3s!important}
.zy-hero-features .hf:hover .hf-ico{background:rgba(255,255,255,.18)!important;transform:scale(1.1)!important}

/* --- TAGS --- */
.zy-tags{margin-top:40px!important;gap:10px!important;justify-content:flex-start!important}
.zy-tag{font-size:.78rem!important;padding:6px 16px!important;border-radius:50px!important;font-weight:500!important}

/* UIverse-style hero buttons with glow */
.zy-btn-p{background:linear-gradient(135deg,#1354EE 0%,#615CED 100%)!important;border:none!important;letter-spacing:.02em;position:relative!important}
.zy-btn-p::before{content:""!important;position:absolute!important;inset:-2px!important;background:linear-gradient(135deg,#1354EE,#615CED,#18D0F4)!important;border-radius:inherit!important;z-index:-1!important;opacity:0!important;filter:blur(12px)!important;transition:opacity .4s!important}
.zy-btn-p:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 8px 32px rgba(19,84,238,.35)!important}
.zy-btn-p:hover::before{opacity:.6!important}
.zy-btn-o{position:relative!important;overflow:hidden!important}
.zy-btn-o::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent)!important;opacity:0!important;transition:opacity .3s!important}
.zy-btn-o:hover::before{opacity:1!important}

/* --- STATS SECTION (polished) --- */
.zy-stats{background:linear-gradient(180deg,#fff,#f8faff)!important;border-top:none!important;border-bottom:1px solid rgba(0,0,0,.04)!important;padding:8px 0!important}
.zy-stat{transition:all .4s cubic-bezier(.22,1,.36,1)!important;padding:44px 20px!important;cursor:default!important}
.zy-stat:hover{transform:scale(1.05)!important;background:rgba(19,84,238,.02)!important;border-radius:16px!important}
.zy-stat .n{background:linear-gradient(135deg,#1354EE,#615CED);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(2.2rem,4vw,3rem)!important;font-weight:800!important}
.zy-stat .n span{background:linear-gradient(135deg,#615CED,#18D0F4)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:700!important}
.zy-stat .st-ico{width:44px!important;height:44px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(19,84,238,.06),rgba(97,92,237,.04))!important;border:1px solid rgba(19,84,238,.08)!important;transition:all .3s!important;margin:0 auto 14px!important}
.zy-stat:hover .st-ico{transform:scale(1.15) rotate(-8deg)!important;background:linear-gradient(135deg,rgba(19,84,238,.12),rgba(97,92,237,.08))!important;box-shadow:0 4px 16px rgba(19,84,238,.12)!important}
.zy-stat .l{font-weight:500!important;letter-spacing:.02em!important;color:#6b7280!important;font-size:.84rem!important}

/* --- INLINE CAPABILITIES (merged into hero) --- */
.zy-cap-inline{display:flex!important;gap:10px!important;justify-content:center!important;flex-wrap:wrap!important;margin-top:20px!important;padding-top:0!important;position:relative!important;z-index:1!important;animation:heroFadeIn .9s cubic-bezier(.22,1,.36,1) .6s both!important}
@keyframes heroFadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.zy-cap-inline .zy-cap-item{display:flex!important;align-items:center!important;gap:6px!important;padding:6px 14px!important;border-radius:50px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;color:rgba(255,255,255,.7)!important;font-size:.72rem!important;font-weight:500!important;transition:all .25s!important}
.zy-cap-inline .zy-cap-item:hover{background:rgba(255,255,255,.12)!important;color:rgba(255,255,255,.95)!important;transform:translateY(-2px)!important}
.zy-cap-inline .zy-cap-item svg{width:14px!important;height:14px!important;color:var(--zy-ac)!important;flex-shrink:0!important}

/* Keep the original capability section visible */
.zy-cap{display:block!important}

/* Card hover - UIverse inspired glow + lift */
.zy-card{transition:all .4s cubic-bezier(.22,1,.36,1)!important;border:1px solid rgba(0,0,0,.06)!important;position:relative!important;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(8px)!important}
.zy-card::after{content:""!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;background:linear-gradient(135deg,rgba(19,84,238,.15),rgba(97,92,237,.1),rgba(24,208,244,.1))!important;z-index:-1!important;opacity:0!important;transition:opacity .4s!important;filter:blur(8px)!important}
.zy-card:hover{transform:translateY(-8px)!important;box-shadow:0 16px 48px rgba(19,84,238,.12),0 4px 12px rgba(0,0,0,.04)!important;border-color:rgba(19,84,238,.15)!important}
.zy-card:hover::after{opacity:1!important}
.zy-card .ico{transition:transform .4s cubic-bezier(.22,1,.36,1)}
.zy-card:hover .ico{transform:scale(1.15) rotate(-5deg)}

/* --- SOLUTION CARDS (enhanced) --- */
.zy-sol{transition:all .5s cubic-bezier(.22,1,.36,1)!important;background:#fff!important;border:1px solid rgba(0,0,0,.04)!important;border-radius:20px!important;overflow:hidden!important;position:relative!important}
.zy-sol::after{content:""!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;background:linear-gradient(135deg,rgba(19,84,238,.12),rgba(24,208,244,.08),rgba(97,92,237,.08))!important;z-index:-1!important;opacity:0!important;transition:opacity .5s!important;filter:blur(10px)!important}
.zy-sol:hover{transform:translateY(-10px)!important;box-shadow:0 24px 64px rgba(19,84,238,.1),0 8px 20px rgba(0,0,0,.04)!important;border-color:rgba(19,84,238,.12)!important}
.zy-sol:hover::after{opacity:1!important}
.zy-sol .sol-img{transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s!important;filter:saturate(.85) brightness(1.02)}
.zy-sol:hover .sol-img{transform:scale(1.08)!important;filter:saturate(1.15) brightness(1.05)!important}
.zy-sol .sol-label{background:linear-gradient(135deg,rgba(19,84,238,.08),rgba(97,92,237,.06))!important;padding:5px 12px!important;border-radius:6px!important;display:inline-block!important;font-weight:700!important}
.zy-sol .sol-body{padding:24px 28px 28px!important}
.zy-sol h3{font-size:1.2rem!important;font-weight:700!important;letter-spacing:-.02em!important}
.zy-sol .sol-t{transition:all .25s!important}
.zy-sol:hover .sol-t{background:rgba(19,84,238,.1)!important;border-color:rgba(19,84,238,.2)!important}
.zy-sol .sol-link{font-weight:600!important;transition:all .3s!important}
.zy-sol:hover .sol-link{gap:10px!important;color:#0d4fd6!important}

/* Model cards - UIverse inspired with gradient border glow */
.zy-mc{transition:all .35s cubic-bezier(.22,1,.36,1)!important;border:1px solid rgba(0,0,0,.06)!important;position:relative!important}
.zy-mc::before{display:none!important}
.zy-mc::after{content:""!important;position:absolute!important;inset:-1px!important;border-radius:inherit!important;background:conic-gradient(from 180deg,#1354EE,#615CED,#18D0F4,#1354EE)!important;z-index:-1!important;opacity:0!important;transition:opacity .4s!important;filter:blur(6px)!important}
.zy-mc:hover{transform:translateY(-6px) scale(1.02)!important;box-shadow:0 12px 32px rgba(19,84,238,.1)!important;border-color:rgba(19,84,238,.2)!important}
.zy-mc:hover::after{opacity:.5!important}
.zy-mc:hover .logo{transform:scale(1.12) rotate(-3deg)!important}

/* --- NEWS CARDS (enhanced) --- */
.zy-nc{transition:all .5s cubic-bezier(.22,1,.36,1)!important;border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(0,0,0,.04)!important;position:relative!important}
.zy-nc::after{content:""!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:3px!important;background:linear-gradient(90deg,#1354EE,#18D0F4)!important;transform:scaleX(0)!important;transform-origin:left!important;transition:transform .5s cubic-bezier(.22,1,.36,1)!important}
.zy-nc:hover{transform:translateY(-8px)!important;box-shadow:0 20px 56px rgba(0,0,0,.08)!important;border-color:rgba(19,84,238,.1)!important}
.zy-nc:hover::after{transform:scaleX(1)!important}
.zy-nc .nc-img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s!important;filter:brightness(.97)}
.zy-nc:hover .nc-img{transform:scale(1.06)!important;filter:brightness(1.05)!important}
.zy-nc .body{padding:24px!important}
.zy-nc .date{font-weight:600!important;border-radius:6px!important;background:linear-gradient(135deg,rgba(19,84,238,.08),rgba(97,92,237,.06))!important}
.zy-nc h4{font-weight:700!important;line-height:1.5!important;letter-spacing:-.01em!important;transition:color .3s!important}
.zy-nc:hover h4{color:#1354EE!important}
.zy-nc .more{font-weight:600!important;transition:all .3s!important}
.zy-nc:hover .more{color:#0d4fd6!important;gap:10px!important}

/* --- HOT PRODUCT CARDS (enhanced) --- */
.zy-hpc{transition:all .5s cubic-bezier(.22,1,.36,1)!important;border-radius:20px!important;overflow:hidden!important;border:1px solid rgba(0,0,0,.04)!important;position:relative!important}
.zy-hpc::before{content:"" !important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:0!important;background:linear-gradient(180deg,rgba(239,68,68,.06),transparent)!important;transition:height .5s!important;z-index:0!important;display:block!important}
.zy-hpc:hover{transform:translateY(-8px)!important;box-shadow:0 20px 56px rgba(0,0,0,.08),0 4px 16px rgba(239,68,68,.04)!important;border-color:rgba(239,68,68,.1)!important}
.zy-hpc:hover::before{height:100%!important}
.zy-hpc .hpc-img{transition:transform .6s cubic-bezier(.22,1,.36,1),filter .5s!important}
.zy-hpc:hover .hpc-img{transform:scale(1.06)!important;filter:brightness(1.05)!important}
.zy-hpc .hpc-body{position:relative!important;z-index:1!important;padding:18px 22px 22px!important}
.zy-hpc h4{font-weight:700!important;font-size:1rem!important;letter-spacing:-.01em!important}
.zy-hpc .hpc-now{background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800!important;font-size:1.35rem!important}
.zy-hpc .hpc-badge{border-radius:8px!important;font-weight:600!important;letter-spacing:.03em!important;backdrop-filter:blur(10px)!important;padding:4px 12px!important;font-size:.72rem!important;animation:badgeShine 3s ease infinite!important}
@keyframes badgeShine{0%,100%{opacity:.9}50%{opacity:1}}

/* --- HONOR CARDS (enhanced) --- */
.zy-hc{transition:all .58s cubic-bezier(.22,1,.36,1)!important;border-radius:22px!important;border:1px solid rgba(0,0,0,.04)!important;position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.98))!important;box-shadow:0 18px 46px rgba(148,163,184,.14)!important}
.zy-hc::before,.zy-hc::after{content:""!important;position:absolute!important;pointer-events:none!important}
.zy-hc::before{inset:0!important;background:radial-gradient(circle at 84% 18%,rgba(96,165,250,.16),rgba(96,165,250,0) 28%),linear-gradient(145deg,rgba(191,219,254,.14),rgba(255,255,255,0) 48%)!important;opacity:.72!important;transition:opacity .4s ease,transform .65s ease!important}
.zy-hc::after{top:-15%!important;bottom:-15%!important;left:-28%!important;width:38%!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.2),rgba(255,255,255,.82),rgba(255,255,255,0))!important;transform:translateX(-180%) skewX(-20deg)!important;opacity:0!important;transition:transform 1s ease,opacity .35s ease!important}
.zy-hc:hover{transform:translateY(-14px) scale(1.03)!important;box-shadow:0 34px 78px rgba(148,163,184,.24),0 10px 24px rgba(59,130,246,.08)!important;border-color:rgba(59,130,246,.2)!important}
.zy-hc:hover::before{opacity:1!important;transform:scale(1.04)!important}
.zy-hc:hover::after{opacity:1!important;transform:translateX(460%) skewX(-20deg)!important}
.zy-hc .hc-img{border-radius:16px!important;overflow:hidden!important;margin:12px 12px 0!important;position:relative!important}
.zy-hc .hc-img img{transition:transform .72s cubic-bezier(.22,1,.36,1),filter .5s!important;filter:saturate(.92);transform-origin:center center}
.zy-hc:hover .hc-img img{transform:scale(1.14) rotate(-1.6deg)!important;filter:saturate(1.12)!important}
.zy-hc h4{font-weight:700!important;margin-top:8px!important;padding:0 12px 14px!important;font-size:.92rem!important;letter-spacing:-.01em!important;transition:color .34s ease,transform .4s cubic-bezier(.22,1,.36,1)!important;position:relative!important;z-index:2!important}
.zy-hc:hover h4{color:#1354EE!important;transform:translateX(6px)!important}
@keyframes zyHonorCardPulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 18px 46px rgba(148,163,184,.14)}50%{transform:translateY(-6px) scale(1.018);box-shadow:0 28px 60px rgba(96,165,250,.18)}} 
.zy-hc:nth-child(2),.zy-hc:nth-child(4){animation:zyHonorCardPulse 4s ease-in-out infinite}

/* --- MODEL PLAZA ROUTE --- */
body.zy-model-plaza-route{background:linear-gradient(180deg,#f7faff 0%,#eef4ff 100%)!important}
body.zy-model-plaza-route .semi-layout-header{display:none!important}
body.zy-model-plaza-route .semi-layout-content,body.zy-model-plaza-route .semi-layout-content>div,body.zy-model-plaza-route .semi-layout-content>div>div,body.zy-model-plaza-route #root{margin:0!important;padding:0!important;min-height:100vh!important}
.zy-model-plaza-page{position:relative;min-height:100vh;padding:112px 24px 52px;background:radial-gradient(circle at 12% 8%,rgba(96,165,250,.22),rgba(96,165,250,0) 26%),radial-gradient(circle at 88% 0%,rgba(56,189,248,.16),rgba(56,189,248,0) 24%),linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%)}
.zy-model-plaza-page::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.12) 26%,rgba(255,255,255,.3) 100%);pointer-events:none}
.zy-model-plaza-shell{position:relative;z-index:1;max-width:1360px;margin:0 auto}
.zy-model-plaza-kicker{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.14);font-size:.78rem;font-weight:700;letter-spacing:.18em;color:#2563eb;text-transform:uppercase}
.zy-model-plaza-kicker.small{height:28px;font-size:.72rem}
.zy-model-plaza-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:28px;align-items:stretch;margin-bottom:34px}
.zy-model-plaza-hero-copy,.zy-model-plaza-hero-panel{position:relative;border-radius:32px;background:rgba(255,255,255,.7);border:1px solid rgba(191,219,254,.56);box-shadow:0 24px 70px rgba(148,163,184,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.zy-model-plaza-hero-copy{padding:42px 42px 38px}
.zy-model-plaza-hero-copy h1{margin:18px 0 16px;font-size:clamp(2.9rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em;color:#0f172a}
.zy-model-plaza-hero-copy p{max-width:760px;margin:0;color:#475569;font-size:1.02rem;line-height:1.85}
.zy-model-plaza-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.zy-model-plaza-btn{display:inline-flex;align-items:center;justify-content:center;min-width:148px;height:54px;padding:0 22px;border-radius:14px;text-decoration:none;font-weight:700;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s cubic-bezier(.22,1,.36,1),border-color .28s ease}
.zy-model-plaza-btn.primary{background:linear-gradient(135deg,#2563eb 0%,#4f46e5 52%,#22c7f3 100%);color:#fff;box-shadow:0 18px 36px rgba(59,130,246,.22)}
.zy-model-plaza-btn.secondary{background:#fff;color:#1e293b;border:1px solid rgba(203,213,225,.9);box-shadow:0 10px 22px rgba(148,163,184,.14)}
.zy-model-plaza-btn:hover{transform:translateY(-3px)}
.zy-model-plaza-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.zy-model-plaza-stat{padding:18px 16px;border-radius:18px;background:rgba(248,250,252,.86);border:1px solid rgba(226,232,240,.9)}
.zy-model-plaza-stat strong{display:block;color:#0f172a;font-size:1.12rem;font-weight:800}
.zy-model-plaza-stat span{display:block;margin-top:6px;color:#64748b;font-size:.88rem}
.zy-model-plaza-hero-panel{overflow:hidden;padding:24px}
.zy-model-plaza-panel-glow{position:absolute;inset:auto -10% -22% 28%;height:58%;background:radial-gradient(circle,rgba(59,130,246,.28),rgba(59,130,246,0) 66%);filter:blur(10px)}
.zy-model-plaza-panel-card{position:relative;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(239,246,255,.95));border:1px solid rgba(191,219,254,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.zy-model-plaza-panel-label{font-size:.82rem;font-weight:700;letter-spacing:.14em;color:#64748b;text-transform:uppercase}
.zy-model-plaza-panel-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid rgba(226,232,240,.86)}
.zy-model-plaza-panel-row:last-child{border-bottom:none;padding-bottom:0}
.zy-model-plaza-panel-row span{color:#64748b;font-size:.9rem}
.zy-model-plaza-panel-row strong{color:#0f172a;font-size:.96rem;line-height:1.6;text-align:right}
.zy-model-plaza-section{padding:30px;border-radius:34px;background:rgba(255,255,255,.76);border:1px solid rgba(191,219,254,.48);box-shadow:0 24px 68px rgba(148,163,184,.16);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.zy-model-plaza-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.zy-model-plaza-section-head h2{margin:14px 0 10px;color:#0f172a;font-size:2.2rem;line-height:1.08;letter-spacing:-.03em}
.zy-model-plaza-section-head p{margin:0;max-width:760px;color:#64748b;line-height:1.8}
.zy-model-plaza-filters{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.zy-model-filter{height:42px;padding:0 18px;border:none;border-radius:999px;background:rgba(226,232,240,.8);color:#475569;font-weight:700;cursor:pointer;transition:transform .22s ease,background-color .22s ease,color .22s ease,box-shadow .22s ease}
.zy-model-filter:hover{transform:translateY(-2px);background:rgba(203,213,225,.9)}
.zy-model-filter.is-active{background:linear-gradient(135deg,#2563eb,#4f46e5);color:#fff;box-shadow:0 14px 28px rgba(59,130,246,.2)}
.zy-model-plaza-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.zy-model-card{display:flex;flex-direction:column;min-height:272px;padding:22px;border-radius:24px;text-decoration:none;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.96));border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 38px rgba(148,163,184,.12);transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .34s cubic-bezier(.22,1,.36,1),border-color .24s ease,opacity .24s ease}
.zy-model-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(99,102,241,.14),0 10px 24px rgba(59,130,246,.08);border-color:rgba(96,165,250,.56)}
.zy-model-card.is-hidden{display:none!important}
.zy-model-card-head{display:flex;align-items:center;gap:14px}
.zy-model-card-logo{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.06em;flex:0 0 54px;box-shadow:0 14px 26px rgba(59,130,246,.16)}
.zy-model-card-logo[data-tone="openai"]{background:linear-gradient(135deg,#111827,#334155)}
.zy-model-card-logo[data-tone="anthropic"]{background:linear-gradient(135deg,#8b5cf6,#6366f1)}
.zy-model-card-logo[data-tone="google"]{background:linear-gradient(135deg,#2563eb,#22c7f3)}
.zy-model-card-logo[data-tone="deepseek"]{background:linear-gradient(135deg,#0f172a,#2563eb)}
.zy-model-card-logo[data-tone="qwen"]{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}
.zy-model-card-logo[data-tone="zhipu"]{background:linear-gradient(135deg,#2563eb,#06b6d4)}
.zy-model-card-logo[data-tone="meta"]{background:linear-gradient(135deg,#1e40af,#60a5fa)}
.zy-model-card-logo[data-tone="minimax"]{background:linear-gradient(135deg,#4f46e5,#8b5cf6)}
.zy-model-card-logo[data-tone="stability"]{background:linear-gradient(135deg,#0f766e,#14b8a6)}
.zy-model-card-logo[data-tone="midjourney"]{background:linear-gradient(135deg,#7c3aed,#ec4899)}
.zy-model-card-logo[data-tone="runway"]{background:linear-gradient(135deg,#111827,#0ea5e9)}
.zy-model-card-logo[data-tone="vision"]{background:linear-gradient(135deg,#0284c7,#38bdf8)}
.zy-model-card-titlewrap{min-width:0;flex:1}
.zy-model-card-titlewrap h3{margin:0;color:#0f172a;font-size:1.15rem;line-height:1.35;font-weight:800}
.zy-model-card-titlewrap p{margin:4px 0 0;color:#64748b;font-size:.88rem}
.zy-model-card-badge{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:rgba(37,99,235,.08);color:#2563eb;font-size:.76rem;font-weight:700;white-space:nowrap}
.zy-model-card-desc{margin:18px 0 0;color:#475569;line-height:1.8;min-height:84px}
.zy-model-card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.zy-model-card-tags span{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:.78rem;font-weight:700}
.zy-model-card-foot{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid rgba(226,232,240,.92)}
.zy-model-card-foot span{color:#64748b;font-size:.84rem}
.zy-model-card-foot strong{color:#0f172a;font-size:.9rem}
@media(max-width:1180px){.zy-model-plaza-hero{grid-template-columns:1fr}.zy-model-plaza-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.zy-model-plaza-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zy-model-plaza-section-head{flex-direction:column;align-items:flex-start}.zy-model-plaza-filters{justify-content:flex-start}}
@media(max-width:720px){.zy-model-plaza-page{padding:96px 16px 36px}.zy-model-plaza-hero-copy,.zy-model-plaza-hero-panel,.zy-model-plaza-section{padding:22px}.zy-model-plaza-hero-copy h1{font-size:2.4rem}.zy-model-plaza-stats,.zy-model-plaza-grid{grid-template-columns:1fr}.zy-model-plaza-actions{flex-direction:column}.zy-model-plaza-btn{width:100%}.zy-model-plaza-panel-row{flex-direction:column}.zy-model-plaza-panel-row strong{text-align:left}.zy-model-card{min-height:0}}

/* --- CTA SECTION --- */
.zy-cta{border-radius:0!important}
.zy-cta h2{text-shadow:0 2px 40px rgba(0,0,0,.3)!important}
.zy-cta .cta-glow{animation:ctaPulse 4s ease-in-out infinite alternate}
@keyframes ctaPulse{from{opacity:.5;transform:translateX(-50%) scale(1)}to{opacity:.8;transform:translateX(-50%) scale(1.1)}}

/* --- CLIENTS / PARTNERS SECTION --- */
.zy-clients{position:relative;background:
radial-gradient(circle at 18% 18%,rgba(103,180,255,.18),transparent 26%),
radial-gradient(circle at 82% 24%,rgba(96,128,255,.14),transparent 24%),
linear-gradient(180deg,#fff 0%,#f7faff 100%)!important;overflow:hidden}
.zy-clients::before,.zy-clients::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(18px);opacity:.58}
.zy-clients::before{width:220px;height:220px;left:-36px;top:28px;background:radial-gradient(circle,rgba(74,170,255,.24) 0%,rgba(74,170,255,0) 72%);animation:zyClientsGlowFloat 8s ease-in-out infinite}
.zy-clients::after{width:280px;height:280px;right:-46px;bottom:-40px;background:radial-gradient(circle,rgba(121,113,255,.18) 0%,rgba(121,113,255,0) 72%);animation:zyClientsGlowFloat 10s ease-in-out infinite reverse}
.zy-logo-scroll{position:relative;overflow:hidden}
.zy-logo-scroll::before,.zy-logo-scroll::after{content:"";position:absolute;top:0;bottom:0;width:108px;z-index:2;pointer-events:none}
.zy-logo-scroll::before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%)}
.zy-logo-scroll::after{right:0;background:linear-gradient(-90deg,#fff 0%,rgba(255,255,255,0) 100%)}
.zy-logo-track{display:flex;align-items:center;gap:16px;animation:logoScroll 26s linear infinite!important;will-change:transform}
.zy-logo-item{position:relative;display:flex;align-items:center;justify-content:center;min-width:184px;border-radius:18px!important;padding:18px 32px!important;background:rgba(255,255,255,.82)!important;border:1px solid rgba(164,196,255,.48)!important;box-shadow:0 10px 30px rgba(67,103,180,.10)!important;opacity:.72!important;overflow:hidden;transform:translateY(0) scale(1);transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .35s ease,box-shadow .45s ease,border-color .35s ease,background .35s ease!important}
.zy-logo-item::before,.zy-logo-item::after{content:"";position:absolute;inset:auto;pointer-events:none}
.zy-logo-item::before{top:-140%;left:-52%;width:64%;height:320%;background:linear-gradient(120deg,rgba(255,255,255,0) 18%,rgba(255,255,255,.95) 50%,rgba(255,255,255,0) 82%);transform:rotate(20deg);opacity:0;transition:opacity .28s ease}
.zy-logo-item::after{inset:-1px;border-radius:inherit;border:1px solid rgba(93,150,255,.0);box-shadow:0 0 0 rgba(89,148,255,0);transition:border-color .35s ease,box-shadow .35s ease}
.zy-logo-item img{max-height:48px;filter:grayscale(.12) saturate(.92);transform:translateY(0) scale(1);transition:transform .54s cubic-bezier(.22,1,.36,1),filter .35s ease,opacity .35s ease}
.zy-logo-item:hover{opacity:1!important;background:rgba(255,255,255,.98)!important;border-color:rgba(92,148,255,.78)!important;box-shadow:0 22px 54px rgba(70,112,214,.22),0 0 0 1px rgba(124,173,255,.26)!important;transform:translateY(-16px) scale(1.12)!important}
.zy-logo-item:hover::before{opacity:1;animation:zyClientsShine .95s ease forwards}
.zy-logo-item:hover::after{border-color:rgba(93,150,255,.78);box-shadow:0 0 26px rgba(76,139,255,.18),inset 0 0 22px rgba(255,255,255,.26)}
.zy-logo-item:hover img{filter:grayscale(0) saturate(1.18);transform:translateY(-3px) scale(1.12) rotate(-2deg)}
.zy-logo-item:nth-child(3n){animation:zyClientsCardFloat 3.9s ease-in-out infinite}
.zy-logo-item:nth-child(3n+1){animation:zyClientsCardFloat 4.6s ease-in-out infinite reverse}
@keyframes zyClientsGlowFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-12px,0) scale(1.08)}}
@keyframes zyClientsTrackBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes zyClientsCardFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.02)}}
@keyframes zyClientsShine{0%{transform:translate3d(-12%,0,0) rotate(20deg)}100%{transform:translate3d(240%,0,0) rotate(20deg)}}

/* Footer links hover */
.zy-ft a{transition:all .2s!important}
.zy-ft a:hover{color:rgba(255,255,255,.9)!important;transform:translateX(3px)!important;display:inline-block}

/* Tags hover enhancement */
.zy-tag{transition:all .25s cubic-bezier(.22,1,.36,1)!important;cursor:default}
.zy-tag:hover{background:rgba(37,99,235,.15)!important;border-color:rgba(37,99,235,.3)!important;transform:translateY(-2px) scale(1.03)!important}

/* --- SECTION SPACING (compact) --- */
.zy-sec{position:relative;padding:56px 24px!important}
.zy-sh{margin-bottom:36px!important}
.zy-sh .en{background:linear-gradient(135deg,var(--zy-p),var(--zy-pu));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700!important;margin-bottom:6px!important}
.zy-sh h2{position:relative!important;display:inline-block!important;margin-bottom:10px!important}
.zy-sh p{margin-top:0!important}
.zy-sec+.zy-sec{border-top:none}
/* Grid gaps */
.zy-grid4{gap:16px!important}
.zy-sol-grid{gap:16px!important}
.zy-grid5{gap:12px!important}
.zy-hot-grid{gap:16px!important}
.zy-honor-grid{gap:16px!important}

/* --- CAPABILITIES SECTION --- */
.zy-cap{border-radius:0!important}
.zy-cap h3{font-size:1.4rem!important;text-shadow:0 2px 20px rgba(0,0,0,.2)!important}

/* Capability items */
.zy-cap-item{transition:all .3s cubic-bezier(.22,1,.36,1)!important}
.zy-cap-item:hover{transform:translateY(-3px) scale(1.02)!important;background:rgba(255,255,255,.15)!important}
.zy-cap-item svg{transition:transform .3s}
.zy-cap-item:hover svg{transform:scale(1.1)}

@media(max-width:768px){.semi-card{border-radius:12px!important}.semi-card:hover{transform:none!important}.semi-button-primary:hover{transform:none!important}.zy-card:hover,.zy-mc:hover,.zy-nc:hover,.zy-hpc:hover{transform:none!important}}

/* --- PRICING / MODEL PLAZA ENHANCE --- */
body.zy-pricing-route{background:radial-gradient(circle at 12% 0%,rgba(96,165,250,.12),rgba(96,165,250,0) 24%),linear-gradient(180deg,#f8fbff 0%,#f2f7ff 100%)!important}
body.zy-pricing-route .semi-layout-content{background:transparent!important}
body.zy-pricing-route .semi-layout-content>div:not(:has(.zy-home)){padding:32px 28px 28px!important}
[data-zy-pricing-root]{position:relative}
[data-zy-pricing-root]::before{content:"";position:fixed;top:78px;left:0;right:0;height:320px;background:radial-gradient(circle at 18% 12%,rgba(96,165,250,.14),rgba(96,165,250,0) 24%),radial-gradient(circle at 82% 0%,rgba(59,130,246,.12),rgba(59,130,246,0) 22%);pointer-events:none;z-index:0}
.zy-pricing-hero{position:relative;z-index:1;padding:22px 0 18px;animation:zyPricingHeroIn .85s cubic-bezier(.22,1,.36,1) both}
.zy-pricing-title{font-size:clamp(2.3rem,4vw,3.4rem)!important;line-height:1.02!important;letter-spacing:-.05em!important;font-weight:900!important;color:#1d4ed8!important;text-shadow:0 10px 28px rgba(59,130,246,.12)!important}
.zy-pricing-subtitle{font-size:1rem!important;line-height:1.85!important;color:#64748b!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important}
.zy-pricing-button{height:40px!important;padding:0 18px!important;font-weight:700!important;transition:transform .22s ease,box-shadow .28s ease,background-color .22s ease!important}
.zy-pricing-button:hover{transform:translateY(-2px) scale(1.02)!important}
.zy-pricing-button.semi-button-primary,.zy-pricing-route .semi-button-primary.zy-pricing-button{box-shadow:0 14px 28px rgba(59,130,246,.18)!important}
.zy-pricing-button.semi-button-primary:hover,.zy-pricing-route .semi-button-primary.zy-pricing-button:hover{box-shadow:0 20px 36px rgba(59,130,246,.26)!important}
.zy-pricing-input,.zy-pricing-select .semi-select-selection,.zy-pricing-route .semi-select-selection{border-radius:14px!important;min-height:42px!important;background:rgba(255,255,255,.92)!important;border-color:rgba(191,219,254,.72)!important;box-shadow:0 8px 20px rgba(148,163,184,.08)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.zy-pricing-input:hover,.zy-pricing-select .semi-select-selection:hover,.zy-pricing-route .semi-select-selection:hover{transform:translateY(-1px)!important;border-color:rgba(96,165,250,.9)!important;box-shadow:0 12px 24px rgba(59,130,246,.1)!important}
.zy-pricing-route .semi-input-wrapper-focus,.zy-pricing-route .semi-select.focus .semi-select-selection,.zy-pricing-route .semi-select-selection:focus-within{box-shadow:0 0 0 4px rgba(59,130,246,.1)!important;border-color:#60a5fa!important}
.zy-pricing-check{transition:transform .2s ease,opacity .2s ease!important}
.zy-pricing-check:hover{transform:scale(1.08)!important}
.zy-pricing-card{position:relative!important;border-radius:22px!important;border:1px solid rgba(226,232,240,.95)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.96))!important;box-shadow:0 18px 44px rgba(148,163,184,.12)!important;overflow:hidden!important;transform-origin:center center!important;animation:zyPricingCardIn .7s cubic-bezier(.22,1,.36,1) both!important;animation-delay:var(--zy-pricing-delay,0ms)!important}
.zy-pricing-card::before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 100% 0%,rgba(96,165,250,.14),rgba(96,165,250,0) 34%),linear-gradient(135deg,rgba(99,102,241,.02),rgba(34,199,243,.05))!important;opacity:.9!important;pointer-events:none!important}
.zy-pricing-card::after{content:""!important;position:absolute!important;top:-24%!important;bottom:-24%!important;left:-30%!important;width:26%!important;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,.92),rgba(255,255,255,0))!important;transform:translateX(-180%) skewX(-18deg)!important;opacity:0!important;transition:transform .95s ease,opacity .35s ease!important;pointer-events:none!important}
.zy-pricing-card:hover{transform:translateY(-10px) scale(1.03)!important;border-color:rgba(96,165,250,.72)!important;box-shadow:0 30px 70px rgba(99,102,241,.14),0 12px 28px rgba(59,130,246,.1)!important}
.zy-pricing-card:hover::after{opacity:1!important;transform:translateX(460%) skewX(-18deg)!important}
.zy-pricing-card .semi-typography,.zy-pricing-card p,.zy-pricing-card span,.zy-pricing-card div{position:relative;z-index:1}
.zy-pricing-card:hover .semi-typography,.zy-pricing-card:hover p,.zy-pricing-card:hover span{transition:transform .3s cubic-bezier(.22,1,.36,1),color .25s ease!important}
.zy-pricing-card:hover .semi-typography,.zy-pricing-card:hover p{transform:translateY(-1px)}
.zy-pricing-card .zy-pricing-metric{font-size:1rem!important;font-weight:800!important;color:#0f172a!important}
.zy-pricing-card .zy-pricing-metric-label{font-size:.78rem!important;color:#94a3b8!important;font-weight:700!important}
.zy-pricing-route .semi-card-header,.zy-pricing-route .semi-card-body{padding-left:18px!important;padding-right:18px!important}
.zy-pricing-route .semi-card-body{padding-top:16px!important;padding-bottom:16px!important}
.zy-pricing-route .semi-card-header{padding-top:16px!important}
.zy-pricing-route .semi-empty,.zy-pricing-route .semi-spin-wrapper{position:relative;z-index:1}
@keyframes zyPricingHeroIn{from{opacity:0;transform:translateY(26px) scale(.98)}to{opacity:1;transform:none}}
@keyframes zyPricingCardIn{from{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:900px){body.zy-pricing-route .semi-layout-content>div:not(:has(.zy-home)){padding:24px 16px 22px!important}.zy-pricing-title{font-size:2rem!important}.zy-pricing-card:hover{transform:translateY(-4px) scale(1.01)!important}}

/* 核心服务标签样式 - 灵境云风格 */
.zy-core-tabs {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

.zy-core-tab {
  padding: 12px 28px;
  border-radius: 8px;
  font-size: .95rem;
  font-weight: 600;
  color: var(--text-secondary, #6b7280);
  background: var(--bg-card, #f8fafc);
  border: 1px solid var(--border, #e2e8f0);
  cursor: pointer;
  transition: all .35s cubic-bezier(.22,1,.36,1);
  position: relative;
  overflow: hidden;
}

.zy-core-tab::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, var(--zy-p), var(--zy-ac));
  opacity: 0;
  transition: opacity .35s;
}

.zy-core-tab.active {
  color: #fff;
  border-color: transparent;
  box-shadow: 0 4px 16px rgba(37,99,235,.25);
}

.zy-core-tab.active::before {
  opacity: 1;
}

.zy-core-tab:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.zy-core-tab.active:hover {
  box-shadow: 0 6px 20px rgba(37,99,235,.3);
}

.zy-core-panels {
  position: relative;
  min-height: 300px;
}

.zy-core-panel {
  display: none;
  animation: fadeInUp .5s cubic-bezier(.22,1,.36,1);
}

.zy-core-panel.active {
  display: block;
}

.zy-core-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 24px;
  margin: 0 auto;
  max-width: 1200px;
}

.zy-core-item {
  display: flex;
  align-items: stretch;
  background: #111d35;
  border-radius: 20px;
  border: 1px solid #1c2d4a;
  overflow: hidden;
  transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
}

.zy-core-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 48px rgba(19,84,238,.2);
  border-color: rgba(79,143,255,.3);
}

.zy-core-content {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 32px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.zy-core-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--zy-p), var(--zy-ac));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}

.zy-core-item:hover .zy-core-content::before {
  transform: scaleX(1);
}

.zy-core-content-padding {
  flex: 1;
}

.zy-core-content-enter {
  animation: slideInLeft .6s cubic-bezier(.22,1,.36,1);
  transition: transform .3s ease;
}

.zy-core-item:hover .zy-core-content-enter {
  transform: translateX(8px) rotate(-5deg);
}

.zy-core-content-text {
  flex: 2;
}

.zy-core-content-title {
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 12px;
  line-height: 1.4;
}

.zy-core-content-desc {
  font-size: .88rem;
  color: rgba(255,255,255,.7);
  line-height: 1.6;
  margin-bottom: 20px;
}

.zy-core-content-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4f8fff;
  font-weight: 600;
  text-decoration: none;
  transition: all .3s ease;
}

.zy-core-content-link:hover {
  color: #60a5fa;
  gap: 10px;
  transform: translateX(4px);
}

.zy-core-content-link img {
  transition: transform .3s ease;
}

.zy-core-content-link:hover img {
  transform: rotate(45deg);
}

.zy-core-content-img {
  flex: 1;
  max-width: 200px;
  height: auto;
  object-fit: contain;
  transition: transform .7s cubic-bezier(.22,1,.36,1);
}

.zy-core-item:hover .zy-core-content-img {
  transform: scale(1.1) rotate(3deg);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px) rotate(-10deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width: 768px) {
  .zy-core-tabs {
    gap: 6px;
    margin-bottom: 32px;
  }
  
  .zy-core-tab {
    padding: 10px 20px;
    font-size: .85rem;
  }
  
  .zy-core-items {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  
  .zy-core-content {
    flex-direction: column;
    text-align: center;
    padding: 24px;
    gap: 16px;
  }
  
  .zy-core-content-text {
    order: 2;
  }
  
  .zy-core-content-img {
    order: 1;
    max-width: 150px;
  }
  
  .zy-core-content-title {
    font-size: 1rem;
  }
  
  .zy-core-content-desc {
    font-size: .8rem;
  }
}

/* ============================================================
   HOME PROGRESSIVE MOTION
   ============================================================ */
.zy-sh,
.zy-reveal {
  opacity: 0;
  filter: blur(var(--zy-blur, 0px));
  transform: var(--zy-from-transform, translate3d(0, 30px, 0) scale(.985));
  transform-origin: var(--zy-origin, 50% 50%);
  transition: opacity .88s cubic-bezier(.22,1,.36,1), transform .96s cubic-bezier(.22,1,.36,1), filter .96s cubic-bezier(.22,1,.36,1);
  transition-delay: var(--zy-delay, 0ms);
  will-change: opacity, transform, filter;
}

.zy-sh[data-zy-revealed="1"],
.zy-reveal[data-zy-revealed="1"] {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
}

.zy-sh[data-zy-motion="headline"],
.zy-reveal[data-zy-motion="headline"] {
  --zy-origin: 0% 50%;
  --zy-blur: 14px;
  --zy-from-transform: translate3d(-42px, 26px, 0) scale(.965);
}

.zy-reveal[data-zy-motion="hero-left"] {
  --zy-origin: 0% 50%;
  --zy-blur: 12px;
  --zy-from-transform: translate3d(-38px, 36px, 0) rotate(-1.2deg) scale(.95);
}

.zy-reveal[data-zy-motion="hero-right"] {
  --zy-origin: 100% 50%;
  --zy-blur: 12px;
  --zy-from-transform: translate3d(38px, 36px, 0) rotate(1.2deg) scale(.95);
}

.zy-reveal[data-zy-motion="panel-left"],
.zy-reveal[data-zy-motion="adv-left"],
.zy-reveal[data-zy-motion="news-left"],
.zy-reveal[data-zy-motion="gallery-left"],
.zy-reveal[data-zy-motion="rise-left"],
.zy-reveal[data-zy-motion="grid-left"],
.zy-reveal[data-zy-motion="curtain-left"],
.zy-reveal[data-zy-motion="marquee-left"] {
  --zy-origin: 0% 50%;
  --zy-blur: 12px;
  --zy-from-transform: translate3d(-46px, 34px, 0) rotate(-1.6deg) scale(.955);
}

.zy-reveal[data-zy-motion="panel-right"],
.zy-reveal[data-zy-motion="adv-right"],
.zy-reveal[data-zy-motion="news-right"],
.zy-reveal[data-zy-motion="gallery-right"],
.zy-reveal[data-zy-motion="rise-right"],
.zy-reveal[data-zy-motion="grid-right"],
.zy-reveal[data-zy-motion="curtain-right"],
.zy-reveal[data-zy-motion="marquee-right"] {
  --zy-origin: 100% 50%;
  --zy-blur: 12px;
  --zy-from-transform: translate3d(46px, 34px, 0) rotate(1.6deg) scale(.955);
}

.zy-reveal[data-zy-motion="grid-up"],
.zy-reveal[data-zy-motion="spotlight"] {
  --zy-origin: 50% 100%;
  --zy-blur: 16px;
  --zy-from-transform: translate3d(0, 54px, 0) scale(.9);
}

.zy-reveal[data-zy-motion="news-focus"] {
  --zy-origin: 50% 100%;
  --zy-blur: 18px;
  --zy-from-transform: translate3d(0, 62px, 0) scale(.88) rotate(-1deg);
}

.zy-home .zy-stage,
.zy-home .Core_core__DxGNl.zy-stage,
.zy-home .zy-models.zy-stage,
.zy-home .zy-clients.zy-stage {
  opacity: 0;
  filter: blur(18px);
  transform: translate3d(0, 56px, 0) scale(.986);
  transition: opacity .9s cubic-bezier(.22,1,.36,1), transform 1.08s cubic-bezier(.22,1,.36,1), filter 1.08s cubic-bezier(.22,1,.36,1);
  will-change: opacity, transform, filter;
}

.zy-home .zy-stage[data-zy-stage="1"],
.zy-home .Core_core__DxGNl.zy-stage[data-zy-stage="1"],
.zy-home .zy-models.zy-stage[data-zy-stage="1"],
.zy-home .zy-clients.zy-stage[data-zy-stage="1"] {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1);
}

.zy-home .zy-stage[data-zy-stage-kind="section-left"]:not([data-zy-stage="1"]) {
  transform: translate3d(-44px, 56px, 0) scale(.985);
}

.zy-home .zy-stage[data-zy-stage-kind="section-right"]:not([data-zy-stage="1"]) {
  transform: translate3d(44px, 56px, 0) scale(.985);
}

.zy-home .zy-stage[data-zy-stage-kind="section-core"]:not([data-zy-stage="1"]) {
  transform: translate3d(0, 70px, 0) scale(.972);
}

.zy-home .zy-stage[data-zy-stage-kind="section-glow"]:not([data-zy-stage="1"]) {
  transform: translate3d(0, 64px, 0) scale(.968);
  filter: blur(22px);
}

.zy-home .zy-stage[data-zy-stage-kind="section-marquee"]:not([data-zy-stage="1"]) {
  transform: translate3d(0, 60px, 0) scale(.99);
}

.zy-home .zy-stage[data-zy-stage-kind="section-depth"]:not([data-zy-stage="1"]) {
  transform: translate3d(0, 68px, 0) scale(.965);
  filter: blur(20px);
}

.zy-home .zy-stage[data-zy-stage-kind="section-gallery"]:not([data-zy-stage="1"]) {
  transform: translate3d(0, 72px, 0) scale(.962);
}

body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero .badge,
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero h1,
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero .sub,
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero .btns,
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-tags,
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero-features {
  opacity: 0;
  animation: zyHeroRise .9s cubic-bezier(.22,1,.36,1) forwards;
}

body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero .badge { animation-delay: .08s; }
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero h1 { animation-delay: .18s; }
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero .sub { animation-delay: .3s; }
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero .btns { animation-delay: .42s; }
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-tags { animation-delay: .54s; }
body.zy-ppio-home .zy-home[data-zy-init="1"] .zy-hero-features { animation-delay: .66s; }

@keyframes zyHeroRise {
  from {
    opacity: 0;
    transform: translate3d(0, 28px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

/* ============================================================
   LJYUN STYLE CORE SERVICES
   ============================================================ */
.Core_core__DxGNl {
  width: 100%;
}

.Core_header__8VTvW {
  max-width: 860px;
  margin: 0 auto 44px;
  text-align: center;
}

.Core_header__8VTvW h2 {
  color: #0f172a;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0;
}

.Core_desc__Xhbbr {
  margin: 18px auto 0;
  max-width: 760px;
  color: #64748b;
  font-size: 1rem;
  line-height: 1.85;
}

.Core_category__nRbN6 {
  margin-top: 28px;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}

.Core_category__nRbN6 button {
  min-height: 50px;
  padding: 0 24px;
  border: 1px solid #d7e3f6;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
  color: #344256;
  font-size: .98rem;
  font-weight: 700;
  letter-spacing: -.01em;
  cursor: pointer;
  transition: transform .24s ease, box-shadow .24s ease, color .24s ease, border-color .24s ease, background-color .24s ease;
}

.Core_category__nRbN6 button:hover {
  color: #165dff;
  border-color: rgba(22,93,255,.3);
  transform: translateY(-2px);
}

.Core_category__nRbN6 .Core_active__l_U_Q {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #165dff 0%, #5f6bff 55%, #35c8ff 100%);
  box-shadow: 0 14px 34px rgba(22,93,255,.24);
}

.Core_wrapper___p_UT {
  position: relative;
}

.Core_panel__nP2gY {
  display: none;
}

.Core_panel__nP2gY.is-active {
  display: grid;
  gap: 22px;
  animation: zyCorePanelIn .55s cubic-bezier(.22,1,.36,1) both;
}

@keyframes zyCorePanelIn {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.Core_item__BIA5B {
  width: 100%;
}

.Container_container__bjBKm {
  width: 100%;
}

.Core_content__BUReG {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) minmax(220px, 340px);
  align-items: center;
  gap: 26px;
  min-height: 248px;
  padding: 34px 36px;
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(69,147,255,.14), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.98));
  border: 1px solid rgba(211,223,239,.9);
  box-shadow: 0 24px 80px rgba(15,23,42,.08);
  overflow: hidden;
  position: relative;
  transition: transform .38s cubic-bezier(.22,1,.36,1), box-shadow .38s cubic-bezier(.22,1,.36,1), border-color .38s cubic-bezier(.22,1,.36,1);
}

.Core_content__BUReG::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(22,93,255,.06), rgba(53,200,255,.03) 55%, transparent 78%);
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

.Core_content__BUReG:hover {
  transform: translateY(-8px);
  border-color: rgba(22,93,255,.22);
  box-shadow: 0 30px 90px rgba(22,93,255,.12);
}

.Core_content__BUReG:hover::before {
  opacity: 1;
}

.Core_content__padding__xSEeW {
  position: relative;
  z-index: 1;
}

.Core_content__icon__S7w7j {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.Core_content__enter__wDb8t {
  width: 60px;
  height: 60px;
  object-fit: contain;
  transform-origin: center;
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}

.Core_content__BUReG:hover .Core_content__enter__wDb8t {
  transform: translateX(6px) rotate(-8deg) scale(1.06);
}

.Core_content__text__hc712 {
  min-width: 0;
}

.Core_content__title__Cen6K {
  color: #0f172a;
  font-size: 1.7rem;
  font-weight: 800;
  line-height: 1.28;
  letter-spacing: -.02em;
}

.Core_content__desc__gq_vq {
  margin-top: 14px;
  color: #5b6b82;
  font-size: .98rem;
  line-height: 1.9;
  max-width: 620px;
}

.Core_content__link__sDadO {
  margin-top: 22px;
}

.Core_content__link__sDadO a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #165dff;
  font-size: .95rem;
  font-weight: 700;
  text-decoration: none;
  transition: transform .25s ease, color .25s ease;
}

.Core_content__link__sDadO a:hover {
  color: #0f49d8;
  transform: translateX(4px);
}

.Core_content__link__sDadO img {
  width: 16px;
  height: 16px;
  transition: transform .25s ease;
}

.Core_content__link__sDadO a:hover img {
  transform: translate(2px, -2px);
}

.Core_content__img__o62df {
  width: 100%;
  max-width: 320px;
  justify-self: end;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(15,23,42,.12));
  transition: transform .5s cubic-bezier(.22,1,.36,1);
  position: relative;
  z-index: 1;
}

.Core_content__BUReG:hover .Core_content__img__o62df {
  transform: translateY(-6px) scale(1.04);
}

@media (max-width: 1024px) {
  .Core_content__BUReG {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 28px;
  }

  .Core_content__img__o62df {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 240px;
    margin-left: 72px;
  }

  .Core_content__title__Cen6K {
    font-size: 1.45rem;
  }
}

@media (max-width: 768px) {
  .Core_header__8VTvW {
    margin-bottom: 30px;
  }

  .Core_desc__Xhbbr {
    font-size: .92rem;
  }

  .Core_category__nRbN6 {
    width: 100%;
    gap: 10px;
  }

  .Core_category__nRbN6 button {
    flex: 1 1 calc(50% - 10px);
    min-width: 132px;
    padding: 0 18px;
    font-size: .9rem;
  }

  .Core_panel__nP2gY.is-active {
    gap: 16px;
  }

  .Core_content__BUReG {
    grid-template-columns: 1fr;
    gap: 18px;
    min-height: 0;
    padding: 22px 20px;
    border-radius: 24px;
  }

  .Core_content__icon__S7w7j {
    justify-content: flex-start;
  }

  .Core_content__enter__wDb8t {
    width: 52px;
    height: 52px;
  }

  .Core_content__title__Cen6K {
    font-size: 1.22rem;
  }

  .Core_content__desc__gq_vq {
    font-size: .88rem;
    line-height: 1.75;
  }

  .Core_content__img__o62df {
    max-width: 190px;
    margin-left: 0;
    justify-self: start;
  }
}

/* 服务区域样式增强 */
.zy-sh h2 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #f1f5f9;
  margin-bottom: 10px;
  text-align: center;
}

.zy-sh p {
  color: #94a3b8;
  font-size: 0.92rem;
  max-width: 520px;
  margin: 0 auto 32px;
  text-align: center;
  line-height: 1.6;
}

/* 隐藏默认服务卡片 */
.zy-grid4 {
  display: grid !important;
}

/* ============================================================
   CORE SERVICES OVERRIDE
   ============================================================ */
body.zy-ppio-home .Core_core__DxGNl {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

body.zy-ppio-home .Core_header__8VTvW {
  max-width: 980px;
  margin: 0 auto 38px;
  text-align: center;
}

body.zy-ppio-home .Core_header__8VTvW h2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.6;
  color: #111827;
  letter-spacing: normal;
  margin: 0;
}

body.zy-ppio-home .Core_desc__Xhbbr {
  margin: 16px auto 0;
  max-width: 780px;
  color: #64748b;
  font-size: .92rem;
  line-height: 1.65;
}

body.zy-ppio-home .Core_category__nRbN6 {
  margin-top: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

body.zy-ppio-home .Core_category__nRbN6 [data-core-tab] {
  min-width: 148px;
  height: 48px;
  padding: 0 26px;
  border-radius: 999px;
  border: 1px solid #dbe7fb;
  background: rgba(255, 255, 255, .92);
  color: #475569;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}

body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]::before {
  content: "";
  position: absolute;
  inset: auto 16px 8px;
  height: 10px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(96, 165, 250, .26), rgba(96, 165, 250, 0) 72%);
  opacity: 0;
  transform: scale(.7);
  transition: opacity .28s ease, transform .28s ease;
}

body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255,255,255,.56) 45%, transparent 75%);
  transform: translateX(-130%);
  transition: transform .6s ease;
}

body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]:hover,
body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]:focus-visible {
  color: #2563eb;
  border-color: #bfdbfe;
  transform: translateY(-4px) scale(1.03);
  outline: none;
  box-shadow: 0 16px 34px rgba(59, 130, 246, .14);
}

body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]:hover::after,
body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]:focus-visible::after {
  transform: translateX(130%);
}

body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]:hover::before,
body.zy-ppio-home .Core_category__nRbN6 [data-core-tab]:focus-visible::before {
  opacity: 1;
  transform: scale(1);
}

body.zy-ppio-home .Core_category__nRbN6 .Core_active__l_U_Q {
  color: #0f172a;
  border-color: #cfe0ff;
  background: linear-gradient(180deg, #ffffff 0%, #edf5ff 100%);
  box-shadow: 0 16px 36px rgba(59, 130, 246, .16);
  animation: zyCoreTabPulse 2.4s ease-in-out infinite;
}

body.zy-ppio-home .Core_wrapper___p_UT {
  width: 100%;
}

body.zy-ppio-home .Core_panel__nP2gY {
  display: none;
}

body.zy-ppio-home .Core_panel__nP2gY.is-active {
  display: grid;
  gap: 24px;
  animation: zyCorePanelIn .46s cubic-bezier(.22, 1, .36, 1) both;
}

body.zy-ppio-home .Core_panel__nP2gY.is-active .Core_item__BIA5B {
  animation: zyCoreItemRise .72s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--core-item-delay, 0ms);
}

body.zy-ppio-home .Core_panel__nP2gY.is-animating .Core_item__BIA5B {
  animation: zyCoreItemRise .72s cubic-bezier(.22, 1, .36, 1) both;
  animation-delay: var(--core-item-delay, 0ms);
}

@keyframes zyCoreItemRise {
  from {
    opacity: 0;
    transform: translate3d(0, 22px, 0) scale(.985);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes zyCoreTabPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 16px 36px rgba(59, 130, 246, .16);
  }
  50% {
    transform: translateY(-3px) scale(1.035);
    box-shadow: 0 22px 44px rgba(59, 130, 246, .24);
  }
}

@keyframes zyCoreIconDance {
  0% {
    transform: translateX(0) translateY(0) scale(1) rotate(0deg);
  }
  26% {
    transform: translateX(8px) translateY(-3px) scale(1.06) rotate(-7deg);
  }
  58% {
    transform: translateX(3px) translateY(-6px) scale(1.1) rotate(5deg);
  }
  100% {
    transform: translateX(9px) translateY(-2px) scale(1.08) rotate(-4deg);
  }
}

@keyframes zyCoreImageHover {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(1.045) rotate(-1deg);
  }
  100% {
    transform: translateY(-14px) scale(1.06) rotate(1deg);
  }
}

body.zy-ppio-home .Core_item__BIA5B,
body.zy-ppio-home .Container_container__bjBKm {
  width: 100%;
}

body.zy-ppio-home .Core_content__BUReG {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) minmax(240px, 360px);
  align-items: center;
  gap: 28px;
  min-height: 248px;
  padding: 34px 42px;
  border-radius: 28px;
  border: 1px solid rgba(208, 221, 241, .92);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 60px rgba(148, 163, 184, .16);
  overflow: hidden;
  position: relative;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1), box-shadow .45s cubic-bezier(.22, 1, .36, 1), border-color .32s ease;
}

body.zy-ppio-home .Core_content__BUReG::before,
body.zy-ppio-home .Core_content__BUReG::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity .45s ease;
}

body.zy-ppio-home .Core_content__BUReG::before {
  background: radial-gradient(circle at 82% 24%, rgba(96, 165, 250, .18), transparent 30%);
}

body.zy-ppio-home .Core_content__BUReG::after {
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.42) 48%, rgba(255,255,255,0) 100%);
  transform: translateX(-110%);
}

body.zy-ppio-home .Core_content__BUReG .Core_content__padding__xSEeW.Core_content__icon__S7w7j::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 12px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(96, 165, 250, .2), rgba(96, 165, 250, 0) 70%);
  opacity: 0;
  transform: scale(.7);
  transition: opacity .35s ease, transform .35s ease;
  pointer-events: none;
}

body.zy-ppio-home .Core_content__BUReG:hover {
  transform: translateY(-12px) scale(1.012);
  border-color: rgba(191, 219, 254, .95);
  box-shadow: 0 36px 92px rgba(148, 163, 184, .26);
}

body.zy-ppio-home .Core_content__BUReG:hover::before {
  opacity: 1;
}

body.zy-ppio-home .Core_content__BUReG:hover::after {
  opacity: 1;
  transform: translateX(110%);
  transition: transform .9s ease, opacity .22s ease;
}

body.zy-ppio-home .Core_content__icon__S7w7j {
  align-self: center;
  justify-content: flex-start;
}

body.zy-ppio-home .Core_content__enter__wDb8t {
  width: 60px;
  height: 60px;
  transition: transform .38s cubic-bezier(.22, 1, .36, 1), filter .38s ease;
}

body.zy-ppio-home .Core_content__BUReG:hover .Core_content__enter__wDb8t {
  animation: zyCoreIconDance .95s ease-in-out infinite alternate;
  filter: drop-shadow(0 14px 22px rgba(59, 130, 246, .24));
}

body.zy-ppio-home .Core_content__BUReG:hover .Core_content__padding__xSEeW.Core_content__icon__S7w7j::after {
  opacity: 1;
  transform: scale(1.18);
}

body.zy-ppio-home .Core_content__text__hc712 {
  min-width: 0;
  transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}

body.zy-ppio-home .Core_content__BUReG:hover .Core_content__text__hc712 {
  transform: translateX(8px) translateY(-1px);
}

body.zy-ppio-home .Core_content__title__Cen6K {
  color: #1f2937;
  font-size: clamp(1.16rem, 1.7vw, 1.34rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -.02em;
}

body.zy-ppio-home .Core_content__desc__gq_vq {
  margin-top: 14px;
  max-width: 640px;
  color: #64748b;
  font-size: .92rem;
  line-height: 1.75;
}

body.zy-ppio-home .Core_content__link__sDadO {
  margin-top: 20px;
}

body.zy-ppio-home .Core_content__link__sDadO a {
  gap: 6px;
  color: #2563eb;
  font-size: .96rem;
  font-weight: 600;
  transition: gap .25s ease, color .25s ease, transform .25s ease;
}

body.zy-ppio-home .Core_content__link__sDadO a:hover {
  gap: 12px;
  transform: translateX(6px);
}

body.zy-ppio-home .Core_content__img__o62df {
  width: 100%;
  max-width: 340px;
  justify-self: end;
  filter: drop-shadow(0 16px 28px rgba(148, 163, 184, .22));
  transform-origin: center bottom;
  animation: zyCoreFloat 4.8s ease-in-out infinite;
  transition: transform .45s cubic-bezier(.22, 1, .36, 1), filter .45s ease;
}

body.zy-ppio-home .Core_content__BUReG:hover .Core_content__img__o62df {
  animation: zyCoreImageHover 1.2s ease-in-out infinite alternate;
  filter: drop-shadow(0 28px 44px rgba(96, 165, 250, .26));
}

@keyframes zyCoreFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zy-ppio-home .Core_panel__nP2gY.is-active,
  body.zy-ppio-home .Core_panel__nP2gY.is-active .Core_item__BIA5B,
  body.zy-ppio-home .Core_panel__nP2gY.is-animating .Core_item__BIA5B,
  body.zy-ppio-home .Core_content__img__o62df,
  body.zy-ppio-home .Core_category__nRbN6 .Core_active__l_U_Q,
  body.zy-ppio-home .Core_content__BUReG:hover .Core_content__enter__wDb8t,
  body.zy-ppio-home .Core_content__BUReG:hover .Core_content__img__o62df {
    animation: none !important;
  }

  body.zy-ppio-home .Core_category__nRbN6 [data-core-tab],
  body.zy-ppio-home .Core_content__BUReG,
  body.zy-ppio-home .Core_content__enter__wDb8t,
  body.zy-ppio-home .Core_content__text__hc712,
  body.zy-ppio-home .Core_content__link__sDadO a,
  body.zy-ppio-home .Core_content__img__o62df {
    transition: none !important;
  }
}

@media (max-width: 1100px) {
  body.zy-ppio-home .Core_content__BUReG {
    grid-template-columns: 72px minmax(0, 1fr);
    padding: 30px;
  }

  body.zy-ppio-home .Core_content__img__o62df {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 260px;
    margin-left: 72px;
  }
}

@media (max-width: 768px) {
  body.zy-ppio-home .Core_header__8VTvW {
    margin-bottom: 28px;
  }

  body.zy-ppio-home .Core_category__nRbN6 {
    width: 100%;
    gap: 10px;
  }

  body.zy-ppio-home .Core_category__nRbN6 [data-core-tab] {
    flex: 1 1 calc(50% - 10px);
    min-width: 132px;
    height: 44px;
    padding: 0 16px;
    font-size: .92rem;
  }

  body.zy-ppio-home .Core_panel__nP2gY.is-active {
    gap: 16px;
  }

  body.zy-ppio-home .Core_content__BUReG {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 22px 20px;
    min-height: 0;
    border-radius: 24px;
  }

  body.zy-ppio-home .Core_content__icon__S7w7j {
    justify-content: flex-start;
  }

  body.zy-ppio-home .Core_content__title__Cen6K {
    font-size: 1.14rem;
  }

  body.zy-ppio-home .Core_content__desc__gq_vq {
    font-size: .88rem;
    line-height: 1.7;
  }

  body.zy-ppio-home .Core_content__img__o62df {
    grid-column: auto;
    max-width: 210px;
    margin-left: 0;
    justify-self: start;
  }
}

/* ============================================================
   HOMEPAGE NAVIGATION
   ============================================================ */
body.zy-home-shell {
  --zy-home-nav-height: 88px;
}

body.zy-home-shell .semi-layout-header {
  display: none !important;
}

body.zy-home-shell .zy-home {
  padding-top: var(--zy-home-nav-height) !important;
}

body.zy-home-shell .zy-home-nav-shell {
  position: relative;
  z-index: 1300;
}

.zy-home-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1300;
  background: linear-gradient(135deg, rgba(255,255,255,.95) 0%, rgba(248,250,252,.92) 100%);
  border-bottom: 1px solid rgba(22,93,255,.1);
  backdrop-filter: blur(24px) saturate(1.5);
  -webkit-backdrop-filter: blur(24px) saturate(1.5);
  box-shadow: 0 4px 30px rgba(15,23,42,.08), 0 1px 0 rgba(22,93,255,.05);
}

.zy-home-nav::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(22,93,255,.2), transparent);
}

.zy-home-nav__bar {
  max-width: 1440px;
  margin: 0 auto;
  min-height: var(--zy-home-nav-height);
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.zy-home-nav__left {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 48px;
  padding-left: 80px;
}

.zy-home-nav__brand {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 14px;
  text-decoration: none;
  transition: transform .25s ease;
}

.zy-home-nav__brand:hover {
  transform: scale(1.02);
}

.zy-home-nav__brand img {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  object-fit: cover;
  box-shadow: 0 6px 20px rgba(22,93,255,.2);
  transition: box-shadow .25s ease, transform .25s ease;
}

.zy-home-nav__brand:hover img {
  box-shadow: 0 8px 24px rgba(22,93,255,.3);
  transform: rotate(-3deg);
}

.zy-home-nav__brand span {
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: -.02em;
}

.zy-home-nav__menu {
  display: flex;
  align-items: center;
  gap: 8px;
}

.zy-home-nav__link,
.zy-home-nav__trigger {
  appearance: none;
  border: 0;
  background: transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 12px;
  color: #334155;
  font-size: .92rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition: all .25s cubic-bezier(.22,1,.36,1);
  position: relative;
}

.zy-home-nav__link::after,
.zy-home-nav__trigger::after {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #165dff, #06b6d4);
  border-radius: 1px;
  transition: all .25s cubic-bezier(.22,1,.36,1);
  transform: translateX(-50%);
}

.zy-home-nav__link:hover,
.zy-home-nav__trigger:hover,
.zy-home-nav__item.is-open > .zy-home-nav__trigger {
  color: #165dff;
  background: rgba(22,93,255,.08);
}

.zy-home-nav__link:hover::after,
.zy-home-nav__trigger:hover::after,
.zy-home-nav__item.is-open > .zy-home-nav__trigger::after {
  width: calc(100% - 32px);
}

.zy-home-nav__link--hot {
  gap: 10px;
}

.zy-home-nav__hot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  background: linear-gradient(135deg,#ff6a3d,#ff2f2f);
  color: #fff;
  font-size: .63rem;
  font-weight: 800;
  letter-spacing: .04em;
}

.zy-home-nav__item {
  position: relative;
}

.zy-home-nav__chevron {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform .22s ease;
}

.zy-home-nav__item.is-open .zy-home-nav__chevron,
.zy-home-nav__item:hover .zy-home-nav__chevron {
  transform: rotate(-135deg) translateY(-1px);
}

.zy-home-nav__panel {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  min-width: 800px;
  padding: 28px;
  border-radius: 16px;
  background: #fff;
  border: none;
  box-shadow: 0 20px 50px rgba(0,0,0,.12), 0 0 1px rgba(0,0,0,.1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px) scale(.98);
  transition: all .28s cubic-bezier(.4,0,.2,1);
}

.zy-home-nav__panel::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 48px;
  width: 12px;
  height: 12px;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: -2px -2px 4px rgba(0,0,0,.04);
}

.zy-home-nav__item:last-child .zy-home-nav__panel,
.zy-home-nav__item--contact .zy-home-nav__panel {
  left: auto;
  right: 0;
}

.zy-home-nav__item:hover > .zy-home-nav__panel,
.zy-home-nav__item.is-open > .zy-home-nav__panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.zy-home-nav__panel--contact {
  min-width: 680px;
}

.zy-home-nav__panel-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.zy-home-nav__panel-grid--contact {
  gap: 20px;
}

.zy-home-nav__panel-col {
  padding: 0;
  border-radius: 0;
  background: transparent;
  border: none;
}

.zy-home-nav__panel-col:hover {
  background: transparent;
  box-shadow: none;
}

.zy-home-nav__panel-title {
  margin-bottom: 16px;
  padding-bottom: 12px;
  color: #0f172a;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: 2px solid #e2e8f0;
  position: relative;
}

.zy-home-nav__panel-title::before {
  display: none;
}

.zy-home-nav__panel-title::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 32px;
  height: 2px;
  background: linear-gradient(90deg, #165dff, #06b6d4);
  border-radius: 1px;
}

.zy-home-nav__panel-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.zy-home-nav__panel-link,
.zy-home-nav__contact-link {
  display: flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  margin: 0 -12px;
  border-radius: 8px;
  color: #475569;
  font-size: .88rem;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
  transition: all .2s ease;
  position: relative;
}

.zy-home-nav__panel-link::before,
.zy-home-nav__contact-link::before {
  display: none;
}

.zy-home-nav__panel-link:hover,
.zy-home-nav__contact-link:hover {
  background: #f1f5f9;
  color: #165dff;
  transform: none;
}

.zy-home-nav__panel-col--contact .zy-home-nav__contact-link {
  min-height: 38px;
  color: #475569;
  font-size: .86rem;
}

.zy-home-nav__right {
  display: flex;
  align-items: center;
  gap: 20px;
}

.zy-home-nav__consult,
.zy-home-nav__console {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: auto;
  padding: 0;
  border-radius: 0;
  text-decoration: none;
  font-size: .9rem;
  font-weight: 400;
  white-space: nowrap;
  transition: color .2s ease;
  position: relative;
  overflow: visible;
  background: transparent;
  border: none;
  color: #475569;
}

.zy-home-nav__consult:hover,
.zy-home-nav__console:hover {
  color: #165dff;
  transform: none;
  background: transparent;
  box-shadow: none;
}

.zy-home-nav__register,
.zy-home-nav__mobile-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 22px;
  border-radius: 6px;
  text-decoration: none;
  font-size: .88rem;
  font-weight: 500;
  white-space: nowrap;
  transition: all .15s ease;
  position: relative;
  overflow: hidden;
  color: #fff;
  background: #165dff;
  border: none;
  box-shadow: none;
}

.zy-home-nav__register::before,
.zy-home-nav__mobile-register::before {
  display: none;
}

.zy-home-nav__register:hover,
.zy-home-nav__mobile-register:hover {
  background: #0046d6;
  transform: none;
  box-shadow: none;
}

.zy-home-nav__register:hover::before,
.zy-home-nav__mobile-register:hover::before {
  display: none;
}

.zy-home-nav__mobile-tools {
  display: none;
  align-items: center;
  gap: 12px;
}

.zy-home-nav__menu-btn {
  width: 46px;
  height: 46px;
  border: 0;
  padding: 0;
  border-radius: 14px;
  background: #f4f7fc;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
}

.zy-home-nav__menu-btn span {
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: #1f2937;
  transition: transform .2s ease, opacity .2s ease;
}

.zy-home-nav__menu-btn.is-open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.zy-home-nav__menu-btn.is-open span:nth-child(2) {
  opacity: 0;
}

.zy-home-nav__menu-btn.is-open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.zy-home-drawer {
  position: fixed;
  inset: 0;
  z-index: 1310;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, visibility .24s ease;
}

.zy-home-drawer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.zy-home-drawer__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(10,19,38,.45);
  backdrop-filter: blur(3px);
}

.zy-home-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(420px, 100vw);
  height: 100%;
  padding: 18px;
  background: #fff;
  box-shadow: -20px 0 48px rgba(15,23,42,.16);
  display: flex;
  flex-direction: column;
  gap: 18px;
  transform: translateX(100%);
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}

.zy-home-drawer.is-open .zy-home-drawer__panel {
  transform: translateX(0);
}

.zy-home-drawer__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.zy-home-nav__brand--drawer img {
  width: 30px;
  height: 30px;
}

.zy-home-drawer__close {
  width: 42px;
  height: 42px;
  border: 0;
  border-radius: 12px;
  background: #f5f7fb;
  color: #1f2937;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
}

.zy-home-drawer__body {
  flex: 1;
  overflow: auto;
  padding-right: 2px;
  display: grid;
  gap: 8px;
}

.zy-home-drawer__link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 14px;
  color: #233044;
  background: #f7f9fc;
  text-decoration: none;
  font-size: .96rem;
  font-weight: 700;
}

.zy-home-drawer__link--sub {
  min-height: 40px;
  padding: 0 12px;
  font-size: .9rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid rgba(15,23,42,.06);
}

.zy-home-drawer__link--hot {
  justify-content: flex-start;
}

.zy-home-drawer__group {
  border-radius: 16px;
  background: #f7f9fc;
  overflow: hidden;
}

.zy-home-drawer__group summary {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 0 14px;
  cursor: pointer;
  color: #233044;
  font-size: .96rem;
  font-weight: 700;
}

.zy-home-drawer__group summary::-webkit-details-marker {
  display: none;
}

.zy-home-drawer__summary-icon {
  width: 10px;
  height: 10px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
}

.zy-home-drawer__group[open] .zy-home-drawer__summary-icon {
  transform: rotate(-135deg) translateY(-1px);
}

.zy-home-drawer__subgroup {
  padding: 0 14px 14px;
}

.zy-home-drawer__subgroup-title {
  margin-bottom: 8px;
  color: #5c6f86;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.zy-home-drawer__subgroup-links {
  display: grid;
  gap: 8px;
}

.zy-home-drawer__footer {
  display: grid;
  gap: 10px;
}

.zy-home-nav__consult--block {
  width: 100%;
  justify-content: center;
}

.zy-home-drawer__footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

body.zy-home-shell--drawer-open {
  overflow: hidden;
}

@media (max-width: 1280px) {
  .zy-home-nav__bar {
    padding: 0 20px;
  }

  .zy-home-nav__left {
    gap: 20px;
  }

  .zy-home-nav__link,
  .zy-home-nav__trigger {
    padding-inline: 11px;
    font-size: .92rem;
  }
}

@media (max-width: 1120px) {
  body.zy-home-shell {
    --zy-home-nav-height: 76px;
  }

  .zy-home-nav__menu,
  .zy-home-nav__right {
    display: none;
  }

  .zy-home-nav__mobile-tools {
    display: inline-flex;
  }

  .zy-home-nav__bar {
    min-height: var(--zy-home-nav-height);
  }
}

@media (max-width: 720px) {
  .zy-home-nav__bar {
    padding: 0 14px;
    gap: 14px;
  }

  .zy-home-nav__brand span {
    font-size: 1rem;
  }

  .zy-home-nav__mobile-register {
    min-height: 40px;
    padding: 0 14px;
    font-size: .86rem;
  }

  .zy-home-nav__menu-btn {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .zy-home-drawer__panel {
    width: 100vw;
    padding: 14px;
  }

  .zy-home-drawer__footer-links {
    grid-template-columns: 1fr;
  }
}

/* ============================================================
   PPIO HEADER ADAPTATION
   ============================================================ */
body.zy-ppio-shell {
  --header-height: 60px;
  --brand-0: #165dff;
  --dark-1: #1f2937;
  --dark-2: #4b5563;
  --dark-3: #6b7280;
  --border-1: #e7edf5;
  --fill-1: #ffffff;
  --fill-2: #f8fbff;
}

body.zy-ppio-shell:not(.zy-ppio-home) .semi-layout-header,
body.zy-ppio-shell:not(.zy-ppio-home) .zy-home-nav-shell {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.zy-ppio-home .semi-layout-header,
body.zy-ppio-home .zy-home-nav-shell {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

body.zy-ppio-home .semi-layout-content,
body.zy-ppio-home .semi-layout-content > div,
body.zy-ppio-home .semi-layout-content > div > div,
body.zy-ppio-home .semi-layout > .semi-layout-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.zy-ppio-home .zy-home {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.zy-ppio-home .zy-home .zy-hero,
body.zy-ppio-home .zy-home .zy-hero2 {
  margin-top: 0 !important;
}

[data-zy-ppio-header] {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1400;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--border-1);
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.04);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

[data-zy-ppio-header] .Header_nav__TMbCL {
  width: 100%;
}

[data-zy-ppio-header] .Header_nav_wrapper__mtKxD {
  max-width: 1920px;
  height: var(--header-height);
  margin: 0 auto;
  padding: 0 28px 0 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

[data-zy-ppio-header] .Header_nav_left__YeEY1 {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

[data-zy-ppio-header] .Header_brand_wrap__Zy {
  gap: 12px;
}

[data-zy-ppio-header] #main__header__main__logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

[data-zy-ppio-header] #main__header__main__logo img {
  width: 34px;
  height: 34px;
  object-fit: cover;
  border-radius: 10px;
}

[data-zy-ppio-header] .Header_brand_text__Zy {
  color: #1f2937;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.01em;
}

[data-zy-ppio-header] .Header_btn_list__F72o0 {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o {
  min-width: 0;
  display: flex;
  align-items: center;
  padding-left: 16px;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o ul,
[data-zy-ppio-header] .Header_btn_list_right__Po4NQ ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

[data-zy-ppio-header] nav[aria-label="Main"] {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  min-width: 0;
}

[data-zy-ppio-header] nav[aria-label="Main"] > div {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
}

[data-zy-ppio-header] ul[data-orientation="horizontal"] {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
}

[data-zy-ppio-header] ul[data-orientation="horizontal"] > li,
[data-zy-ppio-header] ul[data-orientation="horizontal"] > a {
  flex: 0 0 auto;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o nav,
[data-zy-ppio-header] .Header_btn_list_right__Po4NQ nav {
  min-width: 0;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o nav button,
[data-zy-ppio-header] .Header_btn_list_right__Po4NQ a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o li {
  position: relative;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o button,
[data-zy-ppio-header] .Header_link_text___4VtQ {
  height: 40px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: var(--dark-1);
  font-size: 15px;
  font-weight: 500;
  line-height: 40px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  border-radius: 8px;
  transition: color 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o button:hover,
[data-zy-ppio-header] .Header_link_text___4VtQ:hover,
[data-zy-ppio-header] .Header_dropdown_mobile_label__vqTX_:hover,
[data-zy-ppio-header] .Header_link_btn__ESc4q:hover {
  color: var(--brand-0);
}

[data-zy-ppio-header] .Header_btn_list_left__vU68o button svg,
[data-zy-ppio-header] .Header_dropdown_mobile_label__vqTX_ svg {
  width: 14px;
  height: 14px;
  color: #9aa4b2;
}

[data-zy-ppio-header] .Header_nav_item__Zy.is-open > button svg {
  transform: rotate(180deg);
}

[data-zy-ppio-header] .Header_nav_item__Zy {
  position: relative;
}

[data-zy-ppio-header] .Header_dropdown_panel__Zy {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 760px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  padding: 22px;
  background: #fff;
  border: 1px solid #e8edf5;
  border-radius: 18px;
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.14);
  transform: translateY(6px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

[data-zy-ppio-header] .Header_dropdown_panel__Zy::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

[data-zy-ppio-header] .Header_nav_item__Zy:first-child > .Header_dropdown_panel__Zy {
  min-width: 820px;
}

[data-zy-ppio-header] .Header_dropdown_panel__Zy--narrow {
  min-width: 320px;
  grid-template-columns: 1fr;
}

[data-zy-ppio-header] .Header_nav_item__Zy.is-open > .Header_dropdown_panel__Zy {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

[data-zy-ppio-header] .Header_nav_item__Zy:nth-last-child(-n + 2) > .Header_dropdown_panel__Zy--narrow {
  left: auto;
  right: 0;
}

[data-zy-ppio-header] .Header_dropdown_col__Zy {
  display: grid;
  gap: 10px;
}

[data-zy-ppio-header] .Header_dropdown_title__Zy {
  color: #8b98aa;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

[data-zy-ppio-header] .Header_dropdown_link__Zy {
  display: block;
  padding: 12px 14px;
  border-radius: 12px;
  text-decoration: none;
  background: #f8fbff;
  border: 1px solid transparent;
  transition: border-color 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

[data-zy-ppio-header] .Header_dropdown_link__Zy:hover {
  background: #fff;
  border-color: #d8e3ff;
  transform: translateY(-1px);
}

[data-zy-ppio-header] .Header_dropdown_link_label__Zy {
  display: block;
  color: #1f2937;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

[data-zy-ppio-header] .Header_dropdown_link_desc__Zy {
  display: block;
  margin-top: 4px;
  color: #8b98aa;
  font-size: 12px;
  line-height: 1.4;
}

[data-zy-ppio-header] .Header_btn_list_right__Po4NQ {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4px;
  overflow: visible;
}

[data-zy-ppio-header] .Header_auth_slot__Zy {
  display: flex;
  align-items: center;
  gap: 2px;
  overflow: visible;
}

[data-zy-ppio-header] .Header_user_menu__Zy {
  position: relative;
  margin-left: 12px;
  z-index: 12;
}

[data-zy-ppio-header] .Header_user_trigger__Zy {
  max-width: 220px;
  height: 42px;
  padding: 0 14px 0 10px;
  border-radius: 999px;
  background: #f7f9fc;
  border: 1px solid #e8edf5;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

[data-zy-ppio-header] .Header_user_trigger__Zy:hover {
  background: #fff;
  border-color: #d5e2ff;
}

[data-zy-ppio-header] .Header_user_avatar__Zy {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #eef4ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
}

[data-zy-ppio-header] .Header_user_name__Zy {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--dark-1);
  font-size: 15px;
  font-weight: 500;
}

[data-zy-ppio-header] .Header_user_panel__Zy {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 188px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e8edf5;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 20;
}

[data-zy-ppio-header] .Header_user_menu__Zy.is-open .Header_user_panel__Zy {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

[data-zy-ppio-header] .Header_user_panel_link__Zy {
  width: 100%;
  box-sizing: border-box;
  min-height: 40px;
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--dark-1);
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: static !important;
  inset: auto !important;
  float: none !important;
  margin: 0 !important;
}

[data-zy-ppio-header] .Header_user_panel_link__Zy:hover {
  background: #f5f8ff;
  color: var(--brand-0);
}

[data-zy-ppio-header] .Header_user_panel_link__Zy--logout {
  color: #dc2626;
}

[data-zy-ppio-header] .Header_register_btn__AMLcB {
  min-width: 114px;
  height: var(--header-height);
  margin-left: 14px;
  justify-content: center;
  padding: 0 28px;
  border-radius: 0;
  background: var(--brand-0);
  color: #fff;
}

[data-zy-ppio-header] .Header_register_btn__AMLcB:hover {
  color: #fff;
  background: #0f55f2;
}

[data-zy-ppio-header] .Header_btn_expand__Dp_WZ {
  display: none;
  align-items: center;
  gap: 10px;
}

[data-zy-ppio-header] .Header_menu_btn__iH0k7 {
  width: 40px;
  height: 40px;
  border: 1px solid var(--border-1);
  background: #fff;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

[data-zy-ppio-header] .Header_btn_expand__Dp_WZ > a {
  min-height: 40px;
  padding: 0 14px;
  border-radius: 10px;
  background: var(--brand-0);
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

[data-zy-ppio-header] .Header_menu_layout__E8GKg {
  display: none;
  position: fixed;
  top: var(--header-height) !important;
  right: 0;
  left: 0;
  height: calc(100vh - var(--header-height)) !important;
  padding: 20px 16px 28px;
  background: rgba(255, 255, 255, 0.98);
  border-top: 1px solid var(--border-1);
  overflow-y: auto;
}

[data-zy-ppio-header].is-menu-open .Header_menu_layout__E8GKg {
  display: block;
}

[data-zy-ppio-header] .Header_menu_layout_container__oNBR8 {
  display: grid;
  gap: 2px;
  padding-top: 14px;
}

[data-zy-ppio-header] .Header_mobile_auth_slot__Zy {
  display: block;
}

[data-zy-ppio-header] .Header_mobile_user_wrap__Zy {
  margin: -20px -16px 0;
  padding: 0 0 12px;
  background: #f6f8fb;
  border-bottom: 1px solid #e8edf5;
}

[data-zy-ppio-header] .Header_drop_user_box__qBKwI {
  padding: 20px 16px 12px;
}

[data-zy-ppio-header] .Header_userid___N7S9 {
  display: grid;
  gap: 8px;
}

[data-zy-ppio-header] .Header_username_wrap__etc7F,
[data-zy-ppio-header] .Header_username__HtCg4 {
  color: var(--dark-1);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}

[data-zy-ppio-header] .Header_uid__gabV3 {
  color: #6b7280;
  font-size: 12px;
  line-height: 1.5;
}

[data-zy-ppio-header] .Header_verify_badge__Zy,
[data-zy-ppio-header] .Header_role_badge__Zy {
  min-height: 24px;
  padding: 0 10px;
  border-radius: 6px;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

[data-zy-ppio-header] .Header_verify_badge__Zy {
  background: #fff1e6;
  border: 1px solid #ffd4b2;
  color: #ea580c;
}

[data-zy-ppio-header] .Header_role_badge__Zy {
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #4b5563;
}

[data-zy-ppio-header] .Header_user_dropdown_list_mobile__nBGul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 16px 4px;
}

[data-zy-ppio-header] .Header_dropdown_item__uOAv2 {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e8edf5;
  color: var(--dark-1);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

[data-zy-ppio-header] #main__header__user-box__logout {
  width: 100%;
  margin-top: 18px;
}

[data-zy-ppio-header] .Header_dropdown_mobile__YJNPi,
[data-zy-ppio-header] .Header_link_btn__ESc4q {
  border-bottom: 1px solid #eff3f8;
}

[data-zy-ppio-header] .Header_dropdown_mobile_content__UwDY7 {
  display: none;
  padding-bottom: 10px;
}

[data-zy-ppio-header] .Header_dropdown_mobile__YJNPi.is-open .Header_dropdown_mobile_content__UwDY7 {
  display: block;
}

[data-zy-ppio-header] .Header_dropdown_mobile__YJNPi.is-open .Header_dropdown_mobile_label__vqTX_ svg {
  transform: rotate(180deg);
}

[data-zy-ppio-header] .Header_dropdown_mobile_label__vqTX_,
[data-zy-ppio-header] .Header_link_btn__ESc4q {
  min-height: 54px;
  padding: 0 4px;
  color: var(--dark-1);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

[data-zy-ppio-header] .Header_link_btn__ESc4q--sub {
  min-height: 44px;
  padding: 0 16px;
  color: #4b5563;
  font-size: 14px;
}

[data-zy-ppio-header] .button_btn__6RzFY {
  min-height: 44px;
  border-radius: 10px;
  text-decoration: none;
}

body.zy-ppio-menu-open {
  overflow: hidden;
}

body.zy-ppio-sidebar-open {
  overflow: hidden;
}

.zy-ppio-sidebar-backdrop {
  position: fixed;
  inset: var(--header-height) 0 0 0;
  background: rgba(15, 23, 42, 0.42);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, visibility .24s ease;
  z-index: 1340;
}

body.zy-ppio-sidebar-open .zy-ppio-sidebar-backdrop {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media (max-width: 1100px) {
  [data-zy-ppio-header] .Header_btn_list__F72o0 {
    display: none;
  }

  [data-zy-ppio-header] .Header_btn_expand__Dp_WZ {
    display: inline-flex;
    margin-left: auto;
    gap: 8px;
  }

  [data-zy-ppio-header] .Header_nav_wrapper__mtKxD {
    padding: 0 12px;
    gap: 12px;
  }

  [data-zy-ppio-header] .Header_nav_left__YeEY1 {
    flex-shrink: 0;
  }

  [data-zy-ppio-header] .Header_btn_list_right__Po4NQ {
    margin-left: auto;
    gap: 8px;
  }

  [data-zy-ppio-header] .Header_auth_slot__Zy {
    display: none;
  }

  [data-zy-ppio-header] .Header_menu_btn__iH0k7 {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    border-color: #d8e4ff;
    background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
    box-shadow: 0 6px 16px rgba(19, 84, 238, .08);
    color: var(--brand-0);
  }

  [data-zy-ppio-header] .Header_btn_expand__Dp_WZ > a {
    min-height: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 42px;
    flex-shrink: 0;
  }

  [data-zy-ppio-header] .Header_menu_layout__E8GKg {
    left: 0;
    right: auto;
    width: min(84vw, 320px);
    height: calc(100vh - var(--header-height)) !important;
    padding: 18px 14px 24px;
    background: rgba(255, 255, 255, 0.98);
    border-left: none;
    border-right: 1px solid var(--border-1);
    box-shadow: 20px 0 48px rgba(15, 23, 42, .14);
    transform: translateX(-102%);
    transition: transform .28s var(--zy-ease), opacity .28s var(--zy-ease);
  }

  [data-zy-ppio-header].is-menu-open .Header_menu_layout__E8GKg {
    transform: translateX(0);
  }

  [data-zy-ppio-header] .Header_menu_layout_container__oNBR8 {
    padding-top: 8px;
  }

  [data-zy-ppio-header] .Header_mobile_user_wrap__Zy {
    margin-inline: -16px;
  }

  body.zy-ppio-shell:not(.zy-ppio-home) .semi-layout-sider,
  body.zy-ppio-shell:not(.zy-ppio-home) .sidebar-container {
    position: fixed !important;
    top: var(--header-height) !important;
    left: 0 !important;
    width: min(84vw, 320px) !important;
    height: calc(100vh - var(--header-height)) !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-102%) !important;
    transition: transform .28s var(--zy-ease), box-shadow .28s var(--zy-ease) !important;
    box-shadow: 20px 0 48px rgba(15, 23, 42, .16) !important;
    z-index: 1350 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-right: 1px solid rgba(231, 237, 245, 0.95) !important;
  }

body.zy-ppio-shell.zy-ppio-sidebar-open:not(.zy-ppio-home) .semi-layout-sider,
body.zy-ppio-shell.zy-ppio-sidebar-open:not(.zy-ppio-home) .sidebar-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
  z-index: 2000 !important;
}

body.zy-ppio-sidebar-open .semi-layout-sider,
body.zy-ppio-sidebar-open .sidebar-container {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 2000 !important;
}

  body.zy-ppio-shell:not(.zy-ppio-home) .semi-layout-content {
    margin-left: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 640px) {
  body.zy-ppio-shell {
    --header-height: 56px;
  }

  [data-zy-ppio-header] .Header_nav_wrapper__mtKxD {
    padding: 0 12px;
  }

  [data-zy-ppio-header] .Header_btn_expand__Dp_WZ {
    gap: 6px;
  }

  [data-zy-ppio-header] #main__header__main__logo img {
    width: 30px;
    height: 30px;
  }

  [data-zy-ppio-header] .Header_brand_text__Zy {
    font-size: 14px;
  }

  [data-zy-ppio-header] .Header_btn_expand__Dp_WZ > a {
    padding: 0 12px;
    font-size: 13px;
  }

  [data-zy-ppio-header] .Header_menu_layout__E8GKg {
    padding-inline: 12px;
  }

  [data-zy-ppio-header] .Header_mobile_user_wrap__Zy {
    margin-inline: -12px;
  }

  [data-zy-ppio-header] .Header_user_dropdown_list_mobile__nBGul {
    grid-template-columns: 1fr;
  }
}

/* --- HERO v4 (closer to provided Aliyun banner structure) --- */
.zy-home .zy-ali-banner-v2 {
  position: relative;
  padding: 0 !important;
  min-height: 0 !important;
  background: #fbfbfd !important;
  overflow: hidden;
}

.zy-home .zy-ali-banner-v2::before,
.zy-home .zy-ali-banner-v2::after {
  display: none !important;
}

.zy-home .zy-ali-banner-v2-strip {
  position: relative;
  z-index: 3;
  background: linear-gradient(180deg, #edf3ff 0%, #f6f8ff 100%);
  border-bottom: 1px solid rgba(191, 219, 254, 0.75);
}

.zy-home .zy-ali-banner-v2-strip-inner {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 24px;
}

.zy-home .zy-ali-banner-v2-strip-copy {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
}

.zy-home .zy-ali-banner-v2-strip-copy strong {
  color: #5b6bff;
  font-size: 1rem;
  font-weight: 700;
  flex-shrink: 0;
}

.zy-home .zy-ali-banner-v2-strip-copy span {
  max-width: 900px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #334155;
  font-size: 0.95rem;
}

.zy-home .zy-ali-banner-v2-strip-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  background: linear-gradient(135deg, #6d63ff, #2f78ff);
  box-shadow: 0 10px 20px rgba(90, 113, 255, 0.16);
  color: #fff;
  text-decoration: none;
  font-size: 0.82rem;
  font-weight: 700;
  flex-shrink: 0;
}

.zy-home .zy-ali-banner-v2-shell {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.zy-home .zy-ali-banner-v2-strip .zy-inner,
.zy-home .zy-ali-banner-v2-main.zy-inner,
.zy-home .zy-ali-banner-v2-populars .zy-inner {
  max-width: 1420px;
}

.zy-home .zy-ali-banner-v2-main {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 720px) minmax(420px, 1fr);
  align-items: stretch;
  gap: 0;
  min-height: 500px;
  padding: 0 24px;
}

.zy-home .zy-ali-banner-v2-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 68px 0 52px;
  position: relative;
  z-index: 2;
}

.zy-home .zy-ali-banner-v2-title {
  margin: 0 0 18px !important;
  max-width: 720px !important;
  color: #111827 !important;
  font-size: clamp(2.8rem, 4.8vw, 4.65rem) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.05em !important;
  text-align: left !important;
  text-shadow: none !important;
}

.zy-home .zy-ali-banner-v2-title em {
  font-style: normal;
  background: linear-gradient(135deg, #4f8fff 0%, #6b63ff 48%, #17cfe9 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradShift 7s ease infinite;
}

.zy-home .zy-ali-banner-v2-desc {
  max-width: 660px;
  margin: 0 0 34px !important;
  color: #4b5563 !important;
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
  text-align: left !important;
}

.zy-home .zy-ali-banner-v2-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}

.zy-home .zy-ali-banner-v2-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 184px;
  height: 62px;
  padding: 0 28px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  transition: transform 0.32s var(--zy-ease), box-shadow 0.32s var(--zy-ease), border-color 0.32s var(--zy-ease), background-color 0.32s var(--zy-ease);
}

.zy-home .zy-ali-banner-v2-action i {
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
}

.zy-home .zy-ali-banner-v2-action i::before,
.zy-home .zy-ali-banner-v2-action i::after {
  content: "";
  position: absolute;
  background: currentColor;
  border-radius: 999px;
}

.zy-home .zy-ali-banner-v2-action i::before {
  left: 2px;
  right: 2px;
  top: 8px;
  height: 2px;
}

.zy-home .zy-ali-banner-v2-action i::after {
  width: 8px;
  height: 8px;
  right: 2px;
  top: 4px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  background: transparent;
  transform: rotate(45deg);
}

.zy-home .zy-ali-banner-v2-action.primary {
  background: linear-gradient(135deg, #6d63ff 0%, #2d7cff 54%, #17cfe9 100%);
  box-shadow: 0 18px 34px rgba(59, 130, 246, 0.2);
  color: #fff;
}

.zy-home .zy-ali-banner-v2-action.primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 24px 40px rgba(59, 130, 246, 0.28);
}

.zy-home .zy-ali-banner-v2-action.secondary {
  background: #fff;
  border: 1px solid rgba(203, 213, 225, 0.88);
  box-shadow: 0 10px 24px rgba(148, 163, 184, 0.12);
  color: #1f2937;
}

.zy-home .zy-ali-banner-v2-action.secondary:hover {
  transform: translateY(-2px);
  border-color: #bfdbfe;
  box-shadow: 0 16px 28px rgba(148, 163, 184, 0.18);
}

.zy-home .zy-ali-banner-v2-visual {
  position: relative;
  min-height: 500px;
  overflow: hidden;
}

.zy-home .zy-ali-banner-v2-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0.94) 12%, rgba(255, 255, 255, 0.68) 24%, rgba(255, 255, 255, 0.12) 44%, rgba(255, 255, 255, 0) 62%);
  z-index: 2;
  pointer-events: none;
}

.zy-home .zy-ali-banner-v2-visual-media {
  position: absolute;
  inset: -10px -70px -20px 0;
  background-image: var(--banner-image);
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  filter: saturate(1.03) contrast(1.02);
}

.zy-home .zy-ali-banner-v2-visual-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: none;
}

.zy-home .zy-ali-banner-v2-visual-mask.left {
  left: 0;
  width: 96px;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.zy-home .zy-ali-banner-v2-visual-mask.right {
  right: 0;
  width: 84px;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 100%);
}

.zy-home .zy-ali-banner-v2-visual-pill {
  position: absolute;
  left: 14%;
  bottom: 88px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 228px;
  height: 86px;
  padding: 0 30px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(95, 146, 255, 0.94), rgba(120, 181, 255, 0.72));
  box-shadow: 0 20px 34px rgba(95, 146, 255, 0.24);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  color: #fff;
  font-size: 1.34rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.zy-home .zy-ali-banner-v2-visual-pill::after {
  content: "";
  position: absolute;
  right: 22px;
  top: 20px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.24);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.zy-home .zy-ali-banner-v2-populars {
  position: relative;
  z-index: 4;
  padding: 0 0 16px;
}

.zy-home .zy-ali-banner-v2-populars-inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: #fff;
  border-top: 1px solid rgba(226, 232, 240, 0.92);
}

.zy-home .zy-ali-banner-v2-popular {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  min-height: 158px;
  padding: 22px 20px 24px;
  text-decoration: none;
  position: relative;
  transition: background-color 0.25s ease;
}

.zy-home .zy-ali-banner-v2-popular:hover {
  background: #fafcff;
}

.zy-home .zy-ali-banner-v2-popular:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 24px;
  right: 0;
  width: 1px;
  height: calc(100% - 48px);
  background: rgba(226, 232, 240, 0.95);
}

.zy-home .zy-ali-banner-v2-popular-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #eff6ff, #dbeafe);
  border: 1px solid rgba(191, 219, 254, 0.9);
  color: #2563eb;
}

.zy-home .zy-ali-banner-v2-popular-icon.has-inner img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.zy-home .zy-ali-banner-v2-popular-icon.has-inner svg {
  width: 20px;
  height: 20px;
}

.zy-home .zy-ali-banner-v2-popular-icon:not(.has-inner) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  padding: 8px;
}

.zy-home .zy-ali-banner-v2-popular-icon:not(.has-inner) span {
  display: block;
  border-radius: 3px;
  background: currentColor;
}

.zy-home .zy-ali-banner-v2-popular-icon:not(.has-inner) span:nth-child(1) {
  grid-column: 1 / 3;
  height: 5px;
}

.zy-home .zy-ali-banner-v2-popular-icon:not(.has-inner) span:nth-child(2),
.zy-home .zy-ali-banner-v2-popular-icon:not(.has-inner) span:nth-child(3) {
  height: 11px;
}

.zy-home .zy-ali-banner-v2-popular-icon.tone-2 {
  color: #0284c7;
  background: linear-gradient(180deg, #ecfeff, #cffafe);
}

.zy-home .zy-ali-banner-v2-popular-icon.tone-3 {
  color: #6366f1;
  background: linear-gradient(180deg, #eef2ff, #e0e7ff);
}

.zy-home .zy-ali-banner-v2-popular-icon.tone-4 {
  color: #16a34a;
  background: linear-gradient(180deg, #ecfdf5, #dcfce7);
}

.zy-home .zy-ali-banner-v2-popular-body {
  min-width: 0;
}

.zy-home .zy-ali-banner-v2-popular-body h3 {
  margin: 0;
  color: #111827;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

.zy-home .zy-ali-banner-v2-popular-body p {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 0.88rem;
  line-height: 1.75;
}

@media (max-width: 1240px) {
  .zy-home .zy-ali-banner-v2-main {
    grid-template-columns: minmax(0, 1fr) 48%;
    min-height: 460px;
  }

  .zy-home .zy-ali-banner-v2-title {
    font-size: clamp(2.7rem, 4.8vw, 4.1rem) !important;
  }

  .zy-home .zy-ali-banner-v2-populars-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .zy-home .zy-ali-banner-v2-popular:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 920px) {
  .zy-home .zy-ali-banner-v2-strip-inner {
    justify-content: space-between;
    min-height: 46px;
    padding: 0 14px;
  }

  .zy-home .zy-ali-banner-v2-strip-copy {
    gap: 8px;
  }

  .zy-home .zy-ali-banner-v2-strip-copy span {
    display: none;
  }

  .zy-home .zy-ali-banner-v2-main {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 0 18px;
  }

  .zy-home .zy-ali-banner-v2-copy {
    padding: 30px 0 14px;
  }

  .zy-home .zy-ali-banner-v2-title {
    max-width: 100% !important;
    font-size: 2.45rem !important;
  }

  .zy-home .zy-ali-banner-v2-desc {
    max-width: 100%;
  }

  .zy-home .zy-ali-banner-v2-visual {
    min-height: 300px;
  }

  .zy-home .zy-ali-banner-v2-visual-media {
    inset: 0;
  }

  .zy-home .zy-ali-banner-v2-visual-pill {
    left: 22px;
    bottom: 24px;
    min-width: 170px;
    height: 62px;
    padding: 0 22px;
    font-size: 1rem;
  }

  .zy-home .zy-ali-banner-v2-visual-pill::after {
    top: 14px;
    right: 16px;
    width: 28px;
    height: 28px;
  }

  .zy-home .zy-ali-banner-v2-populars-inner {
    grid-template-columns: 1fr;
  }

  .zy-home .zy-ali-banner-v2-popular::after {
    display: none;
  }
}

@media (max-width: 640px) {
  .zy-home .zy-ali-banner-v2-title {
    font-size: 2.08rem !important;
    line-height: 1.12 !important;
  }

  .zy-home .zy-ali-banner-v2-desc {
    font-size: 0.94rem !important;
    margin-bottom: 24px !important;
  }

  .zy-home .zy-ali-banner-v2-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .zy-home .zy-ali-banner-v2-action {
    width: 100%;
    min-width: 0;
    height: 56px;
  }

  .zy-home .zy-ali-banner-v2-popular {
    padding: 18px 14px 20px;
    min-height: 0;
  }
}

/* --- HERO v5 override: force full-width Aliyun-like banner layout --- */
.zy-home .zy-ali-banner-v3 {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: #fafafa !important;
  align-items: initial !important;
  justify-content: initial !important;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-strip {
  display: none !important;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-shell {
  position: relative;
  min-height: 520px;
  background: #fafafa;
  overflow: hidden;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-background-link {
  position: absolute;
  inset: 0;
  display: block;
  text-decoration: none;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-background {
  position: absolute;
  inset: 0;
  background: #fafafa;
  overflow: hidden;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-content.zy-inner,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-populars .zy-inner {
  max-width: 1280px;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-content {
  position: relative;
  z-index: 6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-height: 560px;
  padding: 88px 24px 136px;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-title,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-desc,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-actions {
  opacity: 1 !important;
  transform: none !important;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-title {
  max-width: 760px !important;
  margin: 0 0 20px !important;
  font-size: clamp(3.4rem, 5.15vw, 5rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.055em !important;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-desc {
  max-width: 620px;
  margin: 0 0 34px !important;
  font-size: 1.08rem !important;
  line-height: 1.75 !important;
  color: #4b5563 !important;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-actions {
  gap: 12px;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-action {
  min-width: 188px;
  height: 62px;
  border-radius: 12px;
  padding: 0 30px;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-visual-media {
  inset: 0;
  z-index: 1;
  background-size: auto 110%;
  background-position: calc(100% + 70px) center;
  filter: saturate(1.02) contrast(1.01);
  opacity: .4;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-video {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 76% center;
  transform: scale(1.08);
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-visual-mask.left {
  width: 52%;
  background: linear-gradient(90deg, rgba(250, 250, 250, 1) 0%, rgba(250, 250, 250, 0.987) 46%, rgba(250, 250, 250, 0.8) 67%, rgba(250, 250, 250, 0) 100%);
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-visual-mask.right {
  width: 180px;
  background: linear-gradient(-90deg, rgba(250, 250, 250, 0.95) 0%, rgba(250, 250, 250, 0) 100%);
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-visual-pill {
  left: auto;
  right: 28%;
  top: 116px;
  bottom: auto;
  z-index: 7;
  min-width: 188px;
  height: 62px;
  padding: 0 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(254, 132, 49, 0.9), rgba(255, 112, 36, 0.84));
  box-shadow: 0 14px 26px rgba(252, 134, 57, 0.24);
  font-size: 1rem;
  letter-spacing: 0;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-populars {
  padding: 0;
  background: #fff;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-populars-inner {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(226, 232, 240, 0.92);
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular {
  position: relative;
  overflow: hidden;
  min-height: 158px;
  padding: 26px 24px 28px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 255, 0.98));
  transition: transform .28s ease, box-shadow .28s ease, background-color .28s ease;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 -120%;
  width: 58%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0));
  transform: skewX(-20deg);
  opacity: 0;
  transition: transform .55s ease, opacity .3s ease;
  pointer-events: none;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular::after {
  transition: opacity .3s ease, transform .3s ease, background-color .3s ease;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-icon,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-icon img,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-icon svg,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-body,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-body h3,
.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-body p {
  transition: transform .28s ease, color .28s ease, opacity .28s ease, filter .28s ease;
}

@keyframes zyAliPopularIconHover {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
  35% {
    transform: translateY(-4px) scale(1.06) rotate(-4deg);
  }
  70% {
    transform: translateY(-1px) scale(1.095) rotate(3deg);
  }
  100% {
    transform: translateY(-5px) scale(1.08) rotate(-2deg);
  }
}

@keyframes zyAliPopularGlow {
  0% {
    box-shadow: 0 16px 26px rgba(148, 163, 184, 0.12);
  }
  100% {
    box-shadow: 0 24px 42px rgba(96, 165, 250, 0.16);
  }
}

@media (hover: hover) and (pointer: fine) {
  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 40px rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    animation: zyAliPopularGlow .75s ease forwards;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover::before {
    opacity: 1;
    transform: translateX(265%) skewX(-20deg);
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover::after {
    opacity: .5;
    background: linear-gradient(180deg, rgba(191, 219, 254, 0.9), rgba(226, 232, 240, 0.7));
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover .zy-ali-banner-v2-popular-icon {
    animation: zyAliPopularIconHover .95s ease-in-out infinite alternate;
    filter: drop-shadow(0 12px 18px rgba(96, 165, 250, 0.22));
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover .zy-ali-banner-v2-popular-body h3 {
    color: #2563eb;
    transform: translate(4px, -1px);
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover .zy-ali-banner-v2-popular-body p {
    color: #4b5563;
    transform: translate(4px, 0);
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:hover .zy-ali-banner-v2-popular-body {
    transform: translateY(-1px);
  }
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-body h3 {
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.45;
}

.zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular-body p {
  font-size: 0.88rem;
  line-height: 1.7;
}

@media (max-width: 1240px) {
  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-content.zy-inner,
  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-populars .zy-inner {
    max-width: 1160px;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-title {
    font-size: clamp(2.8rem, 4.5vw, 4rem) !important;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-visual-pill {
    right: 22%;
  }
}

@media (max-width: 920px) {
  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-shell {
    min-height: 0;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-content {
    min-height: 0;
    padding: 34px 18px 34px;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-title {
    max-width: 100% !important;
    font-size: 2.6rem !important;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-visual-pill {
    right: 18px;
    top: auto;
    bottom: 18px;
    min-width: 168px;
    height: 62px;
    font-size: 1rem;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-populars-inner {
    grid-template-columns: 1fr;
  }

  .zy-home .zy-ali-banner-v3 .zy-ali-banner-v2-popular:not(:last-child)::after {
    display: none;
  }
}

/* --- Solutions motion boost --- */
.zy-home .zy-solutions .zy-sh h2 {
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), text-shadow .4s ease;
}

.zy-home .zy-solutions:hover .zy-sh h2 {
  transform: translateY(-2px);
  text-shadow: 0 10px 26px rgba(96, 165, 250, .16);
}

.zy-home .zy-solutions .zy-acc {
  perspective: 1800px;
}

.zy-home .zy-solutions .zy-acc-item {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .12);
  transition: transform .55s cubic-bezier(.22, 1, .36, 1), box-shadow .55s cubic-bezier(.22, 1, .36, 1), border-color .35s ease, filter .35s ease, background-size .9s ease;
  background-size: auto 100%;
  background-position: center center;
  transform-origin: center center;
}

.zy-home .zy-solutions .zy-acc-item::before,
.zy-home .zy-solutions .zy-acc-item::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.zy-home .zy-solutions .zy-acc-item::before {
  background:
    radial-gradient(circle at 82% 22%, rgba(96, 165, 250, .28), rgba(96, 165, 250, 0) 28%),
    linear-gradient(180deg, rgba(3, 7, 18, .08) 0%, rgba(3, 7, 18, .3) 100%);
  opacity: .78;
  transition: opacity .45s ease, transform .65s ease;
}

.zy-home .zy-solutions .zy-acc-item::after {
  inset: -18% auto -18% -34%;
  width: 42%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,.72), rgba(255,255,255,0));
  transform: translateX(-160%) skewX(-18deg);
  opacity: 0;
  transition: transform .95s ease, opacity .35s ease;
}

.zy-home .zy-solutions .zy-acc-inner,
.zy-home .zy-solutions .zy-acc-inner h3,
.zy-home .zy-solutions .zy-acc-inner .brief,
.zy-home .zy-solutions .zy-acc-inner .full,
.zy-home .zy-solutions .zy-acc-link,
.zy-home .zy-solutions .zy-acc-link svg {
  transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .35s ease, letter-spacing .35s ease, filter .35s ease;
}

@keyframes zySolutionsActivePulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 22px 48px rgba(15, 23, 42, .18);
  }
  50% {
    transform: translateY(-6px) scale(1.015);
    box-shadow: 0 30px 60px rgba(59, 130, 246, .22);
  }
}

@keyframes zySolutionsActiveGlow {
  0%, 100% {
    opacity: .82;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.04);
  }
}

@keyframes zySolutionsLinkNudge {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
}

@media (hover: hover) and (pointer: fine) {
  .zy-home .zy-solutions .zy-acc-item:hover {
    transform: translateY(-14px) scale(1.02);
    box-shadow: 0 34px 74px rgba(15, 23, 42, .22);
    border-color: rgba(147, 197, 253, .46);
    filter: saturate(1.08);
    background-size: auto 112%;
  }

  .zy-home .zy-solutions .zy-acc-item:hover::before {
    opacity: 1;
    transform: scale(1.03);
  }

  .zy-home .zy-solutions .zy-acc-item:hover::after {
    opacity: 1;
    transform: translateX(430%) skewX(-18deg);
  }

  .zy-home .zy-solutions .zy-acc-item:hover .zy-acc-inner {
    transform: translateY(-4px);
  }

  .zy-home .zy-solutions .zy-acc-item:hover h3 {
    transform: translateX(8px);
    letter-spacing: .01em;
  }

  .zy-home .zy-solutions .zy-acc-item:hover .brief {
    transform: translateX(8px);
    opacity: .96;
  }

  .zy-home .zy-solutions .zy-acc-item:hover .full {
    transform: translateX(10px) translateY(-1px);
  }

  .zy-home .zy-solutions .zy-acc-item:hover .zy-acc-link {
    transform: translateX(10px);
    filter: drop-shadow(0 8px 20px rgba(96, 165, 250, .28));
  }

  .zy-home .zy-solutions .zy-acc-item:hover .zy-acc-link svg {
    transform: translateX(6px) scale(1.16);
  }
}

.zy-home .zy-solutions .zy-acc-item.active {
  animation: zySolutionsActivePulse 3.2s ease-in-out infinite;
  border-color: rgba(147, 197, 253, .42);
  box-shadow: 0 24px 54px rgba(15, 23, 42, .18);
  background-size: auto 108%;
}

.zy-home .zy-solutions .zy-acc-item.active::before {
  animation: zySolutionsActiveGlow 3s ease-in-out infinite;
}

.zy-home .zy-solutions .zy-acc-item.active .zy-acc-inner {
  transform: translateY(-2px);
}

.zy-home .zy-solutions .zy-acc-item.active .zy-acc-link {
  animation: zySolutionsLinkNudge 1.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .zy-home .zy-solutions .zy-acc-item,
  .zy-home .zy-solutions .zy-acc-inner,
  .zy-home .zy-solutions .zy-acc-inner h3,
  .zy-home .zy-solutions .zy-acc-inner .brief,
  .zy-home .zy-solutions .zy-acc-inner .full,
  .zy-home .zy-solutions .zy-acc-link,
  .zy-home .zy-solutions .zy-acc-link svg {
    transition: none !important;
  }

  .zy-home .zy-solutions .zy-acc-item.active,
  .zy-home .zy-solutions .zy-acc-item.active::before,
  .zy-home .zy-solutions .zy-acc-item.active .zy-acc-link {
    animation: none !important;
  }
}

/* --- Advantages motion boost --- */
.zy-home .zy-adv .zy-sh .en,
.zy-home .zy-adv .zy-sh h2,
.zy-home .zy-adv .zy-sh p {
  transition: transform .4s cubic-bezier(.22, 1, .36, 1), opacity .35s ease, text-shadow .35s ease;
}

.zy-home .zy-adv .zy-sh h2,
body.zy-ppio-home .zy-adv .zy-sh h2 {
  font-size: 1.8rem !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
}

.zy-home .zy-adv:hover .zy-sh .en,
.zy-home .zy-adv:hover .zy-sh h2,
.zy-home .zy-adv:hover .zy-sh p {
  transform: translateY(-2px);
}

.zy-home .zy-adv:hover .zy-sh h2 {
  text-shadow: 0 12px 24px rgba(96, 165, 250, .14);
}

.zy-home .zy-adv .zy-adv-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.zy-home .zy-adv .zy-adv-card {
  position: relative;
  min-height: 224px;
  padding: 28px 26px;
  border-radius: 28px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(245,249,255,.98)),
    radial-gradient(circle at 100% 0%, rgba(96, 165, 250, .12), transparent 38%);
  border: 1px solid rgba(216, 228, 248, .92);
  box-shadow: 0 20px 48px rgba(148, 163, 184, .14);
  transition: transform .55s cubic-bezier(.22, 1, .36, 1), box-shadow .55s cubic-bezier(.22, 1, .36, 1), border-color .35s ease, background .35s ease;
}

.zy-home .zy-adv .zy-adv-card::before,
.zy-home .zy-adv .zy-adv-card::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.zy-home .zy-adv .zy-adv-card::before {
  inset: 0;
  background:
    radial-gradient(circle at 82% 24%, rgba(96, 165, 250, .22), transparent 28%),
    linear-gradient(140deg, rgba(191, 219, 254, .18), rgba(255,255,255,0) 48%);
  opacity: .72;
  transition: opacity .35s ease, transform .65s ease;
}

.zy-home .zy-adv .zy-adv-card::after {
  top: -16%;
  bottom: -16%;
  left: -28%;
  width: 38%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,.75), rgba(255,255,255,0));
  transform: translateX(-180%) skewX(-20deg);
  opacity: 0;
  transition: transform 1s ease, opacity .35s ease;
}

.zy-home .zy-adv .zy-adv-text,
.zy-home .zy-adv .zy-adv-text h4,
.zy-home .zy-adv .zy-adv-text p,
.zy-home .zy-adv .zy-adv-icon,
.zy-home .zy-adv .zy-adv-icon img {
  position: relative;
  z-index: 1;
  transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .32s ease, filter .32s ease;
}

.zy-home .zy-adv .zy-adv-text h4 {
  margin: 0 0 14px;
  font-size: 1.34rem;
  line-height: 1.25;
  font-weight: 800;
  color: #0f172a;
}

.zy-home .zy-adv .zy-adv-text p {
  margin: 0;
  color: #64748b;
  line-height: 1.8;
}

.zy-home .zy-adv .zy-adv-icon {
  position: absolute;
  right: 22px;
  bottom: 18px;
  width: 96px;
  height: 96px;
}

.zy-home .zy-adv .zy-adv-icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.zy-home .zy-adv .zy-adv-icon .adv-active {
  opacity: 0;
  transform: scale(.82) rotate(-8deg);
}

@keyframes zyAdvCardPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 22px 50px rgba(148, 163, 184, .14);
  }
  50% {
    transform: translateY(-6px) scale(1.018);
    box-shadow: 0 30px 64px rgba(96, 165, 250, .18);
  }
}

@keyframes zyAdvIconDance {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
  30% {
    transform: translateY(-6px) scale(1.08) rotate(-6deg);
  }
  65% {
    transform: translateY(-2px) scale(1.14) rotate(5deg);
  }
  100% {
    transform: translateY(-8px) scale(1.1) rotate(-3deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .zy-home .zy-adv .zy-adv-card:hover {
    transform: translateY(-14px) scale(1.03);
    box-shadow: 0 34px 78px rgba(148, 163, 184, .22);
    border-color: rgba(147, 197, 253, .8);
    background:
      linear-gradient(180deg, rgba(255,255,255,1), rgba(240,247,255,1)),
      radial-gradient(circle at 100% 0%, rgba(96, 165, 250, .18), transparent 42%);
  }

  .zy-home .zy-adv .zy-adv-card:hover::before {
    opacity: 1;
    transform: scale(1.04);
  }

  .zy-home .zy-adv .zy-adv-card:hover::after {
    opacity: 1;
    transform: translateX(470%) skewX(-20deg);
  }

  .zy-home .zy-adv .zy-adv-card:hover .zy-adv-text {
    transform: translateY(-4px);
  }

  .zy-home .zy-adv .zy-adv-card:hover .zy-adv-text h4 {
    transform: translateX(6px);
  }

  .zy-home .zy-adv .zy-adv-card:hover .zy-adv-text p {
    transform: translateX(8px);
  }

  .zy-home .zy-adv .zy-adv-card:hover .zy-adv-icon {
    transform: translate(-4px, -8px) scale(1.06);
    filter: drop-shadow(0 16px 24px rgba(96, 165, 250, .22));
  }

  .zy-home .zy-adv .zy-adv-card:hover .adv-normal {
    opacity: 0;
    transform: scale(.78) rotate(10deg);
  }

  .zy-home .zy-adv .zy-adv-card:hover .adv-active {
    opacity: 1;
    animation: zyAdvIconDance 1.05s ease-in-out infinite alternate;
  }
}

.zy-home .zy-adv .zy-adv-card:nth-child(2),
.zy-home .zy-adv .zy-adv-card:nth-child(5) {
  animation: zyAdvCardPulse 3.8s ease-in-out infinite;
}

@media (max-width: 1100px) {
  .zy-home .zy-adv .zy-adv-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .zy-home .zy-adv .zy-adv-grid {
    grid-template-columns: 1fr;
  }

  .zy-home .zy-adv .zy-adv-card {
    min-height: 0;
    padding: 24px 20px 120px;
  }

  .zy-home .zy-adv .zy-adv-icon {
    right: 18px;
    bottom: 14px;
    width: 84px;
    height: 84px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .zy-home .zy-adv .zy-sh .en,
  .zy-home .zy-adv .zy-sh h2,
  .zy-home .zy-adv .zy-sh p,
  .zy-home .zy-adv .zy-adv-card,
  .zy-home .zy-adv .zy-adv-text,
  .zy-home .zy-adv .zy-adv-text h4,
  .zy-home .zy-adv .zy-adv-text p,
  .zy-home .zy-adv .zy-adv-icon,
  .zy-home .zy-adv .zy-adv-icon img {
    transition: none !important;
  }

  .zy-home .zy-adv .zy-adv-card,
  .zy-home .zy-adv .zy-adv-card:hover .adv-active {
    animation: none !important;
  }
}

/* --- Model ecosystem motion boost --- */
.zy-home .zy-models {
  position: relative;
  overflow: hidden;
}

.zy-home .zy-models .zy-models-bg {
  animation: zyModelsBgFloat 12s ease-in-out infinite;
  transform-origin: center top;
  will-change: transform, opacity;
}

.zy-home .zy-models .zy-grid5 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px !important;
}

.zy-home .zy-models .zy-mc {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.98)) !important;
  box-shadow: 0 18px 42px rgba(148, 163, 184, .14) !important;
  transition: transform .55s cubic-bezier(.22,1,.36,1)!important, box-shadow .55s cubic-bezier(.22,1,.36,1)!important, border-color .35s ease!important, filter .35s ease!important;
}

.zy-home .zy-models .zy-mc::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 82% 20%, rgba(96, 165, 250, .18), rgba(96, 165, 250, 0) 28%),
    linear-gradient(145deg, rgba(191, 219, 254, .16), rgba(255,255,255,0) 48%) !important;
  opacity: .76 !important;
  transition: opacity .35s ease!important, transform .65s ease!important;
  pointer-events: none !important;
}

.zy-home .zy-models .zy-mc::after {
  content: "" !important;
  position: absolute !important;
  top: -18% !important;
  bottom: -18% !important;
  left: -32% !important;
  width: 42% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,.8), rgba(255,255,255,0)) !important;
  transform: translateX(-180%) skewX(-20deg) !important;
  opacity: 0 !important;
  transition: transform 1s ease!important, opacity .35s ease!important;
  filter: none !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.zy-home .zy-models .zy-mc .logo,
.zy-home .zy-models .zy-mc .logo img,
.zy-home .zy-models .zy-mc .mc-info,
.zy-home .zy-models .zy-mc .mc-info h4,
.zy-home .zy-models .zy-mc .mc-info p {
  position: relative;
  z-index: 2;
  transition: transform .42s cubic-bezier(.22,1,.36,1), opacity .32s ease, filter .32s ease, color .32s ease;
}

.zy-home .zy-models .zy-mc .logo {
  box-shadow: 0 10px 22px rgba(148, 163, 184, .14);
}

@keyframes zyModelsBgFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
    opacity: 1;
  }
  50% {
    transform: translateY(-12px) scale(1.03);
    opacity: .92;
  }
}

@keyframes zyModelsCardPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 18px 42px rgba(148, 163, 184, .14);
  }
  50% {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 28px 58px rgba(96, 165, 250, .18);
  }
}

@keyframes zyModelsLogoDance {
  0% {
    transform: translateY(0) scale(1) rotate(0deg);
  }
  30% {
    transform: translateY(-6px) scale(1.08) rotate(-7deg);
  }
  65% {
    transform: translateY(-2px) scale(1.16) rotate(6deg);
  }
  100% {
    transform: translateY(-8px) scale(1.12) rotate(-4deg);
  }
}

@media (hover: hover) and (pointer: fine) {
  .zy-home .zy-models .zy-mc:hover {
    transform: translateY(-12px) scale(1.045) !important;
    box-shadow: 0 34px 72px rgba(148, 163, 184, .24) !important;
    border-color: rgba(147, 197, 253, .6) !important;
    filter: saturate(1.08);
  }

  .zy-home .zy-models .zy-mc:hover::before {
    opacity: 1 !important;
    transform: scale(1.05);
  }

  .zy-home .zy-models .zy-mc:hover::after {
    opacity: 1 !important;
    transform: translateX(460%) skewX(-20deg) !important;
  }

  .zy-home .zy-models .zy-mc:hover .logo {
    transform: translateY(-6px) scale(1.1) !important;
    filter: drop-shadow(0 16px 24px rgba(96, 165, 250, .2));
  }

  .zy-home .zy-models .zy-mc:hover .logo img {
    animation: zyModelsLogoDance .95s ease-in-out infinite alternate;
  }

  .zy-home .zy-models .zy-mc:hover .mc-info {
    transform: translateY(-2px) translateX(4px);
  }

  .zy-home .zy-models .zy-mc:hover .mc-info h4 {
    transform: translateX(4px);
    color: #1d4ed8;
  }

  .zy-home .zy-models .zy-mc:hover .mc-info p {
    transform: translateX(6px);
  }
}

.zy-home .zy-models .zy-mc:nth-child(2),
.zy-home .zy-models .zy-mc:nth-child(5),
.zy-home .zy-models .zy-mc:nth-child(8) {
  animation: zyModelsCardPulse 4.2s ease-in-out infinite;
}

@media (max-width: 1100px) {
  .zy-home .zy-models .zy-grid5 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .zy-home .zy-models .zy-grid5 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .zy-home .zy-models .zy-models-bg,
  .zy-home .zy-models .zy-mc,
  .zy-home .zy-models .zy-mc .logo,
  .zy-home .zy-models .zy-mc .logo img,
  .zy-home .zy-models .zy-mc .mc-info,
  .zy-home .zy-models .zy-mc .mc-info h4,
  .zy-home .zy-models .zy-mc .mc-info p {
    transition: none !important;
    animation: none !important;
  }
}

/* --- News motion boost --- */
.zy-home .zy-news {
  position: relative;
  overflow: hidden;
}

.zy-home .zy-news::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 10% 10%, rgba(191, 219, 254, .32), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(125, 211, 252, .18), transparent 24%);
  opacity: .72;
  pointer-events: none;
  animation: zyNewsSectionFloat 14s ease-in-out infinite;
}

.zy-home .zy-news .zy-grid3 {
  position: relative;
  z-index: 1;
}

.zy-home .zy-news .zy-nc {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,255,.98)) !important;
  box-shadow: 0 20px 52px rgba(148, 163, 184, .16) !important;
  transition: transform .58s cubic-bezier(.22,1,.36,1)!important, box-shadow .58s cubic-bezier(.22,1,.36,1)!important, border-color .35s ease!important, filter .35s ease!important;
}

.zy-home .zy-news .zy-nc::before,
.zy-home .zy-news .zy-nc::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.zy-home .zy-news .zy-nc::before {
  inset: 0;
  background:
    radial-gradient(circle at 84% 22%, rgba(96, 165, 250, .16), rgba(96, 165, 250, 0) 28%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(239, 246, 255, .34) 100%);
  opacity: .78;
  transition: opacity .35s ease, transform .6s ease;
  z-index: 1;
}

.zy-home .zy-news .zy-nc::after {
  top: -15%;
  bottom: -15%;
  left: -28%;
  width: 38%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.2), rgba(255,255,255,.78), rgba(255,255,255,0));
  transform: translateX(-180%) skewX(-20deg);
  opacity: 0;
  transition: transform 1s ease, opacity .35s ease;
  z-index: 2;
}

.zy-home .zy-news .zy-nc .nc-img,
.zy-home .zy-news .zy-nc .body,
.zy-home .zy-news .zy-nc .meta,
.zy-home .zy-news .zy-nc .tag,
.zy-home .zy-news .zy-nc h4,
.zy-home .zy-news .zy-nc p,
.zy-home .zy-news .zy-nc .more {
  position: relative;
  z-index: 3;
  transition: transform .42s cubic-bezier(.22,1,.36,1), opacity .32s ease, filter .32s ease, color .32s ease, letter-spacing .32s ease;
}

.zy-home .zy-news .zy-nc .nc-img {
  transform-origin: center center;
}

.zy-home .zy-news .zy-nc .tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 68px;
  transition: transform .35s cubic-bezier(.22,1,.36,1), box-shadow .35s ease, background-color .35s ease, color .35s ease;
}

@keyframes zyNewsSectionFloat {
  0%, 100% {
    transform: translateY(0) scale(1);
    opacity: .72;
  }
  50% {
    transform: translateY(-12px) scale(1.04);
    opacity: .92;
  }
}

@keyframes zyNewsCardPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 20px 52px rgba(148, 163, 184, .16);
  }
  50% {
    transform: translateY(-7px) scale(1.018);
    box-shadow: 0 30px 66px rgba(96, 165, 250, .18);
  }
}

@keyframes zyNewsMoreNudge {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(8px);
  }
}

@media (hover: hover) and (pointer: fine) {
  .zy-home .zy-news .zy-nc:hover {
    transform: translateY(-14px) scale(1.03) !important;
    box-shadow: 0 36px 82px rgba(148, 163, 184, .24) !important;
    filter: saturate(1.04);
  }

  .zy-home .zy-news .zy-nc:hover::before {
    opacity: 1;
    transform: scale(1.04);
  }

  .zy-home .zy-news .zy-nc:hover::after {
    opacity: 1;
    transform: translateX(460%) skewX(-20deg);
  }

  .zy-home .zy-news .zy-nc:hover .nc-img {
    transform: scale(1.1) rotate(-1.4deg);
    filter: saturate(1.08);
  }

  .zy-home .zy-news .zy-nc:hover .body {
    transform: translateY(-4px);
  }

  .zy-home .zy-news .zy-nc:hover .meta {
    transform: translateX(6px);
  }

  .zy-home .zy-news .zy-nc:hover .tag {
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 10px 18px rgba(59, 130, 246, .18);
  }

  .zy-home .zy-news .zy-nc:hover h4 {
    transform: translateX(6px);
    color: #1d4ed8;
    letter-spacing: .01em;
  }

  .zy-home .zy-news .zy-nc:hover p {
    transform: translateX(8px);
  }

  .zy-home .zy-news .zy-nc:hover .more {
    transform: translateX(12px);
    color: #2563eb;
    filter: drop-shadow(0 8px 18px rgba(96, 165, 250, .24));
  }
}

.zy-home .zy-news .zy-nc:nth-child(2) {
  animation: zyNewsCardPulse 4.4s ease-in-out infinite;
}

.zy-home .zy-news .zy-nc:nth-child(1) .more,
.zy-home .zy-news .zy-nc:nth-child(3) .more {
  animation: zyNewsMoreNudge 2.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .zy-home .zy-news::before,
  .zy-home .zy-news .zy-nc,
  .zy-home .zy-news .zy-nc .nc-img,
  .zy-home .zy-news .zy-nc .body,
  .zy-home .zy-news .zy-nc .meta,
  .zy-home .zy-news .zy-nc .tag,
  .zy-home .zy-news .zy-nc h4,
  .zy-home .zy-news .zy-nc p,
  .zy-home .zy-news .zy-nc .more {
    transition: none !important;
    animation: none !important;
  }
}

body.zy-docs-route{
  background:linear-gradient(180deg,#f7faff 0%,#ffffff 24%,#f8fbff 100%)!important;
}
@keyframes zyDocsFloatIn{
  0%{
    opacity:0;
    transform:translateY(30px) scale(.98);
    filter:blur(8px);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
    filter:blur(0);
  }
}
@keyframes zyDocsGlowPulse{
  0%,100%{
    transform:translateX(-50%) scale(1);
    opacity:.82;
  }
  50%{
    transform:translateX(-50%) scale(1.04);
    opacity:1;
  }
}
@keyframes zyDocsBadgeFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-4px);
  }
}
@keyframes zyDocsTitleShift{
  0%{background-position:0% 50%}
  100%{background-position:200% 50%}
}
@keyframes zyDocsSectionSweep{
  0%{transform:translateX(-140%) skewX(-18deg);opacity:0}
  25%{opacity:.24}
  100%{transform:translateX(240%) skewX(-18deg);opacity:0}
}
@keyframes zyDocsCodeBorderMove{
  0%{background-position:0% 50%}
  100%{background-position:220% 50%}
}
body.zy-docs-route .semi-layout-content{
  background:transparent!important;
}
body.zy-docs-route.zy-ppio-shell .zy-docs{
  padding-top:calc(var(--header-height) + 24px);
}
.zy-docs{
  max-width:1280px;
  margin:0 auto;
  padding:54px 24px 110px;
  color:#0f172a;
}
.zy-docs-hero{
  position:relative;
  text-align:center;
  padding:72px 0 52px;
  animation:zyDocsFloatIn .9s cubic-bezier(.22,1,.36,1) both;
}
.zy-docs-hero::before{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  transform:translateX(-50%);
  width:min(1140px,94vw);
  height:360px;
  border-radius:999px;
  background:radial-gradient(circle at 50% 20%,rgba(59,130,246,.18),rgba(96,165,250,.08) 38%,rgba(255,255,255,0) 70%);
  filter:blur(8px);
  pointer-events:none;
  animation:zyDocsGlowPulse 8s ease-in-out infinite;
}
.zy-docs-hero::after{
  content:"";
  position:absolute;
  left:50%;
  top:92px;
  transform:translateX(-50%);
  width:min(920px,88vw);
  height:250px;
  border-radius:36px;
  background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(219,234,254,.68));
  box-shadow:0 30px 80px rgba(59,130,246,.08);
  opacity:.72;
  pointer-events:none;
}
.zy-docs-hero>*{
  position:relative;
  z-index:1;
}
.zy-docs-hero-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 18px;
  border-radius:999px;
  background:rgba(37,99,235,.08);
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.18);
  color:#2563eb;
  font-size:13px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  animation:zyDocsBadgeFloat 4.4s ease-in-out infinite;
}
.zy-docs-hero h1{
  margin:22px 0 18px;
  font-size:clamp(3.6rem,6.8vw,6.5rem);
  line-height:.9;
  letter-spacing:-.05em;
  font-weight:900;
  color:#4f5ff4;
  text-shadow:0 16px 40px rgba(79,95,244,.12);
  background:linear-gradient(120deg,#2563eb 0%,#4f46e5 35%,#0ea5e9 70%,#2563eb 100%);
  background-size:200% 100%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:zyDocsTitleShift 7s linear infinite;
}
.zy-docs-hero p{
  margin:0 auto;
  max-width:980px;
  color:#64748b;
  font-size:1.14rem;
  line-height:1.95;
  font-weight:600;
}
.zy-docs-hero-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-top:30px;
}
.zy-docs-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:194px;
  height:56px;
  padding:0 28px;
  border-radius:18px;
  text-decoration:none;
  font-weight:800;
  font-size:1rem;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background-color .3s ease,color .3s ease;
}
.zy-docs-btn.primary{
  background:linear-gradient(135deg,#1354EE,#4f8fff);
  color:#fff;
  box-shadow:0 20px 42px rgba(37,99,235,.26);
}
.zy-docs-btn.secondary{
  background:#fff;
  color:#1e293b;
  border:1px solid rgba(203,213,225,.95);
  box-shadow:0 14px 32px rgba(148,163,184,.14);
}
.zy-docs-btn:hover{
  transform:translateY(-5px) scale(1.02);
}
.zy-docs-btn.primary:hover{
  box-shadow:0 26px 56px rgba(37,99,235,.3);
}
.zy-docs-btn.secondary:hover{
  box-shadow:0 22px 46px rgba(148,163,184,.18);
}
.zy-docs-shell{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:30px;
  margin-top:20px;
}
.zy-docs-sidebar{
  position:sticky;
  top:96px;
  height:max-content;
  animation:zyDocsFloatIn .8s cubic-bezier(.22,1,.36,1) .08s both;
}
.zy-docs-sidebar-card{
  padding:22px;
  border-radius:24px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 18px 36px rgba(148,163,184,.1);
  margin-bottom:18px;
}
.zy-docs-sidebar-title{
  margin-bottom:14px;
  font-size:1rem;
  font-weight:800;
  color:#0f172a;
}
.zy-docs-sidebar-card a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:14px;
  color:#475569;
  text-decoration:none;
  font-weight:600;
  position:relative;
  overflow:hidden;
  transition:background-color .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
.zy-docs-sidebar-card a::before{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(37,99,235,.35);
  transform:translateY(-50%) scale(.75);
  opacity:.7;
  transition:transform .24s ease,opacity .24s ease,background-color .24s ease;
}
.zy-docs-sidebar-card a:hover{
  background:rgba(59,130,246,.08);
  color:#1354EE;
  transform:translateX(4px);
  box-shadow:0 10px 22px rgba(59,130,246,.1);
}
.zy-docs-sidebar-card a:hover::before{
  transform:translateY(-50%) scale(1.15);
  opacity:1;
  background:#2563eb;
}
.zy-docs-side-note p{
  color:#64748b;
  line-height:1.8;
  font-size:.92rem;
}
.zy-docs-content{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.zy-docs-section{
  padding:34px;
  border-radius:30px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(226,232,240,.96);
  box-shadow:0 22px 50px rgba(148,163,184,.1);
  position:relative;
  overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  animation:zyDocsFloatIn .82s cubic-bezier(.22,1,.36,1) both;
}
.zy-docs-section::after{
  content:"";
  position:absolute;
  top:-28%;
  bottom:-28%;
  left:-32%;
  width:24%;
  background:linear-gradient(95deg,rgba(255,255,255,0),rgba(255,255,255,.66),rgba(255,255,255,0));
  transform:translateX(-140%) skewX(-18deg);
  pointer-events:none;
  opacity:0;
}
.zy-docs-content .zy-docs-section:nth-child(1){animation-delay:.12s;}
.zy-docs-content .zy-docs-section:nth-child(2){animation-delay:.18s;}
.zy-docs-content .zy-docs-section:nth-child(3){animation-delay:.24s;}
.zy-docs-content .zy-docs-section:nth-child(4){animation-delay:.3s;}
.zy-docs-content .zy-docs-section:nth-child(5){animation-delay:.36s;}
.zy-docs-content .zy-docs-section:nth-child(6){animation-delay:.42s;}
.zy-docs-content .zy-docs-section:nth-child(7){animation-delay:.48s;}
.zy-docs-content .zy-docs-section:nth-child(8){animation-delay:.54s;}
.zy-docs-content .zy-docs-section:nth-child(9){animation-delay:.6s;}
.zy-docs-content .zy-docs-section:nth-child(10){animation-delay:.66s;}
.zy-docs-content .zy-docs-section:nth-child(11){animation-delay:.72s;}
.zy-docs-content .zy-docs-section:nth-child(12){animation-delay:.78s;}
.zy-docs-content .zy-docs-section:nth-child(13){animation-delay:.84s;}
.zy-docs-section:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(148,163,184,.14);
  border-color:rgba(96,165,250,.34);
}
.zy-docs-section:hover::after{
  animation:zyDocsSectionSweep .95s ease both;
}
.zy-docs-section-head{
  margin-bottom:18px;
}
.zy-docs-section-head span{
  display:inline-block;
  margin-bottom:10px;
  color:#2563eb;
  font-size:13px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.zy-docs-section-head h2{
  margin:0;
  font-size:2.32rem;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
  color:#0f172a;
}
.zy-docs-section p,
.zy-docs-section li{
  color:#475569;
  line-height:1.9;
  font-size:1.02rem;
}
.zy-docs-section code{
  font-family:Consolas,"SFMono-Regular",Monaco,monospace;
}
.zy-docs-feature-grid,
.zy-docs-steps,
.zy-docs-grid2{
  display:grid;
  gap:16px;
  margin-top:18px;
}
.zy-docs-feature-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.zy-docs-steps{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.zy-docs-grid2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.zy-docs-feature-grid article,
.zy-docs-steps article,
.zy-docs-formula{
  padding:24px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(226,232,240,.95);
  box-shadow:0 14px 30px rgba(148,163,184,.08);
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.zy-docs-feature-grid article:hover,
.zy-docs-steps article:hover,
.zy-docs-formula:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 38px rgba(148,163,184,.12);
  border-color:rgba(96,165,250,.28);
}
.zy-docs-feature-grid h3,
.zy-docs-formula h3{
  margin:0 0 8px;
  color:#0f172a;
  font-size:1.08rem;
  font-weight:800;
}
.zy-docs-steps article b{
  display:block;
  margin-bottom:8px;
  color:#0f172a;
  font-size:1.08rem;
}
.zy-docs-list{
  margin:12px 0 0;
  padding-left:20px;
}
.zy-docs-inline-code{
  margin-top:16px;
  padding:18px 20px;
  border-radius:20px;
  background:#0f172a;
  color:#e2e8f0;
  font-family:Consolas,"SFMono-Regular",Monaco,monospace;
  line-height:1.8;
  overflow:auto;
  box-shadow:0 16px 34px rgba(15,23,42,.14);
}
.zy-docs-tip{
  margin-top:16px;
  padding:16px 18px;
  border-radius:18px;
  background:rgba(37,99,235,.07);
  border:1px solid rgba(96,165,250,.22);
  color:#334155;
  line-height:1.8;
}
.zy-docs-code-card{
  margin-top:16px;
  border-radius:26px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.06);
  box-shadow:0 18px 38px rgba(15,23,42,.1);
  background:#0f172a;
  position:relative;
  transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
}
.zy-docs-code-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#38bdf8,#4f46e5,#2563eb,#38bdf8);
  background-size:220% 100%;
  animation:zyDocsCodeBorderMove 4.6s linear infinite;
}
.zy-docs-code-card:hover{
  transform:translateY(-8px) scale(1.01);
  box-shadow:0 28px 60px rgba(15,23,42,.18);
  border-color:rgba(96,165,250,.22);
}
.zy-docs-code-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:58px;
  padding:0 20px;
  background:rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.zy-docs-code-head h3{
  margin:0;
  color:#fff;
  font-size:1rem;
  font-weight:800;
}
.zy-docs-code-card pre{
  margin:0;
  padding:22px 24px 24px;
  overflow:auto;
}
.zy-docs-code-card code{
  color:#e2e8f0;
  font-size:.95rem;
  line-height:1.9;
}
.zy-docs-table{
  width:100%;
  margin-top:16px;
  border-collapse:collapse;
  overflow:hidden;
}
.zy-docs-table th,
.zy-docs-table td{
  padding:14px 16px;
  text-align:left;
  border-bottom:1px solid rgba(226,232,240,.95);
}
.zy-docs-table th{
  font-size:.86rem;
  font-weight:800;
  color:#334155;
  background:#f8fbff;
}
.zy-docs-table td{
  font-size:.94rem;
  color:#475569;
  vertical-align:top;
}
.zy-docs-table tr:last-child td{
  border-bottom:none;
}
@media (max-width: 1080px){
  .zy-docs-shell{
    grid-template-columns:1fr;
  }
  .zy-docs-sidebar{
    position:relative;
    top:auto;
  }
}
@media (max-width: 860px){
  .zy-docs-feature-grid,
  .zy-docs-steps,
  .zy-docs-grid2{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .zy-docs{
    padding:30px 16px 60px;
  }
  .zy-docs-hero{
    padding:52px 0 36px;
  }
  .zy-docs-hero h1{
    font-size:3.6rem;
  }
  .zy-docs-hero p{
    font-size:1rem;
  }
  .zy-docs-btn{
    min-width:168px;
    height:50px;
    padding:0 20px;
  }
  .zy-docs-section{
    padding:24px 20px;
  }
  .zy-docs-table{
    display:block;
    overflow:auto;
  }
}
@media (prefers-reduced-motion: reduce){
  .zy-docs-hero::before,
  .zy-docs-hero-badge,
  .zy-docs-hero h1,
  .zy-docs-section,
  .zy-docs-code-card::before{
    animation:none!important;
  }
  .zy-docs-section:hover,
  .zy-docs-code-card:hover,
  .zy-docs-btn:hover{
    transform:none!important;
  }
}