:root{--primary: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--primary-bg: rgba(99, 102, 241, .06);--accent: #f43f7a;--accent-light: #f76fa0;--success: #10b981;--danger: #ef4444;--danger-dark: #dc2626;--text: #1a1a2e;--text-secondary: #4a4a6a;--text-light: #7c7c9a;--text-lighter: #a0a0b8;--bg: #f4f6ff;--bg-secondary: #eef1fb;--bg-tertiary: #e8ecf8;--border: rgba(99, 102, 241, .12);--border-light: rgba(99, 102, 241, .06);--shadow-sm: 0 1px 3px rgba(99, 102, 241, .06);--shadow: 0 2px 8px rgba(99, 102, 241, .08);--shadow-md: 0 4px 16px rgba(99, 102, 241, .1);--shadow-lg: 0 8px 32px rgba(99, 102, 241, .12);--shadow-xl: 0 16px 48px rgba(99, 102, 241, .15);--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--max-width: 1140px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #f43f7a 100%);--gradient-hero: linear-gradient(135deg, #f4f6ff 0%, #ede5ff 50%, #fce4f0 100%);--gradient-card: linear-gradient(145deg, #ffffff, #f8f9ff);--glow-primary: 0 0 20px rgba(99, 102, 241, .15), 0 0 40px rgba(99, 102, 241, .06);--glow-accent: 0 0 20px rgba(244, 63, 122, .15), 0 0 40px rgba(244, 63, 122, .06)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,102,241,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(168,85,247,.06) 0%,transparent 70%);pointer-events:none;z-index:0}a{color:var(--primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.01em;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .5s ease}.btn:hover:before{transform:translate(100%)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f166}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--text-secondary);border:1.5px solid var(--border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-md)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover{background:var(--danger-dark);transform:translateY(-1px)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text)}.form-input{width:100%;padding:11px 16px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:14px;transition:all .3s ease;outline:none;font-family:var(--font);background:#fff;color:var(--text)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a}.form-input::placeholder{color:var(--text-lighter)}textarea.form-input{resize:vertical;min-height:120px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236366f1' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.card{background:var(--gradient-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;box-shadow:var(--shadow);transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .4s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:#6366f133}.card:hover:before{opacity:1}.tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--primary-bg);border:1px solid rgba(99,102,241,.12);border-radius:20px;font-size:12px;font-weight:500;color:var(--primary);transition:all .3s ease}.tag:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #6366f140;transform:translateY(-1px)}.pagination{display:flex;justify-content:center;gap:6px;margin-top:48px}.pagination button{padding:8px 16px;border:1.5px solid var(--border);border-radius:var(--radius);background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px;color:var(--text-secondary)}.pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .active{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:0 4px 12px #6366f14d}.article-content{font-size:16.5px;line-height:1.85;color:var(--text)}.article-content h1,.article-content h2,.article-content h3,.article-content h4{margin-top:2.2em;margin-bottom:.6em;font-weight:700;color:var(--text);letter-spacing:-.02em}.article-content h2{font-size:1.6em}.article-content h3{font-size:1.3em}.article-content p{margin-bottom:1.3em;color:var(--text-secondary)}.article-content ul,.article-content ol{margin-bottom:1.3em;padding-left:2em;color:var(--text-secondary)}.article-content li{margin-bottom:.4em}.article-content code{background:var(--primary-bg);color:var(--primary-dark);padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:.88em;font-weight:500}.article-content pre{background:#1e1e2e;color:#cdd6f4;padding:20px 24px;border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:1.8em;box-shadow:var(--shadow-md);line-height:1.6}.article-content pre code{background:none;padding:0;color:inherit;font-weight:400}.article-content blockquote{border-left:4px solid var(--primary);background:var(--primary-bg);padding:16px 20px;margin:1.8em 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary)}.article-content img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:1.5em 0}.article-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:var(--primary-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-light),var(--primary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:#6366f126;color:var(--text)}.cursor-glow{position:fixed;top:0;left:0;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.06) 0%,transparent 70%);pointer-events:none;z-index:0;transition:opacity .3s ease}.click-ripple{position:fixed;width:0;height:0;border-radius:50%;background:#6366f126;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;animation:rippleExpand .6s ease-out forwards}@keyframes rippleExpand{0%{width:0;height:0;opacity:1}to{width:120px;height:120px;opacity:0}}@media (max-width: 768px){.container{padding:0 16px}}