/* 官网专用样式，与小程序和 API 完全独立。 */
:root { --c-primary:#dba51f; --c-primary-dark:#a77819; --c-primary-light:#f8efd9; --c-bg:#faf9f5; --c-text:#30352c; --c-text2:#7c8175; --c-border:#e8e7dd; }
.nav { padding:20px max(5%,calc((100vw - 1280px)/2)); background:rgba(250,249,245,.9); border-bottom:1px solid #e8e7dd; backdrop-filter:blur(18px); gap:24px; }
.nav-logo { font-size:21px; letter-spacing:-.6px; white-space:nowrap; }
.nav-login { border-radius:9px; padding:11px 22px; background:#303d2d; white-space:nowrap; }
.landing-nav-links { display:flex; gap:32px; margin-left:auto; margin-right:22px; }
.landing-nav-links a { color:#71786a; text-decoration:none; font-size:13px; }
.landing-nav-links a:hover { color:#a77819; }
.hero { min-height:820px; padding:140px 6% 100px; }
.hero-inner { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr); gap:80px; max-width:1200px; }
.hero-left { min-width:0; }
.hero-badge { border:1px solid #e7d8b1; background:transparent; padding:8px 13px; margin-bottom:26px; font-size:12px; }
.hero-title { font-size:clamp(34px,3.6vw,54px); line-height:1.35; letter-spacing:-1.7px; font-weight:750; text-wrap:balance; }
.hero-title .accent { display:block; color:#b8871b; }
.hero-desc { max-width:520px; font-size:15px; line-height:2; margin-top:22px; margin-bottom:30px; }
.btn-primary { border-radius:10px; padding:15px 25px; font-size:14px; color:#302a19; }
.btn-secondary { border-radius:10px; padding:14px 23px; font-size:14px; }
.hero-stats { gap:0; margin-top:40px; padding-top:24px; border-top:1px solid #e4e3d7; }
.hero-stats > div { flex:1; padding-left:25px; border-left:1px solid #e4e3d7; }
.hero-stats > div:first-child { padding-left:0; border:0; }
.hero-stat-num { font-size:27px; color:#4d5842; font-weight:650; }
.hero-stat-label { font-size:12px; margin-top:7px; }
.hero-right { justify-self:center; padding:18px 20px 54px; }
.hero-right::before { content:''; position:absolute; inset:55px -38px 20px; border-radius:160px 160px 40px 40px; background:#eaeedc; border:1px solid #dce2cc; transform:rotate(-5deg); }
.hero-right > .phone { width:270px; box-shadow:0 25px 60px #34422a26; padding:9px; border-radius:37px; }
.hero-right .phone-screen { border-radius:29px; }
.phone-tabs { width:max-content; max-width:calc(100vw - 40px); bottom:0; border:1px solid #e8e7dd; border-radius:13px; gap:3px; padding:5px; }
.phone-tab { flex-shrink:0; white-space:nowrap; padding:10px 13px; border-radius:9px; font-size:12px; }
.float-card { border-radius:12px; padding:13px 16px; font-size:12px; animation:none; box-shadow:0 8px 24px #34422a12; }
.float-card-1 { right:-28px; top:20%; }
.float-card-2 { left:-35px; bottom:23%; }
.section { padding-top:90px; padding-bottom:90px; }
.section-title h2 { font-size:32px; color:#303d2d; }
.section-title p { line-height:1.8; font-size:14px; }
.feature-grid { gap:20px; }
.feature-card { border:1px solid #e8e7dd; border-radius:18px; padding:30px; }
.feature-card:hover { border-color:#cbb574; transform:translateY(-3px); }
.feature-icon { background:#f5f1e5; border-radius:14px; }
.feature-desc { line-height:1.9; }
.showcase { background:#f0f2e9; }
.cta-inner { background:#34422e; border-radius:24px; }
.cta-btn { border-radius:10px; background:#efbd4e; color:#342c18; font-size:15px; }
.footer { background:#faf9f5; }
a:focus-visible,button:focus-visible { outline:3px solid #b8871b; outline-offset:5px; }
section[id] { scroll-margin-top:95px; }
@media(max-width:960px) { .hero { padding-top:130px; min-height:auto; } .hero-inner { grid-template-columns:1fr; gap:50px; text-align:center; } .hero-left { order:0; } .hero-right { order:1; } .hero-title { max-width:650px; margin-left:auto; margin-right:auto; } .hero-desc { margin-left:auto; margin-right:auto; } .hero-stats { max-width:450px; margin-left:auto; margin-right:auto; } .hero-actions { justify-content:center; } .landing-nav-links { gap:20px; margin-right:0; } }
@media(max-width:600px) { .nav { padding:16px 20px; gap:12px; } .nav-logo { font-size:17px; } .nav-login { font-size:12px; padding:9px 13px; } .landing-nav-links { display:none; } .hero { padding:115px 24px 65px; } .hero-title { font-size:34px; letter-spacing:-1px; } .hero-badge { font-size:11px; } .hero-actions { gap:10px; flex-wrap:wrap; } .hero-right::before { inset:55px -5px 20px; } .section-title h2 { font-size:27px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } .reveal { opacity:1; transform:none; } }