:root{--primary-color: #2563eb;--text-main: #1f2937;--text-muted: #6b7280;--bg-body: #f9fafb;--bg-card: #ffffff;--border-color: #e5e7eb;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}img{max-width:100%;max-height:100%;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}a{text-decoration:none;color:inherit;transition:color .3s}ul,li{list-style:none}svg{fill:currentColor}.header{z-index:10;position:sticky;top:0;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.navbar{max-width:var(--max-width);margin:0 auto;padding:0 20px;min-height:70px;display:flex;align-items:center;justify-content:space-between}.navbar .logo{width:212px;height:32px}.navbar .search-box{position:relative;display:flex;display:none;align-items:center}.navbar .search-box input{padding:0 15px 0 40px;border:1px solid var(--border-color);border-radius:8px;outline:none;width:450px;height:40px;font-size:14px}.navbar .search-box input:focus{border-color:var(--primary-color)}.navbar .search-box .search-icon{cursor:pointer;position:absolute;left:12px;width:16px;height:16px}.header-ads-box .ads-container{width:728px;height:90px}.header-right-box{display:flex;gap:30px}.mobile-search-trigger{display:flex;background:none;border:none;cursor:pointer}.mobile-search-trigger svg{width:26px;height:26px}.mobile-search-slide-panel{z-index:200;display:none;align-items:center;justify-content:center;height:70px;padding:0 15px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.mobile-search-slide-panel.active{display:flex}.mobile-search-slide-panel .mobile-search-input-wrapper{width:50%;position:relative;display:flex;align-items:center}.mobile-search-slide-panel .mobile-search-input-wrapper input{width:100%;height:44px;padding:0 15px 0 40px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;outline:none;background:var(--bg-body)}.mobile-search-slide-panel .mobile-search-input-wrapper input:focus{border-color:var(--primary-color)}.mobile-search-slide-panel .mobile-search-input-wrapper .search-icon{cursor:pointer;position:absolute;left:12px;width:16px;height:16px}.language-switcher{display:flex;cursor:pointer;position:relative}.language-switcher .globe-icon{width:26px;height:26px;color:#111827}.language-switcher .language-dropdown{display:none}.language-switcher .language-dropdown.show{z-index:11;overflow-y:auto;display:flex;flex-direction:column;position:absolute;top:68px;right:-18px;min-width:110px;max-height:300px;border:1px solid #ddd;background-color:#fff;box-shadow:0 5px 10px #0000001a;scrollbar-width:thin;scrollbar-color:#80939b #f1f1f1}.language-switcher .language-dropdown.show a{line-height:60px;text-align:center}.language-switcher .language-dropdown.show a:hover,.language-switcher .language-dropdown.show a.curr{color:#4fa4ff;background-color:#f0f0f0}.footer{background:#111827;color:#9ca3af;padding:30px 0 20px;margin-top:30px}.footer .footer-content{max-width:var(--max-width);margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.footer .footer-content .footer-about{display:flex;flex-direction:column;gap:16px;max-width:500px}.footer .footer-content .footer-about .logo{width:212px;height:32px}.footer .footer-content .footer-links ul{display:flex;flex-wrap:wrap;gap:32px}.footer .footer-bottom{max-width:var(--max-width);margin:30px auto 0;padding:20px 20px 0;border-top:1px solid #374151;text-align:center;font-size:13px}@media screen and (min-width:769px)and (max-width:850px){.language-switcher{display:none}}@media screen and (min-width:769px)and (max-width:800px){.header-right-box{display:none}}@media(max-width:768px){.navbar{height:60px}.navbar .header-ads-box{display:none}.header-right-box{margin-left:20px;gap:20px}.search-box{display:none!important}.mobile-search-trigger{display:flex}.mobile-search-trigger svg{width:20px;height:20px}.language-switcher .globe-icon{width:20px;height:20px}.mobile-search-slide-panel{height:60px}.mobile-search-slide-panel .mobile-search-input-wrapper{width:100%}.footer-content{flex-direction:column;gap:40px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-main);background-color:var(--bg-body)}a:hover{color:var(--primary-color)}.container{max-width:var(--max-width);margin:30px auto;padding:0 20px;display:grid;grid-template-columns:1fr 320px;gap:40px}.featured-hero{margin-bottom:40px;border-radius:12px;overflow:hidden;background:#000;position:relative;aspect-ratio:16 / 7}.featured-hero img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .5s}.featured-hero:hover img{transform:scale(1.02)}.featured-content{position:absolute;bottom:0;left:0;right:0;padding:40px;background:linear-gradient(transparent,#000c);color:#fff}.featured-title{font-size:28px;font-weight:700;margin-bottom:10px}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:40px}.topic-item{position:relative;border-radius:12px;overflow:hidden;color:#fff}.topic-item img{width:100%;transition:transform .5s}.topic-item:hover img{transform:scale(1.1)}.topic-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.topic-title{font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.challenge-card{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;padding:20px;margin-bottom:30px;display:flex;align-items:center;justify-content:space-between}.challenge-info h4{font-size:16px;margin-bottom:5px}.challenge-progress-bar{width:250px;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;margin-top:10px}.progress-fill{width:0%;height:100%;background:var(--primary-color);transition:width .5s ease-out}#badgeBadge{font-size:30px;opacity:.3}.heatmap-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px}.heatmap-cell{width:100%;aspect-ratio:1;background:#f1f5f9;border-radius:2px;cursor:pointer;transition:transform .2s}.heatmap-cell:hover{transform:scale(1.2);box-shadow:0 2px 5px #0000001a;z-index:2}.level-1{background:#dbeafe}.level-2{background:#93c5fd}.level-3{background:#2563eb}.quote-module{background:linear-gradient(135deg,#1e293b,#334155);color:#e2e8f0;padding:40px;border-radius:16px;margin:40px 0;text-align:center;position:relative;overflow:hidden}.quote-module:before{content:"“";position:absolute;top:10px;left:20px;font-size:80px;font-family:serif;opacity:.1;color:#fff}.quote-text{font-size:18px;font-style:italic;font-family:Georgia,serif;margin-bottom:15px;line-height:1.6}.quote-author{font-size:14px;font-weight:500;color:#94a3b8}.article-section-title{font-size:22px;font-weight:700;margin-bottom:25px;display:flex;align-items:center;gap:10px}.article-section-title:before{content:"";display:block;width:4px;height:24px;background:var(--primary-color);border-radius:2px}.article-card-list{display:flex;flex-direction:column;gap:20px}.article-card{display:flex;gap:25px;background:var(--bg-card);padding:20px;border-radius:12px;border:1px solid var(--border-color);transition:transform .3s,box-shadow .3s}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.article-thumb{width:200px;height:140px;flex-shrink:0;border-radius:8px;overflow:hidden}.article-thumb img{width:100%;height:100%;object-fit:cover}.article-info{display:flex;flex-direction:column;justify-content:space-between}.article-info h3{font-size:20px;font-weight:700;margin-bottom:10px;line-height:1.4}.article-excerpt{color:var(--text-muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:15px}.article-meta{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:15px}.sidebar{position:sticky;top:110px;height:fit-content}.widget{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;margin-bottom:30px}.widget-title{font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.trending-item{display:flex;gap:12px;margin-bottom:15px}.trend-rank{font-size:20px;font-weight:800;color:#d1d5db}.trending-item:nth-child(1) .trend-rank{color:#f59e0b}.trending-item:nth-child(2) .trend-rank{color:#94a3b8}.trending-item:nth-child(3) .trend-rank{color:#b45309}.trend-title{font-size:14px;font-weight:500;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}#back-to-top{position:fixed;bottom:30px;right:30px;background:var(--primary-color);width:45px;height:45px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 10px #0000001a;border:none;z-index:99}#back-to-top svg{width:24px;height:24px;color:#fff;transform:rotate(90deg)}@media(max-width:992px){.container{grid-template-columns:1fr;gap:20px}.sidebar{display:none}.navbar{padding:0 15px}.search-box input{width:300px}.featured-content{padding:25px 20px}.featured-title{font-size:22px}.topics-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{margin:20px auto;padding:0 15px}.featured-hero{aspect-ratio:16 / 9}.featured-content{padding:20px 15px}.featured-title{font-size:18px}.article-card{flex-direction:column;gap:15px}.article-thumb{width:100%;height:180px}.article-info h3{font-size:18px}.article-section-title{font-size:20px}.challenge-card{flex-direction:column;gap:15px;text-align:center}.challenge-progress-bar{width:100%}.quote-module{padding:30px 20px}.quote-text{font-size:16px}}@media(max-width:480px){html{font-size:14px}.navbar{padding:0 10px}.featured-content{padding:15px 12px}.featured-title{font-size:16px}.article-thumb{height:150px}.article-info h3{font-size:16px}.article-meta{flex-wrap:wrap;gap:8px}.topic-title{font-size:16px}.challenge-card{padding:15px}.quote-module{padding:20px 15px}.quote-text{font-size:14px}.footer{padding:40px 0 15px}.footer-content{padding:0 15px}}