:root{--bg-app: #f4f6f8;--bg-panel: #ffffff;--bg-surface: #f0f2f5;--primary: #0066ff;--primary-glow: rgba(0, 102, 255, .2);--secondary: #7000ff;--text-main: #1a1a1a;--text-muted: #64748b;--text-dim: #94a3b8;--border-light: #e2e8f0;--border-active: #cbd5e1;--success: #10b981;--error: #ef4444;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;line-height:1.5}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-active);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.article-container{max-width:800px;margin:0 auto;padding:40px 20px}.post-header{text-align:center;margin-bottom:40px}.post-tag{background:var(--bg-surface);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.post-title{font-size:2.5rem;margin:16px 0;color:var(--text-main)}.post-date{color:var(--text-muted)}.post-content{font-size:1.1rem;line-height:1.7;color:var(--text-secondary)}.post-content h2{color:var(--text-main);margin-top:40px;font-size:1.8rem}.post-content p{margin-bottom:20px}.post-content ul{margin-bottom:24px;padding-left:24px}.post-content li{margin-bottom:8px}.alert-box{padding:20px;border-radius:8px;margin:30px 0;border-left:4px solid}.alert-box.warning{background:#ff98001a;border-color:orange;color:var(--text-main)}.text-link{color:var(--primary);text-decoration:underline}.feature-showcase{background:var(--bg-surface);padding:30px;border-radius:12px;text-align:center;margin:40px 0;border:1px solid var(--border-light)}.cta-button{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;margin-top:16px;transition:background .2s}.cta-button:hover{filter:brightness(1.1)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:24px}.benefit-item{display:flex;align-items:center;gap:12px;background:var(--bg-surface);padding:16px;border-radius:8px}