:root{--hb-bg:#f7f5f2;--hb-bg-2:#ffffff;--hb-ink:#1a1614;--hb-ink-2:#4a4340;--hb-ink-3:#857c78;--hb-line:#e5e0da;--hb-red:#d94028;--hb-red-dk:#b02f1c;--hb-red-lt:#ff5a3e;--hb-amber:#f0a020;--hb-dark:#2a2422;--hb-grad:linear-gradient(135deg,#d94028 0%,#b02f1c 100%);--hb-soft:radial-gradient(1000px 550px at 78% -10%,rgba(217,64,40,.14),transparent 60%);--hb-shadow:0 18px 44px -16px rgba(176,47,28,.35);--hb-rad:12px;--hb-rad-sm:8px;--hb-wide:1180px;--hb-type:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--hb-bg);color:var(--hb-ink);font-family:var(--hb-type);line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hb-wrap{max-width:var(--hb-wide);margin:0 auto;padding:0 24px}.hb-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--hb-line)}.hb-top-row{max-width:var(--hb-wide);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:24px}.hb-brand{display:flex;align-items:center;gap:10px;font-weight:800}.hb-brand-ic{width:30px;height:30px}.hb-brand-tx{font-size:16px;color:var(--hb-red);letter-spacing:.02em}.hb-nav{display:flex;gap:4px;margin-left:auto}.hb-nav a{padding:8px 14px;border-radius:var(--hb-rad-sm);font-size:14px;color:var(--hb-ink-2);transition:.2s}.hb-nav a:hover{color:var(--hb-ink);background:var(--hb-line)}.hb-nav a.hb-here{color:var(--hb-red);background:rgba(217,64,40,.08)}.hb-cta{padding:10px 20px;border-radius:var(--hb-rad-sm);font-size:13px;font-weight:700;background:var(--hb-grad);color:#fff;box-shadow:0 6px 16px -6px rgba(217,64,40,.5)}.hb-cta:hover{filter:brightness(1.08)}.hb-mnu{display:none;flex-direction:column;gap:5px;background:0;border:0;cursor:pointer;padding:6px;margin-left:auto}.hb-mnu span{width:24px;height:2px;background:var(--hb-ink);border-radius:2px}.hb-panel{position:fixed;inset:0 0 0 auto;width:78%;max-width:320px;background:var(--hb-bg-2);border-left:1px solid var(--hb-line);z-index:60;transform:translateX(100%);transition:transform .28s;padding:24px}.hb-panel.hb-show{transform:translateX(0)}.hb-panel a{display:block;padding:14px 6px;color:var(--hb-ink-2);border-bottom:1px solid var(--hb-line)}.hb-panel-x{background:0;border:0;color:var(--hb-ink);font-size:26px;float:right;cursor:pointer}.hb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:55;opacity:0;transition:.28s}.hb-overlay.hb-show{opacity:1}.hb-crumb{border-bottom:1px solid var(--hb-line);background:var(--hb-bg-2)}.hb-crumb-row{max-width:var(--hb-wide);margin:0 auto;padding:12px 24px;font-size:13px;color:var(--hb-ink-3)}.hb-crumb-row a{color:var(--hb-ink-2)}.hb-crumb-row a:hover{color:var(--hb-red)}.hb-crumb-row .hb-slash{margin:0 9px;color:var(--hb-line)}.hb-hero{position:relative;background:var(--hb-soft),var(--hb-bg-2);padding:78px 0 60px;border-bottom:1px solid var(--hb-line)}.hb-hero-in{max-width:var(--hb-wide);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.hb-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;margin-bottom:22px;background:rgba(217,64,40,.1);border:1px solid rgba(217,64,40,.25);border-radius:999px;font-size:12px;letter-spacing:.14em;color:var(--hb-red);font-weight:700}.hb-headline{font-size:clamp(32px,5vw,52px);line-height:1.12;font-weight:900;letter-spacing:-.02em;margin-bottom:20px;color:var(--hb-ink)}.hb-headline .hb-hi{color:var(--hb-red)}.hb-lead{font-size:clamp(15px,2vw,18px);color:var(--hb-ink-2);margin-bottom:30px;max-width:560px}.hb-lead strong{color:var(--hb-ink)}.hb-cta-row{display:flex;gap:14px;flex-wrap:wrap}.hb-btn{padding:14px 28px;border-radius:var(--hb-rad-sm);font-weight:800;font-size:15px;background:var(--hb-grad);color:#fff;box-shadow:var(--hb-shadow);transition:transform .2s,filter .2s}.hb-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.hb-btn-alt{padding:14px 26px;border-radius:var(--hb-rad-sm);font-weight:700;font-size:15px;border:1px solid var(--hb-line);color:var(--hb-ink);background:var(--hb-bg-2)}.hb-btn-alt:hover{border-color:var(--hb-red);color:var(--hb-red)}.hb-hero-vis{position:relative;aspect-ratio:1/.72;border-radius:var(--hb-rad);overflow:hidden;background:var(--hb-dark);box-shadow:var(--hb-shadow)}.hb-hero-vis svg{width:100%;height:100%;display:block}.hb-band{padding:72px 0}.hb-band.hb-white{background:var(--hb-bg-2)}.hb-band-head{margin-bottom:42px}.hb-band-eyebrow{font-size:12px;letter-spacing:.16em;color:var(--hb-red);font-weight:700;margin-bottom:10px;text-transform:uppercase}.hb-band-h2{font-size:clamp(24px,3.5vw,36px);font-weight:800;letter-spacing:-.01em;color:var(--hb-ink)}.hb-band-h2 em{font-style:normal;color:var(--hb-red)}.hb-dl-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hb-dl-item{position:relative;padding:26px 22px;border-radius:var(--hb-rad);background:var(--hb-bg-2);border:1px solid var(--hb-line);transition:.22s;overflow:hidden}.hb-dl-item::after{content:"";position:absolute;bottom:0;left:0;width:30%;height:3px;background:var(--hb-grad);transition:width .3s}.hb-dl-item:hover{transform:translateY(-3px);border-color:var(--hb-red);box-shadow:var(--hb-shadow)}.hb-dl-item:hover::after{width:100%}.hb-dl-sys{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.hb-dl-sys b{font-size:17px;color:var(--hb-ink)}.hb-dl-sys span{font-size:11px;color:var(--hb-ink-3);border:1px solid var(--hb-line);padding:3px 8px;border-radius:4px}.hb-dl-name{color:var(--hb-ink-2);font-size:14px;margin-bottom:5px}.hb-dl-info{color:var(--hb-ink-3);font-size:13px;margin-bottom:20px}.hb-dl-link{display:flex;justify-content:space-between;align-items:center;color:var(--hb-red);font-weight:700;font-size:14px}.hb-dl-link .hb-dl-ic{width:30px;height:30px;border-radius:6px;background:var(--hb-grad);color:#fff;display:grid;place-items:center}.hb-feat-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hb-feat-card{padding:26px 22px;border-radius:var(--hb-rad);background:var(--hb-bg-2);border:1px solid var(--hb-line)}.hb-feat-card:hover{border-color:var(--hb-red-lt)}.hb-feat-icn{width:46px;height:46px;border-radius:10px;background:rgba(217,64,40,.1);display:grid;place-items:center;font-size:22px;margin-bottom:15px}.hb-feat-card h3{font-size:17px;margin-bottom:8px;color:var(--hb-ink)}.hb-feat-card p{color:var(--hb-ink-2);font-size:14px}.hb-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.hb-step{padding:22px 18px;border-radius:var(--hb-rad-sm);background:var(--hb-bg-2);border:1px solid var(--hb-line);position:relative}.hb-step-badge{display:inline-block;padding:3px 10px;background:var(--hb-red);color:#fff;border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:12px}.hb-step h3{font-size:15px;margin-bottom:7px;color:var(--hb-ink)}.hb-step p{color:var(--hb-ink-2);font-size:13px}.hb-step code{background:var(--hb-line);padding:1px 6px;border-radius:4px;color:var(--hb-red-dk);font-size:12px}.hb-subhead{background:var(--hb-soft),var(--hb-bg-2);padding:60px 0 40px;border-bottom:1px solid var(--hb-line)}.hb-subhead h1{font-size:clamp(28px,4.2vw,42px);font-weight:900;margin-bottom:14px;color:var(--hb-ink)}.hb-subhead h1 em{font-style:normal;color:var(--hb-red)}.hb-subhead .hb-tagline{color:var(--hb-ink-2);max-width:660px;font-size:16px;margin-bottom:24px}.hb-prose{max-width:820px}.hb-prose h2{font-size:24px;margin:38px 0 14px;font-weight:800;color:var(--hb-ink)}.hb-prose h2:first-child{margin-top:0}.hb-prose h3{font-size:18px;margin:24px 0 10px;color:var(--hb-red)}.hb-prose p{color:var(--hb-ink-2);margin-bottom:14px;font-size:15px}.hb-prose ul{color:var(--hb-ink-2);margin:0 0 16px 22px}.hb-prose li{margin-bottom:8px;font-size:15px}.hb-prose strong{color:var(--hb-ink)}.hb-prose a{color:var(--hb-red);text-decoration:underline;text-underline-offset:3px}.hb-prose code{background:var(--hb-line);padding:1px 7px;border-radius:4px;color:var(--hb-red-dk);font-size:13px}.hb-faq{max-width:820px}.hb-faq-item{border:1px solid var(--hb-line);border-radius:var(--hb-rad-sm);margin-bottom:12px;background:var(--hb-bg-2);overflow:hidden}.hb-faq-item summary{padding:18px 22px;cursor:pointer;font-weight:700;font-size:15px;list-style:none;position:relative;color:var(--hb-ink)}.hb-faq-item summary::-webkit-details-marker{display:none}.hb-faq-item summary::after{content:"+";position:absolute;right:22px;color:var(--hb-red);font-size:20px}.hb-faq-item[open] summary::after{content:"\2212"}.hb-faq-ans{padding:0 22px 20px;color:var(--hb-ink-2);font-size:15px}.hb-faq-ans a{color:var(--hb-red)}.hb-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hb-cross-item{padding:22px;border-radius:var(--hb-rad);background:var(--hb-bg-2);border:1px solid var(--hb-line);transition:.22s}.hb-cross-item:hover{border-color:var(--hb-red);transform:translateY(-3px)}.hb-cross-tag{font-size:11px;letter-spacing:.14em;color:var(--hb-red);font-weight:700}.hb-cross-item h3{margin:8px 0;font-size:17px;color:var(--hb-ink)}.hb-cross-item p{color:var(--hb-ink-2);font-size:13px;margin-bottom:12px}.hb-cross-item .hb-arrow{color:var(--hb-red);font-weight:700;font-size:13px}.hb-foot{background:var(--hb-dark);color:#d4cbc7;padding:50px 0 30px}.hb-foot-grid{max-width:var(--hb-wide);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.hb-foot-name{font-weight:800;font-size:16px;margin-bottom:12px;color:var(--hb-red-lt)}.hb-foot p,.hb-foot a{color:#a8a09c;font-size:14px}.hb-foot-col h4{color:var(--hb-red-lt);font-size:12px;margin-bottom:12px;letter-spacing:.12em}.hb-foot-col a{display:block;padding:4px 0}.hb-foot-col a:hover{color:#fff}.hb-friends{max-width:var(--hb-wide);margin:26px auto 0;padding:20px 24px 0;border-top:1px solid #4a4340}.hb-friends-tag{display:block;color:var(--hb-red-lt);font-size:12px;letter-spacing:.12em;margin-bottom:12px}.hb-friends-list{display:flex;flex-wrap:wrap;gap:8px 18px}.hb-friends-list a{color:#a8a09c;font-size:14px}.hb-friends-list a:hover{color:#fff}.hb-foot-bottom{max-width:var(--hb-wide);margin:26px auto 0;padding:20px 24px 0;border-top:1px solid #4a4340;color:#857c78;font-size:13px;text-align:center}.hb-fab{position:fixed;right:22px;bottom:22px;z-index:40;padding:13px 22px;border-radius:var(--hb-rad-sm);background:var(--hb-grad);color:#fff;font-weight:800;box-shadow:var(--hb-shadow);font-size:14px}.hb-fab:hover{filter:brightness(1.08)}@media (max-width:900px){.hb-nav{display:none}.hb-mnu{display:flex}.hb-hero-in{grid-template-columns:1fr}.hb-dl-list,.hb-feat-list,.hb-cross{grid-template-columns:1fr}.hb-steps{grid-template-columns:1fr 1fr}.hb-foot-grid{grid-template-columns:1fr;gap:22px}}