*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a2e;background:#fff;line-height:1.7}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}

/* Header */
.header{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #eee;z-index:100;height:70px}
.nav{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo{display:flex;align-items:center;gap:12px}
.logo img{height:40px}
.logo-text{font-size:18px;font-weight:700;letter-spacing:1px;line-height:1.1}
.logo-text span{color:#e63946;font-size:11px;font-weight:500;display:block;letter-spacing:2px}
.nav-menu{display:flex;gap:28px;list-style:none}
.nav-menu a{font-size:15px;font-weight:500;transition:color .2s}
.nav-menu a:hover{color:#e63946}
.nav-cta{background:#e63946;color:#fff!important;padding:9px 20px;border-radius:22px;font-size:14px;font-weight:500;transition:all .2s}
.nav-cta:hover{background:#d62839}
@media(max-width:920px){.nav-menu{display:none}}

/* Section title (yhcangchu .cn/.en signature) */
.sec-title{text-align:center;margin-bottom:50px}
.sec-title .cn{font-size:36px;font-weight:700;color:#1a1a2e;line-height:1.3}
.sec-title .en{font-size:13px;color:#cbd5e1;letter-spacing:4px;text-transform:uppercase;margin-top:8px;font-weight:600}
.sec-title .sub{color:#64748b;font-size:16px;max-width:720px;margin:16px auto 0}
.sec-title.light .cn{color:#fff}
.sec-title.light .sub{color:#94a3b8}

.section{padding:90px 0}
.section.alt{background:#f8fafc}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}

/* Buttons */
.btn-primary{background:#e63946;color:#fff;padding:14px 32px;border-radius:28px;font-weight:500;transition:all .2s;display:inline-block}
.btn-primary:hover{background:#d62839;transform:translateY(-2px);box-shadow:0 10px 24px rgba(230,57,70,.3)}
.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff;padding:14px 32px;border-radius:28px;font-weight:500;transition:all .2s;display:inline-block}
.btn-outline:hover{background:rgba(255,255,255,.12)}

/* Generic footer */
.footer{background:#12121e;color:#94a3b8;padding:46px 0 26px;font-size:14px}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand{font-size:20px;font-weight:700;color:#fff;letter-spacing:1px}
.footer-brand span{color:#e63946;font-size:12px;display:block;letter-spacing:2px;font-weight:500}
.footer-links{display:flex;gap:20px;flex-wrap:wrap}
.footer-links a:hover{color:#fff}
.footer-bottom{padding-top:22px;text-align:center;color:#64748b;font-size:13px}
