@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap');:root{--cyan:#4A8FE7;--cyan-dim:#3A7FD7;--purple:#1E3A6E;--purple-dim:#142D56;--purple-bright:#4A8FE7;--neon-blue:#4A8FE7;--pink-accent:#94a3b8;--bg-void:#060E1C;--bg-deep:#0A1628;--bg-dark:#0C1A30;--bg-card:#0E2040;--bg-card-hover:#152540;--bg-elevated:#152040;--bg-input:#0C1A30;--border:rgba(74,143,231,0.14);--border-hover:rgba(74,143,231,0.25);--border-purple:rgba(74,143,231,0.14);--text-primary:#E8EEF6;--text-secondary:rgba(232,238,246,0.72);--text-muted:rgba(200,208,220,0.50);--text-accent:#4A8FE7;--grad-brand:linear-gradient(135deg,#4A8FE7,#1E3A6E);--grad-brand-alt:linear-gradient(135deg,#1E3A6E,#4A8FE7);--grad-card:linear-gradient(135deg,rgba(74,143,231,0.04),rgba(30,58,110,0.03));--grad-glow:radial-gradient(ellipse at center,rgba(74,143,231,0.07) 0%,transparent 70%);--shadow-neon:0 8px 30px rgba(0,0,0,0.5);--shadow-purple:0 8px 30px rgba(0,0,0,0.5);--shadow-card:0 2px 12px rgba(0,0,0,0.35);--shadow-hover:0 6px 24px rgba(0,0,0,0.4);--accent-gold:#b8972a;--accent-gold-dim:rgba(184,151,42,0.10);--accent-gold-border:rgba(184,151,42,0.22);--font-display:'Libre Baskerville',Georgia,serif;--font-ui:'Source Sans 3',system-ui,sans-serif;--font-body:'Source Sans 3',system-ui,sans-serif;--container-max:1280px;--section-pad:100px;--card-radius:10px;--nav-height:70px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:rgba(74,143,231,0.3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cyan)}.gradient-text{color:var(--cyan)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:rgba(6,14,28,0.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all 0.3s ease}.navbar.scrolled{background:rgba(6,14,28,0.95);border-bottom-color:rgba(74,143,231,0.15);box-shadow:0 4px 30px rgba(0,0,0,0.5)}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;gap:32px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.logo-icon svg{width:36px;height:36px}.logo-text{font-family:var(--font-ui);font-weight:800;font-size:1.15rem;letter-spacing:-0.02em;color:var(--text-primary)}.logo-accent{color:var(--text-primary);-webkit-text-fill-color:currentColor}.logo-textwrap{display:flex;flex-direction:column;line-height:1.04}.logo-tagline{font-family:var(--font-ui);font-weight:400;font-size:0.6rem;letter-spacing:0.01em;color:var(--text-muted);margin-top:2px;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:4px;flex:1}.nav-link{padding:8px 14px;font-family:var(--font-ui);font-size:0.95rem;font-weight:500;letter-spacing:0.02em;color:var(--text-secondary);border-radius:8px;transition:all 0.2s ease;white-space:nowrap}.nav-link:hover{color:var(--cyan);background:rgba(74,143,231,0.06)}.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.btn-search{background:none;border:1px solid var(--border);color:var(--text-secondary);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease}.btn-search:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(74,143,231,0.06)}.btn-cta{background:#4A8FE7;color:#fff;font-family:var(--font-ui);font-weight:700;font-size:0.85rem;letter-spacing:0.01em;padding:10px 20px;border-radius:8px;transition:all 0.2s ease}.btn-cta:hover{background:#3A7FD7;transform:translateY(-1px)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;width:38px;height:38px}.hamburger span{display:block;width:24px;height:2px;background:var(--text-secondary);border-radius:2px;transition:all 0.3s ease}.search-bar{position:absolute;top:100%;left:0;right:0;background:rgba(4,12,24,0.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:16px 24px;transform:translateY(-110%);opacity:0;transition:all 0.3s ease;pointer-events:none}.search-bar.open{transform:translateY(0);opacity:1;pointer-events:all}.search-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-hover);border-radius:12px;padding:12px 16px}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:1rem;font-family:var(--font-body)}.search-input::placeholder{color:var(--text-muted)}.search-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;transition:color 0.2s}.search-close:hover{color:var(--cyan)}.news-ticker{position:fixed;top:var(--nav-height);left:0;right:0;z-index:999;height:34px;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;overflow:hidden}.ticker-label{flex-shrink:0;padding:0 16px;font-family:var(--font-ui);font-size:0.7rem;font-weight:600;letter-spacing:0.04em;color:var(--text-secondary);background:rgba(255,255,255,0.03);height:100%;display:flex;align-items:center;border-right:1px solid rgba(255,255,255,0.06)}.ticker-track{flex:1;overflow:hidden;height:100%;display:flex;align-items:center}.ticker-content{display:flex;align-items:center;gap:32px;white-space:nowrap;animation:ticker-scroll 40s linear infinite;font-size:0.78rem;color:var(--text-secondary);padding-left:16px}.ticker-sep{color:var(--cyan);opacity:0.4}@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.hero{min-height:100vh;padding-top:calc(var(--nav-height)+34px+60px);padding-bottom:80px;position:relative;display:flex;flex-direction:column;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.grid-overlay{display:none}.glow-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.glow-1{width:600px;height:600px;background:radial-gradient(circle,rgba(74,143,231,0.07) 0%,transparent 70%);top:-200px;left:-100px}.glow-2{width:500px;height:500px;background:radial-gradient(circle,rgba(74,143,231,0.07) 0%,transparent 70%);top:100px;right:-150px}.glow-3{width:400px;height:400px;background:radial-gradient(circle,rgba(74,143,231,0.05) 0%,transparent 70%);bottom:0;left:40%}.hero-container{position:relative;z-index:1;text-align:center;max-width:860px;padding:0 24px}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:0 0 0 12px;background:transparent;border:none;border-left:2px solid var(--accent-gold);border-radius:0;font-family:var(--font-ui);font-size:0.7rem;font-weight:700;letter-spacing:0.1em;color:rgba(240,240,240,0.65);text-transform:uppercase;margin-bottom:28px;animation:fade-up 0.6s ease both}.badge-dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:none}.hero-title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4rem);font-weight:900;line-height:1.15;letter-spacing:-0.02em;margin-bottom:24px;animation:fade-up 0.6s ease 0.1s both}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto 36px;line-height:1.7;animation:fade-up 0.6s ease 0.2s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:52px;animation:fade-up 0.6s ease 0.3s both}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--grad-brand);color:white;font-family:var(--font-ui);font-weight:700;font-size:1rem;letter-spacing:0.02em;padding:14px 28px;border-radius:12px;border:none;transition:all 0.2s ease;box-shadow:0 4px 20px rgba(0,0,0,0.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.45)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--text-primary);font-family:var(--font-ui);font-weight:600;font-size:1rem;letter-spacing:0.03em;padding:14px 28px;border-radius:12px;border:1px solid var(--border-hover);transition:all 0.3s ease}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan);background:rgba(74,143,231,0.05);transform:translateY(-1px)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;animation:fade-up 0.6s ease 0.4s both}.stat{text-align:center}.stat-num{font-family:var(--font-display);font-size:2rem;font-weight:900;color:#ffffff}.stat>span:not(.stat-num):not(.stat-label){font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:#ffffff}.stat-label{display:block;font-size:0.78rem;letter-spacing:0.08em;color:var(--text-muted);font-family:var(--font-ui);text-transform:uppercase;margin-top:4px}.stat-divider{width:1px;height:40px;background:var(--border)}.hero-featured{position:relative;z-index:1;width:100%;max-width:860px;padding:0 24px;margin-top:60px;animation:fade-up 0.6s ease 0.5s both}.featured-card-hero{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:36px;position:relative;overflow:hidden;transition:all 0.3s ease}.featured-card-hero::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gold)}.featured-card-hero:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.featured-badge-card{display:inline-block;padding:0 0 0 10px;background:transparent;border:none;border-left:2px solid var(--accent-gold);color:var(--accent-gold);font-family:var(--font-ui);font-size:0.66rem;font-weight:700;letter-spacing:0.09em;border-radius:0;margin-bottom:16px;text-transform:uppercase}.featured-title-hero{font-family:var(--font-ui);font-size:1.95rem;font-weight:800;line-height:1.25;letter-spacing:-0.02em;margin-bottom:14px;color:var(--text-primary)}.featured-excerpt-hero{font-size:0.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.featured-meta{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.category-tag{padding:4px 12px;background:rgba(74,143,231,0.08);border:1px solid rgba(74,143,231,0.12);color:var(--cyan);border-radius:100px;font-size:0.8rem;font-weight:500}.read-time,.date-pub{font-size:0.82rem;color:var(--text-muted)}.btn-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-family:var(--font-ui);font-weight:600;font-size:0.95rem;letter-spacing:0.03em;transition:all 0.2s ease}.btn-read-more:hover{gap:12px;color:var(--text-primary)}.categories-section{padding:40px 0;background:var(--bg-deep);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.categories-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.cat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;text-decoration:none;transition:all 0.3s ease;text-align:center;cursor:pointer}.cat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);background:var(--bg-card-hover);box-shadow:var(--shadow-card)}.cat-icon{display:none}.cat-card span{font-family:var(--font-ui);font-weight:600;font-size:0.78rem;letter-spacing:0.02em;color:var(--text-primary)}.cat-count{font-size:0.68rem;color:var(--text-muted);font-family:var(--font-ui)}.cat-1:hover{border-color:var(--border-hover)}.cat-2:hover{border-color:var(--border-hover)}.cat-3:hover{border-color:var(--border-hover)}.cat-4:hover{border-color:var(--border-hover)}.cat-5:hover{border-color:var(--border-hover)}.cat-6:hover{border-color:var(--border-hover)}.cat-7:hover{border-color:var(--border-hover)}.cat-8:hover{border-color:var(--border-hover)}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:36px;flex-wrap:wrap}.section-label{font-family:var(--font-ui);font-size:0.66rem;font-weight:700;letter-spacing:0.09em;color:var(--cyan);background:transparent;border:none;border-left:2px solid var(--cyan);padding:0 0 0 10px;border-radius:0;text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-0.02em;flex:1}.section-desc{color:var(--text-secondary);font-size:1rem;margin-top:-20px;margin-bottom:36px}.section-link{font-family:var(--font-ui);font-weight:600;font-size:0.9rem;color:var(--cyan);white-space:nowrap;transition:gap 0.2s}.section-link:hover{color:var(--text-primary)}.featured-section{padding:var(--section-pad) 0}.articles-grid-main{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.articles-side{display:flex;flex-direction:column;gap:16px}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;transition:all 0.3s ease}.article-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.article-img-wrap{position:relative;height:280px;overflow:hidden}.article-img-wrap.small{height:100px}.article-img-placeholder{width:100%;height:100%;display:flex;align-items:flex-end;padding:20px;position:relative;transition:transform 0.4s ease}.article-card:hover .article-img-placeholder{transform:scale(1.03)}.ai-img-1{background:linear-gradient(135deg,#0d1a2e 0%,#1a0d2e 40%,#0d2a1a 100%)}.ai-img-2{background:linear-gradient(135deg,#0a1628 0%,#1c1028 100%)}.ai-img-3{background:linear-gradient(135deg,#0d2010 0%,#102010 100%)}.ai-img-4{background:linear-gradient(135deg,#1a0d28 0%,#0d1828 100%)}.ai-img-5{background:linear-gradient(135deg,#0d1020 0%,#1a1030 100%)}.ai-img-6{background:linear-gradient(135deg,#101830 0%,#180d28 100%)}.ai-img-7{background:linear-gradient(135deg,#201028 0%,#102030 100%)}.ai-img-8{background:linear-gradient(135deg,#0d2010 0%,#101828 100%)}.ai-img-9{background:linear-gradient(135deg,#20100d 0%,#101828 100%)}.ai-img-10{background:linear-gradient(135deg,#102818 0%,#0d1a28 100%)}.ai-news-1{background:linear-gradient(135deg,#0d1020 0%,#201030 100%)}.ai-news-2{background:linear-gradient(135deg,#101828 0%,#1a2810 100%)}.ai-news-3{background:linear-gradient(135deg,#181028 0%,#101828 100%)}.ai-img-1::after{content:'🤖';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;opacity:0.22;filter:none}.img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(8,14,26,0.9) 0%,transparent 50%)}.img-label{position:relative;z-index:1;font-family:var(--font-ui);font-weight:700;font-size:0.85rem;color:var(--text-secondary)}.article-category-badge{position:absolute;top:16px;left:16px;padding:5px 12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:var(--text-secondary);font-family:var(--font-ui);font-size:0.72rem;font-weight:600;letter-spacing:0.02em;border-radius:6px;z-index:2;backdrop-filter:blur(8px)}.article-content{padding:24px}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}.meta-fire{font-size:0.78rem;color:var(--cyan);font-family:var(--font-ui);font-weight:600}.meta-time{font-size:0.75rem;color:var(--text-muted)}.article-title{font-family:var(--font-ui);font-size:1.2rem;font-weight:700;line-height:1.35;margin-bottom:12px}.article-title a{color:var(--text-primary);transition:color 0.2s}.article-title a:hover{color:var(--cyan)}.small-title{font-size:0.95rem}.article-excerpt{font-size:0.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.article-footer{display:flex;align-items:center;justify-content:space-between;font-size:0.78rem;color:var(--text-muted)}.author-info{display:flex;align-items:center;gap:8px}.author-avatar{width:28px;height:28px;background:var(--grad-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;color:white}.article-small{display:flex;gap:0;flex-direction:column}.ad-banner-wrap{padding:20px 0}.ad-placeholder{background:var(--bg-card);border:1px dashed rgba(255,255,255,0.06);border-radius:var(--card-radius);display:flex;align-items:center;justify-content:center;position:relative}.ad-leaderboard{height:90px}.ad-rect{width:300px;height:250px;margin:0 auto}.ad-label{position:absolute;top:8px;right:8px;font-size:0.65rem;color:var(--text-muted);letter-spacing:0.05em}.tools-section{padding:var(--section-pad) 0;background:var(--bg-deep);border-top:1px solid var(--border)}.tools-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px}.filter-btn{padding:8px 18px;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-ui);font-size:0.85rem;font-weight:500;border-radius:100px;transition:all 0.2s ease}.filter-btn:hover,.filter-btn.active{background:rgba(74,143,231,0.08);border-color:var(--cyan);color:var(--cyan)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:24px;transition:all 0.3s ease;cursor:pointer}.tool-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-card);background:var(--bg-card-hover)}.tool-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.tool-logo{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.75rem;font-weight:700;color:white;flex-shrink:0}.chatgpt-logo{background:linear-gradient(135deg,#10a37f,#0d8a6e)}.claude-logo{background:linear-gradient(135deg,#d4612b,#b5501f)}.midjourney-logo{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,255,255,0.1)}.cursor-logo{background:linear-gradient(135deg,#000,#1a1a1a);border:1px solid rgba(255,255,255,0.1)}.sora-logo{background:linear-gradient(135deg,#0a0a14,#10a37f)}.notion-logo{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,0.1)}.tool-info{flex:1}.tool-name{font-family:var(--font-ui);font-weight:700;font-size:1rem}.tool-company{font-size:0.75rem;color:var(--text-muted)}.tool-badge{padding:4px 10px;border-radius:100px;font-size:0.7rem;font-weight:600;font-family:var(--font-ui);letter-spacing:0.03em}.tool-badge.free{background:rgba(34,197,94,0.1);color:#22c55e;border:1px solid rgba(34,197,94,0.2)}.tool-badge.paid{background:rgba(74,143,231,0.08);color:var(--cyan);border:1px solid rgba(74,143,231,0.12)}.tool-badge.freemium{background:rgba(74,143,231,0.08);color:var(--cyan);border:1px solid rgba(74,143,231,0.15)}.tool-desc{font-size:0.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.tool-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tool-tags span{padding:3px 10px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:100px;font-size:0.72rem;color:var(--text-muted);font-family:var(--font-ui)}.tool-footer{display:flex;align-items:center;justify-content:space-between}.tool-rating{display:flex;align-items:center;gap:6px}.stars{color:#f59e0b;font-size:0.8rem}.rating-num{font-size:0.8rem;color:var(--text-secondary);font-weight:600}.btn-tool{font-family:var(--font-ui);font-size:0.82rem;font-weight:600;color:var(--cyan);transition:all 0.2s}.btn-tool:hover{color:var(--text-primary);letter-spacing:0.01em}.articles-section{padding:var(--section-pad) 0}.articles-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden;transition:all 0.3s ease}.article-card-v2:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card-img-wrap{position:relative;height:180px;overflow:hidden}.card-img{width:100%;height:100%;transition:transform 0.4s ease}.article-card-v2:hover .card-img{transform:scale(1.05)}.card-cat{position:absolute;top:12px;left:12px;padding:4px 10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:var(--text-secondary);font-family:var(--font-ui);font-size:0.7rem;font-weight:600;border-radius:6px;backdrop-filter:blur(8px)}.card-body{padding:22px 22px 20px}.card-title{font-family:var(--font-ui);font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:10px}.card-title a{color:var(--text-primary);transition:color 0.2s}.card-title a:hover{color:var(--cyan)}.card-excerpt{font-size:0.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.card-footer{display:flex;align-items:center;justify-content:space-between}.card-tags{display:flex;gap:6px}.card-tags span{padding:3px 8px;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:100px;font-size:0.68rem;color:var(--text-muted)}.card-footer time{font-size:0.75rem;color:var(--text-muted)}.content-with-sidebar{padding:var(--section-pad) 0;background:var(--bg-deep);border-top:1px solid var(--border)}.content-sidebar-wrap{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}.news-list{display:flex;flex-direction:column;gap:24px;margin-top:8px}.news-item{display:grid;grid-template-columns:120px 1fr;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--border);transition:all 0.2s}.news-item:last-child{border-bottom:none}.news-img{height:90px;border-radius:10px;flex-shrink:0;position:relative;overflow:hidden}.news-img::after{display:none}.news-content h3{font-family:var(--font-ui);font-size:0.95rem;font-weight:700;line-height:1.4;margin-bottom:6px}.news-content h3 a{color:var(--text-primary);transition:color 0.2s}.news-content h3 a:hover{color:var(--cyan)}.news-cat{display:inline-block;padding:0 0 0 8px;background:transparent;border-left:2px solid var(--cyan);color:var(--cyan);font-size:0.65rem;font-weight:700;letter-spacing:0.07em;border-radius:0;margin-bottom:6px;font-family:var(--font-ui);text-transform:uppercase}.news-content p{font-size:0.82rem;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.news-meta{font-size:0.75rem;color:var(--text-muted);display:flex;gap:6px;align-items:center}.sidebar{position:sticky;top:calc(var(--nav-height)+34px+20px);display:flex;flex-direction:column;gap:20px}.sidebar-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:20px}.widget-title{font-family:var(--font-ui);font-weight:700;font-size:1rem;margin-bottom:16px;color:var(--text-primary)}.trending-list{display:flex;flex-direction:column;gap:12px;padding-left:0;list-style:none;counter-reset:trending}.trending-list li{display:flex;gap:12px;counter-increment:trending;align-items:flex-start}.trending-list li::before{content:counter(trending,decimal-leading-zero);font-family:var(--font-display);font-size:0.7rem;font-weight:700;color:rgba(74,143,231,0.55);flex-shrink:0;margin-top:2px}.trending-list a{font-size:0.85rem;color:var(--text-secondary);line-height:1.4;transition:color 0.2s}.trending-list a:hover{color:var(--cyan)}.newsletter-widget{text-align:center}.newsletter-widget .widget-icon{font-size:2rem;margin-bottom:8px}.newsletter-widget p{font-size:0.82rem;color:var(--text-secondary);margin-bottom:12px}.widget-input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:0.85rem;margin-bottom:8px;outline:none;transition:border-color 0.2s;font-family:var(--font-body)}.widget-input:focus{border-color:var(--cyan)}.widget-btn{width:100%;padding:10px;background:var(--grad-brand);border:none;border-radius:8px;color:white;font-family:var(--font-ui);font-weight:600;font-size:0.85rem;letter-spacing:0.03em;transition:all 0.2s;cursor:pointer}.widget-btn:hover{opacity:0.9;transform:translateY(-1px)}.affiliate-widget{text-align:center}.aff-label{font-size:0.68rem;letter-spacing:0.1em;color:#f59e0b;font-family:var(--font-display);font-weight:700;margin-bottom:10px}.aff-logo{font-family:var(--font-display);font-size:1rem;font-weight:700;padding:10px;background:linear-gradient(135deg,#10a37f,#0d8a6e);border-radius:10px;margin:0 auto 12px;display:inline-block;color:white}.affiliate-widget p{font-size:0.82rem;color:var(--text-secondary);margin-bottom:12px}.aff-price{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:#ffffff}.aff-price span{font-size:0.9rem;color:var(--text-muted)}.btn-aff{display:block;width:100%;padding:10px;background:var(--grad-brand);color:white;font-family:var(--font-ui);font-weight:600;font-size:0.85rem;border-radius:8px;margin-top:10px;text-align:center;transition:all 0.2s}.btn-aff:hover{opacity:0.9;transform:translateY(-1px)}.comparison-section{padding:var(--section-pad) 0}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--card-radius);overflow:hidden}.comparison-table thead{background:var(--bg-elevated)}.comparison-table th{padding:18px 20px;text-align:left;font-family:var(--font-ui);font-weight:700;font-size:0.9rem;letter-spacing:0.03em;color:var(--text-primary);border-bottom:1px solid var(--border)}.comparison-table th:first-child{color:var(--text-muted)}.col-chatgpt{color:#10b981 !important}.col-claude{color:#d4612b !important}.col-gemini{color:#4285f4 !important}.th-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-family:var(--font-display);font-size:0.6rem;font-weight:700;color:white;margin-bottom:4px;margin-right:8px}.chatgpt-logo-sm{background:linear-gradient(135deg,#10a37f,#0d8a6e)}.claude-logo-sm{background:linear-gradient(135deg,#d4612b,#b5501f)}.gemini-logo-sm{background:linear-gradient(135deg,#4285f4,#0d5bcf)}.comparison-table td{padding:14px 20px;font-size:0.875rem;color:var(--text-secondary);border-bottom:1px solid var(--border);border-right:1px solid var(--border);transition:background 0.2s}.comparison-table tr:last-child td{border-bottom:none}.comparison-table td:last-child{border-right:none}.comparison-table tr:hover td{background:rgba(74,143,231,0.02)}.check{color:var(--cyan) !important;font-size:0.82rem !important}.rating-cell{min-width:140px}.r-bar{display:block;font-size:0.78rem;font-weight:600;color:var(--cyan);padding-bottom:4px}.r-bar::after{content:'';display:block;height:4px;background:rgba(74,143,231,0.15);border-radius:100px;margin-top:4px;position:relative}.r-bar::before{content:'';display:block;height:4px;background:var(--grad-brand);border-radius:100px;width:var(--w);margin-top:8px;position:relative;z-index:1;box-shadow:none}.claude-bar{color:#d4612b}.claude-bar::before{background:linear-gradient(90deg,#d4612b,#f59e0b);box-shadow:none}.gemini-bar{color:#4285f4}.gemini-bar::before{background:linear-gradient(90deg,#4285f4,#0ea5e9);box-shadow:none}.prompts-section{padding:var(--section-pad) 0;background:var(--bg-deep);border-top:1px solid var(--border)}.prompts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:36px}.prompt-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:24px;transition:all 0.3s ease}.prompt-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card)}.prompt-cat{font-family:var(--font-ui);font-weight:700;font-size:0.85rem;color:var(--cyan);margin-bottom:14px}.prompt-text{font-size:0.9rem;color:var(--text-secondary);line-height:1.7;font-style:italic;background:rgba(0,0,0,0.2);padding:14px;border-radius:10px;border-left:3px solid var(--cyan);margin-bottom:16px}.prompt-footer{display:flex;align-items:center;justify-content:space-between}.prompt-model{font-size:0.75rem;color:var(--text-muted);font-family:var(--font-ui)}.copy-btn{background:rgba(74,143,231,0.06);border:1px solid rgba(74,143,231,0.15);color:var(--cyan);font-size:0.78rem;font-family:var(--font-ui);font-weight:600;padding:6px 14px;border-radius:8px;transition:all 0.2s}.copy-btn:hover{background:rgba(74,143,231,0.12)}.prompts-cta{text-align:center}.newsletter-section{padding:var(--section-pad) 0}.newsletter-card{background:linear-gradient(135deg,rgba(74,143,231,0.05),rgba(26,63,122,0.04));border:1px solid rgba(74,143,231,0.15);border-radius:24px;padding:60px;text-align:center;position:relative;overflow:hidden}.newsletter-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(74,143,231,0.06) 0%,transparent 70%);pointer-events:none}.newsletter-content{position:relative;z-index:1}.newsletter-icon{font-size:3rem;margin-bottom:16px}.newsletter-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;margin-bottom:14px;line-height:1.2}.newsletter-subtitle{font-size:1rem;color:var(--text-secondary);max-width:500px;margin:0 auto 32px;line-height:1.7}.newsletter-form{display:flex;gap:12px;max-width:520px;margin:0 auto 16px}.newsletter-input{flex:1;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:0.95rem;outline:none;font-family:var(--font-body);transition:border-color 0.2s}.newsletter-input:focus{border-color:var(--cyan)}.newsletter-btn{display:flex;align-items:center;gap:8px;padding:14px 24px;background:var(--grad-brand);border:none;border-radius:12px;color:white;font-family:var(--font-ui);font-weight:700;font-size:0.95rem;letter-spacing:0.03em;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;box-shadow:none}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon)}.newsletter-note{font-size:0.78rem;color:var(--text-muted)}.affiliate-section{padding:var(--section-pad) 0;background:var(--bg-deep);border-top:1px solid var(--border)}.affiliate-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:20px;align-items:start}.aff-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);padding:28px;transition:all 0.3s ease;position:relative;overflow:hidden}.aff-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.featured-aff{border-color:rgba(255,255,255,0.1);background:var(--bg-card)}.featured-aff::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-gold)}.aff-badge-top{font-family:var(--font-display);font-size:0.62rem;font-weight:700;letter-spacing:0.1em;color:var(--accent-gold);background:var(--accent-gold-dim);border:1px solid var(--accent-gold-border);padding:5px 12px;border-radius:100px;display:inline-block;margin-bottom:16px}.aff-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.aff-logo-lg{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:0.8rem;font-weight:700;color:white}.aff-name{font-family:var(--font-ui);font-weight:700;font-size:1.1rem}.aff-stars{color:#f59e0b;font-size:0.85rem}.aff-stars span{color:var(--text-muted);font-size:0.8rem}.aff-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.aff-features li{font-size:0.85rem;color:var(--text-secondary)}.aff-features li::first-letter{color:var(--cyan)}.aff-pricing{margin-bottom:16px}.aff-price{font-family:var(--font-display);font-size:2rem;font-weight:900;color:#ffffff}.aff-period{color:var(--text-muted);font-size:0.9rem}.btn-aff-large{display:block;text-align:center;padding:14px;background:var(--grad-brand);color:white;font-family:var(--font-ui);font-weight:700;font-size:0.95rem;border-radius:12px;transition:all 0.3s;box-shadow:none}.btn-aff-large:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon)}.btn-aff-medium{display:block;text-align:center;padding:12px;background:rgba(74,143,231,0.06);border:1px solid rgba(74,143,231,0.15);color:var(--cyan);font-family:var(--font-ui);font-weight:600;font-size:0.9rem;border-radius:12px;transition:all 0.2s}.btn-aff-medium:hover{background:rgba(74,143,231,0.12)}.footer{background:var(--bg-deep);border-top:1px solid var(--border);padding:64px 0 32px;position:relative;overflow:hidden}.footer-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:800px;height:200px;background:radial-gradient(ellipse at top,rgba(74,143,231,0.04) 0%,transparent 70%);pointer-events:none}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand{}.footer-logo{margin-bottom:16px;display:inline-flex}.footer-desc{font-size:0.875rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:280px}.social-links{display:flex;gap:10px}.social-link{width:38px;height:38px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all 0.2s}.social-link svg{width:16px;height:16px}.social-link:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(74,143,231,0.06);transform:translateY(-2px)}.footer-heading{font-family:var(--font-ui);font-weight:700;font-size:0.9rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:20px}.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:0.875rem;color:var(--text-secondary);transition:color 0.2s}.footer-links a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;flex-direction:column;gap:8px}.footer-bottom p{font-size:0.8rem;color:var(--text-muted)}.footer-disclaimer{font-style:italic}.scroll-top{position:fixed;bottom:32px;right:24px;width:46px;height:46px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:900;opacity:0;transform:translateY(20px);transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.4)}.scroll-top.visible{opacity:1;transform:translateY(0)}.scroll-top:hover{color:var(--cyan);border-color:var(--cyan);background:rgba(74,143,231,0.08);transform:translateY(-2px)}.toast{position:fixed;bottom:90px;right:24px;padding:12px 20px;background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:12px;font-size:0.875rem;color:var(--text-primary);z-index:1000;opacity:0;transform:translateY(10px);transition:all 0.3s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}@keyframes fade-up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media (max-width:1100px){.categories-grid{grid-template-columns:repeat(4,1fr)}.tools-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.affiliate-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.nav-links{display:none}.hamburger{display:flex}.articles-grid-main{grid-template-columns:1fr}.articles-side{grid-column:1}.content-sidebar-wrap{grid-template-columns:1fr}.sidebar{position:static}.comparison-table th,.comparison-table td{padding:12px;font-size:0.8rem}}@media (max-width:768px){:root{--section-pad:48px}.hero{padding-top:calc(var(--nav-height)+34px+40px)}.hero-stats{gap:20px}.stat-num{font-size:1.5rem}.categories-grid{grid-template-columns:repeat(4,1fr);gap:8px}.cat-card{padding:14px 8px}.articles-grid-3{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr}.prompts-grid{grid-template-columns:1fr}.affiliate-grid{grid-template-columns:1fr}.newsletter-card{padding:36px 24px}.newsletter-form{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:24px}.hero-title{font-size:2rem}.section-title{font-size:1.4rem}}@media (max-width:600px){.logo-tagline{display:none}}@media (max-width:480px){.categories-grid{grid-template-columns:repeat(4,1fr)}.cat-card span{font-size:0.65rem}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-ghost{width:100%;justify-content:center}.hero-stats{flex-wrap:wrap}}@media (max-width:900px){.nav-links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background:rgba(10,15,26,0.98);backdrop-filter:blur(20px);padding:16px;border-bottom:1px solid var(--border);gap:4px;z-index:999}.news-ticker{top:var(--nav-height)}.sidebar-num{color:rgba(74,143,231,0.35)}.sidebar-time{color:#8899aa}.news-card-time,.news-card-read{color:#8899aa}.trending-rank{color:rgba(74,143,231,0.25)}.trending-rank.top{color:rgba(74,143,231,0.45)}.trending-meta{color:#8899aa}.comp-vs{color:#8899aa}.aff-disclaimer{color:#8899aa}.footer-copyright,.footer-affiliate-note{color:#8899aa}.authority-desc{color:#8899aa}.hero-time,.hero-read,.hero-source{color:#8899aa}}.ml-embedded{min-height:220px}footer.footer-pro{background:var(--bg-deep);border-top:1px solid var(--border);padding:64px 0 32px;position:relative;overflow:hidden}footer.footer-pro .hero-container{text-align:left !important;max-width:var(--container-max) !important;margin:0 auto;padding:0 24px}.footer-pro-grid{display:grid !important;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-logo-wrap{margin-bottom:16px;display:inline-flex}.footer-tagline{font-size:0.875rem;color:var(--text-secondary);line-height:1.7;margin-bottom:24px;max-width:280px}.footer-col-title{font-family:var(--font-ui);font-weight:700;font-size:0.9rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-primary);margin-bottom:20px}.footer-col-links{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0}.footer-col-links a{font-size:0.875rem;color:var(--text-secondary);transition:color 0.2s;text-decoration:none}.footer-col-links a:hover{color:var(--cyan)}.footer-social{display:flex;gap:12px;margin-top:4px}@media (max-width:1100px){.footer-pro-grid{grid-template-columns:1fr 1fr !important;gap:32px}}@media (max-width:768px){.footer-pro-grid{grid-template-columns:1fr !important;gap:24px}footer.footer-pro .hero-container{text-align:center !important}.footer-tagline{max-width:100%}}:root{--font-label:'Barlow Condensed',sans-serif;--accent-red:#E84040}.category-tag,.section-label,.article-category-badge,.hero-badge,.ticker-label,.tool-badge,.card-tags span,.tool-tags span,.aff-badge-top,.aff-label,.img-label,.news-cat{font-family:var(--font-label) !important;letter-spacing:0.13em}.featured-title-hero{font-family:var(--font-display);font-weight:700}h1,h2,.hero-title,.section-title,.newsletter-title{line-height:1.2}.hero-title{font-size:clamp(1.9rem,4vw,3.2rem);letter-spacing:-0.01em}.featured-badge-card{border-left-color:var(--accent-red);color:var(--accent-red)}.hero-badge{border-left-color:var(--accent-red)}