:root{--bg:#f5f1ea;--card:#ffffff;--gold:#9d8464;--gold-light:#c9a97f;--text:#2c2c2c;--text-secondary:#555555}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.85}body::before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 20%,rgba(157,132,100,.07),transparent 65%);pointer-events:none;z-index:-1}header{position:sticky;top:0;z-index:100;background:#12100d;border-bottom:1px solid rgba(157,132,100,.2)}.header-content{max-width:1100px;margin:0 auto;padding:20px 40px;display:flex;justify-content:space-between;align-items:center}.logo img{height:62px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.back-btn{color:#d4b98f;text-decoration:none;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid rgba(212,185,143,.3);border-radius:30px;transition:all .3s ease}.back-btn:hover{color:#fff;background:rgba(157,132,100,.15);border-color:var(--gold-light)}.article-container{max-width:780px;margin:0 auto;padding:80px 20px 120px}.cover{width:100%;height:520px;object-fit:cover;border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.15);margin-bottom:50px}.meta{display:flex;align-items:center;gap:20px;margin-bottom:35px;flex-wrap:wrap}.meta .category{color:var(--gold);background:rgba(157,132,100,.1);border:1px solid rgba(157,132,100,.25);padding:7px 18px;border-radius:30px;font-size:.93rem}.meta .separator{color:#999;font-size:1.1rem}.meta .date{color:var(--text-secondary);font-size:.97rem}.title{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem, 5vw, 4.2rem);line-height:1.15;margin-bottom:32px;color:#1f1f1f}.description{font-size:1.28rem;color:var(--text-secondary);line-height:1.8;margin-bottom:65px}.content{font-size:1.13rem;line-height:1.95;color:#333}.content h2{font-family:'Cormorant Garamond',serif;font-size:2.05rem;color:var(--gold);margin:70px 0 28px}.content p{margin-bottom:30px}.recommended{max-width:1100px;margin:140px auto 80px;padding:0 40px}.recommended-title{text-align:center;font-family:'Cormorant Garamond',serif;font-size:2.7rem;color:#2c2c2c;margin-bottom:55px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.card{background:var(--card);border-radius:22px;overflow:hidden;border:1px solid rgba(157,132,100,.15);box-shadow:0 10px 30px rgba(0,0,0,.08);transition:all .5s ease;text-decoration:none;color:inherit;display:block}.card:hover{transform:translateY(-12px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.card img{width:100%;height:230px;object-fit:cover;transition:transform .8s ease}.card:hover img{transform:scale(1.08)}.card-body{padding:28px}.card-category{color:var(--gold);font-size:.9rem;margin-bottom:14px}.card-title{font-size:1.18rem;line-height:1.5;color:#222}footer{text-align:center;background:#12100d;padding:60px 20px 40px;color:var(--text-secondary);border-top:1px solid rgba(157,132,100,.15);font-size:.75rem}@media (max-width:768px){.article-container{padding:50px 20px 80px}.cover{height:380px}.header-content{padding:18px 25px}}