:root{--bg:#f6f7fb;--c:#fff;--tx:#1f2430;--mu:#6b7280;--p:#6c5ce7;--p2:#a29bfe;--bd:#e7e9f0;--sh:0 6px 24px rgba(30,30,60,.07)}
[data-theme=dark]{--bg:#0f1117;--c:#181b24;--tx:#e8eaf0;--mu:#9aa1b2;--bd:#272b38;--sh:0 6px 24px rgba(0,0,0,.4)}
*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--tx);line-height:1.65}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:auto;padding:0 18px}
.hd{position:sticky;top:0;z-index:50;background:var(--c);border-bottom:1px solid var(--bd);backdrop-filter:blur(8px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}
.logo{font:800 1.4rem 'Playfair Display',serif;color:var(--p)}#menu{display:flex;gap:6px}#menu a{padding:8px 14px;border-radius:10px;font-weight:500;font-size:.95rem}#menu a:hover{background:var(--bg);color:var(--p)}
.act{display:flex;gap:8px}.act button{width:40px;height:40px;border:1px solid var(--bd);background:var(--c);color:var(--tx);border-radius:50%;cursor:pointer}#bg{display:none}
.hero{margin:26px 0}.hero a{position:relative;display:block;border-radius:20px;overflow:hidden;min-height:340px;background:linear-gradient(135deg,var(--p),var(--p2));box-shadow:var(--sh)}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.hero a:hover img{transform:scale(1.04)}
.ov{position:relative;min-height:340px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px;color:#fff;background:linear-gradient(transparent 20%,rgba(0,0,0,.8))}.ov h2{font:800 clamp(1.5rem,4vw,2.4rem)/1.2 'Playfair Display',serif;margin:10px 0}.ov p{opacity:.9;max-width:640px}
.tag{display:inline-block;background:var(--p);color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;width:fit-content}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px;margin:26px 0 50px}
.sh{font-size:1.3rem;margin:0 0 18px}.sh i{color:var(--p)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.full{grid-column:1/-1}
.card{background:var(--c);border-radius:16px;overflow:hidden;box-shadow:var(--sh);border:1px solid var(--bd);transition:.25s;display:flex;flex-direction:column}.card:hover{transform:translateY(-5px)}
.thumb{aspect-ratio:16/10;overflow:hidden;display:block}.thumb img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover img{transform:scale(1.06)}
.ph{height:100%;display:grid;place-items:center;font-size:2.5rem;color:#fff;background:linear-gradient(135deg,var(--p),var(--p2))}
.cb{padding:18px;display:flex;flex-direction:column;gap:8px;flex:1}.cb h3{font-size:1.1rem;line-height:1.35}.cb h3 a:hover{color:var(--p)}.cb p{color:var(--mu);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{display:flex;gap:16px;color:var(--mu);font-size:.8rem;margin-top:auto;flex-wrap:wrap}.meta.big{font-size:.9rem;margin:12px 0 20px}
.side{display:flex;flex-direction:column;gap:22px;align-self:start;position:sticky;top:86px}
.box{background:var(--c);border:1px solid var(--bd);border-radius:16px;padding:20px;box-shadow:var(--sh)}.box h4{margin-bottom:14px}.box h4 i{color:var(--p)}
.sf{display:flex}.sf input{flex:1;padding:10px 14px;border:1px solid var(--bd);border-radius:10px 0 0 10px;background:var(--bg);color:var(--tx);min-width:0}.sf button{background:var(--p);color:#fff;border:0;padding:0 16px;border-radius:0 10px 10px 0;cursor:pointer}
.pp{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);font-weight:500;font-size:.9rem}.pp:last-child{border:0}.pp b{color:var(--p);font-size:1.3rem}.pp small{display:block;color:var(--mu);font-weight:400}
.cl{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--bd)}.cl em{background:var(--bg);font-style:normal;padding:0 10px;border-radius:12px;font-size:.8rem}.cl:hover{color:var(--p)}
.ad{text-align:center;margin:20px 0;min-height:60px}.ad small{display:block;color:var(--mu);font-size:.65rem;text-transform:uppercase}
.pg{display:flex;gap:8px;justify-content:center;margin-top:30px;flex-wrap:wrap}.pg a{min-width:40px;height:40px;display:grid;place-items:center;background:var(--c);border:1px solid var(--bd);border-radius:10px}.pg a.on,.pg a:hover{background:var(--p);color:#fff}
.post{background:var(--c);border:1px solid var(--bd);border-radius:18px;padding:30px;box-shadow:var(--sh);min-width:0}.post h1{font:800 clamp(1.7rem,4vw,2.5rem)/1.2 'Playfair Display',serif;margin-top:12px}
.feat{width:100%;border-radius:14px;margin-bottom:24px;max-height:480px;object-fit:cover}
.tx{font-size:1.05rem}.tx p,.tx ul,.tx ol{margin-bottom:1.1em}.tx h2,.tx h3{margin:1.4em 0 .5em}.tx a{color:var(--p);text-decoration:underline}.tx ul,.tx ol{padding-left:1.4em}
.body figure{margin:24px 0}.body figure img{width:100%;border-radius:14px}figcaption{text-align:center;color:var(--mu);font-size:.85rem;margin-top:8px}
.share{display:flex;gap:10px;align-items:center;margin:30px 0;padding:16px 0;border-block:1px solid var(--bd);flex-wrap:wrap}.share a{width:38px;height:38px;border-radius:50%;background:var(--bg);display:grid;place-items:center}.share a:hover{background:var(--p);color:#fff}
.ph1{margin:26px 0 0}.ph1 small{font-size:.9rem;color:var(--mu);font-weight:400}.empty{text-align:center;padding:60px 0;color:var(--mu)}
.btn,.cf button{background:var(--p);color:#fff;border:0;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;display:inline-block}
.cf{display:grid;gap:12px;margin-top:16px}.cf input,.cf textarea{padding:12px;border:1px solid var(--bd);border-radius:10px;background:var(--bg);color:var(--tx);font:inherit}.alert{background:#e6f7ee;color:#127a3e;padding:12px;border-radius:10px}
.ft{background:var(--c);border-top:1px solid var(--bd);padding-top:40px}.fg{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.fg a{display:block;color:var(--mu);padding:3px 0}.fg a:hover{color:var(--p)}.fg p{color:var(--mu);margin-top:8px}.fg h5{margin-bottom:8px}
.cp{text-align:center;padding:20px;margin-top:30px;border-top:1px solid var(--bd);color:var(--mu);font-size:.85rem}
#top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:0;background:var(--p);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:.3s}#top.show{opacity:1;pointer-events:auto}
@media(max-width:900px){.layout{grid-template-columns:1fr}.side{position:static}#bg{display:block}#menu{display:none;position:absolute;top:66px;left:0;right:0;background:var(--c);flex-direction:column;padding:12px;border-bottom:1px solid var(--bd)}#menu.open{display:flex}}
@media(max-width:600px){.grid,.fg{grid-template-columns:1fr}.post{padding:18px}.ov{padding:20px;min-height:280px}}