.breadcrumb{display:flex;align-items:center;gap:8px;border-radius:8px;background:transparent;border-left:4px solid #0073ff;padding:15px 20px;font-size:.85rem;margin-bottom:20px;margin-top:20px}
.breadcrumb a{color:var(--text-muted);text-decoration:none;transition:color .2s}
.breadcrumb a:hover{color:var(--accent)}
.breadcrumb-separator{color:var(--text-muted);opacity:.5}
.breadcrumb-current{color:var(--text-secondary)}
.post-layout{display:grid;grid-template-columns:1fr 320px;gap:30px;padding-bottom:30px}
.post-content{border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:0 20px 30px 20px}
.post-header{margin-bottom:12px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.post-title{font-size:1.4rem;font-weight:700;color:#fff;line-height:1.4;margin-bottom:15px}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
.post-date{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem}
.post-date svg{width:16px;height:16px}
.post-categories{display:flex;flex-wrap:wrap;gap:8px}
.category-tag{background:rgba(233,30,140,.1)!important;color:#e91e8c!important;border:1px solid rgba(233,30,140,.3)!important;padding:4px 12px!important;border-radius:20px!important;font-size:.75rem!important;font-weight:500!important;text-decoration:none!important;transition:all .3s ease!important;white-space:nowrap!important}
.category-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(139,92,246,.4);background:rgba(233,30,140,.35)!important}
.page-body{color:var(--text-secondary);line-height:1.8;font-size:.95rem}
.page-body p{margin-bottom:15px}
.page-body a{color:var(--accent);text-decoration:none;transition:color .2s}
.page-body a:hover{color:#a78bfa;text-decoration:underline}
.page-body img{max-width:100%;height:auto;border-radius:5px;margin:10px auto;display:block}
.page-body h3,.page-body h4,.page-body h5{color:#fff;margin:25px 0 15px}
.page-body h2{line-height:1.4;font-size:1.2rem}
.page-body h3,.page-body h4,.page-body h5{font-size:1.2rem;line-height:1.3}
.page-body strong{color:#fff}
.page-body hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);margin:25px 0}
.page-body h5 a{display:inline-block;background:linear-gradient(135deg,#5f7cff 0%,#7a5cff 45%,#d46bff 75%,#ff6ec7 100%);color:#fff!important;padding:12px 30px;border-radius:10px;font-weight:600;text-decoration:none!important;transition:all .3s;box-shadow:0 4px 15px rgba(122,92,255,.3)}
.page-body h5 a:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(122,92,255,.5)}
.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:20px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.08)}
.tags-label{color:var(--text-secondary);font-weight:500}
.tag{background:rgba(255,255,255,.05);color:var(--text-muted);padding:6px 14px;border-radius:20px;font-size:.8rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);transition:all .2s}
.tag:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
.tg-banner{display:flex!important;align-items:center!important;justify-content:space-between!important;background:#0d1b2e!important;border:1px solid rgba(33,150,243,.3)!important;border-radius:12px!important;padding:16px 20px!important;margin:20px 0!important;gap:15px!important}
.tg-left{display:flex!important;align-items:center!important;gap:14px!important}
.tg-icon{background:#0088cc!important;border-radius:50%!important;width:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
.tg-text{display:flex!important;flex-direction:column!important;gap:3px!important}
.tg-text strong{color:#fff!important;font-size:15px!important}
.tg-text span{color:#8899aa!important;font-size:13px!important}
.tg-btn{background:linear-gradient(135deg,#0088cc,#006699)!important;color:#fff!important;padding:10px 22px!important;border-radius:8px!important;text-decoration:none!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;transition:all .3s ease!important;flex-shrink:0!important}
.tg-btn:hover{background:linear-gradient(135deg,#00aaff,#0088cc)!important;color:#fff!important;box-shadow:0 0 20px rgba(0,136,204,.5)!important;transform:translateY(-2px)!important;opacity:1!important}
.comments-section{margin-top:30px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08)}
.comments-title{color:#fff;font-size:1.2rem;margin-bottom:20px}
.post-sidebar{display:flex;flex-direction:column;gap:25px}
.sidebar-widget{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;backdrop-filter:blur(10px)}
.widget-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}
.recent-posts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.recent-post-item a{color:#aaa;text-decoration:none;font-size:.85rem;line-height:1.4;display:flex!important;align-items:center;gap:12px;padding:8px 10px;background:rgba(255,255,255,.03);border-radius:8px;border-left:3px solid transparent;transition:all .2s}
.recent-post-item a:hover{color:#fff;background:#000;border-left-color:var(--accent)}
.recent-post-thumb{width:45px;height:65px;flex-shrink:0;overflow:hidden;border-radius:4px}
.recent-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.recent-post-title{flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.footer{margin-top:0;padding:0;border-top:1px solid rgba(255,255,255,.08);text-align:center}
.footer-content{color:#bbb;font-size:12px}
.footer-content a{color:#fff;text-decoration:none;font-weight:500}
.footer-content a:hover{text-decoration:underline}
@media(max-width:1024px){.post-layout{padding-bottom:30px;grid-template-columns:1fr}.post-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}
@media(max-width:768px){.post-content{padding:20px}.post-title{font-size:1.3rem;line-height:1.5;margin-bottom:5px}.post-meta{flex-direction:column;align-items:flex-start}.tg-banner{flex-direction:column!important;text-align:center!important}.tg-left{flex-direction:column!important}.tg-btn{width:100%!important;text-align:center!important}.post-sidebar{grid-template-columns:1fr}.page-body h5 a{padding:10px 20px;font-size:.9rem}}
@media(max-width:480px){.post-content{padding:15px;border-radius:12px;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.post-title{font-size:1.25rem;word-break:break-word}.page-body img,.page-body iframe,.page-body video,.page-body table{max-width:100%!important;height:auto!important}.page-body,.page-body p,.page-body a{max-width:100%;word-break:break-word}.post-categories{display:none}.breadcrumb{display:none}.category-tag{font-size:.7rem;padding:3px 10px}}