*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e9edf3;color:#24445c}a{text-decoration:none;color:inherit}.container{max-width:1380px;margin:0 auto}.topbar{background:#111;border-bottom:1px solid #2b2b2b;position:sticky;top:0;z-index:10}.nav{height:48px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:800;color:#fff}.brand span{color:#f4b400}nav a{color:#ddd;margin-left:20px}.main{padding:12px}.alert{padding:12px 15px;border-radius:8px;margin:10px 0}.alert.success{background:#daf8e3;color:#126b32}.alert.error{background:#ffdada;color:#8b1111}.btn,button{display:inline-block;border:0;border-radius:6px;padding:9px 14px;background:#326ec8;color:white;font-weight:700;cursor:pointer}.btn.gray{background:#607089}.btn.small{padding:5px 9px;font-size:12px}.btn.full{display:block;text-align:center;margin:8px 0}.card{background:#fff;border:1px solid #d2d8e1;border-radius:4px;padding:14px;margin-bottom:12px}.card a{display:block;padding:8px 0;border-bottom:1px solid #eee}.hero{background:linear-gradient(135deg,#533196,#132235);color:#fff;border:1px solid #445a8c;border-radius:18px;padding:30px;margin:18px 0}.small-hero{padding:22px}.hero h1{margin:0 0 10px}.hint,.muted{color:#7d8795}.site-shell{display:grid;grid-template-columns:160px 1fr 285px;gap:10px;align-items:start}.content-main{min-width:0}.side-banners{position:sticky;top:62px}.side-banner{height:250px;margin-bottom:8px;background:#d7e4f4;border:1px solid #b7cadf;overflow:hidden}.side-banner img,.top-banner img,.right-banner img{width:100%;height:100%;object-fit:cover;display:block}.ad-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:8px repeating-linear-gradient(45deg,#55a7e8 0 6px,#fff 6px 12px);background:#eef8ff;color:#1482c4;font-weight:800;padding:10px}.ad-empty span{font-size:13px;margin:10px 0}.ad-empty small{color:#d01828}.top-banners{display:grid;gap:5px;margin-bottom:8px}.top-banner{height:112px;background:#ddd;border:1px solid #ccd4df;overflow:hidden}.forum-head{background:#f8fafc;border:1px solid #d5dce6;padding:10px 12px}.forum-head h1{margin:0;color:#2d5b7a;font-size:22px}.forum-head p{margin:5px 0 10px;color:#77838f}.mini-search{display:flex;gap:6px}.mini-search input{flex:1;padding:9px;border:1px solid #ccd4df;border-radius:4px}.forum-box{background:#fff;border:1px solid #d5dce6;margin-top:8px}.forum-title{color:#fff;font-weight:800;padding:10px 12px;font-size:18px}.vip-title{background:#d05878}.normal-title{background:#6798bd}.forum-row{display:grid;grid-template-columns:42px 1fr 82px;align-items:center;gap:10px;min-height:58px;padding:8px 10px;border-bottom:1px solid #e0e5ec;color:#2b5872;background:linear-gradient(#fff,#f8fafc)}.forum-row:hover{background:#f0f7ff}.avatar{width:34px;height:34px;border-radius:50%;background:#6249b8;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.normal-avatar{background:#55ca38}.row-main b{font-size:16px}.row-main small{display:block;color:#79828b;margin-top:4px}.row-badge{border:1px solid #ef9a9a;color:#d6ad35;border-radius:4px;text-align:center;font-weight:900;padding:4px;background:#fffdf7}.row-time{font-size:13px;color:#547086;text-align:right}.tag{display:inline-block;font-size:12px;border-radius:3px;padding:2px 6px;color:#fff;margin-right:5px}.tag.super_vip,.tag.vip{background:#e51414}.tag.normal{background:#ffd900;color:#333}.forum-empty{padding:16px;color:#6f7882}.right-column{position:sticky;top:62px}.right-banner{height:270px;background:#d7e4f4;margin-bottom:10px}.contact p{color:#555}.pagination{margin:10px 0}.pagination a{display:inline-block;background:#fff;border:1px solid #d0d7df;padding:6px 10px;margin-right:3px}.pagination a.active{background:#ffcf7d}.form{max-width:900px;margin:20px auto}.form label{display:block;font-weight:700;margin:12px 0 5px}.form input,.form textarea,.form select{width:100%;padding:10px;border:1px solid #ccd4df;border-radius:6px}.form textarea{min-height:130px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #e5e9ef;padding:10px;text-align:left}.badge{display:inline-block;padding:3px 8px;border-radius:12px;background:#9aa5b1;color:#fff;font-size:12px}.badge.vip{background:#e65100}.badge.super_vip{background:#d81b60}.badge.normal{background:#607d8b}.grid{display:grid;grid-template-columns:1fr 280px;gap:14px}.content{line-height:1.6}.comments textarea{width:100%;min-height:80px;margin-bottom:8px}.comment{border-top:1px solid #e6eaf0;padding:10px 0}footer{border-top:1px solid #cfd8e3;padding:22px 0;color:#6e7d8d;margin-top:30px}@media(max-width:1000px){.site-shell{grid-template-columns:1fr}.left-banners,.right-column{position:static}.side-banners{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.side-banner{height:160px}.grid{grid-template-columns:1fr}}@media(max-width:640px){.nav{height:auto;padding:10px;display:block}nav a{display:inline-block;margin:8px 8px 0 0}.forum-row{grid-template-columns:36px 1fr}.row-badge,.row-time{display:none}.side-banners{grid-template-columns:1fr}.top-banner{height:86px}}
.inline-form{display:flex;gap:6px;align-items:center}.btn.danger{background:#b91c1c;color:#fff}.hint{color:#6b7280}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.grid2{grid-template-columns:1fr}}

/* ===== Pane giữa & bảo mật giao diện ===== */
.top-banners{grid-template-columns:1fr;}
.top-banner{min-height:112px;border-radius:2px;}
.top-banner img{object-fit:cover;object-position:center;}
.top-banners .top-banner:first-child{height:128px;}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:13px}.footer-links a{color:#4d6980}.legal-page{max-width:900px;margin:20px auto;background:#fff;border:1px solid #d5dce6;border-radius:4px;padding:18px;line-height:1.65}.legal-page h1{margin-top:0;color:#2d5b7a}.security-list li{margin-bottom:8px}
@media(max-width:1000px){.top-banner{height:96px}.top-banners .top-banner:first-child{height:108px}}

/* ===== Sửa giao diện trang chi tiết bài viết ===== */
.post-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.post-detail{padding:18px 18px 20px}.post-topline{margin-bottom:10px}.post-title{margin:6px 0 12px;color:#24445c;font-size:28px;line-height:1.25}.post-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#5f6f7f;font-size:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e5eaf0}.post-thumbnail{margin:14px 0}.post-thumbnail img{display:block;max-width:100%;height:auto;border-radius:10px;border:1px solid #d8e0ea}.post-summary{background:#f4f8fc;border-left:4px solid #326ec8;border-radius:6px;padding:12px 14px;margin:12px 0;color:#314d63;line-height:1.7}.post-body{font-size:16px;line-height:1.85;color:#20384d;word-break:break-word;overflow-wrap:anywhere;white-space:normal;padding:4px 0 8px}.post-detail .post-body a,.post-detail .post-summary a{display:inline;padding:0;border:0;color:#0b72c4;text-decoration:underline}.post-link{font-weight:700}.post-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #e5eaf0}.card .post-actions a.post-action-btn{display:inline-flex;align-items:center;justify-content:center;border-bottom:0;padding:9px 18px;min-width:115px;border-radius:6px;color:#fff}.post-sidebar{position:sticky;top:62px}.server-info-line{border-top:1px solid #e5eaf0;padding:10px 0}.server-info-line:first-of-type{border-top:0}.server-info-line b{display:block;color:#24445c;margin-bottom:4px}.server-info-line span{color:#667789}.post-comments{max-width:none}.comment-form textarea{width:100%;min-height:96px;border:1px solid #cfd8e3;border-radius:6px;padding:10px;resize:vertical}.comment-submit{margin-top:8px}.comment p{line-height:1.7;white-space:pre-wrap}.post-comments.card a{display:inline;padding:0;border-bottom:0;color:#326ec8}
@media(max-width:900px){.post-layout{grid-template-columns:1fr}.post-sidebar{position:static}.post-title{font-size:24px}.post-meta{display:block}.post-meta span{display:block;margin:4px 0}.post-actions{gap:8px}.card .post-actions a.post-action-btn{flex:1;min-width:130px}}
@media(max-width:520px){.post-detail{padding:14px}.post-title{font-size:22px}.post-body{font-size:15px;line-height:1.75}.post-actions{display:grid;grid-template-columns:1fr}.card .post-actions a.post-action-btn{width:100%}}