:root{--secondary-bg:#f8f9fa;--primary-bg:#ffffff;--primary-text:#212529;--border-color:#dee2e6;--accent-color:#0d6efd;--accent-hover:#0b5ed7;--success-bg:#d4edda;--success-text:#155724;--success-border:#c3e6cb;--error-bg:#f8d7da;--error-text:#721c24;--error-border:#f5c6cb}@media(prefers-color-scheme:dark){:root{--secondary-bg:#2d3338;--primary-bg:#212529;--primary-text:#f8f9fa;--border-color:#495057;--accent-color:#0d6efd;--accent-hover:#0a58ca;--success-bg:#051b11;--success-text:#75b798;--success-border:#0f5132;--error-bg:#2c0b0e;--error-text:#ea868f;--error-border:#842029}}.v-blog-page{margin:100px calc(50vw - 600px);text-align:center}.v-blogs-wrap{display:flex;align-items:center;flex-wrap:wrap;justify-content:center}.v-blog-post-block{border:1px solid #e8e8e8;padding:20px;border-radius:10px;width:400px;height:300px;overflow:hidden;position:relative;display:inline-block;text-decoration:none;color:inherit;margin:15px;text-align:left}.v-blog-post-block .v-b-title{font-size:25px;font-family:var(--font-merriweather);font-style:italic;font-weight:900}.v-blog-post-block .v-b-time{color:gray;font-size:15px;margin-bottom:20px}.v-blog-post-block{outline:0 solid #ff9f89;transition:.2s;cursor:pointer}.v-blog-post-block:hover{outline:5px solid #ff9f89}.v-blog-post-block:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,white)}.v-blog-wrapper{display:flex;align-items:flex-start;justify-content:center;text-align:left;padding-top:40px}.v-blog-main{width:700px;line-height:26px;font-size:18px}.v-blog-main .v-title{margin-bottom:20px}.v-blog-main .v-b-time{margin-bottom:40px;color:gray;font-style:italic}.v-blog-main a{color:#1e90ff;text-decoration:none}.v-blog-main a:hover{text-decoration:underline}.v-blog-sidebar{flex:1;margin-left:70px}.v-b-subtitle{font-size:20px;font-weight:700;margin-bottom:30px}.v-b-side-block{color:inherit;display:inline-block;text-decoration:none;padding:8px 0;margin-bottom:10px;transition:.2s;border-bottom:3px solid #ff7151}.v-b-side-block:hover{color:#ff4116;border-bottom:3px solid #ff7151}@media only screen and (max-width:1200px){.v-blog-page{margin:100px calc(50vw - 500px)}}@media only screen and (max-width:1000px){.v-blog-page{margin:100px 20px}.v-blog-wrapper{flex-direction:column}.v-blog-main{width:100%}.v-blog-sidebar{flex:1;margin-left:0;margin-top:100px}}