:root{--bg:#f8f7f4;--panel:#ffffff;--ink:#111318;--muted:#686d78;--line:#e8e4dc;--soft:#f1eee8;--gold:#b89b5e;--deep:#202733;--radius:28px;--shadow:0 24px 80px rgba(17,19,24,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;line-height:1.78}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(248,247,244,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,228,220,.8)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.05em}.logo-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#111318,#b89b5e);box-shadow:0 12px 30px rgba(32,39,51,.18)}.nav-links{display:flex;gap:26px;color:#343842;font-size:15px}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--ink);transition:.25s}.nav-links a:hover:after{width:100%}.menu-btn{display:none;border:0;background:transparent;font-size:24px}.search-row{padding:0 0 18px}.search-box{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 10px 40px rgba(17,19,24,.04)}.search-box input{flex:1;border:0;outline:0;background:transparent;color:var(--ink)}.search-box button,.btn{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:12px 22px;cursor:pointer;transition:.25s}.search-box button:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(17,19,24,.16)}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero{min-height:calc(100vh - 76px);display:grid;align-items:center;padding:86px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:13px}.eyebrow:before{content:"";width:38px;height:1px;background:var(--gold)}h1{font-size:clamp(42px,7vw,88px);line-height:1.05;margin:18px 0 24px;letter-spacing:-.06em}.lead{font-size:clamp(17px,2vw,22px);color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.hero-card{position:relative;border-radius:40px;overflow:hidden;background:#fff;box-shadow:var(--shadow);padding:14px}.hero-card img{border-radius:30px;aspect-ratio:4/5;object-fit:cover}.float-note{position:absolute;left:34px;right:34px;bottom:34px;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:20px}.float-note strong{display:block;font-size:22px}.section{padding:94px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section h2{font-size:clamp(30px,4vw,54px);line-height:1.12;margin:10px 0;letter-spacing:-.04em}.section-desc{color:var(--muted);max-width:580px}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 16px 50px rgba(17,19,24,.04);transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card .num{font-size:42px;font-weight:800;letter-spacing:-.05em}.tag{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--muted);font-size:13px;margin:4px 6px 0 0;background:#fff}.video-card{position:relative;overflow:hidden;padding:0}.video-card figure{margin:0;position:relative}.video-card img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.92);transition:.35s}.play{position:absolute;inset:0;display:grid;place-items:center;background:rgba(17,19,24,.1);opacity:0;transition:.25s}.play span{width:66px;height:66px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:var(--ink);font-weight:900;box-shadow:0 16px 38px rgba(0,0,0,.16)}.video-card:hover .play{opacity:1}.video-card:hover img{transform:scale(1.04)}.video-meta{padding:22px}.video-meta h3{margin:0 0 8px;font-size:22px}.metrics{display:flex;gap:14px;color:var(--muted);font-size:13px;flex-wrap:wrap}.strip{background:var(--deep);color:#fff;border-radius:42px;padding:44px}.strip .grid{align-items:center}.strip p{color:rgba(255,255,255,.68)}.quote{font-size:18px;color:#323741}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-q{width:100%;background:transparent;border:0;text-align:left;display:flex;justify-content:space-between;gap:20px;font-weight:750;font-size:18px;cursor:pointer;color:var(--ink);padding:0}.faq-a{display:none;color:var(--muted);padding-top:10px}.faq-item.open .faq-a{display:block}.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:#fff;padding:14px 16px;outline:0}.form textarea{min-height:150px;resize:vertical}.footer{padding:54px 0;background:#111318;color:#fff}.footer p,.footer a{color:rgba(255,255,255,.68)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.page-hero{padding:90px 0 46px}.breadcrumb{color:var(--muted);font-size:14px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);background:#111318;color:#fff;border-radius:999px;padding:12px 18px;box-shadow:var(--shadow);display:none;z-index:40}.fade-up{opacity:0;transform:translateY(16px);animation:rise .7s ease forwards}@keyframes rise{to{opacity:1;transform:none}}@media(max-width:900px){.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px;flex-direction:column}.nav-links.show{display:flex}.menu-btn{display:block}.hero-grid,.contact{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr 1fr}.section-head{display:block}.footer-grid{grid-template-columns:1fr 1fr}.hero{padding:54px 0}.section{padding:62px 0}}@media(max-width:560px){.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.wrap{width:min(100% - 24px,1180px)}.hero-actions{display:grid}.hero-card{border-radius:28px}.strip{border-radius:28px;padding:28px}.card{padding:22px}}
