@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0a0f;--s1:#111118;--s2:#16161e;--bd:#1e1e2a;--acc:#7c6dfa;--acc2:#a78bfa;--gr:#34d399;--tx:#e2e8f0;--mu:#6b7280;--fw:1200px;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--tx);font-family:'Inter',sans-serif;line-height:1.6;}
a{color:inherit;text-decoration:none;}img{max-width:100%;}
.site-nav{background:rgba(10,10,15,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:50;}
.nav-inner{max-width:var(--fw);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:56px;}
.site-logo{font-size:17px;font-weight:800;color:var(--tx);}
.nav-links{display:flex;gap:20px;list-style:none;}
.nav-links a{font-size:13px;color:var(--mu);transition:color .2s;}
.nav-links a:hover{color:var(--tx);}
.ad-banner{display:flex;justify-content:center;padding:10px 0;background:var(--s1);}
.hero-wrap{position:relative;width:100%;aspect-ratio:21/9;overflow:hidden;}
.hero-img{width:100%;height:100%;object-fit:cover;}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,1) 0%,rgba(10,10,15,.5) 50%,transparent 100%);}
.hero-cap{position:absolute;bottom:0;left:0;right:0;padding:24px 32px;}
.hero-cap h1{font-size:clamp(18px,3vw,32px);font-weight:800;margin-bottom:8px;line-height:1.3;}
.hero-meta{display:flex;gap:8px;flex-wrap:wrap;}
.hero-tag{font-size:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:3px 10px;}
.art-wrap{max-width:var(--fw);margin:0 auto;padding:24px 20px;display:grid;grid-template-columns:1fr 280px;gap:28px;}
@media(max-width:768px){.art-wrap{grid-template-columns:1fr;}}
.breadcrumb{font-size:12px;color:var(--mu);margin-bottom:16px;display:flex;gap:6px;}
.art-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;}
.art-meta .tag{font-size:11px;background:rgba(124,109,250,.1);border:1px solid rgba(167,139,250,.2);color:var(--acc2);border-radius:5px;padding:2px 8px;}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0;}
.gallery-item{border-radius:8px;overflow:hidden;cursor:pointer;position:relative;aspect-ratio:16/9;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
.gallery-item:hover img{transform:scale(1.05);}
.art-body{color:#d1d5db;line-height:1.8;font-size:15px;}
.art-body h2{font-size:20px;font-weight:700;margin:28px 0 12px;color:var(--tx);}
.art-body h3{font-size:16px;font-weight:600;margin:20px 0 8px;color:var(--tx);}
.art-body p{margin-bottom:14px;}
.sidebar-card{background:var(--s1);border:1px solid var(--bd);border-radius:10px;padding:16px;margin-bottom:16px;}
.sidebar-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mu);margin-bottom:12px;}
.rel-item{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start;}
.rel-thumb{width:60px;height:44px;border-radius:5px;object-fit:cover;flex-shrink:0;}
.rel-title{font-size:12px;font-weight:600;line-height:1.4;}
.rel-meta{font-size:10px;color:var(--mu);margin-top:2px;}
.home-hero{background:linear-gradient(135deg,#1a1040,#0d1a3a);padding:40px 20px;text-align:center;border-bottom:1px solid var(--bd);}
.home-hero h1{font-size:clamp(22px,4vw,40px);font-weight:800;margin-bottom:10px;}
.home-hero p{color:var(--mu);font-size:15px;max-width:500px;margin:0 auto;}
.post-grid{max-width:var(--fw);margin:0 auto;padding:28px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:520px){.post-grid{grid-template-columns:1fr;}}
.pc{background:var(--s1);border:1px solid var(--bd);border-radius:10px;overflow:hidden;transition:border-color .2s;}
.pc:hover{border-color:var(--acc);}
.pc-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.pc-body{padding:12px;}
.pc-title{font-size:13px;font-weight:700;line-height:1.5;margin-bottom:6px;}
.pc-meta{font-size:10px;color:var(--mu);display:flex;gap:8px;}
.pagination{display:flex;justify-content:center;gap:6px;padding:20px;}
.pg-btn{padding:7px 14px;border-radius:6px;border:1px solid var(--bd);background:var(--s1);color:var(--mu);font-size:12px;cursor:pointer;transition:all .2s;}
.pg-btn.cur{background:var(--acc);border-color:var(--acc);color:#fff;}
.pg-btn:not(.cur):hover{border-color:var(--acc);color:var(--tx);}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.95);display:none;align-items:center;justify-content:center;flex-direction:column;z-index:200;}
.lb.open{display:flex;}
.lb-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;}
.lb-bar{display:flex;gap:12px;align-items:center;margin-top:14px;}
.lb-dl{background:#7c6dfa;color:#fff;padding:8px 20px;border-radius:7px;font-size:13px;font-weight:700;}
.lb-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.1);border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer;}
.site-footer{background:var(--s1);border-top:1px solid var(--bd);padding:20px;text-align:center;font-size:12px;color:var(--mu);margin-top:40px;}