@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#050505;--card:#0d0d0d;--border:#1a1a1a;--fg:#fafafa;--muted:#71717a;--accent:#ef4444;--accent2:#f97316;--input-bg:#111}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Space Mono',monospace;background:var(--bg);color:var(--fg);min-height:100vh;overflow-x:hidden;padding-bottom:90px}
body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}
.glow-orb{position:fixed;width:500px;height:500px;border-radius:50%;filter:blur(120px);opacity:.15;pointer-events:none;z-index:0}
.glow-orb.red{background:#ef4444;top:-100px;left:-100px}
.glow-orb.orange{background:#f97316;bottom:-100px;right:-100px}
.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:100px 16px 64px}
.badge{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);padding:6px 16px;border-radius:100px;font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#ef4444;margin-bottom:28px;animation:pulse-badge 2s ease-in-out infinite}
.badge::before{content:'';width:6px;height:6px;background:#ef4444;border-radius:50%;animation:blink 1.5s infinite}
@keyframes pulse-badge{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.2)}50%{box-shadow:0 0 20px 4px rgba(239,68,68,.1)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(3rem,9vw,6rem);font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:20px;line-height:1.05;background:linear-gradient(180deg,#fff 40%,#666 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.subtitle{font-size:clamp(.7rem,1.8vw,.85rem);color:var(--muted);text-align:center;max-width:500px;line-height:1.8;margin-bottom:48px}
.subtitle strong{color:var(--accent)}
.input-group{display:flex;width:100%;max-width:580px;border:2px solid var(--fg);box-shadow:4px 4px 0 0 var(--fg);transition:box-shadow .2s}
.input-group:focus-within{box-shadow:6px 6px 0 0 var(--accent);border-color:var(--accent)}
.input-group input{flex:1;background:var(--input-bg);border:none;padding:18px 16px;font-family:'Space Mono',monospace;font-size:.85rem;color:var(--fg);outline:none}
.input-group input::placeholder{color:#444}
.input-group button{background:var(--accent);color:#fff;border:none;border-left:2px solid var(--fg);padding:18px 36px;font-family:'Space Mono',monospace;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;transition:all .2s;white-space:nowrap}
.input-group button:hover{background:#dc2626}
.input-group button:disabled{opacity:.5;cursor:not-allowed}
.social-proof{display:flex;align-items:center;gap:12px;margin-top:36px}
.avatars{display:flex}
.avatars .avatar{width:30px;height:30px;border-radius:50%;border:2px solid var(--bg);margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:12px;overflow:hidden}
.avatars .avatar:first-child{margin-left:0}
.social-proof span{font-size:.75rem;color:var(--muted)}
.social-proof span strong{color:var(--fg)}
.warning{margin-top:32px;padding:10px 20px;border:1px dashed rgba(239,68,68,.3);font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;max-width:400px;text-align:center;line-height:1.6}
.warning .warn-icon{color:var(--accent)}
.recent-section{position:relative;z-index:1;padding-bottom:80px;overflow:hidden}
.recent-section h2{font-size:.65rem;text-transform:uppercase;letter-spacing:.3em;color:var(--muted);text-align:center;margin-bottom:32px}
.marquee-wrapper{overflow:hidden;margin-bottom:12px}
.marquee-track{display:flex;gap:12px;width:max-content}
.marquee-right{animation:scrollRight 30s linear infinite}
.marquee-left{animation:scrollLeft 30s linear infinite}
@keyframes scrollRight{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes scrollLeft{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}
.user-card{background:var(--card);border:1px solid var(--border);padding:10px 18px;display:flex;align-items:center;gap:10px;transition:all .2s;white-space:nowrap;flex-shrink:0}
.user-card:hover{border-color:var(--accent);box-shadow:0 0 12px rgba(239,68,68,.15)}
.user-card .card-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.user-card .username{font-weight:700;font-size:.8rem}
.user-card .count-tag{font-size:.6rem;background:rgba(239,68,68,.15);color:var(--accent);padding:2px 8px;border-radius:2px;font-weight:700}
.secret-link{font-size:.8rem;color:var(--muted);text-align:center;margin-top:48px;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:color .2s;display:block}
.secret-link:hover{color:var(--accent)}
/* 插屏广告 */
.interstitial{display:none;position:fixed;inset:0;background:var(--bg);z-index:200;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.interstitial.active{display:flex}
.interstitial h3{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;margin-bottom:8px}
.interstitial .sub{font-size:.7rem;color:var(--muted);margin-bottom:16px}
.loader-dots{display:flex;gap:6px;justify-content:center;margin-bottom:24px}
.loader-dots span{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out}
.loader-dots span:nth-child(1){animation-delay:0s}
.loader-dots span:nth-child(2){animation-delay:.2s}
.loader-dots span:nth-child(3){animation-delay:.4s}
@keyframes dot-bounce{0%,80%,100%{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}
.ad-slot{width:100%;max-width:480px;min-height:250px;display:flex;align-items:center;justify-content:center;padding:0 16px}
.ad-hint{color:#222;font-size:.55rem;text-transform:uppercase;letter-spacing:.1em}
.skip-btn{background:none;border:1px solid var(--border);color:var(--muted);padding:8px 20px;font-family:'Space Mono',monospace;font-size:.65rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.1em}
.skip-btn:hover{border-color:var(--fg);color:var(--fg)}
.skip-btn:disabled{opacity:.3;cursor:not-allowed}
/* 分析弹窗 */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);backdrop-filter:blur(12px);z-index:100;justify-content:center;align-items:center;padding:16px}
.overlay.active{display:flex}
.analysis-card{background:var(--card);border:1px solid var(--border);max-width:440px;width:100%;padding:40px;text-align:center;position:relative;overflow:hidden}
.analysis-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent));background-size:200% 100%;animation:gradient-slide 2s linear infinite}
@keyframes gradient-slide{0%{background-position:0% 0}100%{background-position:200% 0}}
.analysis-card h3{font-family:'Space Grotesk',sans-serif;font-size:1.2rem;margin-bottom:24px}
.scan-visual{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;border:2px solid var(--border);position:relative;display:flex;align-items:center;justify-content:center;font-size:32px}
.scan-visual::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.progress-container{margin:20px 0}
.progress-label{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px;text-align:left}
.progress-bar{width:100%;height:3px;background:var(--border);overflow:hidden;border-radius:2px}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s ease;border-radius:2px}
.step-text{font-size:.7rem;color:var(--muted);margin-top:12px;min-height:20px}
.pct-text{font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:700;color:var(--accent);margin-top:8px}
.ad-banner-analysis{width:100%;min-height:60px;margin-top:20px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border);padding-top:16px}
.result-section{display:none}
.result-section.active{display:block}
.result-number{font-family:'Space Grotesk',sans-serif;font-size:6rem;font-weight:700;line-height:1;margin:12px 0;background:linear-gradient(180deg,var(--accent) 0%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.result-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;color:var(--muted);margin-bottom:28px}
.result-verdict{font-size:.9rem;padding:8px 16px;border:1px solid;display:inline-block;margin-bottom:24px;font-weight:700;letter-spacing:.05em}
.verdict-safe{color:#22c55e;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.05)}
.verdict-mid{color:#eab308;border-color:rgba(234,179,8,.3);background:rgba(234,179,8,.05)}
.verdict-high{color:#f97316;border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.05)}
.verdict-extreme{color:#ef4444;border-color:rgba(239,68,68,.3);background:rgba(239,68,68,.05)}
.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
.stat-box{background:var(--bg);border:1px solid var(--border);padding:14px 10px;text-align:center}
.stat-box .stat-value{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:700}
.stat-box .stat-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:4px}
.risk-meter{margin:20px 0}
.risk-bar{display:flex;gap:3px;margin-top:8px}
.risk-segment{flex:1;height:6px;background:var(--border);transition:background .3s;border-radius:1px}
.risk-segment.lit-green{background:#22c55e}
.risk-segment.lit-yellow{background:#eab308}
.risk-segment.lit-orange{background:#f97316}
.risk-segment.lit-red{background:#ef4444}
.ad-banner-result{width:100%;min-height:90px;margin-top:20px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--border);padding-top:16px}
.close-btn{background:var(--fg);color:var(--bg);border:none;padding:14px 36px;font-family:'Space Mono',monospace;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;margin-top:24px;transition:all .2s}
.close-btn:hover{opacity:.85}
.ad-social-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#111;border-top:1px solid var(--border);min-height:60px;display:flex;align-items:center;justify-content:center}
.grad-1{background:linear-gradient(135deg,#f093fb,#f5576c)}.grad-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.grad-3{background:linear-gradient(135deg,#43e97b,#38f9d7)}.grad-4{background:linear-gradient(135deg,#fa709a,#fee140)}.grad-5{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.grad-6{background:linear-gradient(135deg,#fccb90,#d57eeb)}.grad-7{background:linear-gradient(135deg,#667eea,#764ba2)}.grad-8{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.grad-9{background:linear-gradient(135deg,#f77062,#fe5196)}.grad-10{background:linear-gradient(135deg,#c471f5,#fa71cd)}
@keyframes count-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
.count-pop{animation:count-pop .5s ease-out}
@media(max-width:640px){.input-group{flex-direction:column}.input-group button{padding:14px;border-left:none;border-top:2px solid var(--fg)}.analysis-card{padding:28px 20px}.result-number{font-size:4rem}.hero{padding-top:60px}}
.share-section{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--border)}
.share-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--fg);opacity:.6;margin-bottom:14px}
.share-buttons{display:flex;gap:8px;justify-content:center;margin-bottom:20px}
.share-btn{flex:1;padding:10px 8px;font-family:'Space Mono',monospace;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid;transition:all .2s}
.share-x{background:#000;color:#fff;border-color:#444}
.share-x:hover{background:#111;border-color:#fff}
.share-wa{background:rgba(37,211,102,.12);color:#25d366;border-color:rgba(37,211,102,.4)}
.share-wa:hover{background:rgba(37,211,102,.25)}
.share-copy{background:rgba(255,255,255,.05);color:var(--muted);border-color:var(--border)}
.share-copy:hover{color:var(--fg);border-color:var(--fg)}