@charset "utf-8";:root{--primary:#6366f1;--primary-bright:#818cf8;--accent:#22d3ee;--danger:#f43f5e;--bg-deep:#020617;--card-bg:rgba(255,255,255,0.03);--glass-bright:rgba(255,255,255,0.85);--glass-border:rgba(255,255,255,0.12);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-dark:#0f172a;--shadow-diamond:0 20px 50px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.05);--shadow-glow:0 0 30px rgba(99,102,241,0.2)}*{margin:0;padding:0;box-sizing:border-box;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}html{scroll-behavior:smooth}body{background-color:#f8fafc;color:var(--text-dark);font-family:'Inter','SF Pro Display','PingFang SC',system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;font-size:13px}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(at 0% 0%,rgba(99,102,241,0.05) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(34,211,238,0.05) 0,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,0.05) 0,transparent 50%),radial-gradient(at 0% 100%,rgba(99,102,241,0.05) 0,transparent 50%);z-index:-1}.beiAnSider{width:320px;position:fixed;height:100vh;left:0;top:0;z-index:100}.beiAnsderbg{width:100%;height:100%;padding:40px 25px;background:#020617;color:#fff;display:flex;flex-direction:column;align-items:center;box-shadow:15px 0 50px rgba(0,0,0,0.25);position:relative;overflow:hidden}.beiAnsderbg::after{content:"";position:absolute;inset:0;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.beiAnFace{width:90px;height:90px;border-radius:50%;border:2px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(99,102,241,0.3);transition:.6s cubic-bezier(0.23,1,0.32,1);margin-bottom:25px;perspective:1000px}.beiAnFace:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 0 50px rgba(99,102,241,0.5)}.beiAnFace img{width:100%;height:100%;border-radius:50%;transition:.8s cubic-bezier(0.2,1,0.3,1)}.beilogo{font-size:20px;font-weight:900;text-align:center;background:linear-gradient(135deg,#fff 0,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px;letter-spacing:-1px}.beiAnjy{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:24px;padding:20px;margin:10px 0;font-size:12px;color:#94a3b8;line-height:1.8;backdrop-filter:blur(15px)}.cont{display:inline-flex;align-items:center;gap:8px;padding:12px 30px;background:linear-gradient(135deg,var(--primary) 0,#4f46e5 100%);color:#fff;border-radius:50px;font-weight:800;font-size:14px;box-shadow:0 10px 30px rgba(99,102,241,0.4);transition:.4s cubic-bezier(0.175,0.885,0.32,1.275);border:1px solid rgba(255,255,255,0.1)}.cont:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 20px 40px rgba(99,102,241,0.6)}.beiAnRight{flex:1;margin-left:320px;padding:60px 50px;animation:slideIn 1.2s cubic-bezier(0.16,1,0.3,1)}@keyframes slideIn{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.beiAnRight h1{font-size:36px;font-weight:950;color:var(--text-dark);letter-spacing:-3px;text-align:center;margin-bottom:15px;background:linear-gradient(135deg,#0f172a 0,#475569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.beiAnRight hr{border:none;height:8px;width:40px;margin:40px auto;background:var(--primary);border-radius:20px;box-shadow:0 5px 15px rgba(99,102,241,0.3)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:60px 0}.feature-item-card{background:#fff;padding:45px 35px;border-radius:32px;border:1px solid #f1f5f9;box-shadow:var(--shadow-diamond);transition:.5s cubic-bezier(0.2,1,0.3,1);text-align:center;position:relative}.feature-item-card:hover{transform:translateY(-20px);box-shadow:0 40px 80px rgba(0,0,0,0.08);border-color:var(--primary)}.feature-item-card i{font-size:34px;margin-bottom:25px;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature-item-card strong{display:block;font-size:17px;color:var(--text-dark);margin-bottom:12px;font-weight:900}.feature-item-card span{font-size:12px;color:var(--text-secondary);line-height:1.7}.table-container{background:#fff;border-radius:35px;padding:40px;box-shadow:0 15px 60px rgba(0,0,0,0.03);margin:60px 0;border:1px solid #f1f5f9;position:relative}table{width:100%;border-collapse:separate;border-spacing:0}thead th{padding:25px;font-size:12px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid #f8fafc}tbody td{padding:30px 25px;border-bottom:1px solid #f8fafc;font-size:13px;transition:.3s}.feature-item-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;animation:scan 3s linear infinite}.feature-item-card:hover::before{opacity:1}@keyframes scan{0%{top:0}100%{top:100%}}.beiAnRight h3{font-size:18px;font-weight:900;margin:50px 0 20px;color:#0f172a;display:flex;align-items:center;gap:10px}.beiAnRight h3::before{content:"";width:4px;height:18px;background:var(--primary);border-radius:10px}tbody tr:hover td{background:rgba(99,102,241,0.03);color:var(--primary);box-shadow:inset 4px 0 0 var(--primary)}.live-indicator{display:inline-flex;align-items:center;gap:6px;color:#10b981;font-size:11px;font-weight:700;margin-top:15px}.live-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}100%{transform:scale(1);opacity:1}}tbody tr:last-child td{border-bottom:none}.badge{padding:5px 15px;border-radius:12px;font-size:10px;font-weight:900;margin-left:10px;text-transform:uppercase}.badge-hot{background:#fff1f2;color:#e11d48;border:1px solid #ffe4e6}.badge-pro{background:#f0f9ff;color:#0284c7;border:1px solid #e0f2fe}.badge-elite{background:#faf5ff;color:#7c3aed;border:1px solid #f3e8ff}.badge-test{background:#f0fdf4;color:#10b981;border:1px solid #dcfce7}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:10px;box-shadow:0 0 10px var(--success);animation:blink 2s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width:1200px){.feature-grid{grid-template-columns:repeat(2,1fr)}.beiAnSider{width:280px}.beiAnRight{margin-left:280px;padding:60px 40px}}@media (max-width:900px){.beiAnSider{width:100%;height:auto;position:relative}.beiAnsderbg{padding:50px 25px;min-height:auto}.beiAnRight{margin-left:0;padding:50px 25px}.feature-grid{grid-template-columns:1fr}.beiAnRight h1{font-size:32px;letter-spacing:-1.5px}.beiAnjy{max-width:500px;margin:15px auto}}@media (max-width:600px){.beiAnRight{padding:40px 15px}.table-container{padding:20px;border-radius:20px;overflow-x:auto}.beiAnRight h1{font-size:26px}.feature-item-card{padding:30px 20px}.beiAnsderbg{padding:30px 15px}.beilogo{font-size:18px}table{min-width:600px}tbody td{padding:15px 10px;font-size:12px}thead th{padding:15px 10px}.cont{width:100%;justify-content:center}}