:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#1c2128;--bg-card-hover:#262c36;--text-primary:#f0f6fc;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-primary:#58a6ff;--accent-secondary:#f85149;--accent-success:#3fb950;--accent-warning:#d29922;--border-primary:#30363d;--border-secondary:#21262d;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 25px rgba(0,0,0,0.5);--shadow-glow:0 0 20px rgba(88,166,255,0.2);--gradient-primary:linear-gradient(135deg,#161b22 0%,#0d1117 100%);--gradient-card:linear-gradient(135deg,#1c2128 0%,#161b22 100%);--gradient-accent:linear-gradient(135deg,#58a6ff 0%,#316dca 100%);}*{margin:0;padding:0;box-sizing:border-box;}a{color:#58a6ff;text-decoration:none;transition:color 0.3s ease;}a:hover{color:#4a9eff;}a:visited{color:#58a6ff;}body{font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft JhengHei','Helvetica Neue',Arial,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--gradient-primary);min-height:100vh;overflow-x:hidden;}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(88,166,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(248,81,73,0.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(63,185,80,0.1) 0%,transparent 50%);z-index:-1;pointer-events:none;}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;}header{background:var(--gradient-card);color:var(--text-primary);text-align:center;padding:2rem 1rem;margin-bottom:2rem;border-radius:0 0 24px 24px;border:1px solid var(--border-primary);box-shadow:var(--shadow-md);position:relative;overflow:hidden;}header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);}header h1{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-success));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,0.3);}header h1 a{color:inherit;text-decoration:none;transition:opacity 0.3s ease;}header h1 a:hover{opacity:0.8;}header p{font-size:1.1rem;color:var(--text-secondary);font-weight:400;letter-spacing:0.5px;}.date-info{margin-bottom:2rem;}.date-info h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:1.5rem;text-align:center;font-weight:600;}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;}.stat-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transition:transform 0.3s ease;}.stat-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:var(--accent-primary);}.stat-card:hover::before{transform:scaleX(1);}.stat-card h3{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;}.stat-number{font-size:2.5rem;font-weight:700;color:var(--accent-primary);margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.3);}.hot-boards{margin:3rem 0;}.hot-boards h3{font-size:1.8rem;color:var(--text-primary);margin-bottom:2rem;text-align:center;font-weight:600;position:relative;}.hot-boards h3::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient-accent);border-radius:2px;}.board-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin:2rem 0;}.board-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:16px;padding:1.5rem;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);}.board-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-accent);transform:scaleX(0);transition:transform 0.3s ease;}.board-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.board-card:hover::before{transform:scaleX(1);}.board-card h4{margin-bottom:0.8rem;}.board-card h4 a{color:var(--text-primary);text-decoration:none;font-size:1.3rem;font-weight:600;transition:color 0.3s ease;position:relative;}.board-card h4 a:hover{color:var(--accent-primary);}.board-class{display:inline-block;background:rgba(88,166,255,0.2);color:var(--accent-primary);padding:0.3rem 0.8rem;border-radius:12px;font-size:0.8rem;font-weight:500;margin-bottom:0.8rem;border:1px solid rgba(88,166,255,0.3);}.board-users{color:var(--accent-success);font-weight:600;margin-bottom:0.8rem;font-size:0.9rem;display:flex;align-items:center;gap:0.5rem;}.board-users::before{content:'👥';font-size:1rem;}.board-title{color:var(--text-secondary);font-size:0.9rem;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}.article-list{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:16px;padding:2rem;margin:2rem 0;box-shadow:var(--shadow-md);}.article-item{border-bottom:1px solid var(--border-primary);padding:1rem 0;transition:padding-left 0.3s ease;}.article-item:last-child{border-bottom:none;}.article-item:hover{padding-left:1rem;background:rgba(88,166,255,0.05);border-radius:8px;margin:0 -0.5rem;padding-left:1.5rem;padding-right:1.5rem;}.image-gallery-section{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:20px;padding:2rem;margin:2rem 0;box-shadow:var(--shadow-md);position:relative;}.image-gallery-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);border-radius:20px 20px 0 0;}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--border-primary);padding-bottom:1rem;}.image-stats{display:flex;gap:1rem;font-size:0.85rem;color:var(--text-secondary);flex-wrap:wrap;}.image-stats span{background:rgba(88,166,255,0.1);color:var(--accent-primary);padding:0.4rem 0.8rem;border-radius:12px;border:1px solid rgba(88,166,255,0.2);font-weight:500;}.image-source{font-size:0.75rem;color:var(--text-muted);margin-bottom:0.5rem;text-transform:lowercase;opacity:0.8;}.no-images{text-align:center;padding:3rem;color:var(--text-secondary);font-style:italic;background:rgba(88,166,255,0.05);border-radius:12px;border:1px dashed var(--border-primary);}.trend-chart-section{background:var(--gradient-card) !important;border:1px solid var(--border-primary) !important;border-radius:20px !important;padding:2rem !important;margin:1.5rem 0 2rem 0 !important;box-shadow:var(--shadow-md) !important;position:relative;overflow:hidden;}.trend-chart-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);}.trend-header h3{margin:0 !important;color:var(--text-primary) !important;font-size:1.5rem !important;font-weight:600 !important;}.trend-badge{padding:0.6rem 1.2rem !important;border-radius:20px !important;font-size:0.85rem !important;font-weight:600 !important;color:var(--text-primary) !important;border:1px solid var(--border-primary) !important;backdrop-filter:blur(10px);transition:all 0.3s ease;background:transparent !important;}.trend-badge.rank{background:rgba(210,153,34,0.2) !important;border-color:var(--accent-warning) !important;color:var(--accent-warning) !important;}.trend-badge.users{background:rgba(63,185,80,0.2) !important;border-color:var(--accent-success) !important;color:var(--accent-success) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.trend-badge.users:hover{transform:scale(1.05) !important;box-shadow:0 4px 12px rgba(74,222,128,0.3);}.legend-item{color:var(--text-secondary) !important;font-weight:500;}.chart-wrapper{border-radius:12px;background:rgba(13,17,23,0.5);padding:1rem;}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:2rem 0;}.image-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);background:var(--bg-tertiary);border:1px solid var(--border-primary);}.image-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-glow);border-color:var(--accent-primary);}.image-item img{width:100%;height:220px;object-fit:cover;transition:all 0.4s ease;filter:brightness(0.9);}.image-item:hover img{filter:brightness(1.1);transform:scale(1.05);}.image-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,0.9));color:var(--text-primary);padding:2rem 1.5rem 1.5rem;font-size:0.85rem;line-height:1.4;backdrop-filter:blur(10px);}.image-caption a{color:var(--text-primary);text-decoration:none;font-weight:600;transition:color 0.3s ease;}.image-caption a:hover{color:var(--accent-primary);text-decoration:underline;}.load-more{text-align:center;margin:2rem 0;}.load-more button{background:var(--gradient-accent) !important;color:var(--text-primary) !important;border:1px solid var(--accent-primary) !important;padding:1rem 2rem !important;border-radius:12px !important;cursor:pointer;font-size:1rem !important;font-weight:600;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}.load-more button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.load-more button:hover{transform:translateY(-2px) !important;box-shadow:var(--shadow-glow) !important;background:var(--gradient-accent) !important;}.load-more button:hover::before{left:100%;}.load-more button:disabled{opacity:0.6;cursor:not-allowed;transform:none !important;}.trend-chart-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;margin:1.5rem 0;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);backdrop-filter:blur(8px);transition:all 0.3s ease;position:relative;overflow:hidden;}.trend-chart-container::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--primary-color));animation:shimmer 3s ease-in-out infinite;}.trend-chart-container:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 8px 25px rgba(74,222,128,0.15);}.trend-header{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:1rem !important;padding-bottom:1rem !important;border-bottom:1px solid var(--border-color) !important;}.trend-header h3{color:var(--text-primary) !important;font-size:1.25rem !important;font-weight:600 !important;margin:0 !important;display:flex;align-items:center;gap:0.5rem;}.trend-header h3::before{content:'📈';font-size:1.1em;}.trend-stats{display:flex !important;gap:0.75rem !important;align-items:center !important;}.trend-badge{padding:0.375rem 0.75rem !important;border-radius:8px !important;font-size:0.875rem !important;font-weight:500 !important;display:flex;align-items:center;gap:0.375rem;backdrop-filter:blur(4px);transition:all 0.2s ease;}.trend-badge:hover{transform:scale(1.05);}.trend-badge.rank{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(245,158,11,0.1)) !important;color:#f59e0b !important;border:1px solid rgba(245,158,11,0.3) !important;}.trend-badge.rank::before{content:'🏆';}.trend-badge.users{background:linear-gradient(135deg,rgba(74,222,128,0.2),rgba(74,222,128,0.1)) !important;color:#4ade80 !important;border:1px solid rgba(74,222,128,0.3) !important;}.trend-badge.users::before{content:'👥';}.trend-legend{display:flex !important;gap:1.5rem !important;margin-bottom:1rem !important;flex-wrap:wrap;}.legend-item{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem !important;color:var(--text-secondary) !important;transition:color 0.2s ease;}.legend-item:hover{color:var(--text-primary) !important;}.legend-color{width:16px;height:3px;border-radius:2px;position:relative;overflow:hidden;}.legend-color::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:legend-shine 2s ease-in-out infinite;}.legend-color.user-color{background:linear-gradient(90deg,#4ade80,#22d3ee) !important;}.legend-color.popularity-color{background:linear-gradient(90deg,#f59e0b,#fb923c) !important;}.legend-color.growth-color{background:linear-gradient(90deg,#ef4444,#f97316) !important;}.chart-wrapper{border-radius:8px !important;overflow:hidden !important;background:linear-gradient(135deg,rgba(13,17,23,0.8),rgba(22,27,34,0.8)) !important;border:1px solid var(--border-color) !important;position:relative;}.chart-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(74,222,128,0.05) 0%,transparent 70%);pointer-events:none;}.chart-wrapper canvas{width:100% !important;height:auto !important;display:block !important;border-radius:8px;}@keyframes shimmer{0%,100%{opacity:0.5;}50%{opacity:1;}}@keyframes legend-shine{0%{left:-100%;}50%,100%{left:100%;}}.chart-tooltip{position:absolute;background:rgba(0,0,0,0.9);color:white;padding:8px 12px;border-radius:6px;font-size:12px;pointer-events:none;z-index:1000;opacity:0;transition:opacity 0.2s;border:1px solid #58a6ff;backdrop-filter:blur(10px);font-family:'SF Pro Display',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}.interactive-board-transition{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.interactive-board-selected{border:2px solid var(--accent-primary) !important;background-color:rgba(88,166,255,0.05) !important;transform:scale(1.02);box-shadow:var(--shadow-glow);}canvas{transition:filter 0.2s ease;}canvas:hover{filter:brightness(1.1);}.time-title-update{animation:titlePulse 0.5s ease-out;}@keyframes titlePulse{0%{transform:scale(1);}50%{transform:scale(1.05);color:var(--accent-primary);}100%{transform:scale(1);}}@media (max-width:768px){.chart-tooltip{font-size:11px;padding:6px 10px;}.interactive-board-selected{transform:scale(1.01);}}@media (max-width:768px){.board-list{grid-template-columns:1fr !important;gap:1rem !important;}.image-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important;gap:1rem !important;}.image-item img{height:180px !important;}.image-stats{flex-direction:column;gap:0.5rem;}.trend-header{flex-direction:column !important;align-items:stretch !important;}.trend-legend{flex-direction:column !important;gap:1rem !important;}header{padding:1.5rem 1rem !important;margin-bottom:1.5rem !important;}header h1{font-size:2rem !important;}.stats-grid{grid-template-columns:1fr !important;gap:1rem !important;}.container{padding:1rem !important;}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}.fade-in{animation:fadeInUp 0.6s ease-out forwards;}.fade-in-on-scroll{opacity:0;transform:translateY(20px);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);}.fade-in-on-scroll.visible{opacity:1;transform:translateY(0);}.loading{position:relative;overflow:hidden;}.loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);animation:shimmer 1.5s infinite;}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--gradient-accent);z-index:1000;transition:width 0.1s ease;}.hot-articles{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light);}.hot-articles h5{font-size:0.9rem;color:var(--text-secondary);margin-bottom:0.5rem;font-weight:600;}.hot-articles ul{list-style:none;padding:0;margin:0;}.hot-articles li{margin-bottom:0.4rem;font-size:0.85rem;line-height:1.4;}.hot-articles li a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease;}.hot-articles li a:hover{color:var(--accent-primary);}.hot-articles .nrec{color:var(--text-muted);font-size:0.75rem;font-weight:500;}.hot-articles .nrec.explosion{color:#dc3545;font-weight:700;text-shadow:0 0 2px rgba(220,53,69,0.5);}.hot-keywords{background:var(--surface-secondary);border-radius:16px;padding:2rem;margin:2rem 0;border:1px solid var(--border-light);backdrop-filter:blur(10px);}.hot-keywords h3{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.4rem;font-weight:600;text-align:center;}.keywords-container{display:flex;flex-wrap:wrap;gap:0.8rem;justify-content:center;}.keyword-tag{display:inline-block;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;}.keyword-tag::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease;}.keyword-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.keyword-tag:hover::before{left:100%;}.keywords-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px;}.keyword-tag{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:8px 12px;transition:all 0.3s ease;position:relative;overflow:hidden;}.keyword-tag.rank-1{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-color:#f59e0b;color:white;}.keyword-tag.rank-2{background:linear-gradient(135deg,#58a6ff 0%,#316dca 100%);border-color:#58a6ff;color:white;}.keyword-tag.rank-3{background:linear-gradient(135deg,#3fb950 0%,#2ea043 100%);border-color:#3fb950;color:white;}.keyword-tag.rank-4{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border-color:#a855f7;color:white;}.keyword-tag.rank-5{background:linear-gradient(135deg,#f472b6 0%,#db2777 100%);border-color:#f472b6;color:white;}.keyword-text{font-weight:500;font-size:14px;}.keyword-score{background:rgba(255,255,255,0.2);padding:2px 6px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px;}.keyword-tag:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.enhanced-board-list{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;}.enhanced-board-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:20px;padding:2rem;position:relative;overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);min-height:200px;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-areas:"rank header peak actions" "rank article article actions";gap:1rem;align-items:start;}.enhanced-board-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent);transform:scaleX(0);transition:transform 0.3s ease;}.enhanced-board-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.enhanced-board-card:hover::before{transform:scaleX(1);}.enhanced-board-card .board-rank{grid-area:rank;background:var(--gradient-accent);color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:var(--shadow-md);}.enhanced-board-card .board-header{grid-area:header;min-width:0;}.enhanced-board-card .board-header h3{margin:0 0 0.5rem 0;font-size:1.4rem;font-weight:600;}.enhanced-board-card .board-header h3 a{color:var(--text-primary);text-decoration:none;transition:color 0.3s ease;}.enhanced-board-card .board-header h3 a:hover{color:var(--accent-primary);}.enhanced-board-card .board-class{display:inline-block;background:rgba(88,166,255,0.2);color:var(--accent-primary);padding:0.2rem 0.6rem;border-radius:8px;font-size:0.75rem;font-weight:500;margin-bottom:0.5rem;border:1px solid rgba(88,166,255,0.3);}.enhanced-board-card .board-description{color:var(--text-secondary);font-size:0.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.enhanced-board-card .board-peak-time{grid-area:peak;text-align:center;}.enhanced-board-card .peak-info{background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.3);border-radius:12px;padding:0.8rem;text-align:center;}.enhanced-board-card .peak-label{display:block;color:var(--text-secondary);font-size:0.7rem;margin-bottom:0.3rem;text-transform:uppercase;letter-spacing:0.5px;}.enhanced-board-card .peak-time{display:block;color:#f59e0b;font-size:1.1rem;font-weight:700;margin-bottom:0.2rem;}.enhanced-board-card .peak-users{display:block;color:#f59e0b;font-size:0.8rem;font-weight:500;}.enhanced-board-card .hot-article-preview{grid-area:article;background:rgba(0,0,0,0.3);border:1px solid var(--border-primary);border-radius:12px;padding:1rem;backdrop-filter:blur(10px);}.enhanced-board-card .hot-article-preview h4{color:var(--accent-primary);font-size:0.8rem;margin:0 0 0.5rem 0;text-transform:uppercase;letter-spacing:0.5px;}.enhanced-board-card .article-link{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:0.5rem;transition:color 0.3s ease;}.enhanced-board-card .article-link:hover{color:var(--accent-primary);}.enhanced-board-card .article-title{flex:1;font-size:0.9rem;line-height:1.3;}.enhanced-board-card .nrec{font-size:0.75rem;font-weight:600;padding:0.2rem 0.4rem;border-radius:4px;background:rgba(139,148,158,0.2);color:var(--text-secondary);}.enhanced-board-card .nrec.explosion{background:rgba(220,53,69,0.2);color:#dc3545;text-shadow:0 0 2px rgba(220,53,69,0.5);}.enhanced-board-card .board-actions{grid-area:actions;display:flex;flex-direction:column;gap:0.5rem;}.enhanced-board-card .btn-primary,.enhanced-board-card .btn-secondary{padding:0.6rem 1.2rem;border-radius:8px;text-decoration:none;font-size:0.8rem;font-weight:500;text-align:center;transition:all 0.3s ease;white-space:nowrap;}.enhanced-board-card .btn-primary{background:var(--gradient-accent);color:white;border:1px solid var(--accent-primary);}.enhanced-board-card .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.enhanced-board-card .btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-primary);}.enhanced-board-card .btn-secondary:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-primary);}.under-construction{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem;}.construction-content{text-align:center;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:20px;padding:3rem;max-width:600px;box-shadow:var(--shadow-md);position:relative;overflow:hidden;}.construction-content::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);animation:construction-progress 3s infinite;}@keyframes construction-progress{0%{transform:translateX(-100%);}50%{transform:translateX(0%);}100%{transform:translateX(100%);}}.construction-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateY(-10px);}60%{transform:translateY(-5px);}}.construction-content h3{color:var(--text-primary);font-size:2rem;margin-bottom:1rem;font-weight:600;}.construction-content > p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;line-height:1.6;}.construction-details{background:rgba(0,0,0,0.2);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:left;}.construction-details p{color:var(--text-secondary);font-weight:600;margin-bottom:1rem;}.construction-details ul{color:var(--text-secondary);padding-left:1.5rem;line-height:1.8;}.construction-details li{margin-bottom:0.5rem;}.construction-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem;}.construction-actions .btn-primary,.construction-actions .btn-secondary{padding:0.8rem 1.5rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s ease;min-width:120px;}.construction-actions .btn-primary{background:var(--gradient-accent);color:white;border:none;}.construction-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.construction-actions .btn-secondary{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);}.construction-actions .btn-secondary:hover{background:var(--accent-primary);color:white;transform:translateY(-2px);}.keywords-articles-section{margin-bottom:2rem;}.browser-style-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);}.keyword-tab-header-wrapper{position:relative;overflow:hidden;}.keyword-tab-header{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;}.keyword-tab-header::-webkit-scrollbar{display:none;}.keyword-tab{background:var(--bg-tertiary);color:var(--text-secondary);border:none;border-right:1px solid var(--border-primary);border-bottom:3px solid transparent;padding:0.75rem 1rem;font-size:0.9rem;cursor:pointer;transition:all 0.3s ease;font-weight:500;display:flex;align-items:center;gap:0.5rem;white-space:nowrap;min-width:100px;max-width:140px;justify-content:center;flex-shrink:0;}.keyword-tab:last-child{border-right:none;}.keyword-name{font-weight:600;}.keyword-count{font-size:0.75rem;background:var(--bg-primary);color:var(--text-muted);padding:0.15rem 0.4rem;border-radius:8px;min-width:20px;text-align:center;}.keyword-tab:hover{background:var(--bg-card-hover);color:var(--text-primary);border-bottom-color:var(--accent-primary);}.keyword-tab.active{background:var(--bg-card);color:var(--text-primary);border-bottom-color:var(--accent-primary);border-bottom-width:3px;}.keyword-tab.active .keyword-count{background:var(--accent-primary);color:white;}.keyword-tab-content{background:var(--bg-card);min-height:300px;}.keyword-content{display:none;padding:1.5rem;}.keyword-content.active{display:block;}.keyword-article-list{display:flex;flex-direction:column;gap:1rem;}.keyword-article-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;transition:all 0.3s ease;}.keyword-article-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm);}.article-score-badge{background:var(--bg-tertiary);color:var(--text-secondary);padding:0.4rem 0.6rem;border-radius:6px;font-size:0.8rem;font-weight:600;min-width:40px;text-align:center;flex-shrink:0;}.article-score-badge.hot{background:var(--accent-warning);color:white;}.article-score-badge.explosion{background:#8B0000;color:white;animation:pulse 2s infinite;font-weight:700;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.8;}}.article-main-content{flex:1;min-width:0;}.article-title{margin-bottom:0.5rem;}.article-title a{color:var(--text-primary);text-decoration:none;font-weight:500;line-height:1.4;transition:color 0.3s ease;}.article-title a:hover{color:var(--accent-primary);}.article-meta{display:flex;gap:1rem;font-size:0.8rem;color:var(--text-muted);}.article-time{color:var(--text-muted);}.article-engagement{color:var(--accent-primary);}.no-articles{text-align:center;padding:3rem 2rem;color:var(--text-muted);}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;}.empty-icon{font-size:3rem;opacity:0.5;}@media (max-width:768px){.keyword-tab{min-width:100px;padding:0.6rem 0.8rem;font-size:0.8rem;}.keyword-name{font-size:0.8rem;}.keyword-count{font-size:0.7rem;padding:0.1rem 0.3rem;}.keyword-article-item{flex-direction:column;gap:0.75rem;}.article-score-badge{align-self:flex-start;}}@media (max-width:768px){.keyword-tabs{justify-content:center;}.keyword-tab{padding:0.4rem 0.8rem;font-size:0.8rem;}}.enhanced-board-card{grid-template-columns:auto 1fr;grid-template-areas:"rank header" "peak peak" "article article" "actions actions";gap:1rem;padding:1.5rem;}.enhanced-board-card .board-actions{flex-direction:row;}.hot-keywords{padding:1.5rem;margin:1.5rem 0;}.keywords-container{gap:0.6rem;}.keywords-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;}.keyword-tag{font-size:0.8rem;padding:0.4rem 0.8rem;}.hot-articles{padding-top:0.8rem;margin-top:0.8rem;}.hot-articles li{font-size:0.8rem;}}.board-header{margin-bottom:2rem;padding:1.5rem;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:12px;color:var(--text-primary);box-shadow:var(--shadow-md);}.board-title{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem;}.board-title h2{margin:0;font-size:2rem;font-weight:700;}.board-date{font-size:1.1rem;color:var(--accent-primary);background:rgba(88,166,255,0.15);padding:0.3rem 0.8rem;border-radius:20px;border:1px solid rgba(88,166,255,0.3);font-weight:500;}.board-stats{display:flex;gap:1.5rem;}.board-stats span{background:rgba(255,255,255,0.15);padding:0.4rem 1rem;border-radius:6px;font-size:0.95rem;font-weight:500;}.board-trend-section{background:#f8f9fa;padding:2rem;border-radius:8px;margin-bottom:2rem;}.board-trend-section h3{margin-bottom:1.5rem;color:#333;font-size:1.3rem;}.board-trend-section .chart-container{position:relative;height:300px;}.article-header .article-time{font-weight:500;color:var(--accent-primary);}.article-header .original-hint{margin-top:0.5rem;font-size:0.9rem;color:var(--text-secondary);}.btn-large{padding:0.75rem 2rem;font-size:1.1rem;}.btn-xlarge{padding:1rem 3rem;font-size:1.25rem;font-weight:600;}.article-links-section{background:var(--gradient-card);padding:2rem;border-radius:12px;margin:2rem 0;border:1px solid var(--border-primary);}.article-links-section h3{margin-bottom:1.5rem;color:var(--accent-primary);}.image-links,.other-links{margin-bottom:1.5rem;}.image-links h4,.other-links h4{margin-bottom:1rem;font-size:1.1rem;color:var(--text-primary);}.image-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;}.image-link-item{background:rgba(255,255,255,0.05);border:1px solid var(--border-light);border-radius:8px;overflow:hidden;}.image-link,.external-link{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;text-decoration:none;color:var(--accent-primary);transition:all 0.2s ease;}.image-link:hover,.external-link:hover{background:rgba(88,166,255,0.1);color:var(--text-primary);}.link-icon{font-size:1.2rem;}.link-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:0.9rem;}.links-list{display:flex;flex-direction:column;gap:0.5rem;}.link-item{background:rgba(255,255,255,0.05);border:1px solid var(--border-light);border-radius:6px;overflow:hidden;}.more-links{margin-top:0.5rem;font-size:0.9rem;color:var(--text-secondary);font-style:italic;}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:1.5rem 0;}.image-preview{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);transition:all 0.3s ease;background:var(--bg-card);}.image-preview:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}.image-preview-link{display:block;text-decoration:none;color:inherit;}.preview-image{width:100%;height:150px;object-fit:cover;transition:transform 0.3s ease;}.image-preview:hover .preview-image{transform:scale(1.05);}.image-fallback{display:flex;align-items:center;justify-content:center;flex-direction:column;height:150px;padding:1rem;background:var(--bg-tertiary);color:var(--text-secondary);text-align:center;}.image-fallback .link-icon{font-size:2rem;margin-bottom:0.5rem;}.image-fallback .link-text{font-size:0.8rem;word-break:break-all;}.cta-section{background:linear-gradient(135deg,rgba(88,166,255,0.1),rgba(74,222,128,0.1));padding:3rem;border-radius:16px;margin:3rem 0;border:2px solid var(--accent-primary);text-align:center;}.clickable-cta{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:all 0.3s ease;}.clickable-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:#58a6ff;background:linear-gradient(135deg,rgba(88,166,255,0.15),rgba(74,222,128,0.15));}.clickable-cta:active{transform:translateY(0);}.cta-box h3{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-primary);}.cta-box p{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-primary);}.cta-box ul{list-style:none;padding:0;margin:0 0 2rem 0;display:inline-block;text-align:left;}.cta-box ul li{padding:0.5rem 0;color:var(--text-secondary);}.cta-box ul li:before{content:"✓ ";color:var(--accent-success);font-weight:bold;margin-right:0.5rem;}.cta-actions{margin-top:2rem;}@media (max-width:768px){.image-links-grid{grid-template-columns:1fr;}.image-gallery{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;}.preview-image{height:120px;}.image-fallback{height:120px;padding:0.5rem;}.cta-section{padding:2rem 1.5rem;}.btn-xlarge{padding:0.75rem 2rem;font-size:1.1rem;}}.article-header h2{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;}.article-title-link{color:var(--text-primary);text-decoration:none;font-weight:700;font-size:1.5rem;transition:color 0.3s ease;flex:1;min-width:0;}.article-title-link:hover{color:var(--accent-primary);text-decoration:underline;}.btn-inline{padding:0.5rem 1rem;font-size:0.9rem;border-radius:6px;text-decoration:none;background:var(--gradient-accent);color:white;font-weight:500;transition:all 0.3s ease;white-space:nowrap;}.btn-inline:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);}.show-more-images{margin-top:1rem;padding:0.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:8px;cursor:pointer;font-size:0.9rem;transition:all 0.3s ease;display:block;width:100%;}.show-more-images:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);color:var(--accent-primary);}.footer-content{display:flex;flex-direction:column;gap:2rem;padding:2rem 0;}.footer-main{text-align:center;padding-bottom:1rem;border-bottom:1px solid var(--border-primary);}.footer-apps{background:var(--bg-card);border-radius:12px;padding:2rem;border:1px solid var(--border-primary);}.footer-apps h4{color:var(--accent-primary);margin-bottom:1.5rem;font-size:1.2rem;text-align:center;}.app-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;}.app-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:10px;transition:all 0.3s ease;}.app-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.app-item.available{border-color:var(--accent-success);}.app-item.coming-soon{opacity:0.7;}.app-icon{font-size:2rem;flex-shrink:0;}.app-info{flex:1;}.app-info strong{color:var(--text-primary);font-size:1rem;margin-bottom:0.5rem;display:block;}.app-info p{color:var(--text-secondary);font-size:0.9rem;margin-bottom:0.75rem;line-height:1.4;}.app-link{color:var(--accent-primary);text-decoration:none;font-weight:500;font-size:0.9rem;transition:color 0.3s ease;}.app-link:hover{color:var(--accent-success);text-decoration:underline;}.coming-soon-badge{background:var(--accent-warning);color:white;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.8rem;font-weight:500;}.navigation-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin:3rem 0;}.nav-block{position:relative;display:block;padding:2.5rem;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:16px;text-decoration:none;transition:all 0.3s ease;overflow:hidden;}.nav-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-accent);opacity:0;transition:opacity 0.3s ease;}.nav-block:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);}.nav-block:hover::before{opacity:0.05;}.nav-icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(0);}.nav-block h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:0.5rem;font-weight:600;}.nav-block p{color:var(--text-secondary);font-size:1rem;margin:0;}.nav-arrow{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--accent-primary);transition:all 0.3s ease;}.nav-block:hover .nav-arrow{transform:translateY(-50%) translateX(4px);}.hot-articles-block{background:linear-gradient(135deg,#1a1f2e 0%,#221f3a 100%);border-color:#ff6b6b;}.hot-articles-block .nav-icon{animation:pulse 2s infinite;}.hot-articles-block:hover{border-color:#ff5252;box-shadow:0 8px 32px rgba(255,107,107,0.2);}@keyframes pulse{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}@media (max-width:768px){.navigation-blocks{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;}.nav-block{padding:2rem;}.nav-icon{font-size:2.5rem;}.nav-block h3{font-size:1.3rem;}.nav-block p{font-size:0.9rem;}.article-header h2{flex-direction:column;align-items:flex-start;gap:0.75rem;}.article-title-link{font-size:1.3rem;}.footer-content{gap:1.5rem;}.footer-apps{padding:1.5rem;}.app-links{grid-template-columns:1fr;gap:1rem;}.app-item{padding:1rem;}}.navigation-breadcrumb{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;padding:0.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;font-size:0.9rem;}.breadcrumb-link{color:var(--link-color);text-decoration:none;padding:0.25rem 0.5rem;border-radius:4px;transition:all 0.2s ease;}.breadcrumb-link:hover{background:var(--bg-hover);color:var(--link-hover-color);}.breadcrumb-separator{color:var(--text-muted);font-weight:bold;margin:0 0.25rem;}.breadcrumb-current{color:var(--text-primary);font-weight:600;padding:0.25rem 0.5rem;background:var(--accent-color);border-radius:4px;}.breadcrumb-separator-line{border:none;height:1px;background:var(--border-primary);margin:1.5rem 0;opacity:0.6;}.navigation-actions{display:flex;gap:1rem;margin:3rem 0 2rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;flex-wrap:wrap;justify-content:center;}.btn-home,.btn-boards,.btn-secondary{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;text-decoration:none;border-radius:8px;font-weight:500;transition:all 0.3s ease;border:2px solid transparent;}.btn-home{background:var(--accent-color);color:var(--text-primary);border-color:var(--accent-color);}.btn-home:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(74,222,128,0.3);}.btn-boards{background:var(--bg-hover);color:var(--link-color);border-color:var(--border-primary);}.btn-boards:hover{background:var(--link-color);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.3);}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-secondary);}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--accent-color);transform:translateY(-2px);}@media (max-width:768px){.navigation-breadcrumb{padding:0.5rem 0.75rem;font-size:0.8rem;gap:0.25rem;}.breadcrumb-link,.breadcrumb-current{padding:0.2rem 0.4rem;}.navigation-actions{flex-direction:column;gap:0.75rem;margin:2rem 0 1.5rem 0;padding:1rem;}.btn-home,.btn-boards,.btn-secondary{width:100%;justify-content:center;padding:1rem;}}