:root{--color-primary: #2667f5;--color-primary-dark: #1a4fc9;--color-primary-light: #e8f0ff;--color-group-lang: #2667f5;--color-group-exam: #ff7a45;--color-group-abroad: #16a34a;--color-text: #1f2937;--color-text-2: #4b5563;--color-text-3: #9ca3af;--color-bg: #f5f7fb;--color-white: #FFF;--color-border: #e5e7eb;--color-border-2: #f0f2f5;--shadow-sm: 0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 2px 8px rgba(0,0,0,0.06);--shadow-lg: 0 8px 24px rgba(38,103,245,0.12);--shadow-card: 0 1px 3px rgba(0,0,0,0.05),0 4px 12px rgba(0,0,0,0.04);--shadow-card-hover: 0 6px 16px rgba(38,103,245,0.12),0 12px 28px rgba(0,0,0,0.08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--container-width: 1200px;--header-height: 64px}*{box-sizing: border-box;margin: 0;padding: 0}html,body{font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.6;color: var(--color-text);background: var(--color-bg);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}a{color: inherit;text-decoration: none}ul,ol{list-style: none}button{font: inherit;cursor: pointer;border: none;background: none;color: inherit}input{font: inherit;outline: none}.container{max-width: var(--container-width);margin: 0 auto;padding: 0 20px}.header{position: sticky;top: 0;z-index: 100;background: var(--color-white);border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-sm)}.header-inner{height: var(--header-height);display: flex;align-items: center;justify-content: space-between;max-width: var(--container-width);margin: 0 auto;padding: 0 20px;position: relative}.nav-toggle{display: none;width: 40px;height: 40px;align-items: center;justify-content: center;font-size: 22px;color: var(--color-text-2);border-radius: 8px;transition: background 0.2s,color 0.2s;line-height: 1;padding: 0}.nav-toggle:hover{background: var(--color-bg);color: var(--color-primary)}.nav-toggle.active{background: var(--color-primary-light);color: var(--color-primary)}.logo{display: flex;align-items: center;gap: 10px;font-size: 20px;font-weight: 700;color: var(--color-primary)}.logo-icon{width: 36px;height: 36px;background: linear-gradient(135deg,var(--color-primary),#4d8bff);color: #fff;border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 18px;font-weight: 800}.nav-menu{display: flex;align-items: center;gap: 32px}.nav-menu a{font-size: 15px;color: var(--color-text-2);position: relative;transition: color 0.2s;padding: 4px 0}.nav-menu a:hover{color: var(--color-primary)}.nav-menu a.active{color: var(--color-primary);font-weight: 600}.nav-menu a.active::after{content: '';position: absolute;bottom: -4px;left: 0;right: 0;height: 2px;background: var(--color-primary);border-radius: 2px}.breadcrumb{padding: 16px 0 0;font-size: 13px;color: var(--color-text-3)}.breadcrumb a:hover{color: var(--color-primary)}.breadcrumb .sep{margin: 0 8px;color: var(--color-text-3)}.search-bar{display: flex;align-items: center;background: var(--color-white);border: 2px solid var(--color-border);border-radius: 999px;padding: 4px 4px 4px 20px;transition: border-color 0.2s,box-shadow 0.2s;max-width: 560px;margin: 0 auto}.search-bar:focus-within{border-color: var(--color-primary);box-shadow: 0 0 0 4px rgba(38,103,245,0.12)}.search-bar input{flex: 1;border: none;background: transparent;height: 40px;font-size: 15px;color: var(--color-text)}.search-bar input::placeholder{color: var(--color-text-3)}.search-bar .search-icon{font-size: 18px;color: var(--color-text-3);margin-right: 8px}.search-btn{background: var(--color-primary);color: #fff;height: 36px;padding: 0 20px;border-radius: 999px;font-size: 14px;font-weight: 500;transition: background 0.2s}.search-btn:hover{background: var(--color-primary-dark)}.main{display: grid;grid-template-columns: 1fr 300px;gap: 24px;margin: 24px auto 48px}.main.single-col{grid-template-columns: 1fr}.main-col{min-width: 0}.filter-bar{background: var(--color-white);border-radius: var(--radius-lg);padding: 20px 24px;box-shadow: var(--shadow-card);margin-bottom: 20px}.filter-row{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;padding: 10px 0}.filter-row + .filter-row{border-top: 1px dashed var(--color-border-2)}.filter-group-label{font-size: 13px;color: var(--color-text-3);font-weight: 500;white-space: nowrap;display: flex;align-items: center;gap: 6px}.filter-group-label::before,.filter-group-label::after{content: '';width: 14px;height: 1px;background: var(--color-border)}.filter-tags{display: flex;flex-wrap: wrap;gap: 8px}.filter-tag{display: inline-flex;align-items: center;height: 32px;padding: 0 14px;font-size: 13px;border-radius: 999px;background: var(--color-bg);color: var(--color-text-2);cursor: pointer;transition: all 0.2s;position: relative;border: 1px solid transparent}.filter-tag:hover{background: var(--color-primary-light);color: var(--color-primary)}.filter-tag.active{background: var(--color-primary);color: #fff;font-weight: 500}.filter-tag[data-group="lang"]{border-color: rgba(38,103,245,0.25)}.filter-tag[data-group="lang"].active{background: var(--color-group-lang);border-color: var(--color-group-lang)}.filter-tag[data-group="exam"]{border-color: rgba(255,122,69,0.25)}.filter-tag[data-group="exam"].active{background: var(--color-group-exam);border-color: var(--color-group-exam)}.filter-tag[data-group="abroad"]{border-color: rgba(22,163,74,0.25)}.filter-tag[data-group="abroad"].active{background: var(--color-group-abroad);border-color: var(--color-group-abroad)}.filter-tag[data-group="all"].active{background: var(--color-primary)}.filter-tag[data-tooltip]:hover::after{content: attr(data-tooltip);position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%);background: rgba(31,41,55,0.95);color: #fff;font-size: 12px;padding: 6px 10px;border-radius: 4px;white-space: nowrap;z-index: 5;pointer-events: none}.filter-tag[data-tooltip]:hover::before{content: '';position: absolute;bottom: calc(100% + 2px);left: 50%;transform: translateX(-50%);border: 6px solid transparent;border-top-color: rgba(31,41,55,0.95);z-index: 5}.ad-slot{position: relative;border-radius: var(--radius-md);background: linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);display: flex;flex-direction: column;align-items: center;justify-content: center;color: #94a3b8;text-align: center;overflow: hidden}.ad-slot .ad-label{position: absolute;top: 8px;right: 8px;background: rgba(148,163,184,0.3);color: #64748b;font-size: 11px;padding: 2px 6px;border-radius: 3px;letter-spacing: 0.5px}.ad-slot .ad-icon{font-size: 32px;margin-bottom: 6px;opacity: 0.6}.ad-slot .ad-text{font-size: 12px;color: #64748b}.ad-banner{margin-bottom: 20px}.ad-banner img{width: 100%}.ad-side{height: 250px;margin-bottom: 16px}.ad-article{margin: 28px 0;height: 120px}.ad-side-small{height: 200px;margin-bottom: 16px}.news-list{display: flex;flex-direction: column;gap: 16px}.news-card{display: flex;gap: 20px;background: var(--color-white);border-radius: var(--radius-lg);padding: 16px;box-shadow: var(--shadow-card);cursor: pointer;transition: transform 0.25s ease,box-shadow 0.25s ease;position: relative;animation: fadeIn 0.4s ease both}.news-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-card-hover)}.news-card .thumb{flex: 0 0 200px;width: 200px;height: 140px;border-radius: var(--radius-md);overflow: hidden;position: relative;background: var(--color-bg)}.news-card .thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease}.news-card:hover .thumb img{transform: scale(1.05)}.news-card .badge{position: absolute;top: 8px;left: 8px;font-size: 11px;font-weight: 600;padding: 3px 8px;border-radius: 4px;z-index: 2;letter-spacing: 0.5px}.news-card .badge-top{background: linear-gradient(135deg,#ff4d4f,#ff7875);color: #fff}.news-card .badge-hot{background: linear-gradient(135deg,#ff7a45,#ffa940);color: #fff}.news-card .body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 8px}.news-card .meta-top{display: flex;align-items: center;gap: 8px}.category-tag{display: inline-flex;align-items: center;height: 22px;padding: 0 8px;font-size: 12px;border-radius: 4px;font-weight: 500;color: #fff;background: var(--color-group-lang)}.category-tag[data-group="lang"]{background: var(--color-group-lang)}.category-tag[data-group="exam"]{background: var(--color-group-exam)}.category-tag[data-group="abroad"]{background: var(--color-group-abroad)}.news-card .title{font-size: 17px;font-weight: 600;color: var(--color-text);line-height: 1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: color 0.2s}.news-card:hover .title{color: var(--color-primary)}.news-card .summary{font-size: 13px;color: var(--color-text-2);line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.news-card .meta-bottom{margin-top: auto;display: flex;align-items: center;gap: 16px;font-size: 12px;color: var(--color-text-3)}.news-card .meta-bottom .meta-item{display: inline-flex;align-items: center;gap: 4px}.pagination{display: flex;align-items: center;justify-content: center;gap: 6px;margin-top: 28px}.pagination .page-btn{min-width: 36px;height: 36px;padding: 0 10px;border-radius: var(--radius-md);background: var(--color-white);color: var(--color-text-2);font-size: 14px;display: inline-flex;align-items: center;justify-content: center;transition: all 0.2s;border: 1px solid var(--color-border);cursor: pointer}.pagination .page-btn:hover:not(:disabled){border-color: var(--color-primary);color: var(--color-primary)}.pagination .page-btn.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary);font-weight: 500}.pagination .page-btn:disabled{opacity: 0.4;cursor: not-allowed}.pagination .page-ellipsis{color: var(--color-text-3);padding: 0 4px}.sidebar{display: flex;flex-direction: column;gap: 16px;position: sticky;top: calc(var(--header-height) + 16px);align-self: start}.widget{background: var(--color-white);border-radius: var(--radius-lg);padding: 20px;box-shadow: var(--shadow-card)}.widget-title{display: flex;align-items: center;gap: 8px;font-size: 16px;font-weight: 600;color: var(--color-text);margin-bottom: 16px;padding-bottom: 12px;border-bottom: 1px solid var(--color-border-2)}.widget-title::before{content: '';width: 4px;height: 16px;background: var(--color-primary);border-radius: 2px}.widget-title .title-action{margin-left: auto;font-size: 12px;color: var(--color-text-3);font-weight: 400}.hot-list{display: flex;flex-direction: column;gap: 14px}.hot-item{display: flex;align-items: flex-start;gap: 12px;cursor: pointer;transition: color 0.2s}.hot-item:hover .hot-title{color: var(--color-primary)}.hot-rank{flex: 0 0 22px;width: 22px;height: 22px;border-radius: 4px;background: var(--color-border-2);color: var(--color-text-2);font-size: 12px;font-weight: 600;display: flex;align-items: center;justify-content: center}.hot-item:nth-child(1) .hot-rank{background: #ff4d4f;color: #fff}.hot-item:nth-child(2) .hot-rank{background: #ff7a45;color: #fff}.hot-item:nth-child(3) .hot-rank{background: #ffa940;color: #fff}.hot-content{flex: 1;min-width: 0}.hot-title{font-size: 13px;line-height: 1.5;color: var(--color-text);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 4px;transition: color 0.2s}.hot-meta{font-size: 11px;color: var(--color-text-3)}.cat-stat-group{margin-bottom: 16px}.cat-stat-group:last-child{margin-bottom: 0}.cat-stat-group .group-title{font-size: 12px;font-weight: 500;margin-bottom: 8px;display: flex;align-items: center;gap: 6px}.cat-stat-group .group-title .dot{width: 6px;height: 6px;border-radius: 50%}.cat-stat-group[data-group="lang"] .group-title{color: var(--color-group-lang)}.cat-stat-group[data-group="lang"] .group-title .dot{background: var(--color-group-lang)}.cat-stat-group[data-group="exam"] .group-title{color: var(--color-group-exam)}.cat-stat-group[data-group="exam"] .group-title .dot{background: var(--color-group-exam)}.cat-stat-group[data-group="abroad"] .group-title{color: var(--color-group-abroad)}.cat-stat-group[data-group="abroad"] .group-title .dot{background: var(--color-group-abroad)}.cat-stat-list{display: flex;flex-direction: column;gap: 2px}.cat-stat-item{display: flex;align-items: center;justify-content: space-between;padding: 8px 10px;border-radius: 6px;font-size: 13px;color: var(--color-text-2);cursor: pointer;transition: all 0.2s}.cat-stat-item:hover{background: var(--color-bg);color: var(--color-primary)}.cat-stat-item .count{font-size: 11px;background: var(--color-border-2);color: var(--color-text-3);padding: 1px 6px;border-radius: 10px}.cat-stat-item:hover .count{background: var(--color-primary-light);color: var(--color-primary)}.article{background: var(--color-white);border-radius: var(--radius-lg);padding: 32px 40px;box-shadow: var(--shadow-card)}.article img{max-width: 100%}.article-header{margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid var(--color-border-2)}.article-title{font-size: 26px;font-weight: 700;color: var(--color-text);line-height: 1.4;margin-bottom: 14px}.article-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 18px;font-size: 13px;color: var(--color-text-3)}.article-meta .meta-item{display: inline-flex;align-items: center;gap: 5px}.article-tags{margin-top: 28px;padding-top: 20px;border-top: 1px dashed var(--color-border);display: flex;flex-wrap: wrap;gap: 8px}.article-tag{background: var(--color-primary-light);color: var(--color-primary);padding: 4px 10px;border-radius: 4px;font-size: 12px}.article-nav{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-top: 20px}.article-nav-item{background: var(--color-white);border-radius: var(--radius-lg);padding: 18px 20px;box-shadow: var(--shadow-card);transition: box-shadow 0.2s,transform 0.2s;display: flex;flex-direction: column;gap: 4px;cursor: pointer}.article-nav-item:hover{box-shadow: var(--shadow-card-hover);transform: translateY(-2px)}.article-nav-item.next{text-align: right}.article-nav-item .nav-label{font-size: 12px;color: var(--color-text-3);display: inline-flex;align-items: center;gap: 4px}.article-nav-item .nav-title{font-size: 14px;color: var(--color-text);font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.article-nav-item:hover .nav-title{color: var(--color-primary)}.recommend-module{margin-top: 20px;background: var(--color-white);border-radius: var(--radius-lg);padding: 24px 28px;box-shadow: var(--shadow-card)}.recommend-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 18px;padding-bottom: 14px;border-bottom: 1px solid var(--color-border-2)}.recommend-title{display: flex;align-items: center;gap: 8px;font-size: 17px;font-weight: 600;color: var(--color-text)}.recommend-title::before{content: '';width: 4px;height: 17px;background: var(--color-primary);border-radius: 2px}.recommend-more{font-size: 13px;color: var(--color-text-3);transition: color 0.2s}.recommend-more:hover{color: var(--color-primary)}.recommend-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 16px}.recommend-card{display: flex;flex-direction: column;background: var(--color-bg);border-radius: var(--radius-md);overflow: hidden;cursor: pointer;transition: transform 0.25s ease,box-shadow 0.25s ease}.recommend-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-card-hover);background: var(--color-white)}.recommend-card .rec-thumb{width: 100%;aspect-ratio: 16 / 10;overflow: hidden;position: relative;background: var(--color-border-2)}.recommend-card .rec-thumb img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease}.recommend-card:hover .rec-thumb img{transform: scale(1.06)}.recommend-card .rec-body{padding: 12px 14px 14px;display: flex;flex-direction: column;gap: 6px;flex: 1}.recommend-card .rec-cat{display: inline-flex;align-items: center;align-self: flex-start;height: 20px;padding: 0 8px;font-size: 11px;border-radius: 3px;color: #fff;font-weight: 500;background: var(--color-group-lang);margin-right: 10px}.recommend-card .rec-cat[data-group="lang"]{background: var(--color-group-lang)}.recommend-card .rec-cat[data-group="exam"]{background: var(--color-group-exam)}.recommend-card .rec-cat[data-group="abroad"]{background: var(--color-group-abroad)}.recommend-card .rec-title{font-size: 14px;font-weight: 500;color: var(--color-text);line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: color 0.2s}.recommend-card:hover .rec-title{color: var(--color-primary)}.recommend-card .rec-meta{margin-top: auto;font-size: 11px;color: var(--color-text-3);display: flex;align-items: center;gap: 10px}.empty{text-align: center;padding: 60px 20px;color: var(--color-text-3)}.empty .empty-icon{font-size: 56px;margin-bottom: 12px;opacity: 0.5}.empty .empty-text{font-size: 14px;color: var(--color-text-2)}.empty .empty-tip{font-size: 12px;color: var(--color-text-3);margin-top: 4px}.footer{background: #1f2937;color: #9ca3af;padding: 40px 0 24px;margin-top: 60px}.footer-inner{max-width: var(--container-width);margin: 0 auto;padding: 0 20px;display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: 32px}.footer-col h4{color: #fff;font-size: 15px;margin-bottom: 16px;font-weight: 500}.footer-col p,.footer-col a{font-size: 13px;color: #9ca3af;line-height: 1.8}.footer-col a:hover{color: #fff}.footer-col ul li{padding: 2px 0}.footer-social{display: flex;gap: 10px;margin-top: 8px}.footer-social a{width: 32px;height: 32px;border-radius: 50%;background: #374151;color: #d1d5db;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;transition: all 0.2s}.footer-social a:hover{background: var(--color-primary);color: #fff}.footer-bottom{max-width: var(--container-width);margin: 24px auto 0;padding: 16px 20px 0;border-top: 1px solid #374151;text-align: center;font-size: 12px;color: #6b7280}@keyframes fadeIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}@keyframes pulse{0%,100%{opacity: 1}50%{opacity: 0.6}}@media (max-width: 1199px){.main{grid-template-columns: 1fr 280px;gap: 20px}.article{padding: 24px 24px}.article-title{font-size: 22px}}@media (max-width: 991px){.main{grid-template-columns: 1fr}.sidebar{position: static}.footer-inner{grid-template-columns: 1fr 1fr}}@media (max-width: 767px){.container{padding: 0 14px}.header-inner{padding: 0 14px}.logo{gap: 6px;font-size: 15px}.logo-icon{width: 28px;height: 28px;font-size: 14px}.nav-toggle{display: inline-flex}.nav-menu{position: absolute;top: 100%;left: 0;right: 0;background: var(--color-white);flex-direction: column;align-items: stretch;gap: 0;padding: 8px 14px 14px;border-top: 1px solid var(--color-border-2);box-shadow: 0 8px 16px rgba(0,0,0,0.08);max-height: 0;overflow: hidden;visibility: hidden;opacity: 0;transition: max-height 0.3s ease,opacity 0.2s ease,visibility 0.3s}.nav-menu.open{max-height: 480px;visibility: visible;opacity: 1}.nav-menu a{display: block;font-size: 15px;padding: 12px 4px;border-bottom: 1px solid var(--color-border-2)}.nav-menu a:last-child{border-bottom: none}.nav-menu a.active::after{display: none}.nav-menu a.active{color: var(--color-primary);font-weight: 600}.news-card{flex-direction: column;gap: 12px;padding: 12px}.news-card .thumb{flex: 0 0 auto;width: 100%;height: 180px}.news-card .title{font-size: 16px;-webkit-line-clamp: 2}.news-card .summary{-webkit-line-clamp: 2}.news-card .meta-bottom{font-size: 11px;gap: 10px}.filter-bar{padding: 14px}.filter-row{padding: 8px 0}.filter-group-label{font-size: 12px}.filter-tag{font-size: 12px;height: 28px;padding: 0 10px}.article{padding: 18px 16px}.article-title{font-size: 19px}.article-body{font-size: 14px}.article-nav{grid-template-columns: 1fr}.article-nav-item.next{text-align: left}.recommend-module{padding: 18px 16px}.recommend-grid{grid-template-columns: repeat(2,1fr);gap: 12px}.recommend-card .rec-title{font-size: 13px}.recommend-card .rec-body{padding: 10px 12px 12px}.ad-side,.ad-side-small{height: 180px}.ad-article{height: 100px}.footer-inner{grid-template-columns: 1fr;gap: 20px}.pagination .page-btn{min-width: 32px;height: 32px;font-size: 13px}}@media (max-width: 480px){.news-card .meta-bottom{flex-wrap: wrap}.recommend-grid{grid-template-columns: 1fr}}