@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.T19VSG_className{font-family:Geist,Geist Fallback;font-style:normal}.T19VSG_variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}._8Li5zG_className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}._8Li5zG_variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--bg-color:#0f172a;--text-color:#f8fafc;--text-muted:#94a3b8;--card-bg:#1e293b;--card-border:#334155;--primary-color:#3b82f6;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--header-bg:linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #1e293b 100%);--accent-glow:#7c3aed40;--border-color:#334155}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-color);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1100px;margin:0 auto;padding:24px 20px}header{background:var(--header-bg);color:#fff;text-align:center;box-shadow:0 10px 30px -10px var(--accent-glow), 0 4px 20px #0006;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:24px;padding:32px 24px;display:flex;position:relative;overflow:hidden}header:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.header-brand{z-index:1;align-items:center;gap:20px;display:flex}.header-logo{object-fit:cover;border:2px solid #fff3;border-radius:16px;flex-shrink:0;width:64px;height:64px;transition:transform .3s;box-shadow:0 0 20px #6366f166}.header-logo:hover{transform:scale(1.05)rotate(2deg)}header h1{letter-spacing:-.025em;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;word-break:break-word;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}header p{color:var(--text-muted);z-index:1;margin-top:8px;font-size:1.05rem}.layout{gap:24px;width:100%;display:flex}.main-content{flex:3;min-width:0}.sidebar{flex:1.2;min-width:0}.nav-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);background:#1e293bb3;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:28px;padding:12px 16px;display:flex;box-shadow:0 4px 12px #0003}.nav-menu a{color:#e2e8f0;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;border-radius:9999px;padding:8px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-menu a:hover{background:var(--primary-gradient);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.post-card{background:var(--card-bg);border:1px solid var(--card-border);word-break:break-word;border-radius:14px;margin-bottom:20px;padding:24px;transition:transform .2s,border-color .2s;overflow:hidden;box-shadow:0 4px 16px #0003}.post-card:hover{border-color:#475569}.post-card h2{margin-top:0;font-size:1.4rem;font-weight:700;line-height:1.35}.post-card h2 a{color:#f1f5f9;text-decoration:none;transition:color .2s}.post-card h2 a:hover{color:#60a5fa}.post-meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;margin-bottom:14px;font-size:.85rem;display:flex}.category-chip{background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;align-items:center;padding:3px 9px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;color:#60a5fa!important}.category-chip:hover{background:#3b82f640;border-color:#3b82f6;color:#93c5fd!important}.ad-block{text-align:center;color:#94a3b8;word-break:break-word;background:#1e293b80;border:1px dashed #475569;border-radius:12px;max-width:100%;margin-bottom:20px;padding:16px;font-size:.9rem;font-weight:500;overflow:hidden}.header-ad{margin-bottom:20px}.expand-btn{color:#60a5fa;cursor:pointer;background:#3b82f61a;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:6px;margin-top:14px;padding:8px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.expand-btn:hover{color:#93c5fd;background:#3b82f633;border-color:#60a5fa;transform:translateY(-1px)}.post-body{color:#cbd5e1;word-break:break-word;font-size:.96rem;line-height:1.7}.post-detail-card{padding:36px}.post-image-link{margin-bottom:14px;text-decoration:none;display:block}.post-cover-wrapper{aspect-ratio:16/9;background:#0f172a;border-radius:10px;width:100%;max-height:380px;overflow:hidden}.post-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.post-card:hover .post-cover-img{transform:scale(1.03)}.post-detail-cover-wrapper{background:#0f172a;border-radius:12px;width:100%;max-height:480px;margin-bottom:24px;overflow:hidden}.post-detail-cover-img{object-fit:cover;width:100%;height:100%;max-height:480px;display:block}.admin-sidebar-link{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f64d;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.admin-sidebar-link:hover{color:#93c5fd;background:#3b82f640}input,textarea,select{color:#f8fafc!important;background-color:#0f172a!important;border:1px solid #334155!important}input::placeholder,textarea::placeholder{color:#64748b!important}input:focus,textarea:focus,select:focus{border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 2px #3b82f640!important}@media (max-width:860px){.layout{flex-direction:column;gap:16px}.main-content{flex:none;width:100%}.sidebar{flex:none;width:100%;margin-top:8px}}@media (max-width:768px){.container{padding:12px 14px}header{border-radius:14px;margin-bottom:16px;padding:20px 14px}.header-brand{gap:12px}.header-logo{border-radius:12px;width:48px;height:48px}header h1{font-size:1.55rem;line-height:1.25}header p{margin-top:4px;font-size:.9rem}.nav-menu{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-radius:12px;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-bottom:18px;padding:8px 10px;display:flex;overflow:auto hidden}.nav-menu::-webkit-scrollbar{display:none}.nav-menu a{border-radius:9999px;flex-shrink:0;padding:7px 14px;font-size:.85rem}.post-card{border-radius:12px;margin-bottom:14px;padding:16px 14px}.post-card h2{font-size:1.22rem;line-height:1.35}.post-meta{margin-top:4px;margin-bottom:10px;font-size:.78rem}.post-body{font-size:.92rem;line-height:1.6}.expand-btn{justify-content:center;width:100%;margin-top:12px;padding:9px 16px;font-size:.88rem}.ad-block{border-radius:10px;margin-bottom:14px;padding:12px 10px;font-size:.82rem;min-height:60px!important}.header-ad{margin-bottom:14px}.post-detail-card{padding:18px 14px!important}.post-cover-wrapper{border-radius:8px;max-height:220px;margin-bottom:10px}.post-detail-cover-wrapper{border-radius:10px;max-height:260px;margin-bottom:16px}}@media (max-width:480px){.container{padding:10px}header{padding:16px 12px}.header-brand{gap:10px}.header-logo{width:42px;height:42px}header h1{font-size:1.35rem}.post-card h2{font-size:1.15rem}}