:root{--ys-blue:#2563eb;--ys-cyan:#06b6d4;--ys-green:#10b981;--ys-ink:#0f172a;--ys-muted:#64748b;--ys-line:#e2e8f0;--ys-soft:#f8fafc;--ys-card:#ffffff;--ys-shadow:0 18px 50px rgba(15,23,42,.10)}*{box-sizing:border-box}body.ys-page{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ys-ink);background:linear-gradient(180deg,#f7fbff 0,#fff 42%,#f8fafc 100%);line-height:1.72}.ys-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.ys-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.8)}.ys-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ys-logo{display:flex;align-items:center;gap:10px;color:var(--ys-ink);font-weight:900;text-decoration:none;font-size:20px}.ys-logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--ys-blue),var(--ys-cyan));box-shadow:0 12px 28px rgba(37,99,235,.25)}.ys-links{display:flex;align-items:center;gap:22px;white-space:nowrap}.ys-links a{color:#334155;text-decoration:none;font-size:15px}.ys-links a:hover{color:var(--ys-blue)}.ys-actions{display:flex;align-items:center;gap:10px}.ys-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;border:1px solid var(--ys-line);background:#fff;color:var(--ys-ink);text-decoration:none;font-weight:700}.ys-btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--ys-blue),#0891b2);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.24)}.ys-hero{position:relative;overflow:hidden;padding:84px 0 58px;border-bottom:1px solid #e8eef6}.ys-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 24%,rgba(37,99,235,.14),transparent 32%),radial-gradient(circle at 84% 18%,rgba(16,185,129,.14),transparent 30%);pointer-events:none}.ys-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}.ys-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:800}.ys-hero h1{margin:18px 0 16px;font-size:46px;line-height:1.12;letter-spacing:0}.ys-lead{margin:0;color:#475569;font-size:18px;max-width:680px}.ys-hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.ys-point{padding:14px 16px;border:1px solid var(--ys-line);border-radius:8px;background:rgba(255,255,255,.76)}.ys-point strong{display:block;font-size:20px;color:var(--ys-blue)}.ys-visual{border:1px solid #dbeafe;border-radius:10px;background:linear-gradient(155deg,#fff,#eef8ff);padding:24px;box-shadow:var(--ys-shadow)}.ys-visual-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ys-chip-card{min-height:96px;padding:16px;border-radius:8px;background:#fff;border:1px solid var(--ys-line)}.ys-chip-card b{display:block;margin-bottom:5px}.ys-chip-card span{color:var(--ys-muted);font-size:13px}.ys-section{padding:64px 0}.ys-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.ys-section h2{margin:0;font-size:30px;line-height:1.25}.ys-section-desc{margin:8px 0 0;color:var(--ys-muted)}.ys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ys-grid.two{grid-template-columns:repeat(2,1fr)}.ys-card{border:1px solid var(--ys-line);border-radius:8px;background:var(--ys-card);padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.ys-card h3{margin:0 0 10px;font-size:20px}.ys-card p{margin:0;color:var(--ys-muted)}.ys-card .price{display:flex;align-items:baseline;gap:4px;margin:14px 0 16px;color:#ef4444}.ys-card .price strong{font-size:30px;line-height:1}.ys-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ys-tags span{padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:700}.ys-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.ys-step{position:relative;padding:22px;border:1px solid var(--ys-line);border-radius:8px;background:#fff}.ys-step em{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#eff6ff;color:var(--ys-blue);font-style:normal;font-weight:900}.ys-step h3{margin:12px 0 6px;font-size:18px}.ys-step p{margin:0;color:var(--ys-muted);font-size:14px}.ys-band{background:#0f172a;color:#fff;padding:54px 0}.ys-band .ys-section-head,.ys-band h2{color:#fff}.ys-band p{color:#cbd5e1}.ys-band .ys-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);box-shadow:none}.ys-band .ys-card h3{color:#fff}.ys-faq{display:grid;gap:12px}.ys-faq details{border:1px solid var(--ys-line);border-radius:8px;background:#fff;padding:18px 20px}.ys-faq summary{cursor:pointer;font-weight:800}.ys-faq p{margin:10px 0 0;color:var(--ys-muted)}.ys-cta{margin:40px 0 10px;padding:28px;border-radius:10px;background:linear-gradient(135deg,#1d4ed8,#0891b2);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.ys-cta h2{margin:0;font-size:26px}.ys-cta p{margin:6px 0 0;color:#dbeafe}.ys-footer{padding:34px 0;border-top:1px solid var(--ys-line);color:#64748b;background:#fff}.ys-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.ys-footer a{color:#334155;text-decoration:none;margin-left:16px}.ys-timeline{display:grid;gap:14px}.ys-timeline-item{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px;border:1px solid var(--ys-line);border-radius:8px;background:#fff}.ys-timeline-item b{color:var(--ys-blue)}@media (max-width:980px){.ys-nav{height:auto;padding:14px 0;align-items:flex-start}.ys-links{display:none}.ys-actions{margin-left:auto}.ys-hero{padding:58px 0 40px}.ys-hero-grid{grid-template-columns:1fr}.ys-hero h1{font-size:34px}.ys-hero-points,.ys-grid,.ys-grid.two,.ys-flow{grid-template-columns:1fr}.ys-section-head,.ys-cta,.ys-footer-inner{display:block}.ys-visual-row{grid-template-columns:1fr}.ys-cta .ys-btn{margin-top:16px}.ys-footer a{display:inline-block;margin:8px 12px 0 0}.ys-timeline-item{grid-template-columns:1fr}}

/* yuesu shared site header */
body.ys-page{padding-top:0!important}
#header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(226,232,240,.85);backdrop-filter:blur(14px)}
#header .header-inner{width:min(1180px,calc(100% - 32px));height:72px;margin:0 auto;display:flex;align-items:center;gap:22px;position:relative}
#header .logo{display:flex;align-items:center;gap:10px;color:#0f172a;text-decoration:none;font-size:20px;font-weight:900;white-space:nowrap}
#header .logo img{height:30px;width:auto;display:block}
#header nav{display:flex;align-items:center;gap:18px;flex:1;min-width:0;white-space:nowrap}
#header nav a{color:#334155;text-decoration:none;font-size:15px;font-weight:700;line-height:1}
#header nav a:hover,#header nav a.active{color:#2563eb}
#header nav .nav-cta{margin-left:auto;min-height:38px;padding:0 16px;border-radius:8px;background:#2563eb;color:#fff;display:inline-flex;align-items:center}
#header .header-right{display:none;align-items:center;gap:10px;white-space:nowrap}
#header .header-right a{color:#334155;text-decoration:none;font-size:14px;font-weight:700}
#header .header-right .btn-reg{min-height:32px;padding:0 10px;border-radius:8px;background:#2563eb;color:#fff;display:inline-flex;align-items:center}
#header .mobile-menu-toggle,#header .mobile-menu-panel{display:none}
.ys-topbar{display:none!important}
@media (max-width:1200px){#header nav{gap:12px}#header nav a{font-size:14px}}
@media (max-width:768px){
  #header .header-inner{height:58px;width:calc(100% - 24px);gap:10px}
  #header .logo{font-size:17px;min-width:0;overflow:hidden}
  #header .logo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #header nav{display:none}
  #header .header-right{display:flex;margin-left:auto;gap:8px;align-items:center}
  #header .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 10px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}
  #header .mobile-menu-panel{display:none;position:absolute;left:0;right:0;top:58px;z-index:1001;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid #dbeafe;border-radius:10px;background:rgba(255,255,255,.98);box-shadow:0 18px 44px rgba(15,23,42,.14);backdrop-filter:blur(12px)}
  #header .mobile-menu-panel.open{display:grid}
  #header .mobile-menu-panel a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:0 8px;border-radius:8px;background:#f8fafc;color:#0f172a;text-decoration:none;font-size:13px;font-weight:700}
  #header .header-right .divider{margin:0;color:#cbd5e1}
}
/* yuesu homepage header sync 20260711 */
#header{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;height:88px!important;padding:14px 0!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 8px 26px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#1a1a2e!important;font-size:14px!important}
#header .header-inner{display:flex!important;align-items:center!important;width:1200px!important;max-width:calc(100% - 32px)!important;height:60px!important;margin:0 auto!important;padding:0 20px!important;position:static!important;gap:normal!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;color:#1a1a2e!important;font-size:14px!important}
#header .logo{display:flex!important;align-items:center!important;gap:10px!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;font-size:20px!important;font-weight:700!important;color:#1a1a2e!important}
#header .logo img{display:block!important;height:30px!important;width:auto!important}
#header .logo span{display:none!important}
#header nav{display:flex!important;gap:2px!important;margin:0 0 0 40px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#1a1a2e!important;font-size:14px!important}
#header nav a{display:block!important;font-size:13px!important;font-weight:700!important;padding:8px 14px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#334155!important;box-shadow:none!important;text-decoration:none!important;line-height:1.6!important}
#header nav a.active,#header nav a:hover{color:#667eea!important;background:rgba(102,126,234,.08)!important}
#header .header-right{display:none!important}
@media (min-width:769px){
  #header .header-right{display:none!important}
  #header .mobile-menu-toggle,#header .mobile-menu-panel{display:none!important}
}
@media (max-width:768px){
  #header{height:60px!important;padding:8px 0!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 8px 26px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important}
  #header .header-inner{width:100%!important;max-width:100%!important;height:44px!important;padding:0 12px!important;position:static!important;gap:normal!important;background:transparent!important;border:0!important;box-shadow:none!important}
  #header nav{display:none!important}
  #header .header-right{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important}
  #header .header-right .divider{display:none!important}
  #header .header-right a[href="/login"].btn-reg,#header .header-right a[href="/register"].btn-reg{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:32px!important;min-height:32px!important;padding:0 10px!important;border:1px solid #2563eb!important;border-radius:8px!important;background:#2563eb!important;color:#fff!important;box-shadow:0 6px 16px rgba(37,99,235,.22)!important;font-size:13px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important}
}
/* /yuesu homepage header sync 20260711 */
/* yuesu final nav background fix 20260711 */
body #header{position:sticky!important;top:0!important;left:0!important;right:0!important;z-index:1000!important;height:88px!important;padding:14px 0!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 8px 26px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;color:#1a1a2e!important;font-size:14px!important}
body #header nav a:not(.nav-cta){color:#334155!important;font-weight:700!important}
@media (max-width:768px){body #header{height:60px!important;padding:8px 0!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #e2e8f0!important;box-shadow:0 8px 26px rgba(15,23,42,.08)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}}

/* yuesu nav cta restore 20260712 */
body #header nav a.nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:#fff!important;border-radius:8px!important;padding:8px 16px!important;font-weight:700!important;box-shadow:0 10px 24px rgba(102,126,234,.26)!important;text-decoration:none!important}
body #header nav a.nav-cta:hover{color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 14px 28px rgba(102,126,234,.34)!important}