.article-index{min-height:100vh;padding:72px 40px 96px}.article-index-wrap{max-width:1060px;margin:0 auto}.article-index-head{border-bottom:1px solid var(--line);padding-bottom:38px;margin-bottom:40px}.article-card-kicker,.article-date,.article-index-kicker{font-family:var(--sans);font-size:12px;letter-spacing:.14em;color:var(--coral)}.article-index-title{margin:18px 0 16px;font-family:"Noto Serif SC",Songti SC,serif;font-size:clamp(42px,6vw,72px);line-height:1.08;color:var(--ink)}.article-index-title em{color:var(--coral);font-style:normal}.article-index-desc{max-width:620px;margin:0;font-family:var(--body);font-size:17px;line-height:1.8;color:var(--ink-mute)}.article-section{display:grid;gap:18px;margin-bottom:42px}.article-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:14px}.article-section-title h2{margin:0;font-family:"Noto Serif SC",Songti SC,serif;font-size:26px;color:var(--ink)}.article-section-title p{margin:0;font-size:13px;color:var(--ink-faint)}.article-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.article-card{display:grid;gap:14px;border:1px solid var(--line);background:rgba(247,241,222,.54);border-radius:14px;padding:22px;color:var(--ink);text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.article-card:hover{transform:translateY(-3px);border-color:rgba(237,111,92,.45);box-shadow:0 18px 42px rgba(21,20,15,.08)}.article-card h3{margin:0;font-family:var(--sans);font-size:25px;line-height:1.12;color:var(--ink)}.article-card p{margin:0;font-family:var(--body);font-size:15px;line-height:1.7;color:var(--ink-mute)}.article-card-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:12px;font-family:var(--sans);font-size:12px;color:var(--ink-faint)}.article-page .art-wrap{padding-top:56px}.article-page .art-meta-line{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;color:var(--ink-faint)}.article-page .art-body{counter-reset:section}.article-page .art-footer-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:54px;border-top:1px solid var(--line);padding-top:28px}.article-page .art-action{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:0 16px;color:var(--ink-soft);text-decoration:none;font-family:var(--sans);font-size:13px}.article-page .art-action.primary{border-color:var(--ink);background:var(--ink);color:var(--paper)}@media (max-width:640px){.article-index{padding:44px 22px 72px}.article-section-title{display:grid}}