:root{--primary-50:#fffbeb;--primary-100:#fef3c7;--primary-200:#fde68a;--primary-300:#fcd34d;--primary-400:#fbbf24;--primary-500:#f59e0b;--primary-600:#d97706;--primary-700:#b45309;--primary-800:#92400e;--primary-900:#78350f;--secondary-50:#ecfeff;--secondary-100:#cffafe;--secondary-200:#a5f3fc;--secondary-300:#67e8f9;--secondary-400:#22d3ee;--secondary-500:#06b6d4;--secondary-600:#0891b2;--secondary-700:#0e7490;--secondary-800:#155e75;--secondary-900:#164e63;--neutral-900:#12100e;--neutral-800:#1c1917;--neutral-700:#292524;--neutral-600:#44403c;--neutral-500:#57534e;--neutral-400:#78716c;--neutral-300:#a8a29e;--neutral-200:#d6d3d1;--danger-500:#ef4444;--success-500:#22c55e;--success-700:#15803d;--bg-base:#0c0a09;--bg-secondary:#151312;--bg-elevated:#1c1917;--bg-surface:#292524;--bg-surface-hover:#44403c;--bg-tertiary:#1c1917;--bg-card:#1c1917;--bg-card-hover:#292524;--bg-hover:#ffffff0d;--sidebar-width:240px;--z-sticky:100;--z-negative:-1;--z-base:0;--z-dropdown:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--text-primary:#f5f5f4;--text-secondary:#d6d3d1;--text-muted:#a8a29e;--text-accent:var(--primary-400);--border-subtle:#ffffff14;--border-default:#44403c;--border-strong:#57534e;--border-accent:var(--primary-600);--brand-primary:var(--primary-500);--brand-primary-hover:var(--primary-400);--brand-primary-glow:#f59e0b33;--discord:#5865f2;--discord-hover:#4752c4;--success:#22c55e;--success-rgb:34,197,94;--success-bg:#22c55e26;--warning:#f59e0b;--warning-rgb:245,158,11;--warning-bg:#f59e0b26;--error:#ef4444;--error-rgb:239,68,68;--error-bg:#ef444426;--online:#22c55e;--online-glow:#22c55e66;--offline:#ef4444;--offline-glow:#ef444466;--font-display:"Outfit",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",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;--text-5xl:3rem;--font-weight-medium:500;--font-weight-bold:700;--font-weight-extrabold:800;--space-0:0;--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;--space-20:5rem;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-full:9999px;--shadow-sm:0 1px 2px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 30px #f59e0b33;--shadow-glow-primary:var(--shadow-glow);--transition-fast:.1s ease;--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.4s ease;--header-height:72px;--container-max:1200px;--container-wide:1400px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-semibold:600;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--success-400:#4ade80;--success-600:#16a34a;--rank-assistant:#60a5fa;--rank-admin:#a78bfa;--rank-head-admin:#f472b6;--role-friend:#34d399;--role-hero:#fbbf24;--role-master:#f87171;--rarity-common:#9ca3af;--rarity-uncommon:#10b981;--rarity-rare:#3b82f6;--rarity-epic:#8b5cf6;--rarity-legendary:#f59e0b;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px #0000004d}.news-page{padding-bottom:var(--space-20)}.news-page .hero-section{background:radial-gradient(circle at 15% 50%,rgba(var(--brand-primary-rgb),.12),transparent 40%),radial-gradient(circle at 85% 50%,rgba(var(--brand-accent-rgb),.08),transparent 40%),linear-gradient(135deg,var(--bg-surface),var(--bg-base));border-bottom:2px solid var(--border-default);padding-top:calc(var(--header-height) + var(--space-12));padding-bottom:var(--space-20);margin-bottom:var(--space-16);position:relative;overflow:hidden}.news-page .hero-section:after{content:"";opacity:.5;pointer-events:none;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 30l10-10m0 0l-10-10m10 10H0' stroke='rgba(255,255,255,0.03)' fill='none'/%3E%3C/svg%3E");position:absolute;inset:0}.news-page .hero-section .container{width:100%;max-width:var(--container-max);margin:0 auto var(--space-16);padding:0 var(--space-6)}.news-page .hero-section .news-hero-content{text-align:center;z-index:1;max-width:900px;margin:0 auto;position:relative}.news-page .hero-section .news-hero-content .hero-icon{background:rgba(var(--brand-primary-rgb),.1);width:100px;height:100px;color:var(--brand-primary);margin-bottom:var(--space-8);border:2px solid rgba(var(--brand-primary-rgb),.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 8px 32px #0006}.news-page .hero-section .news-hero-content .hero-icon svg{width:48px;height:48px;filter:drop-shadow(0 0 8px var(--brand-primary-glow))}.news-page .hero-section .news-hero-content h1{font-size:var(--text-6xl);font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em;text-shadow:0 4px 20px #00000080;font-weight:800;line-height:1.1}.news-page .hero-section .news-hero-content p{color:var(--text-secondary);font-size:var(--text-2xl);max-width:650px;margin:0 auto var(--space-10);opacity:.9;line-height:1.6}.news-page .hero-section .news-hero-content .hero-stats{justify-content:center;gap:var(--space-10);flex-wrap:wrap;display:flex}.news-page .hero-section .news-hero-content .hero-stats .stat-item{align-items:center;gap:var(--space-3);color:var(--text-muted);font-size:var(--text-base);padding:var(--space-4)var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff08;font-weight:600;display:flex}.news-page .hero-section .news-hero-content .hero-stats .stat-item:hover{border-color:var(--brand-primary);color:var(--text-primary);background:rgba(var(--brand-primary-rgb),.05);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 20px #0000004d}.news-page .hero-section .news-hero-content .hero-stats .stat-item svg{color:var(--brand-primary);flex-shrink:0}.news-page .news-grid{gap:var(--space-10);margin-bottom:var(--space-20);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.news-page .news-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-2xl);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.news-page .news-card:hover{border-color:var(--brand-primary);box-shadow:0 20px 40px #0006,var(--shadow-glow-primary);transform:translateY(-8px)}.news-page .news-card:hover .news-image img{transform:scale(1.08)}.news-page .news-card:hover .read-more{color:var(--text-primary);gap:var(--space-4)}.news-page .news-card .news-image{aspect-ratio:16/10;background:var(--bg-tertiary);position:relative;overflow:hidden}.news-page .news-card .news-image:after{content:"";background:linear-gradient(#0000 60%,#0009);position:absolute;inset:0}.news-page .news-card .news-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.news-page .news-card .news-content{padding:var(--space-8);flex-direction:column;flex:1;display:flex}.news-page .news-card .news-content .news-date{font-size:var(--text-xs);color:var(--brand-primary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em;background:rgba(var(--brand-primary-rgb),.1);border-radius:var(--radius-sm);align-items:center;width:fit-content;padding:4px 10px;font-weight:800;display:inline-flex}.news-page .news-card .news-content h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);color:var(--text-primary);font-weight:800;line-height:1.25;font-family:var(--font-display)}.news-page .news-card .news-content p{font-size:var(--text-base);color:var(--text-secondary);-webkit-line-clamp:3;line-clamp:3;margin-bottom:var(--space-8);opacity:.8;-webkit-box-orient:vertical;line-height:1.7;display:-webkit-box;overflow:hidden}.news-page .news-card .news-content .card-footer-meta{padding-top:var(--space-6);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.news-page .news-card .news-content .card-footer-meta .user-pill.mini{box-shadow:none;background:0 0;border-color:#0000;padding:2px 8px 2px 2px}.news-page .news-card .news-content .card-footer-meta .user-pill.mini:hover{background:#ffffff0d}.news-page .news-card .news-content .card-footer-meta .user-pill.mini .avatar{width:22px;height:22px}.news-page .news-card .news-content .card-footer-meta .user-pill.mini .handle{font-size:var(--text-xs)}.news-page .news-card .news-content .card-footer-meta .user-pill.mini .online-indicator{display:none}.news-page .news-card .news-content .read-more{align-items:center;gap:var(--space-2);color:var(--brand-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-base);margin-top:auto;font-weight:700;display:inline-flex}.news-page .news-card .news-content .read-more:after{content:"→";transition:transform var(--transition-base);font-size:1.25rem}.news-page .empty-state{text-align:center;padding:var(--space-20)var(--space-8);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);max-width:600px;margin:0 auto}.news-page .empty-state .empty-icon{background:rgba(var(--brand-primary-rgb),.05);width:96px;height:96px;color:var(--text-muted);margin-bottom:var(--space-6);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.news-page .empty-state h3{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.news-page .empty-state p{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6}.news-post-page{padding:var(--space-20)0}.news-post-page .post-header{margin-bottom:var(--space-12);text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.news-post-page .post-header .post-meta{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);color:var(--text-muted);font-size:var(--text-sm);display:flex}.news-post-page .post-header .post-meta .dot{opacity:.3}.news-post-page .post-header h1{font-size:var(--text-5xl);font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.01em;font-weight:800;line-height:1.1}.news-post-page .post-featured-image{width:100%;max-width:1000px;margin:0 auto var(--space-16);border-radius:var(--radius-2xl);border:2px solid var(--border-default);overflow:hidden;box-shadow:0 30px 60px #00000080}.news-post-page .post-featured-image img{width:100%;height:auto;display:block}.news-post-page .post-featured-image .placeholder{background:var(--bg-surface);width:100%;height:450px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.news-post-page .post-content{max-width:800px;color:var(--text-secondary);margin:0 auto;font-size:1.125rem;line-height:1.8}.news-post-page .post-content h2{color:var(--text-primary);font-family:var(--font-display);margin-top:var(--space-12);margin-bottom:var(--space-6);font-size:var(--text-3xl);font-weight:800}.news-post-page .post-content h3{color:var(--text-primary);font-family:var(--font-display);margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--text-2xl);font-weight:700}.news-post-page .post-content p{margin-bottom:var(--space-8)}.news-post-page .post-content ul,.news-post-page .post-content ol{margin-bottom:var(--space-8);padding-left:var(--space-8)}.news-post-page .post-content ul li,.news-post-page .post-content ol li{margin-bottom:var(--space-3)}.news-post-page .post-content a{color:var(--brand-primary);border-bottom:2px solid rgba(var(--brand-primary-rgb),.2);transition:all var(--transition-fast);text-decoration:none}.news-post-page .post-content a:hover{border-bottom-color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.05)}.news-post-page .post-content blockquote{border-left:4px solid var(--brand-primary);background:rgba(var(--brand-primary-rgb),.03);padding:var(--space-6)var(--space-8);margin:var(--space-10)0;color:var(--text-primary);border-radius:0 var(--radius-lg)var(--radius-lg)0;font-style:italic}.news-post-page .post-content img{border-radius:var(--radius-xl);max-width:100%;height:auto;margin:var(--space-10)0}