:root{--primary: #7c3aed;--primary-dark: #6d28d9;--primary-darker: #5b21b6;--primary-light: #a78bfa;--primary-pale: #ede9fe;--primary-ghost: #f5f3ff;--accent: #d4a010;--accent-dark: #b8860b;--accent-light: #f0d060;--accent-pale: #fef9e7;--accent-glow: rgba(212, 160, 16, .15);--midnight: #0f0a1e;--midnight-light: #1a1035;--midnight-lighter: #2d2250;--bg: #faf8ff;--surface: #ffffff;--border: #e5e0f0;--border-light: #f0ecf8;--text: #1a1035;--text-muted: #5a5272;--text-light: #8a82a0;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Cinzel", "Georgia", serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading: 1.7;--leading-tight: 1.3;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--max-width: 1100px;--header-height: 60px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(15, 10, 30, .08);--shadow-md: 0 4px 12px rgba(15, 10, 30, .1);--shadow-lg: 0 8px 30px rgba(15, 10, 30, .12);--shadow-glow: 0 0 20px rgba(124, 58, 237, .15);--transition: .2s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading);color:var(--text);background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--midnight);border-bottom:1px solid rgba(124,58,237,.3);backdrop-filter:blur(12px)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--accent-light);letter-spacing:.02em;white-space:nowrap;transition:color var(--transition)}.site-logo:hover{color:var(--accent)}.logo-icon{font-size:1.5rem;filter:drop-shadow(0 0 6px rgba(240,208,96,.4))}.header-nav{display:flex;align-items:center;gap:var(--space-6)}.header-nav a{font-size:var(--text-sm);color:#ffffffb3;transition:color var(--transition);font-weight:500}.header-nav a:hover{color:var(--accent-light)}.search-bar{display:flex;align-items:center;gap:0;background:var(--midnight-light);border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-full);overflow:hidden;transition:border-color var(--transition)}.search-bar:focus-within{border-color:var(--primary-light);box-shadow:0 0 0 3px #7c3aed26}.search-bar input{width:180px;padding:var(--space-2) var(--space-4);background:transparent;border:none;color:#fff;font-size:var(--text-sm);outline:none}.search-bar input::placeholder{color:#fff6}.search-bar button{padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;transition:background var(--transition)}.search-bar button:hover{background:var(--primary-dark)}.hero{background:var(--midnight);position:relative;overflow:hidden;padding:var(--space-16) var(--space-6);text-align:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(124,58,237,.2) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(212,160,16,.15) 0%,transparent 50%),radial-gradient(circle at 50% 0%,rgba(124,58,237,.1) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.25),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.15),transparent),radial-gradient(1.5px 1.5px at 160px 120px,rgba(240,208,96,.4),transparent),radial-gradient(1px 1px at 200px 50px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 250px 140px,rgba(255,255,255,.25),transparent),radial-gradient(1.5px 1.5px at 300px 30px,rgba(240,208,96,.3),transparent),radial-gradient(1px 1px at 350px 90px,rgba(255,255,255,.2),transparent);background-size:400px 200px;animation:twinkle 8s ease-in-out infinite alternate;pointer-events:none}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}.hero-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.hero-icon{font-size:3rem;margin-bottom:var(--space-4);filter:drop-shadow(0 0 12px rgba(240,208,96,.5))}.hero h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:#fff;margin-bottom:var(--space-4);line-height:var(--leading-tight);letter-spacing:.02em}.hero h1 span{background:linear-gradient(135deg,var(--accent-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--text-lg);color:#ffffffa6;max-width:520px;margin:0 auto;line-height:1.6}.category-bar{display:flex;gap:var(--space-2);padding:var(--space-6) var(--space-6) 0;max-width:var(--max-width);margin:0 auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.category-bar::-webkit-scrollbar{display:none}.category-bar a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition)}.category-bar a:hover{color:var(--primary);border-color:var(--primary-light);background:var(--primary-ghost)}.category-bar a.active{color:#fff;background:var(--primary);border-color:var(--primary)}.section-header{max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-4)}.section-header h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--text)}.section-header p{margin-top:var(--space-2);font-size:var(--text-base);color:var(--text-muted)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:var(--max-width);margin:0 auto;padding:var(--space-4) var(--space-6) var(--space-8)}.post-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all var(--transition);display:flex;flex-direction:column}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.post-card-image{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:linear-gradient(135deg,var(--midnight),var(--midnight-lighter))}.post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.post-card:hover .post-card-image img{transform:scale(1.05)}.post-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--midnight),var(--midnight-lighter));position:relative}.post-card-placeholder:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(124,58,237,.2) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(212,160,16,.15) 0%,transparent 50%)}.post-card-badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;color:#fff;background:var(--primary);border-radius:var(--radius-full);z-index:1}.post-card-body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.post-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);color:var(--text);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card-excerpt{font-size:var(--text-sm);color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.post-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border-light);font-size:var(--text-xs);color:var(--text-light)}.post-card-steps{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary);font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6) var(--space-6) var(--space-12);max-width:var(--max-width);margin:0 auto}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition)}.pagination a{color:var(--text-muted);background:var(--surface);border:1px solid var(--border)}.pagination a:hover{color:var(--primary);border-color:var(--primary-light);background:var(--primary-ghost)}.pagination .active{color:#fff;background:var(--primary);border-color:var(--primary)}.pagination .ellipsis{color:var(--text-light);border:none;background:none}.pagination .prev,.pagination .next{font-weight:600}.article{max-width:728px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.article-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);transition:color var(--transition)}.article-back:hover{color:var(--primary)}.article-category{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;color:#fff;background:var(--primary);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.article-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);color:var(--text);margin-bottom:var(--space-4)}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.article-meta span{display:inline-flex;align-items:center;gap:var(--space-1)}.article-hero{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border)}.article-tags a{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--primary);background:var(--primary-pale);border-radius:var(--radius-full);transition:all var(--transition)}.article-tags a:hover{background:var(--primary);color:#fff}.prose{font-size:var(--text-base);line-height:var(--leading);color:var(--text)}.prose h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--primary-light);color:var(--text)}.prose h3{font-size:var(--text-xl);font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--text)}.prose p{margin-bottom:var(--space-4)}.prose ul,.prose ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--primary);background:var(--primary-ghost);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-muted)}.prose a{color:var(--primary);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--primary-dark)}.prose strong{font-weight:600;color:var(--text)}.prose img{border-radius:var(--radius-md);margin:var(--space-6) 0}.prose code{font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--primary-pale);border-radius:var(--radius-sm)}.prose pre{margin:var(--space-6) 0;padding:var(--space-4);background:var(--midnight);border-radius:var(--radius-md);overflow-x:auto}.prose pre code{background:none;padding:0;color:#e2e8f0}.site-footer{background:var(--midnight);padding:var(--space-12) var(--space-6);border-top:1px solid rgba(124,58,237,.3)}.footer-inner{max-width:var(--max-width);margin:0 auto;text-align:center}.footer-logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--accent-light);margin-bottom:var(--space-3)}.footer-desc{font-size:var(--text-sm);color:#ffffff80;max-width:480px;margin:0 auto var(--space-6);line-height:1.6}.footer-links{display:flex;justify-content:center;gap:var(--space-6);margin-bottom:var(--space-6)}.footer-links a{font-size:var(--text-sm);color:#ffffff80;transition:color var(--transition)}.footer-links a:hover{color:var(--accent-light)}.footer-copy{font-size:var(--text-xs);color:#ffffff4d}.about-page{max-width:728px;margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.about-page h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--space-6)}.about-page h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-top:var(--space-8);margin-bottom:var(--space-3)}.about-page p{margin-bottom:var(--space-4);color:var(--text-muted);line-height:1.7}.about-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin:var(--space-6) 0}.about-category{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--primary-ghost);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text)}.about-disclaimer{margin-top:var(--space-8);padding:var(--space-6);background:var(--accent-pale);border:1px solid rgba(212,160,16,.3);border-radius:var(--radius-md)}.about-disclaimer p{font-size:var(--text-sm);color:var(--text-muted)}.search-page{max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}.search-page h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}.search-page iframe{width:100%;min-height:600px;border:none;border-radius:var(--radius-md)}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8) var(--space-6)}.error-code{font-family:var(--font-display);font-size:8rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--space-4)}.error-page h1{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-4)}.error-page p{color:var(--text-muted);margin-bottom:var(--space-6)}.error-page a{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border-radius:var(--radius-full);font-weight:600;transition:background var(--transition)}.error-page a:hover{background:var(--primary-dark)}.tag-header{max-width:var(--max-width);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-4)}.tag-header h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.tag-header .tag-count{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:var(--text-3xl)}.header-nav{gap:var(--space-4)}.search-bar input{width:140px}.about-categories{grid-template-columns:1fr}}@media(max-width:600px){.post-grid{grid-template-columns:1fr}.hero{padding:var(--space-10) var(--space-4)}.hero h1{font-size:var(--text-2xl)}.hero p{font-size:var(--text-base)}.header-nav,.search-bar{display:none}.article-title{font-size:var(--text-2xl)}.error-code{font-size:5rem}}