:root{
  --navy:#071a33;
  --navy2:#0c2549;
  --gold:#d8b867;
  --gold2:#b88b2e;
  --cream:#fbf6ea;
  --text:#1f2937;
  --muted:#687286;
  --white:#ffffff;
  --shadow:0 22px 60px rgba(7,26,51,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Arial,"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;
  color:var(--text);
  background:#fff;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{
  background:#051426;color:#dfe7f5;font-size:14px;padding:9px 0;
}
.topbar .container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.header{
  position:sticky;top:0;z-index:50;background:rgba(7,26,51,.96);
  border-bottom:1px solid rgba(216,184,103,.22);backdrop-filter:blur(10px);
}
.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand img{height:56px;width:auto}
.nav{display:flex;align-items:center;gap:26px;color:#fff;font-weight:600}
.nav a{opacity:.92}
.nav a:hover,.nav a.active{color:var(--gold)}
.header-cta{background:linear-gradient(135deg,var(--gold),#f2d28a);color:#06152b;padding:12px 20px;border-radius:999px;font-weight:700}
.mobile-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.24);color:#fff;padding:9px 12px;border-radius:8px}

.hero{
  min-height:790px;
  background:linear-gradient(90deg,rgba(7,26,51,.92),rgba(7,26,51,.72),rgba(7,26,51,.36)),url('../images/hero-home.jpg') center/cover no-repeat;
  color:#fff;display:flex;align-items:center;position:relative;overflow:hidden
}
.hero:after{
  content:"";position:absolute;right:-120px;bottom:-120px;width:360px;height:360px;border:1px solid rgba(216,184,103,.32);border-radius:50%
}
.kicker{color:var(--gold);letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.14;margin:0 0 22px;max-width:850px}
.hero p{font-size:clamp(18px,2vw,25px);line-height:1.8;max-width:760px;color:#edf4ff;margin:0 0 30px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:15px 24px;border-radius:999px;font-weight:800;transition:.25s;
}
.btn-primary{background:linear-gradient(135deg,var(--gold),#f4d589);color:#06152b;box-shadow:0 18px 36px rgba(216,184,103,.24)}
.btn-secondary{border:1px solid rgba(255,255,255,.38);color:#fff;background:rgba(255,255,255,.07)}
.btn:hover{transform:translateY(-2px)}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:18px;margin-top:54px;max-width:700px}
.stat{background:rgba(255,255,255,.1);border:1px solid rgba(216,184,103,.28);padding:20px;border-radius:18px;backdrop-filter:blur(8px)}
.stat strong{font-size:28px;color:var(--gold);display:block}
.stat span{font-size:14px;color:#dfe7f5}

.section{padding:92px 0}
.section.soft{background:linear-gradient(180deg,#fff,var(--cream))}
.section.dark{background:var(--navy);color:#fff}
.section-head{max-width:760px;margin-bottom:42px}
.eyebrow{color:var(--gold2);font-weight:900;letter-spacing:.12em;margin-bottom:10px}
.section h2{font-size:clamp(31px,4vw,48px);line-height:1.2;margin:0 0 16px;color:inherit}
.section-head p{font-size:18px;line-height:1.8;color:var(--muted)}
.dark .section-head p{color:#dce6f5}

.grid{display:grid;gap:26px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{
  background:#fff;border:1px solid #edf0f5;border-radius:22px;padding:28px;box-shadow:0 10px 34px rgba(7,26,51,.07);
  transition:.25s;position:relative;overflow:hidden
}
.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--gold),transparent)}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card h3{font-size:22px;margin:0 0 12px;color:var(--navy)}
.card p{color:var(--muted);line-height:1.8;margin:0}
.icon{
  width:52px;height:52px;border-radius:16px;background:rgba(216,184,103,.15);color:var(--gold2);
  display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px
}
.image-card{padding:0;overflow:hidden}
.image-card img{height:240px;width:100%;object-fit:cover}
.image-card .content{padding:26px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.photo-frame{position:relative}
.photo-frame img{border-radius:28px;box-shadow:var(--shadow)}
.photo-frame:before{content:"";position:absolute;inset:24px -24px -24px 24px;border:2px solid var(--gold);border-radius:28px;z-index:-1}
.highlight-box{background:#fff;border-radius:24px;padding:30px;box-shadow:var(--shadow);border-left:5px solid var(--gold);margin-top:24px}
.list{padding:0;margin:24px 0 0;list-style:none}
.list li{padding:12px 0 12px 34px;position:relative;border-bottom:1px solid rgba(104,114,134,.14);line-height:1.7}
.list li:before{content:"✓";position:absolute;left:0;color:var(--gold2);font-weight:900}

.career{
  background:linear-gradient(135deg,rgba(7,26,51,.96),rgba(12,37,73,.92)),url('../images/career-team.jpg') center/cover;
  color:#fff;border-radius:34px;padding:56px;box-shadow:var(--shadow)
}
.career p{color:#e8eef7;line-height:1.8;font-size:18px}
.career .card{background:rgba(255,255,255,.09);border-color:rgba(216,184,103,.24);box-shadow:none}
.career .card h3{color:#fff}.career .card p{color:#dfe7f5}

.trainer-box{background:var(--cream);border-radius:34px;padding:42px}
.trainer-name{font-size:34px;color:var(--navy);margin:0}
.tag{display:inline-block;background:rgba(216,184,103,.18);color:#8b671b;padding:8px 14px;border-radius:999px;font-weight:800;margin:12px 0}

.page-hero{
  background:linear-gradient(90deg,rgba(7,26,51,.92),rgba(7,26,51,.62)),url('../images/about-team.jpg') center/cover;
  color:#fff;padding:120px 0
}
.page-hero h1{font-size:clamp(40px,5vw,64px);margin:0 0 16px}
.page-hero p{font-size:20px;line-height:1.8;max-width:780px;color:#e6edf8}

.form{
  display:grid;gap:16px;background:#fff;padding:34px;border-radius:26px;box-shadow:var(--shadow)
}
.form input,.form textarea{
  width:100%;padding:15px 16px;border:1px solid #dce1ea;border-radius:14px;font-size:16px;font-family:inherit
}
.form textarea{min-height:140px}
.form button{border:none;cursor:pointer}
.contact-panel{background:var(--navy);color:#fff;border-radius:26px;padding:34px}
.contact-panel p{color:#e3eaf5;line-height:1.8}
.qr{width:190px;border-radius:18px;padding:10px;background:#fff;margin-top:20px}

.footer{background:#041122;color:#cbd5e1;padding:54px 0 26px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;margin-bottom:28px}
.footer h3,.footer h4{color:#fff;margin-top:0}
.footer a{display:block;margin:10px 0;color:#cbd5e1}
.disclaimer{font-size:13px;color:#9aa7b8;line-height:1.7;border-top:1px solid rgba(255,255,255,.1);padding-top:22px}

.float-wechat{
  position:fixed;right:20px;bottom:22px;z-index:80;background:#19b36b;color:#fff;border:none;border-radius:999px;
  padding:14px 18px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.22);cursor:pointer
}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
.modal.active{display:flex}
.modal-card{background:#fff;border-radius:24px;padding:28px;max-width:360px;text-align:center;position:relative}
.modal-card img{width:230px;margin:15px auto;border-radius:16px}
.close{position:absolute;right:14px;top:12px;background:none;border:none;font-size:28px;cursor:pointer}

.presentation-card{
  background:linear-gradient(135deg,#fbf6ea,#fff);border:1px solid rgba(216,184,103,.28);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)
}
.presentation-card img{height:310px;width:100%;object-fit:cover}
.presentation-card .content{padding:30px}
.badge{display:inline-block;background:var(--navy);color:var(--gold);padding:7px 12px;border-radius:999px;font-size:13px;font-weight:900;margin-bottom:12px}

@media(max-width:900px){
  .mobile-toggle{display:block}
  .nav{display:none;position:absolute;left:0;right:0;top:82px;background:var(--navy);padding:22px;flex-direction:column;align-items:flex-start}
  .nav.open{display:flex}
  .header-cta{display:none}
  .hero{min-height:680px}
  .hero-stats,.grid-3,.grid-4,.grid-2,.split,.footer-grid{grid-template-columns:1fr}
  .career{padding:34px 22px}
  .section{padding:68px 0}
}


/* Lily Chen final premium header/logo update */
.header, header, .site-header {
    background: #071a33 !important;
    border-bottom: 1px solid rgba(216,184,103,.35) !important;
}
.header-inner, .navbar, .nav-wrapper {
    min-height: 120px !important;
}
.brand img, .logo img, header img[src*="logo"] {
    height: 105px !important;
    width: auto !important;
    max-width: 460px !important;
    object-fit: contain !important;
}
.brand, .logo, .site-logo {
    display: flex !important;
    align-items: center !important;
}
nav a, .nav a, .navbar a {
    color: #ffffff !important;
}
nav a:hover, .nav a:hover, .navbar a:hover,
nav a.active, .nav a.active {
    color: #d8b867 !important;
}
.topbar, .top-bar {
    background: #061426 !important;
    color: #ffffff !important;
}
.topbar span, .topbar a, .top-bar span, .top-bar a {
    color: #ffffff !important;
}
.hero h1 {
    color: #ffffff !important;
    text-shadow: 0 4px 14px rgba(0,0,0,.45) !important;
}
.hero p {
    color: #f4f6fb !important;
    text-shadow: 0 3px 10px rgba(0,0,0,.35) !important;
}
@media(max-width: 900px){
    .header-inner, .navbar, .nav-wrapper {
        min-height: 88px !important;
    }
    .brand img, .logo img, header img[src*="logo"] {
        height: 70px !important;
        max-width: 300px !important;
    }
}
.brand-text{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.brand-subtitle{
    color:#d8b867;
    font-size:16px;
    font-weight:600;
    letter-spacing:2px;
    margin-top:-8px;
    text-align:center;
}
/* Final Lily Chen / SkyOnWealth updates */
.header, header.header{background:#071a33!important;border-bottom:1px solid rgba(216,184,103,.35)!important;}
.header-inner{min-height:118px!important;}
.brand img{height:104px!important;width:auto!important;max-width:470px!important;object-fit:contain!important;}
.nav a{color:#fff!important;}
.nav a:hover,.nav a.active{color:#d8b867!important;}
.notice{background:#fff8e6;border:1px solid rgba(216,184,103,.38);padding:16px 20px;border-radius:16px;color:#604b18;line-height:1.7}
@media(max-width:900px){.header-inner{min-height:88px!important}.brand img{height:70px!important;max-width:310px!important}}