.article-site{margin:0;background:#f7eddb;color:#18382d;font-family:"Times New Roman",serif}.article-topbar{max-width:1240px;margin:18px auto;padding:18px 24px;border:1px solid #dfba83;border-radius:22px;background:#fff9ed;display:flex;align-items:center;justify-content:space-between}.article-topbar .brand{text-decoration:none}.article-topbar nav{display:flex;gap:10px}.article-topbar nav a{padding:12px 18px;border:1px solid #d8b47d;border-radius:12px;color:#7d2119;text-decoration:none;font-weight:700}.article-topbar nav a.active{background:#8d241b;color:white}.article-site main{max-width:1180px;margin:auto;padding:25px 20px 60px}.article-hero{text-align:center;padding:55px 20px}.article-hero span,.article-card span,.article-detail-category{color:#8d241b;font-size:13px;font-weight:800;letter-spacing:1.4px}.article-hero h1{margin:10px 0;font-size:58px}.article-hero p{font-size:19px;color:#6a5b49}.article-tools{display:grid;grid-template-columns:1fr 260px;gap:12px;margin-bottom:24px}.article-tools input,.article-tools select{min-height:50px;padding:0 16px;border:1px solid #d9bd93;border-radius:12px;background:#fffaf1;font-size:16px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{overflow:hidden;border:1px solid #dfbf91;border-radius:18px;background:#fffaf0;color:inherit;text-decoration:none;box-shadow:0 10px 30px rgba(91,52,20,.08);transition:.2s}.article-card:hover{transform:translateY(-4px)}.article-card img,.article-cover-fallback{width:100%;height:190px;object-fit:cover}.article-cover-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#f4dcb8,#fbf4e8);color:#8d241b;font-size:64px}.article-card>div:last-child{padding:20px}.article-card h2{margin:8px 0;font-size:25px;color:#17382d}.article-card p{color:#6a5b49;line-height:1.55}.article-card small{color:#957e62}.article-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px}.article-pagination button{width:42px;height:42px;border:1px solid #d6b27b;border-radius:10px;background:#fffaf0;color:#8d241b}.article-pagination button.active{background:#8d241b;color:white}.article-detail{max-width:850px;margin:30px auto;padding:48px;border:1px solid #dfbf91;border-radius:22px;background:#fffaf1}.article-back{color:#8d241b;font-weight:700;text-decoration:none}.article-detail-cover{width:100%;max-height:430px;object-fit:cover;border-radius:16px;margin:25px 0}.article-detail-category{display:block;margin-top:32px}.article-detail h1{font-size:48px;line-height:1.15;margin:12px 0}.article-date{color:#8a7862;margin-bottom:30px}.article-content{font-family:"Times New Roman",serif;font-size:20px;line-height:1.8;color:#332d26}.article-footer{text-align:center;padding:28px;color:#765f45}.article-empty{grid-column:1/-1;padding:50px;text-align:center;background:#fffaf1;border-radius:16px}@media(max-width:760px){.article-topbar{margin:8px;display:block;padding:14px}.article-topbar nav{margin-top:14px}.article-topbar nav a{flex:1;text-align:center;padding:10px}.article-hero{padding:35px 10px}.article-hero h1{font-size:42px}.article-tools{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.article-detail{padding:25px 18px}.article-detail h1{font-size:36px}.article-content{font-size:18px}}