.support-hub{--ink:#0d302c;--teal:#0c7d70;--blue:#0878ae;--gold:#e8a526;--muted:#5b736e;--line:rgba(13,48,44,.14);--paper:#f7f8f2;color:var(--ink);background:linear-gradient(180deg,#f5f8f3 0,#fff 760px);font-family:"Microsoft YaHei","PingFang SC","Source Han Sans SC",sans-serif}
.support-hub *{box-sizing:border-box}.support-hub a{text-decoration:none}.support-hub .wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.support-hub-hero{position:relative;overflow:hidden;padding:54px 0 68px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 20%,rgba(45,181,158,.17),transparent 28%),linear-gradient(130deg,rgba(255,255,255,.92),rgba(234,244,239,.9))}.support-hub-hero:after{content:"";position:absolute;right:-160px;top:-210px;width:520px;height:520px;border:1px solid rgba(12,125,112,.12);border-radius:50%;box-shadow:0 0 0 54px rgba(12,125,112,.025),0 0 0 108px rgba(12,125,112,.018)}
.support-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);gap:58px;align-items:center}.support-hub .crumbs{padding:0 0 22px;color:#647a75;font-size:13px}.support-kicker,.support-section-head>span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.16em}.support-hub h1{max-width:720px;margin:18px 0 0;font-size:clamp(40px,5.1vw,68px);line-height:1.08;letter-spacing:-.055em;text-wrap:balance}.support-hub-hero p{max-width:700px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.9}.support-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.support-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:1px solid rgba(12,125,112,.35);border-radius:10px;color:var(--teal)!important;background:rgba(255,255,255,.76);font-size:14px;font-weight:850}.support-button-primary{border-color:var(--ink);color:#fff!important;background:var(--ink)}
.support-flow{display:grid;grid-template-columns:1fr;gap:10px;padding:20px;border:1px solid rgba(13,48,44,.12);border-radius:28px;background:rgba(255,255,255,.68);box-shadow:0 24px 70px rgba(13,48,44,.1);backdrop-filter:blur(14px)}.support-flow span{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;min-height:76px;padding:13px 16px;border:1px solid rgba(13,48,44,.1);border-radius:16px;background:#fff}.support-flow b{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--teal),var(--blue));font-size:11px}.support-flow strong{font-size:16px}.support-flow small{color:var(--muted);font-size:12px}.support-flow i{width:1px;height:10px;margin:-10px 0 -10px 33px;background:rgba(12,125,112,.3)}
.support-route-section,.support-product-section{padding:72px 0}.support-product-section{border-top:1px solid var(--line);background:rgba(240,246,242,.72)}.support-section-head{margin-bottom:28px}.support-section-head h2{margin:10px 0 0;font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-.04em}.support-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.support-route{display:flex;flex-direction:column;min-height:300px;padding:26px;border:1px solid var(--line);border-radius:22px;color:var(--ink)!important;background:#fff;box-shadow:0 14px 44px rgba(13,48,44,.06);transition:transform .2s,border-color .2s,box-shadow .2s}.support-route:hover,.support-route:focus-visible{transform:translateY(-5px);border-color:rgba(12,125,112,.46);box-shadow:0 24px 60px rgba(13,48,44,.12);outline:none}.support-route small{color:var(--blue);font-weight:900;letter-spacing:.12em}.support-route h3{margin:28px 0 0;font-size:24px}.support-route p{margin:14px 0 0;color:var(--muted);line-height:1.8}.support-route b{margin-top:auto;padding-top:24px;color:var(--teal)}.support-route-ticket{color:#fff!important;border-color:#0d302c;background:linear-gradient(145deg,#0d302c,#0b4d46)}.support-route-ticket small,.support-route-ticket b{color:#8de2cf}.support-route-ticket p{color:rgba(255,255,255,.75)}
.support-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.support-product-grid article{min-height:270px;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.9)}.support-product-grid article>small{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.13em}.support-product-grid h3{margin:14px 0 0;font-size:21px}.support-product-grid p{min-height:54px;margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.support-product-grid article>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.support-product-grid article a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid rgba(12,125,112,.2);border-radius:999px;color:var(--teal)!important;background:#edf7f3;font-size:12px;font-weight:850}.support-product-grid article a:hover,.support-product-grid article a:focus-visible{color:#fff!important;border-color:var(--teal);background:var(--teal);outline:none}
@media(max-width:980px){.support-hero-grid{grid-template-columns:1fr}.support-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.support-hub .wrap{width:calc(100% - 28px)}.support-hub-hero{padding:34px 0 48px}.support-hub h1{font-size:37px}.support-hub-hero p{font-size:15px}.support-flow{padding:12px;border-radius:20px}.support-route-section,.support-product-section{padding:50px 0}.support-route-grid,.support-product-grid{grid-template-columns:1fr}.support-route{min-height:240px}.support-product-grid article{min-height:0}.support-product-grid p{min-height:0}}