@charset "utf-8";

/* ============================================================
   售后服务 · 丰富层次新版（support.html 专属）
   ============================================================ */
:root{ --ink:#0b0f17; --brand:#2f6bff; --grad:linear-gradient(120deg,#2f6bff,#7c5cff); --muted:#6a7283; --soft:#f6f7f9; --line:#eceef2; }
.support-body{ font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; }
.support-body *{ box-sizing:border-box; }
.support-body a{ text-decoration:none; }
.sw{ max-width:none; margin:0 auto; padding:0 40px; }

/* ================= HERO · 全屏左右结构 ================= */
.support-hero{ min-height:100vh; display:flex; align-items:center; position:relative; overflow:hidden; background:#fff; }
.support-hero::before{ content:""; position:absolute; width:520px; height:520px; border-radius:50%; background:radial-gradient(circle,rgba(47,107,255,.16),transparent 70%); top:-160px; left:-140px; filter:blur(40px); }
.support-hero::after{ content:""; position:absolute; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(124,92,255,.14),transparent 70%); bottom:-140px; right:-120px; filter:blur(40px); }
.support-hero__inner{ width:100%; max-width:none; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:1.15fr .85fr; gap:60px; align-items:center; position:relative; z-index:2; }
.support-kicker{ display:flex; align-items:center; gap:14px; font-size:12px; letter-spacing:.32em; text-transform:uppercase; font-weight:700; color:var(--brand); }
.support-kicker span{ width:34px; height:1.5px; background:var(--brand); }
.support-hero__title{ font-size:clamp(40px,5.6vw,70px); line-height:1.12; font-weight:800; letter-spacing:1px; margin:30px 0 24px; color:var(--ink); }
.support-hero__title span{ color:transparent; background:var(--grad); -webkit-background-clip:text; background-clip:text; }
.support-hero__desc{ font-size:clamp(15px,1.6vw,18px); line-height:2; color:var(--muted); max-width:540px; margin:0 0 36px; }
.support-hero__actions{ display:flex; gap:14px; flex-wrap:wrap; }
.support-btn{ display:inline-flex; align-items:center; gap:8px; padding:16px 32px; border-radius:6px; font-size:15px; font-weight:600; transition:.3s; }
.support-btn--solid{ color:#fff; background:var(--grad); box-shadow:0 16px 32px -12px rgba(47,107,255,.5); }
.support-btn--solid:hover{ transform:translateY(-2px); box-shadow:0 22px 40px -12px rgba(47,107,255,.6); }
.support-btn--ghost{ color:var(--brand); border:1px solid var(--brand); background:transparent; }
.support-btn--ghost:hover{ background:var(--brand); color:#fff; }
.support-hero__right{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:420px; }
.support-hero__badge{ position:relative; z-index:2; width:210px; height:210px; border-radius:50%; background:var(--grad); color:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; box-shadow:0 30px 60px rgba(47,107,255,.4); animation:supPulse 3.5s ease-in-out infinite; }
.support-hero__badge i{ font-size:44px; }
.support-hero__badge span{ font-size:16px; font-weight:700; letter-spacing:.1em; }
@keyframes supPulse{ 0%,100%{ box-shadow:0 30px 60px rgba(47,107,255,.4);} 50%{ transform:translateY(-6px); box-shadow:0 30px 70px rgba(47,107,255,.6);} }

/* ================= 数据条 ================= */
.support-stats{ background:var(--ink); padding:60px 0; }
.support-stats__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.support-stat{ text-align:center; padding:6px; }
.support-stat__num{ font-size:clamp(36px,4vw,52px); font-weight:800; color:#fff; line-height:1; display:inline-flex; align-items:baseline; }
.support-stat__num em{ font-style:normal; font-size:.45em; font-weight:700; color:#7c8cff; margin-left:4px; }
.support-stat__label{ margin-top:12px; font-size:13px; letter-spacing:.12em; color:rgba(255,255,255,.6); }

/* ================= 三大承诺 · 卡片 ================= */
.support-commit{ padding:120px 0; background:var(--soft); }
.support-commit__head{ max-width:none; margin:0 auto 60px; padding:0 40px; }
.support-commit__sub{ font-size:16px; color:var(--muted); margin:18px 0 0; }
.support-commit__grid{ max-width:none; margin:0 auto; padding:0 40px; display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.support-commit__item{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:44px 34px; position:relative; overflow:hidden; transition:.35s; }
.support-commit__item::before{ content:""; position:absolute; left:0; top:0; bottom:0; width:3px; background:var(--grad); transform:scaleY(0); transform-origin:bottom; transition:.35s; }
.support-commit__item:hover{ box-shadow:0 30px 70px rgba(20,30,60,.1); transform:translateY(-4px); }
.support-commit__item:hover::before{ transform:scaleY(1); }
.support-commit__no{ font-size:14px; font-weight:700; letter-spacing:.18em; color:var(--brand); margin-bottom:26px; }
.support-commit__icon{ width:60px; height:60px; border-radius:14px; background:var(--grad); color:#fff; display:flex; align-items:center; justify-content:center; font-size:24px; margin-bottom:24px; box-shadow:0 14px 28px rgba(47,107,255,.28); }
.support-commit__item h3{ font-size:23px; font-weight:800; color:var(--ink); margin:0 0 14px; }
.support-commit__item .support-commit__lead{ font-size:14.5px; line-height:1.9; color:var(--muted); margin:0 0 16px; }
.support-commit__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
.support-commit__list li{ display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.7; color:var(--ink); }
.support-commit__list li i{ color:var(--brand); font-size:13px; margin-top:3px; flex-shrink:0; }
/* 服务保障清单横条 */
.support-commit__band{
    max-width:none; margin:56px auto 0; padding:0 40px;
    display:grid; grid-template-columns:repeat(6,1fr); gap:16px;
}
.support-commit__band-item{
    background:#fff; border:1px solid var(--line); border-radius:14px; padding:26px 20px;
    display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; transition:.35s;
}
.support-commit__band-item:hover{ border-color:var(--brand); box-shadow:0 20px 50px rgba(20,30,60,.1); transform:translateY(-4px); }
.support-commit__band-item i{ font-size:22px; color:var(--brand); margin-bottom:6px; }
.support-commit__band-item b{ font-size:15px; font-weight:800; color:var(--ink); }
.support-commit__band-item span{ font-size:12px; color:var(--muted); }

/* ================= 服务方式 · 左右结构 ================= */
.support-channel{ padding:120px 0; background:#fff; }
.support-channel__inner{ display:grid; grid-template-columns:.95fr 1.05fr; gap:70px; align-items:center; }
.support-channel__title{ font-size:clamp(30px,3.4vw,46px); line-height:1.28; font-weight:800; letter-spacing:.5px; margin:24px 0 20px; color:var(--ink); }
.support-channel__title em{ font-style:normal; color:var(--brand); }
.support-channel__text p{ font-size:15.5px; line-height:2; color:var(--muted); margin:0 0 18px; }
.support-channel__btn{ margin-top:12px; }
.support-channel__grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
.support-channel__item{ border:1px solid var(--line); border-radius:14px; padding:30px 26px; background:#fff; transition:.35s; }
.support-channel__item:hover{ border-color:var(--brand); box-shadow:0 20px 50px rgba(20,30,60,.1); transform:translateY(-4px); }
.support-channel__item i{ font-size:24px; color:var(--brand); margin-bottom:16px; display:inline-flex; width:52px; height:52px; align-items:center; justify-content:center; border-radius:12px; background:rgba(47,107,255,.08); }
.support-channel__item b{ display:block; font-size:17px; font-weight:800; color:var(--ink); margin-bottom:8px; }
.support-channel__item span{ font-size:13px; color:var(--muted); line-height:1.7; display:block; }

/* ================= 服务详情（content） ================= */
.support-detail{ padding:60px 0 120px; background:var(--soft); }
.support-detail__card{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:64px 60px; box-shadow:0 20px 60px rgba(20,30,60,.06); }
.support-content{ font-size:15.5px; line-height:2.1; color:var(--muted); }
.support-content p{ margin:0 0 18px; }
.support-content strong{ color:var(--ink); font-weight:800; }
.support-content blockquote{
    margin:28px 0; padding:18px 24px; border-left:4px solid var(--brand);
    background:linear-gradient(90deg,rgba(47,107,255,.06),transparent);
    border-radius:0 12px 12px 0; color:var(--ink); font-weight:700; font-size:17px; font-style:normal;
}
.support-content blockquote ~ p{ margin-bottom:14px; }

/* ================= CTA ================= */
.support-cta{ padding:120px 0; background:var(--ink); text-align:center; }
.support-cta__inner{ max-width:900px; margin:0 auto; padding:0 32px; }
.support-cta__title{ font-size:clamp(28px,3.6vw,46px); line-height:1.3; font-weight:800; color:#fff; margin:0 0 16px; }
.support-cta__sub{ font-size:17px; color:rgba(255,255,255,.68); margin:0 0 40px; }
.support-cta__actions{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.support-cta .support-btn--ghost{ color:#fff; border:1px solid rgba(255,255,255,.45); }
.support-cta .support-btn--ghost:hover{ border-color:#fff; background:transparent; }

/* ================= 快捷导航 ================= */
.support-body .abt-quick{ padding:24px 0; }
.support-body .abt-quick__inner{ padding:0 40px; }

/* ================= 响应式 ================= */
@media (max-width:1080px){
    .support-channel__inner{ grid-template-columns:1fr; }
    .support-commit__grid{ grid-template-columns:repeat(2,1fr); }
    .support-commit__band{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:980px){
    .support-hero__inner{ grid-template-columns:1fr; text-align:center; }
    .support-hero__right{ min-height:auto; margin-top:10px; }
    .support-hero__desc{ margin-left:auto; margin-right:auto; }
    .support-hero__actions{ justify-content:center; }
    .support-detail__card{ padding:36px 26px; }
}
@media (max-width:640px){
    .support-commit__grid,.support-channel__grid{ grid-template-columns:1fr; }
    .support-commit__band{ grid-template-columns:repeat(2,1fr); }
    .support-stats__grid{ grid-template-columns:repeat(2,1fr); }
    .support-hero__badge{ width:160px; height:160px; }
    .support-cta{ padding:80px 0; }
}
.reveal-sec{ opacity:1; transform:none; }