.blog-detail[data-v-180fbb3e]{background:#000;padding-top:90px}.container[data-v-180fbb3e]{max-width:1140px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.content[data-v-180fbb3e]{-webkit-box-flex:3;-ms-flex:3;flex:3}.article[data-v-180fbb3e]{background:#fff;color:#333;padding:30px;border-radius:6px}.cover[data-v-180fbb3e]{height:300px;background:#ddd;margin-bottom:20px}.image[data-v-180fbb3e]{height:200px;background:#ccc;margin:20px 0}h1[data-v-180fbb3e]{font-size:26px;margin-bottom:10px}.meta[data-v-180fbb3e]{color:#888;font-size:12px;margin-bottom:20px}h2[data-v-180fbb3e]{margin-top:20px}p[data-v-180fbb3e]{line-height:1.6}.comment-box[data-v-180fbb3e]{background:#fff;margin-top:30px;padding:20px;border-radius:6px}textarea[data-v-180fbb3e]{width:100%;height:120px;margin-bottom:10px}input[data-v-180fbb3e]{width:100%;margin:8px 0;padding:10px}button[data-v-180fbb3e]{margin-top:10px;padding:10px 20px;background:#111;color:#fff;border:none;cursor:pointer}.sidebar[data-v-180fbb3e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.box[data-v-180fbb3e]{background:#f2f2f2;padding:20px;margin-bottom:20px;border-radius:6px}.box h4[data-v-180fbb3e]{margin-bottom:10px}.box ul[data-v-180fbb3e]{list-style:none;padding:0}.box li[data-v-180fbb3e]{margin:8px 0;font-size:14px;cursor:pointer}@media (max-width:768px){.container[data-v-180fbb3e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.search{display:-webkit-box;display:-ms-flexbox;display:flex}.search input{height:50px!important;font-size:16px!important}