:root{--ink:#07111f;--paper:#f4f7fa;--cyan:#35d4ff;--line:#dbe4ee;--muted:#68778a}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;margin:0;background:var(--paper);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}
header{background:linear-gradient(135deg,var(--ink),#0a1f3d);color:#fff;padding:80px 24px 60px;text-align:center}
header h1{font-size:clamp(36px,5vw,56px);font-weight:850;margin:0 0 12px;letter-spacing:-.03em}
header p{color:#aebccc;font-size:16px;max-width:540px;margin:0 auto}
main{max-width:720px;margin:0 auto;padding:48px 24px 100px}
main section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px;margin-bottom:16px}
main h2{margin-top:0;font-size:20px;font-weight:750;letter-spacing:-.02em}
main ul{padding-left:20px}
main li{margin-bottom:6px}
#csupport-widget{position:fixed;bottom:24px;right:24px;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}
#cs-btn{width:60px;height:60px;border-radius:50%;background:#35d4ff;border:none;cursor:pointer;display:grid;place-items:center;color:#07111f;box-shadow:0 4px 20px rgba(53,212,255,.4);transition:transform .2s}
#cs-btn:hover{transform:scale(1.08)}
#cs-panel{position:absolute;bottom:76px;right:0;width:320px;max-width:calc(100vw - 48px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.18);overflow:hidden;animation:cs-in .2s ease-out}
@keyframes cs-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.cs-header{background:linear-gradient(135deg,#07111f,#0a1f3d);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center}
.cs-title{font-weight:750;font-size:15px}
#cs-close{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;line-height:1;padding:0;width:24px;height:24px}
.cs-body{padding:20px}
.cs-intro{font-size:14px;color:#42546a;margin:0 0 16px;line-height:1.6}
.cs-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#35d4ff;color:#07111f;text-decoration:none;padding:12px 16px;border-radius:10px;font-weight:750;font-size:15px;transition:all .2s}
.cs-btn-primary:hover{background:#07111f;color:#35d4ff}
.cs-qr{margin-top:20px;padding-top:20px;border-top:1px solid var(--line);text-align:center}
.cs-qr>p{font-size:13px;margin:0 0 8px;color:#42546a}
.cs-qr img{width:160px;height:160px;border:1px solid var(--line);border-radius:8px;display:block;margin:0 auto;background:#fff}
.cs-handle{font-size:12px!important;color:var(--muted)!important;margin-top:8px!important;font-family:ui-monospace,Menlo,monospace}
.cs-fallback{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);text-align:center}
.cs-fallback>p{font-size:13px;color:var(--muted);margin:0 0 8px}
.cs-link{color:var(--ink);font-weight:600;text-decoration:none}
.cs-link:hover{text-decoration:underline}
@media(max-width:480px){#cs-panel{right:-10px}}