@import url(https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css);.blog-container[data-v-2758f0c5]{max-width:1400px;margin:0 auto;padding:20px}.blog-content[data-v-2758f0c5]{display:flex;flex-direction:column;gap:30px}.blog-links[data-v-2758f0c5]{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);order:1}.blog-title[data-v-2758f0c5]{color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}.link-list[data-v-2758f0c5]{display:flex;flex-direction:column;gap:12px}.blog-link[data-v-2758f0c5]{display:block;padding:12px 15px;font-size:16px;border-radius:6px;transition:all .3s ease;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer}.blog-link[data-v-2758f0c5]:hover{background-color:#f0f9eb;transform:translateX(5px);box-shadow:0 2px 5px rgba(0,0,0,.15)}.blog-preview[data-v-2758f0c5]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);order:2}.preview-title[data-v-2758f0c5]{text-align:center;color:#333;font-size:20px;margin-bottom:15px}.iframe-container[data-v-2758f0c5]{position:relative;width:100%;padding-bottom:75%;height:0;overflow:hidden;border-radius:6px;background-color:#f5f5f5}.blog-iframe[data-v-2758f0c5]{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.markdown-preview-container[data-v-2758f0c5]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto;padding:20px;box-sizing:border-box}@media (min-width:1024px){.blog-content[data-v-2758f0c5]{flex-direction:row;align-items:flex-start}.blog-links[data-v-2758f0c5]{flex:0 0 320px;order:2;position:sticky;top:20px}.blog-preview[data-v-2758f0c5]{flex:1;order:1;margin-right:30px}.iframe-container[data-v-2758f0c5]{padding-bottom:60%}}@media (max-width:1023px) and (min-width:768px){.iframe-container[data-v-2758f0c5]{padding-bottom:70%}}@media (max-width:767px){.blog-container[data-v-2758f0c5]{padding:15px}.blog-title[data-v-2758f0c5]{font-size:20px}.blog-link[data-v-2758f0c5]{padding:10px 12px;font-size:15px}.preview-title[data-v-2758f0c5]{font-size:18px}.iframe-container[data-v-2758f0c5]{padding-bottom:100%}}@media (max-width:480px){.blog-container[data-v-2758f0c5]{padding:10px;gap:20px}.blog-links[data-v-2758f0c5],.blog-preview[data-v-2758f0c5]{padding:15px}.blog-link[data-v-2758f0c5]{font-size:14px}}.markdown-body{box-sizing:border-box;min-width:200px;max-width:980px;margin:0 auto;padding:45px;background:#fff}@media (max-width:767px){.markdown-body{padding:15px}}