/* TurboNet 帮助中心样式 */
.help-hero{position:relative;padding:148px 0 56px;overflow:hidden;text-align:center;background:radial-gradient(600px 340px at 50% 0%,rgba(249,115,22,0.15),transparent 60%)}
.help-hero h1{font-size:clamp(30px,4.5vw,46px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.help-hero h1 .grad{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.help-hero .lead{font-size:15.5px;color:var(--text-secondary);max-width:580px;margin:0 auto 28px}
.help-search{position:relative;max-width:560px;margin:0 auto 16px}
.help-search .ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary)}
.help-search input{width:100%;padding:14px 48px 14px 44px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);color:#fff;font-size:14px;outline:none;transition:all .3s}
.help-search input:focus{border-color:var(--brand-1);box-shadow:0 0 0 3px rgba(249,115,22,0.15)}
.help-search input::placeholder{color:var(--text-tertiary)}
.help-search .kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border);padding:3px 8px;border-radius:6px}
.help-hot{font-size:12.5px;color:var(--text-tertiary)}
.help-hot a{color:var(--brand-1);margin:0 4px}
.help-hot a:hover{text-decoration:underline}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-card{display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 22px;transition:all .35s ease}
.category-card:hover{border-color:var(--border-hover);transform:translateY(-3px);background:var(--bg-card-hover);box-shadow:var(--shadow)}
.category-icon{width:48px;height:48px;border-radius:12px;margin-bottom:16px;background:linear-gradient(135deg,rgba(249,115,22,0.14),rgba(239,68,68,0.08));border:1px solid var(--border-hover);display:grid;place-items:center}
.category-icon svg{width:24px;height:24px;color:var(--brand-1)}
.category-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}
.category-card p{font-size:13px;color:var(--text-tertiary);line-height:1.6;margin-bottom:14px}
.category-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-tertiary)}
.category-card .arrow{color:var(--brand-1);font-size:16px}
.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.article-item{display:flex;gap:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px 20px;transition:all .35s ease}
.article-item:hover{border-color:var(--border-hover);transform:translateY(-2px);background:var(--bg-card-hover)}
.article-num{flex:none;font-size:28px;font-weight:800;color:var(--brand-1);opacity:0.3;line-height:1;font-family:Georgia,serif}
.article-body h4{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:6px}
.article-body p{font-size:12.5px;color:var(--text-tertiary);line-height:1.6;margin-bottom:10px}
.article-body .meta{display:flex;gap:14px;font-size:11.5px;color:var(--text-tertiary)}
.contact-section{background:var(--bg-secondary);border-top:1px solid var(--border)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;text-align:center;transition:all .35s ease}
.contact-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.contact-icon{width:52px;height:52px;margin:0 auto 16px;border-radius:13px;background:linear-gradient(135deg,rgba(249,115,22,0.14),rgba(239,68,68,0.08));border:1px solid var(--border-hover);display:grid;place-items:center}
.contact-icon svg{width:24px;height:24px;color:var(--brand-1)}
.contact-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}
.contact-card .info{font-size:13px;color:var(--brand-1);font-weight:500;margin-bottom:10px}
.contact-card p{font-size:12.5px;color:var(--text-tertiary);line-height:1.7}
/* ===== 扩充内容区块样式 ===== */
.trouble-list{display:flex;flex-direction:column;gap:20px}
.trouble-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .35s ease}
.trouble-item:hover{border-color:var(--border-hover)}
.trouble-head{display:flex;align-items:center;gap:14px;padding:20px 24px;background:rgba(249,115,22,0.05);border-bottom:1px solid var(--border)}
.trouble-icon{flex:none;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,rgba(249,115,22,0.16),rgba(239,68,68,0.1));border:1px solid var(--border-hover);display:grid;place-items:center}
.trouble-icon svg{width:20px;height:20px;color:var(--brand-1)}
.trouble-head h3{font-size:16px;font-weight:600;color:#fff;flex:1}
.trouble-views{font-size:12px;color:var(--text-tertiary);white-space:nowrap}
.trouble-body{padding:24px 26px}
.trouble-body > p{font-size:13.5px;color:var(--text-secondary);line-height:1.85;margin-bottom:18px}
.trouble-steps{display:flex;flex-direction:column;gap:14px;counter-reset:step}
.trouble-steps li{display:flex;gap:14px;align-items:flex-start;font-size:13px;color:var(--text-secondary);line-height:1.85;padding:14px 16px;background:var(--bg-secondary);border-radius:10px;border-left:3px solid var(--brand-1)}
.trouble-steps li::before{counter-increment:step;content:counter(step);flex:none;width:26px;height:26px;border-radius:50%;background:var(--gradient);color:#fff;font-weight:700;font-size:12px;display:grid;place-items:center;margin-top:1px}
.trouble-steps li strong{color:#fff;font-weight:600}
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.video-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .35s ease;display:block}
.video-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.video-thumb{position:relative;aspect-ratio:16/9;background:var(--bg-secondary);display:grid;place-items:center;overflow:hidden}
.video-thumb::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(249,115,22,0.12),transparent 70%)}
.video-play{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;box-shadow:0 6px 20px rgba(249,115,22,0.4);transition:transform .3s}
.video-card:hover .video-play{transform:scale(1.1)}
.video-play svg{width:20px;height:20px;color:#fff;margin-left:2px}
.video-duration{position:absolute;bottom:8px;right:8px;z-index:1;background:rgba(0,0,0,0.75);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}
.video-card h4{font-size:14px;font-weight:600;color:#fff;padding:14px 16px 6px}
.video-card p{font-size:12px;color:var(--text-tertiary);padding:0 16px 16px;line-height:1.6}
.contact-note{margin-top:32px;padding:20px 26px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text-secondary);line-height:1.85}
.contact-note strong{color:#fff}
@media (max-width:1024px){.category-grid{grid-template-columns:repeat(2,1fr)}.articles-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:768px){.help-hero{padding:108px 0 44px}.category-grid{grid-template-columns:1fr}}