@layer site-route{.article-list-page{color:#081a3a;background:#fff}.article-list-page main{padding-bottom:24px}.al-hero{background:linear-gradient(90deg,#f8fbff 0%,#eef5ff 45%,#e5f0ff 100%);min-height:232px;position:relative;overflow:hidden}.al-hero-bg{background:linear-gradient(90deg,#fffffff5 0%,#ffffffd6 42%,#f0f7ffa8 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1800' height='240' viewBox='0 0 1800 240'%3E%3Crect width='1800' height='240' fill='%23e9f3ff'/%3E%3Cpath d='M725 210 C920 65 1220 25 1800 10 V240 H725z' fill='%23cfe1f8' opacity='.72'/%3E%3Cpath d='M840 215 C1060 104 1288 62 1795 45' fill='none' stroke='%23fff' stroke-width='20' opacity='.75'/%3E%3Cpath d='M1020 30h520v210H1020z' fill='%23d8e7fa' opacity='.35'/%3E%3C/svg%3E") 50%/cover;position:absolute;inset:0}.al-hero-inner{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:232px;padding:48px 0;display:flex;position:relative}.al-hero-title h1{color:#061936;font-size:46px;line-height:1.15;font-weight:var(--font-weight-heading);margin-bottom:12px}.al-hero-title p{color:#465c7a;font-size:18px}.al-hero-search{background:#fffffff0;border:1px solid #d7e5f8;border-radius:999px;align-items:center;gap:12px;width:min(640px,100%);height:52px;padding:0 22px;display:flex;box-shadow:0 12px 26px #3c69aa1a}.al-hero-search svg{color:#8a9bb4;flex:none}.al-hero-search input{color:#1f3556;background:0 0;border:0;outline:0;width:100%;font-size:15px}.al-category-wrap{background:linear-gradient(#fffffff5,#ffffffe6);height:44px;margin-top:-1px;box-shadow:0 12px 24px #2e5b9614}.al-category-bar{align-items:center;gap:34px;height:44px;padding-left:14px;display:flex;overflow-x:auto}.al-category-bar button{color:#526783;height:44px;font-size:14px;font-weight:var(--font-weight-label);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000}.al-category-bar button.active{color:var(--blue);border-bottom-color:var(--blue)}.al-content{padding:20px 0 16px}.al-grid{grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:28px;display:grid}.article-list-page h2{color:#061936;font-size:26px;line-height:1.3;font-weight:var(--font-weight-heading);margin-bottom:22px}.al-featured-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.al-featured-card{color:inherit;background:#fff;border:1px solid #dfe9f7;border-radius:12px;flex-direction:column;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 12px 28px #275ca014}.al-featured-card:hover{transform:translateY(-2px);box-shadow:0 18px 36px #275ca029}.al-featured-card:hover .al-featured-body h3{color:var(--blue)}.al-featured-img{background-position:50%;background-size:cover;flex:none;height:150px;position:relative}.al-featured-tag{height:22px;color:var(--blue);background:#eaf3ff;border-radius:4px;align-items:center;padding:0 8px;font-size:11px;font-weight:400;line-height:1;display:inline-flex;position:absolute;bottom:10px;left:10px}.al-badge-pin-img{color:#d46b08;z-index:1;background:#fff7e6;border-radius:4px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:400;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.al-featured-body{flex-direction:column;flex:1;min-width:0;padding:16px 18px;display:flex}.al-featured-body h3,.al-featured-body p{max-width:100%}.al-meta{min-width:0}.al-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.al-featured-body h3{color:#0a1f42;font-size:17px;line-height:1.45;font-weight:var(--font-weight-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;transition:color .2s;display:-webkit-box;overflow:hidden}.al-featured-body p{color:#6b7d96;font-size:var(--font-size-support);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.al-featured-body .al-meta{margin-top:auto}.al-meta{color:#6c7d96;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.al-meta-item{align-items:center;gap:5px;min-width:0;line-height:1.2;display:inline-flex}.al-meta-item svg{color:#7f94ad;flex:none;transform:translateY(-.5px)}.al-meta i{display:none}.al-all{margin-top:28px}.al-section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.al-section-heading h2{margin-bottom:0}.al-sort{color:#6b7d96;white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:inline-flex}.al-sort__label{margin-right:3px}.al-sort button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:5px 8px;line-height:1.35}.al-sort button:hover,.al-sort button.active{color:var(--blue);background:#eaf3ff}.al-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;display:grid}.al-row{color:inherit;background:#fff;border:1px solid #dfe9f7;border-radius:12px;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding:16px;transition:box-shadow .2s;display:grid;box-shadow:0 8px 18px #1e56a00a}.al-row:hover{box-shadow:0 14px 26px #1e56a01f}.al-row:hover h3{color:var(--blue)}.al-row>div{min-width:0}.al-thumb{background-position:50%;background-size:cover;border-radius:8px;flex:none;height:96px;position:relative;overflow:hidden}.al-thumb-badges{z-index:1;gap:4px;display:flex;position:absolute;top:6px;left:6px}.al-badge-thumb{border-radius:4px;align-items:center;height:18px;padding:0 6px;font-size:10px;font-weight:400;line-height:1;display:inline-flex}.al-badge-thumb-pin{color:#d46b08;background:#fff7e6}.al-badge-thumb-featured{color:#1d6fe0;background:#eaf3ff}.al-row h3{color:#102546;font-size:16px;line-height:1.45;font-weight:var(--font-weight-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:7px;transition:color .2s;display:-webkit-box;overflow:hidden}.al-row p{color:#6b7d96;font-size:var(--font-size-support);white-space:nowrap;text-overflow:ellipsis;margin-bottom:9px;line-height:1.6;overflow:hidden}.al-empty{text-align:center;color:#8c9aaf;padding:40px}.al-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px 0 0;display:flex}.al-pagination button{color:#2d4466;min-width:30px;height:30px;font-size:13px;font-weight:var(--font-weight-label);cursor:pointer;background:#fff;border:1px solid #d8e4f2;border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.al-pagination button.active{color:#fff;border-color:var(--blue);background:var(--blue)}.al-pagination .next{width:74px}.al-pagination button:disabled{opacity:.5;cursor:not-allowed}.al-side{gap:18px;display:grid}.al-side-card,.al-subscribe{background:#fff;border:1px solid #dfe9f7;border-radius:12px;padding:22px 24px;box-shadow:0 10px 24px #2e5b960f}.al-side-card h3,.al-subscribe h3{color:#13223d;font-size:18px;font-weight:var(--font-weight-heading);align-items:center;gap:8px;margin-bottom:16px;display:flex}.al-sub-mail{color:var(--blue);flex:none;align-items:center;display:inline-flex}.al-hot ol{gap:14px;margin:0;padding:0;list-style:none;display:grid}.al-hot li{color:#41506a;grid-template-columns:26px 1fr;align-items:center;gap:12px;font-size:14.5px;line-height:1.4;display:grid}.al-hot li a{color:#41506a;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.al-hot li a:hover{color:var(--blue)}.al-hot b{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.al-hot li:nth-child(n+4) b{color:#7890ad;background:#e7eef8}.al-tag-list{flex-wrap:wrap;gap:10px;display:flex}.al-tag-list button{max-width:100%;height:32px;color:var(--blue);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#eaf3ff;border:0;border-radius:6px;flex:none;padding:0 12px;font-size:13px;font-weight:500;overflow:hidden}.al-tag-list button:hover{background:#d8e9ff}.al-subscribe{background:linear-gradient(#f7fbff 0%,#fff 100%)}.al-subscribe p{color:#6b7d96;margin-bottom:14px;font-size:14px;line-height:1.6}.al-subscribe form{grid-template-columns:1fr 96px;height:42px;margin-bottom:9px;display:grid}.al-subscribe input{color:#1f3556;border:1px solid #d7e5f8;border-right:0;border-radius:8px 0 0 8px;outline:0;min-width:0;padding:0 14px;font-size:14px}.al-subscribe button{border:1px solid var(--blue);background:var(--blue);color:#fff;font-size:14px;font-weight:var(--font-weight-action);cursor:pointer;border-radius:0 8px 8px 0}.al-subscribe small{color:#7e90a9;font-size:12px}.al-subscribe .al-sub-ok{color:#0a9f78;font-weight:800}.al-subscribe .al-sub-err{color:#e2483d;font-weight:700}@media (width<=1180px){.al-grid{grid-template-columns:1fr}.al-side{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.al-featured-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.al-featured-grid{grid-template-columns:repeat(2,1fr)}.al-list{grid-template-columns:1fr}}@media (width<=640px){.al-hero{min-height:0;padding:34px 0 28px}.al-hero-title h1{font-size:30px}.al-hero-title p{font-size:15px}.al-hero-search{height:48px}.al-featured-grid,.al-side{grid-template-columns:1fr}.al-section-heading{flex-direction:column;align-items:flex-start;gap:10px}.al-sort{width:100%;overflow-x:auto}.al-row{grid-template-columns:100px 1fr;gap:14px;padding:12px}.al-thumb{height:72px}.article-list-page h2{margin-bottom:18px;font-size:22px}.al-content{padding:16px 0}}@media (width<=380px){.al-hero-title h1{font-size:26px}.al-row{grid-template-columns:1fr;gap:12px}.al-thumb{height:150px}}}