.post-wrapper{max-width:800px;margin:40px auto;padding:0 20px}.post-header{margin-bottom:40px}.post-image-detail{width:100%;max-height:400px;object-fit:cover;border-radius:12px;margin-bottom:24px}.post-meta{display:flex;gap:24px;margin:16px 0;color:var(--text-secondary);font-size:14px}.post-meta p{margin:0}.post-date{color:var(--text-secondary);font-size:14px;margin:16px 0}.post-categories{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.category-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.category-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.post-content{line-height:1.8;font-size:17px;color:var(--text);margin-bottom:40px}.post-content h2{margin-top:40px;margin-bottom:16px}.post-content h3{margin-top:32px;margin-bottom:12px}.post-content p{margin-bottom:20px}.post-content ol,.post-content ul{margin:20px 0;padding-left:24px}.post-content li{margin-bottom:8px}.post-cta{margin:40px 0;padding:30px;background:linear-gradient(135deg,#06c 0,#e6f3ff 100%);border-radius:12px;text-align:center;color:#fff}.dark-mode .post-cta{background:linear-gradient(135deg,#17457a 0,#16223a 100%)}.post-cta p{margin:0 0 20px 0;font-size:18px;font-weight:500}.post-cta-button{display:inline-block;padding:14px 32px;background:#fff;color:#06c;text-decoration:none;border-radius:8px;font-weight:700;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.15)}.post-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.related{margin:40px 0}.related h3{margin-bottom:24px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.related-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;text-decoration:none;color:var(--text);transition:all .3s}.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.1)}.related-card img{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:12px}.related-card h4{margin:0 0 8px 0;font-size:16px}.related-card p{font-size:14px;color:var(--text-secondary);margin:0 0 12px 0}.read-more-link{color:var(--primary);font-weight:600;font-size:14px}@media (max-width:768px){.post-wrapper{margin:20px auto}.post-meta{flex-direction:column;gap:8px}.related-grid{grid-template-columns:1fr}}.table-scroll-outer{position:relative}.table-scroll-outer::after{content:"";position:absolute;top:0;right:0;bottom:0;width:34px;pointer-events:none;background:linear-gradient(270deg,rgba(0,0,0,.22),rgba(0,0,0,0));border-radius:0 8px 8px 0;opacity:0;transition:opacity .25s}.table-scroll-outer.has-scroll-hint::after{opacity:1}