.article-page{background:#f3f0e7}.article-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.article-hero{color:#fff;background:#052f2a}.article-brandbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.article-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.article-brand>img{width:50px;height:50px}.article-brand span{display:grid;gap:3px}.article-brand span img{width:142px;filter:brightness(0) invert(1)}.article-brand small{font-weight:700;letter-spacing:.28em}.article-brandbar nav{display:flex;gap:8px}.article-brandbar nav a{min-height:44px;display:grid;place-items:center;padding:0 15px;color:#dfece7;text-decoration:none;border-radius:999px}.article-brandbar nav a.active{color:#073b34;background:#fffdf8}.article-page main{margin:0 auto;padding:28px 0 80px}.article-search,.article-card,.popular-list,.column-group,.article-state{border:1px solid #d9dfda;background:#fffdf8;box-shadow:0 12px 32px rgba(7,59,52,.07)}.article-search{padding:18px;border-radius:18px}.article-search label{font-weight:800}.article-search>div{display:flex;gap:8px;margin-top:8px}.article-search input{width:100%;min-height:46px;padding:0 14px;border:1px solid #cfd8d3;border-radius:12px;font:inherit}.article-search button{min-width:72px;border:0;border-radius:12px;color:#fff;background:#0e5548}.article-search p{margin:8px 2px 0;color:#6e7d77}.article-heading{display:flex;justify-content:space-between;align-items:end;margin:32px 2px 14px}.article-heading p{margin:0 0 4px;color:#0e5548;font-size:12px;font-weight:800;letter-spacing:.12em}.article-heading h1,.article-heading h2{margin:0;font:600 28px/1.15 Georgia,"Songti SC",serif}.article-heading span{color:#6e7d77;font-size:13px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-card{overflow:hidden;border-radius:18px;cursor:pointer}.article-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-card div{padding:15px}.article-card small{color:#6e7d77}.article-card h3{margin:7px 0;font:600 20px/1.35 Georgia,"Songti SC",serif}.article-card p{margin:0;color:#51625c;line-height:1.6}.article-two{display:grid;grid-template-columns:1.25fr .75fr;gap:24px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.popular-list{margin:0;padding:10px 20px;border-radius:18px;list-style:none}.popular-list li{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #e1e5e1;cursor:pointer}.popular-list li:last-child{border:0}.popular-list b{color:#d59a42;font:600 22px Georgia,serif}.popular-list span{font-weight:700}.popular-list small{display:block;margin-top:4px;color:#6e7d77;font-weight:400}.column-group{margin-top:14px;padding:20px;border-radius:20px}.column-group>h3{margin:0 0 14px;font:600 24px Georgia,"Songti SC",serif}.column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.article-state{padding:48px;text-align:center;color:#6e7d77;border-radius:18px}dialog{width:min(760px,calc(100% - 24px));max-height:90vh;padding:0;border:0;border-radius:24px;background:#fffdf8;box-shadow:0 28px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(5,47,42,.62)}dialog article{position:relative;padding:38px}#closeArticle{position:absolute;right:16px;top:14px;width:44px;height:44px;border:0;border-radius:50%;font-size:28px;background:#edf2ee}#detailMeta{color:#0e5548;font-weight:700}#detailTitle{padding-right:42px;font-size:34px}#detailCover{width:100%;max-height:380px;object-fit:cover;border-radius:18px}#detailSummary{font-size:18px;color:#51625c}.article-body{font-size:17px;line-height:1.85}.article-body h2,.article-body h3{margin-top:1.6em}.article-body img{max-width:100%;height:auto}.article-body blockquote{margin:1.5em 0;padding:10px 18px;border-left:4px solid #d59a42;background:#f3f0e7}
@media(max-width:760px){.article-shell{width:calc(100% - 28px)}.article-brandbar{min-height:112px}.article-brandbar nav a:not(.active){display:none}.focus-grid,.article-two,.article-list,.column-grid{grid-template-columns:1fr}.article-two{gap:0}.article-heading{margin-top:26px}.article-heading h1,.article-heading h2{font-size:24px}.column-group{padding:14px}dialog article{padding:28px 18px}#detailTitle{font-size:28px}.article-body{font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}