.article-hero{padding:56px 0 36px;position:relative;overflow:hidden}.article-hero:before{content:"";position:absolute;bottom:-180px;left:50%;transform:translateX(-50%);width:900px;height:320px;background:radial-gradient(ellipse at center,rgba(14,189,141,.16) 0,rgba(61,212,167,.08) 40%,transparent 70%);pointer-events:none}.article-hero-inner{position:relative;max-width:760px}.article-hero h1{font-size:clamp(32px,4vw,44px);margin:12px 0 10px}.article-hero .muted{font-size:17px;max-width:36em}.article-hero-switch{margin-top:20px}.article-index{padding-top:28px}.article-index-wrap,.article-page-wrap{max-width:760px}.article-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;flex-wrap:wrap}.article-pager-pages{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}.article-pager-nav,.article-pager-pages a,.article-pager-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 12px;border-radius:var(--r-md);border:1px solid var(--line);background:#fff;font-size:14px;font-weight:600;color:var(--text)}.article-pager-nav:hover,.article-pager-pages a:hover{border-color:var(--line-strong);box-shadow:var(--sh-sm)}.article-pager-pages .is-current{background:var(--bg-soft);border-color:var(--line-strong);color:var(--text)}.article-pager-nav.is-disabled{color:var(--text-3);background:transparent;pointer-events:none}.article-pager-gap{min-width:20px;color:var(--text-3);text-align:center}.article-list{display:flex;flex-direction:column;gap:16px}.article-card{display:block;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:22px 24px 20px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.article-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);border-color:var(--line-strong)}.article-card time{display:block;font-size:13px;color:var(--text-3);margin-bottom:8px}.article-card h2{font-size:20px;line-height:1.4;margin:0 0 8px}.article-card p{font-size:15px;line-height:1.7;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.article-card-more{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--brand-dark)}.article-page{padding:36px 0 72px}.article-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--text-3);margin-bottom:28px}.article-crumb a:hover{color:var(--brand)}.article-crumb span:last-child{color:var(--text-2);max-width:100%}.article-head{margin-bottom:28px}.article-head h1{font-size:clamp(26px,3.4vw,36px);line-height:1.28;margin:12px 0;letter-spacing:-.02em}.article-head time{font-size:14px;color:var(--text-3)}.article-body{font-size:17px;line-height:1.85;color:var(--text-2)}.article-body h2,.article-body h3,.article-body h4{color:var(--text);margin:1.6em 0 .55em;letter-spacing:-.02em}.article-body h2{font-size:22px;line-height:1.35}.article-body h3,.article-body h4{font-size:18px;line-height:1.4}.article-body p{margin:0 0 1em}.article-body blockquote{margin:0 0 1.2em;padding:14px 18px;background:var(--bg-soft);border-left:3px solid var(--brand);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--text);font-size:16px;line-height:1.75}.keraft .article-body ol,.keraft .article-body ul{list-style:disc;margin:0 0 1.1em;padding-left:1.35em}.keraft .article-body ol{list-style:decimal}.article-body li{margin:.35em 0}.article-body li::marker{color:var(--brand)}.article-body strong{color:var(--text);font-weight:650}.article-related h2{font-size:22px;margin-bottom:16px}.article-related-list{display:flex;flex-direction:column;gap:10px}.article-related-list a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;transition:border-color .15s,box-shadow .15s}.article-related-list a:hover{border-color:var(--line-strong);box-shadow:var(--sh-sm)}.article-related-list time{display:block;font-size:12px;color:var(--text-3);margin-bottom:4px}.article-related-list strong{font-size:15px;font-weight:650}.nav-links a.is-active{color:var(--text);background:var(--bg-soft);font-weight:650}@media (max-width:900px){.article-hero{padding:36px 0 20px}.article-page{padding:20px 0 48px}.article-card{padding:18px 16px 16px}.article-pager{gap:8px}}