.blog-list{display:flex;flex-direction:column;gap:14px}.blog-card{display:flex;align-items:flex-start;gap:16px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:16px 18px}.blog-card:hover{border-color:#ff6b35}.blog-card-thumb{flex-shrink:0;width:110px;height:156px;object-fit:cover;border-radius:8px;display:block}.blog-card-thumb.ph{display:flex;align-items:center;justify-content:center;font-size:2.2rem;background:linear-gradient(135deg,#2d1b4e,#1a1a1a)}.blog-card-body{flex:1;min-width:0}.blog-card-meta{font-size:.82rem;color:#888;margin-bottom:6px}.blog-card-title{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.35;margin:0 0 6px}.blog-card-desc{font-size:.95rem;color:#bbb;line-height:1.55;margin:0 0 8px}.blog-card-more{font-size:.86rem;color:#ff6b35;font-weight:600}@media(max-width:560px){.blog-card{gap:12px;padding:12px 14px}.blog-card-thumb{width:84px;height:119px}.blog-card-title{font-size:1.08rem}.blog-card-desc{font-size:.9rem}}.blog-article{max-width:760px;margin:0 auto}.blog-article-meta{font-size:.8rem;color:#888;margin-bottom:8px}.blog-updated{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid #3a3a3a;border-radius:10px;font-size:.72rem;color:#ff6b35;white-space:nowrap;vertical-align:middle}.blog-article h1{font-size:1.7rem;line-height:1.3;color:#fff;margin:0 0 16px}.blog-article-cover{width:100%;border-radius:12px;margin-bottom:20px}.blog-article-body{font-size:1.02rem;line-height:1.8;color:#ddd}.blog-article-body h2{font-size:1.3rem;color:#fff;margin:32px 0 12px}.blog-article-body h3{font-size:1.1rem;color:#fff;margin:24px 0 10px}.blog-article-body p{margin:0 0 18px}.blog-table-wrap{overflow-x:auto;margin:0 0 22px;border:1px solid #2a2a2a;border-radius:10px}.blog-article-body table{width:100%;border-collapse:collapse;font-size:.95rem;background:#141414}.blog-article-body th,.blog-article-body td{padding:10px 14px;text-align:left;border-bottom:1px solid #2a2a2a;vertical-align:top}.blog-article-body th{background:#1e1a26;color:#fff;font-weight:700;white-space:nowrap}.blog-article-body td{color:#ccc}.blog-article-body tbody tr:last-child td{border-bottom:0}.blog-article-body tbody tr:hover td{background:#191919}@media(max-width:560px){.blog-article-body table{font-size:.88rem}.blog-article-body th,.blog-article-body td{padding:8px 10px}}.blog-article-body a{color:#ff6b35;text-decoration:underline}.blog-article-body a:hover{color:#ff8c5e}.blog-article-body strong{color:#fff}.blog-article-body ul,.blog-article-body ol{margin:0 0 18px;padding-left:24px}.blog-article-body li{margin-bottom:8px}.blog-article-body blockquote{border-left:3px solid #ff6b35;margin:0 0 18px;padding:4px 0 4px 16px;color:#bbb;font-style:italic}.blog-article-body code{background:#242424;padding:2px 6px;border-radius:5px;font-size:.9em}.blog-article-body hr{border:none;border-top:1px solid #2a2a2a;margin:28px 0}.blog-article-body img{max-width:100%;border-radius:10px;margin:8px 0 18px}.blog-article-body img.blog-poster{float:right;width:150px;margin:4px 0 12px 20px;box-shadow:0 4px 16px #00000080}.blog-article-body h2,.blog-article-body h3{clear:both}.blog-article-body h2{margin-top:44px;padding-top:20px;border-top:2px solid #2a2a2a}.blog-article-body h2:first-child{margin-top:0;padding-top:0;border-top:0}@media(max-width:480px){.blog-article-body img.blog-poster{width:108px;margin-left:14px}}.video-embed{position:relative;width:100%;aspect-ratio:16 / 9;margin:8px 0 20px;border-radius:10px;overflow:hidden;background:#111}.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-related{margin-top:40px;padding-top:22px;border-top:2px solid #2a2a2a}.blog-related h2{font-size:1.15rem;color:#fff;margin:0 0 14px}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-related-card{display:flex;flex-direction:column;gap:6px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:10px;transition:border-color .2s,transform .2s}.blog-related-card:hover{border-color:#ff6b35;transform:translateY(-2px)}.blog-related-card img,.blog-related-ph{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 25%;border-radius:5px;background:#2a2a2a}.blog-related-ph{display:flex;align-items:center;justify-content:center;font-size:1.8rem}.blog-related-title{font-size:.86rem;color:#fff;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-related-meta{font-size:.7rem;color:#888}@media(max-width:600px){.blog-related-grid{grid-template-columns:1fr}.blog-related-card{flex-direction:row;align-items:center}.blog-related-card img,.blog-related-ph{width:72px;aspect-ratio:3/4;flex-shrink:0}}