/* ===== 帮助中心门户首页(左目录 + 紧凑 Hero) ===== */
.home-main{padding:0;flex:1;min-width:0;display:block}
.home-hero{position:relative;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;overflow:hidden;background:linear-gradient(135deg,#0a4dd9 0%,#1871ff 48%,#3d8bff 100%);color:#fff}
.home-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.18),transparent 38%),radial-gradient(circle at 82% 72%,rgba(255,255,255,.12),transparent 40%);animation:heroFlow 20s ease-in-out infinite alternate}
.home-hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,#000,transparent 70%)}
@keyframes heroFlow{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-40px,24px) scale(1.12)}}
.home-hero h1{font-size:36px;font-weight:800;margin-bottom:14px;letter-spacing:-.5px;position:relative;z-index:1;animation:fadeUp .9s ease both;text-shadow:0 4px 24px rgba(0,0,0,.18)}
.home-hero .hero-sub{font-size:17px;opacity:.94;margin-bottom:38px;position:relative;z-index:1;animation:fadeUp .9s ease .12s both;font-weight:300;letter-spacing:.5px}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.home-search{position:relative;z-index:1;width:100%;max-width:580px;display:flex;align-items:center;background:#fff;border-radius:30px;padding:6px 6px 6px 24px;box-shadow:0 16px 48px rgba(0,0,0,.22);transition:box-shadow .28s,transform .28s;animation:fadeUp .9s ease .24s both}
.hero-cta{position:relative;z-index:1;margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:fadeUp .9s ease .36s both}
.hero-cta a{display:inline-block;padding:13px 28px;border-radius:26px;font-size:15px;font-weight:600;text-decoration:none;background:#fff;color:#0f5fd9;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:transform .2s,box-shadow .2s}
.hero-cta a:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.26)}
.hero-cta a:nth-child(2){background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.5);box-shadow:none}
.hero-cta a:nth-child(2):hover{background:rgba(255,255,255,.26)}
.home-search:focus-within{box-shadow:0 20px 60px rgba(0,0,0,.28);transform:translateY(-3px)}
.home-search .si{color:#929295;font-size:18px;margin-right:10px}
.home-search input{flex:1;border:none;outline:none;font-size:16px;padding:15px 6px;color:#262626;background:transparent}
.home-search button{background:linear-gradient(135deg,#1871ff,#0f5fd9);color:#fff;border:none;border-radius:24px;padding:13px 30px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.home-search button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(24,113,255,.4)}

.home-stats{display:flex;justify-content:center;gap:72px;flex-wrap:wrap;padding:56px 24px;background:linear-gradient(180deg,#f5f9ff,#fff);border-bottom:1px solid #eaeef6}
.home-stat{text-align:center}
.home-stat .num{font-size:42px;font-weight:800;color:#1871ff;line-height:1;font-feature-settings:'tnum';background:linear-gradient(135deg,#1871ff,#0a4dd9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.home-stat .lbl{font-size:13px;color:#929295;margin-top:10px;letter-spacing:.5px}

.home-section{max-width:1120px;margin:0 auto;padding:68px 24px 12px}
.home-section h2{font-size:26px;font-weight:700;text-align:center;margin-bottom:8px;color:#1a1a1a;letter-spacing:-.3px}
.home-section .sec-sub{text-align:center;color:#929295;margin-bottom:40px;font-size:14px}
.home-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:8px}
.home-step{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8e8ea;border-radius:12px;padding:14px 18px;text-decoration:none;color:#262626;transition:transform .2s,box-shadow .2s,border-color .2s}
.home-step:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,95,217,.12);border-color:#c8dcff}
.home-step .step-no{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#1871ff,#0a4dd9);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.home-step .ic{font-size:22px;flex-shrink:0}
.home-step .t{font-size:15px;font-weight:600;color:#1a1a1a}
.home-step .d{font-size:12px;color:#929295;margin-top:2px}
.home-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.home-card{display:block;background:#fff;border:1px solid #e8e8ea;border-radius:12px;padding:14px 16px;text-decoration:none;color:#262626;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}
.home-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#1871ff,#4a9bff);transform:scaleY(0);transform-origin:top;transition:transform .3s}
.home-card::after{content:'';position:absolute;right:-30px;top:-30px;width:90px;height:90px;background:radial-gradient(circle,rgba(24,113,255,.08),transparent 70%);opacity:0;transition:opacity .3s}
.home-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,95,217,.12);border-color:#c8dcff}
.home-card:hover::before{transform:scaleY(1)}
.home-card:hover::after{opacity:1}
.home-card .ic{font-size:30px;margin-bottom:12px;display:block}
.home-card h3{font-size:17px;font-weight:600;margin-bottom:6px;color:#1a1a1a}
.home-card p{font-size:13px;color:#929295;line-height:1.6}
.home-card .cnt{display:inline-block;margin-top:12px;font-size:12px;color:#1871ff;font-weight:600}

.home-recommend{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.home-rec-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e8e8ea;border-radius:14px;padding:20px 22px;text-decoration:none;color:#262626;transition:all .25s}
.home-rec-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.09);border-color:#c8dcff}
.home-rec-card .ic{font-size:32px;flex-shrink:0}
.home-rec-card .t{font-size:16px;font-weight:600;color:#1a1a1a}
.home-rec-card .d{font-size:12px;color:#929295;margin-top:3px}

.home-footer{margin-top:48px}

/* 滚动渐显 */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

@media(max-width:900px){.home-hero{min-height:440px;padding:64px 20px}.home-hero h1{font-size:34px}.home-hero .hero-sub{font-size:14px}.home-stats{gap:40px;padding:40px 16px}.home-stat .num{font-size:32px}.home-section{padding:48px 18px 4px}.home-section h2{font-size:22px}}
@media(max-width:560px){.home-search{padding:5px 5px 5px 18px}.home-search input{font-size:14px}.home-search button{padding:11px 18px;font-size:14px}.home-hero h1{font-size:28px}}