.articles-page{background:linear-gradient(#e9f2fe 0%,#eef6ff 22%,#f5faff 44%,#fbfdff 62%,#fff 100%);min-height:100vh}.articles-desktop{display:none}.articles-mobile{flex-direction:column;display:flex}.articles-mobile-wrap{flex:1;min-height:0}.articles-mobile-container{padding:16px 12px 32px}.articles-grid{grid-template-columns:1fr;gap:16px;display:grid}.articles-card{background:#fff;border:.5px solid #e2e8f0;border-radius:8px;flex-direction:column;transition:border-color .25s,box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 3px 9px #94a3b814}.articles-card:hover{border-color:#3b82f6;box-shadow:0 3px 8px #3b82f61a}.articles-card__cover{background:linear-gradient(135deg,#e8f2fb 0%,#d6e7f7 100%);width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.articles-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.articles-card:hover .articles-card__cover img{transform:scale(1.04)}.articles-card__badges-inline{gap:6px;margin-bottom:10px;display:flex}.articles-card__badges-inline .articles-badge{padding:2px 9px}.articles-card__badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.articles-badge{border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.5}.articles-badge--top{color:#b45309;background:#fef3c7;border:.5px solid #fcd34d}.articles-badge--hot{color:#b91c1c;background:#fee2e2;border:.5px solid #fca5a5}.articles-card__content{flex-direction:column;flex:1;padding:16px;display:flex}.articles-card__title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:16px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.articles-card__summary{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.articles-card__meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;font-size:12px;display:flex}.articles-card__tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.articles-tag{color:#315f8c;background:#edf5ff;border:.5px solid #c8ddf3;border-radius:5px;padding:1px 7px;font-size:11px;font-weight:500;line-height:1.6;transition:background .2s}.articles-card:hover .articles-tag{background:#e2eefb}.articles-empty{flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:75px 8px 0;display:flex}.articles-empty__title{color:#999;font-size:14px}.articles-empty__desc{color:#bbb;font-size:11px}.articles-sentinel{height:1px}.articles-load-status{justify-content:center;align-items:center;gap:8px;min-height:48px;padding:16px 0;display:flex}.articles-load-status__text{color:#94a3b8;font-size:13px}.articles-load-status__spinner{border:2px solid #dbe6f2;border-top-color:#3b82f6;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite articles-spin}@keyframes articles-spin{to{transform:rotate(360deg)}}.articles-load-more{color:#475569;cursor:pointer;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:8px;min-height:32px;padding:6px 18px;font-size:13px;transition:all .2s}.articles-load-more:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.articles-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;font-size:13px;display:flex}.articles-pager__pages{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.articles-pager__page{color:#475569;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:0 8px;transition:all .2s;display:inline-flex}.articles-pager__page:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.articles-pager__page--active{color:#fff;background:#1263a3;border-color:#1263a3;font-weight:600}.articles-pager__link{color:#475569;background:#f8fafc;border:.5px solid #e2e8f0;border-radius:8px;min-height:32px;padding:6px 16px;transition:all .2s}.articles-pager__link:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.articles-pager__link--disabled,.articles-pager__link--disabled:hover{color:#b9c4cf;background:#f8fafc;border-color:#eef1f5}.article-detail-page{background:#fff;min-height:100vh}.article-detail-wrap{padding:14px 12px 40px}.article-detail{padding:8px 0 0}.article-breadcrumb{color:#7a8a99;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.article-breadcrumb a{color:#1f72b0}.article-breadcrumb__current{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-detail__title{color:#1a2733;font-size:22px;font-weight:800;line-height:1.4}.article-detail__meta{color:#8b98a5;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 18px;font-size:13px;display:flex}.article-detail__tags{gap:8px;display:flex}.article-tag{color:#1f72b0;background:#eef6fd;border-radius:999px;padding:2px 10px;font-size:12px}.article-detail__summary{color:#64748b;background:#f8fafc;border-left:4px solid #cbd5e1;border-radius:4px;margin-bottom:20px;padding:12px 16px;font-size:14px;line-height:1.8}.article-detail__cover{margin-bottom:22px}.article-detail__cover img{border-radius:10px;width:100%;height:auto;display:block}.article-detail__footer{border-top:1px solid #eef1f5;margin-top:32px;padding-top:24px}.article-back{color:#1f72b0;font-size:14px}.article-content{color:#334155;word-break:break-word;font-size:16px;line-height:1.9}.article-content p{margin-bottom:1em}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#1e293b;margin:1.5em 0 .75em;font-weight:600;line-height:1.4}.article-content h2{font-size:1.5em}.article-content h3{font-size:1.25em}.article-content h4{font-size:1.1em}.article-content a{color:#1f72b0;text-decoration:underline}.article-content img{border-radius:8px;max-width:100%;height:auto;margin:1.4em 0;display:block}.article-content video{background:#000;border-radius:8px;max-width:100%;height:auto;margin:1.4em 0;display:block}.article-content ul,.article-content ol{margin-bottom:1em;padding-left:1.6em}.article-content ul{list-style:outside}.article-content ol{list-style:decimal}.article-content li{margin-bottom:.4em}.article-content blockquote{color:#64748b;background:#f8fafc;border-left:4px solid #7fb3dd;margin:1.4em 0;padding:.6em 1em}.article-content pre{color:#e2e8f0;background:#1e293b;border-radius:6px;margin:1.4em 0;padding:1em;font-size:.875em;line-height:1.6;overflow-x:auto}.article-content code{color:#e11d48;background:#f1f5f9;border-radius:3px;padding:.15em .4em;font-size:.875em}.article-content pre code{color:inherit;background:0 0;padding:0}.article-content table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:.94em}.article-content th,.article-content td{text-align:left;border:1px solid #e2e8f0;padding:.6em .8em}.article-content th{background:#f8fafc;font-weight:600}.article-content hr{border:none;border-top:1px solid #e2e8f0;margin:2em 0}@media screen and (min-width:1024px){.articles-page{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.articles-mobile{display:none}.articles-desktop{display:block;position:relative}.articles-desktop-main{min-height:calc(100vh - 65px);padding:28px 0 48px}.articles-desktop-container{max-width:1200px;margin:0 auto;padding:0 20px}.articles-desktop-title{color:#1e293b;font-size:2.25rem;font-weight:700;line-height:1.2;display:block}.articles-desktop-subtitle{color:#64748b;margin-top:12px;font-size:1rem;line-height:1.6;display:block}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.articles-card__content{padding:20px}.articles-card__title{margin-bottom:12px;font-size:18px}.articles-card__summary{margin-bottom:16px;font-size:14px}.articles-empty--desktop{padding-top:120px}.article-detail__title{font-size:28px}.article-detail-wrap{max-width:900px;margin:0 auto;padding:32px 20px 60px}.article-content{font-size:16px}}