.article-list-page{background:#f4f6fa}.article-nav a.active{color:#fff}.article-list-hero{position:relative;min-height:520px;display:flex;align-items:flex-end;overflow:hidden;color:#fff;background:#06152d}.article-list-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.7)}.article-list-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,30,.95) 0%,rgba(4,17,37,.8) 50%,rgba(4,17,37,.28) 100%),linear-gradient(0deg,rgba(3,13,30,.82),transparent 58%)}.article-list-hero .container{position:relative;z-index:2;padding-bottom:78px}.article-list-hero .breadcrumbs{margin-bottom:44px}.article-list-hero .kicker{margin-bottom:13px}.article-list-hero h1{margin:0;font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-.06em}.article-list-hero .container>p:not(.kicker){max-width:650px;margin:22px 0 0;color:rgba(231,239,249,.73);font-size:16px}.article-list-stats{display:flex;align-items:center;gap:14px;margin-top:30px;color:rgba(228,238,249,.58);font-size:11px}.article-list-stats strong{color:#fff;font-size:18px}.article-list-stats i{width:3px;height:3px;border-radius:50%;background:#55caff}.article-library{padding:100px 0 120px}.library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:48px}.library-heading .kicker{margin-bottom:14px}.library-heading h2{margin:0;font-size:44px;letter-spacing:-.04em}.library-heading>p{max-width:430px;margin:0;color:#6b7a8e;font-size:14px}.article-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.article-list-card{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:300px;overflow:hidden;border:1px solid #e0e6ee;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(14,36,69,.06);transition:transform .3s,box-shadow .3s}.article-list-card:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(14,36,69,.12)}.article-list-cover{position:relative;overflow:hidden;background:#0a244d}.article-list-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.article-list-card:hover .article-list-cover img{transform:scale(1.045)}.article-list-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,15,34,.64))}.article-list-cover>span{position:absolute;z-index:2;left:17px;top:16px;padding:4px 8px;border-radius:99px;background:rgba(5,20,43,.58);color:#fff;font:9px ui-monospace,monospace;backdrop-filter:blur(6px)}.article-list-body{display:flex;flex-direction:column;padding:25px 24px}.article-list-meta{display:flex;align-items:center;gap:7px;color:#8b97a7;font-size:9px;letter-spacing:.06em}.article-list-meta span:first-child{color:#2170df}.article-list-body h2{margin:12px 0 10px;font-size:20px;line-height:1.48;letter-spacing:-.025em}.article-list-body h2 a:hover{color:#1768df}.article-list-body>p{margin:0;color:#6f7d90;font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-list-more{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #e8edf3;font-size:10px;font-weight:800}.article-list-more span{color:#2272e5}.article-list-empty{padding:90px 20px;text-align:center;border:1px solid #e0e6ee;border-radius:18px;background:#fff}.article-list-empty h2{margin:0}.article-list-empty p{color:#758397}.article-footer-full{padding:0}.article-footer-main{display:flex;align-items:center;gap:25px;padding-top:28px;padding-bottom:22px}.article-footer-records{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;padding-top:20px;padding-bottom:25px;border-top:1px solid rgba(255,255,255,.08);color:#768ba5;font-size:9px}.article-footer-records a,.article-footer-records span{display:flex;align-items:center;gap:6px}.article-footer-records img{width:15px;height:15px;object-fit:contain}.article-footer-records a:hover{color:#fff}
@media(max-width:1060px){.article-list-card{grid-template-columns:190px 1fr}.article-list-grid{gap:20px}}
@media(max-width:820px){.article-list-hero{min-height:470px}.article-list-hero .container{padding-bottom:60px}.library-heading{display:block}.library-heading>p{margin-top:16px}.article-list-grid{grid-template-columns:1fr}.article-list-card{grid-template-columns:240px 1fr}.article-library{padding:75px 0 90px}}
@media(max-width:600px){.article-list-hero{min-height:440px}.article-list-hero .container{padding-bottom:45px}.article-list-hero .breadcrumbs{margin-bottom:55px}.article-list-hero h1{font-size:52px}.article-list-hero .container>p:not(.kicker){font-size:14px}.article-list-stats{flex-wrap:wrap}.article-list-stats strong{font-size:15px}.article-library{padding:60px 0 75px}.library-heading h2{font-size:34px}.article-list-card{display:block}.article-list-cover{display:block;height:210px}.article-list-body{min-height:290px}.article-footer-main{display:block;text-align:center}.article-footer-main p{margin:14px 0}.article-footer-records{display:grid;justify-content:center;gap:10px}}

/* 单列文章目录：每篇文章占一整行，强化标题与摘要的可读性。 */
.article-list-grid{grid-template-columns:1fr;gap:24px}
.article-list-card{grid-template-columns:minmax(330px,420px) minmax(0,1fr);min-height:300px;border-radius:20px}
.article-list-cover img{position:absolute;inset:0}
.article-list-cover img{object-position:center 42%}
.article-list-cover>span{left:20px;top:20px;padding:5px 9px}
.article-list-body{padding:34px 40px}
.article-list-meta{gap:8px;font-size:10px}
.article-list-body h2{max-width:650px;margin:15px 0 12px;font-size:27px;line-height:1.42;letter-spacing:-.03em}
.article-list-body>p{max-width:680px;font-size:14px;line-height:1.9}
.article-list-more{padding-top:18px;font-size:11px}
@media(max-width:1060px){.article-list-card{grid-template-columns:300px 1fr}.article-list-body{padding:30px 32px}}
@media(max-width:820px){.article-list-card{grid-template-columns:240px 1fr}.article-list-body{padding:26px}.article-list-body h2{font-size:22px}.article-list-body>p{font-size:12px}}
@media(max-width:600px){.article-list-card{display:block}.article-list-cover{display:block;height:225px}.article-list-body{min-height:300px;padding:25px 23px}.article-list-body h2{font-size:21px}}