.blog-v2-page{min-height:100%;color:#f1f5f9;font-size:1rem;background:linear-gradient(135deg,#1a1a2e,#16213e 52%,#0f3460)}.blog-v2-header{min-height:118px;padding:24px 32px 22px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:24px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid hsla(0,0%,100%,.1);background:-webkit-gradient(linear,left top,right top,from(#0f3460),color-stop(52%,#16213e),to(#1a1a2e));background:linear-gradient(90deg,#0f3460,#16213e 52%,#1a1a2e)}.blog-v2-header,.blog-v2-header h1{display:-webkit-box;display:-ms-flexbox;display:flex}.blog-v2-header h1{margin:8px 0 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:11px;color:#fff;font-size:2.2rem}.blog-v2-header h1 i{color:#00d4ff;text-shadow:0 0 12px rgba(0,212,255,.5)}.blog-v2-header p{margin:7px 0 0;color:#91a1b7;font-size:1rem}.blog-v2-back{padding:0;color:#7ddff0;font-size:.85rem;cursor:pointer;border:0;background:none}.blog-v2-back:hover{color:#fff}.blog-v2-back i{margin-right:5px}.blog-v2-header .header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.blog-v2-page .blog-v2-header .header-actions .el-button,.blog-v2-page .blog-v2-header>.el-button{margin:0;font-size:1rem}.blog-v2-header .el-button--primary,.blog-v2-page .el-button--primary{border-color:#00badd;background:linear-gradient(45deg,#00d4ff,#09c)}.blog-v2-content{padding:24px 32px 40px;-webkit-box-sizing:border-box;box-sizing:border-box}.blog-v2-card{border:1px solid hsla(0,0%,100%,.1);border-radius:16px;background:linear-gradient(145deg,rgba(30,41,59,.97),rgba(46,63,84,.95));-webkit-box-shadow:0 9px 32px rgba(0,0,0,.24);box-shadow:0 9px 32px rgba(0,0,0,.24)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:18px}.editor-main-card{min-width:0;overflow:hidden}.card-heading{padding:18px 22px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:20px;border-bottom:1px solid hsla(0,0%,100%,.085)}.card-heading h2{margin:0;color:#f1f7ff;font-size:1.1rem}.card-heading p{margin:5px 0 0;color:#7f90a7;font-size:.85rem}.save-state{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:7px;padding:5px 10px;font-size:.8rem;border-radius:14px}.save-state i{width:6px;height:6px;border-radius:50%}.save-state.published{color:#34d399;background:rgba(16,185,129,.09)}.save-state.published i{background:#34d399;-webkit-box-shadow:0 0 7px rgba(52,211,153,.6);box-shadow:0 0 7px rgba(52,211,153,.6)}.save-state.draft{color:#a8b4c7;background:rgba(148,163,184,.08)}.save-state.draft i{background:#94a3b8}.blog-form{padding:20px 22px 24px}.blog-form .el-form-item__label{padding-bottom:7px;color:#d9e5f2;font-weight:600}.blog-v2-page .el-input__inner,.blog-v2-page .el-textarea__inner{color:#edf6ff;font-size:.95rem;border-color:rgba(0,212,255,.2);background:hsla(0,0%,100%,.055)}.blog-v2-page .el-button{font-size:.85rem}.blog-v2-page .el-input__inner:focus,.blog-v2-page .el-textarea__inner:focus{border-color:#00d4ff}.blog-editor-shell{overflow:hidden;border:1px solid rgba(0,212,255,.2);border-radius:10px}.blog-editor-shell .ql-toolbar{border:0;border-bottom:1px solid rgba(0,212,255,.18);background:hsla(0,0%,100%,.055)}.blog-editor-shell .ql-container{min-height:500px;color:#edf6ff;border:0;background:hsla(0,0%,100%,.032)}.blog-editor-shell .ql-editor{min-height:500px;font-size:.95rem;line-height:1.8}.blog-editor-shell .ql-stroke{stroke:#b9c8d9}.blog-editor-shell .ql-fill{fill:#b9c8d9}.blog-editor-shell .ql-picker{color:#b9c8d9}.editor-sidebar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.side-card{padding:18px}.side-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:9px;margin-bottom:17px}.side-heading>i{color:#00d4ff;font-size:18px}.side-heading h3{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1rem}.side-heading>span{min-width:23px;height:23px;display:grid;place-items:center;color:#00d4ff;font-size:.75rem;border-radius:12px;background:rgba(0,212,255,.09)}.field-label{display:block;margin:15px 0 8px;color:#d7e2ef;font-size:.95rem;font-weight:600}.field-help{margin:8px 0 0;color:#718298;font-size:.8rem;line-height:1.5}.side-card .el-select{width:100%}.publish-scope{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.publish-scope .el-radio-button{-webkit-box-flex:1;-ms-flex:1;flex:1}.publish-scope .el-radio-button__inner{width:100%;color:#aab8c8;border-color:rgba(0,212,255,.17);background:hsla(0,0%,100%,.045)}.publish-scope .el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;border-color:#00bada;background:#009fc2;-webkit-box-shadow:-1px 0 0 0 #00bada;box-shadow:-1px 0 0 0 #00bada}.blog-cover-upload{position:relative;width:100%;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px dashed rgba(0,212,255,.25);border-radius:11px;background:hsla(0,0%,100%,.03)}.blog-cover-upload:hover{border-color:#00d4ff;background:rgba(0,212,255,.04)}.blog-cover-upload img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-cover-upload>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;color:#7f90a6}.blog-cover-upload>div i{color:#00d4ff;font-size:27px}.blog-cover-upload>div strong{color:#d9e5f2;font-size:.85rem}.blog-cover-upload>div span,.cover-replace{font-size:.8rem}.cover-replace{position:absolute;inset:auto 0 0;padding:7px;color:#fff;text-align:center;background:rgba(5,10,25,.75)}.remove-cover{width:100%;color:#fb7185!important}.hidden-file{display:none}.attachment-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:7px;margin-bottom:11px}.attachment-item{padding:9px;display:grid;grid-template-columns:26px minmax(0,1fr) 25px 25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;border:1px solid hsla(0,0%,100%,.075);border-radius:8px;background:hsla(0,0%,100%,.032)}.attachment-item>i{color:#00d4ff;font-size:17px}.attachment-item>div{min-width:0}.attachment-item strong{display:block;overflow:hidden;color:#dbe6f2;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.attachment-item span{display:block;margin-top:3px;color:#718298;font-size:.75rem}.attachment-item button{width:25px;height:25px;display:grid;place-items:center;color:#91a2b7;cursor:pointer;border:0;border-radius:5px;background:transparent}.attachment-item button:hover{color:#00d4ff;background:rgba(0,212,255,.08)}.no-attachment{padding:20px 0;color:#718298;text-align:center;font-size:.85rem}.attachment-button{width:100%}.blog-reader-content{max-width:1120px;margin:0 auto}.reader-card{overflow:hidden}.reader-meta{padding:28px 36px 24px;border-bottom:1px solid hsla(0,0%,100%,.08)}.reader-meta h1{margin:10px 0 12px;color:#f5fbff;font-size:1.5rem;line-height:1.45}.reader-meta-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:18px;color:#8fa0b6;font-size:.85rem}.reader-meta-row span{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.reader-tags{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.reader-tag{padding:4px 9px;color:#00d4ff;font-size:.8rem;border:1px solid rgba(0,212,255,.2);border-radius:12px;background:rgba(0,212,255,.07)}.reader-cover-image{display:block;width:calc(100% - 72px);max-height:520px;margin:30px 36px 0;-o-object-fit:cover;object-fit:cover;border-radius:12px;-webkit-box-shadow:0 10px 34px rgba(0,0,0,.32);box-shadow:0 10px 34px rgba(0,0,0,.32)}.reader-article{padding:36px clamp(28px,7vw,90px) 50px!important;color:#dbe6f2;font-size:1rem;line-height:1.8}.reader-article img{max-width:100%;height:auto;border-radius:8px}.reader-article iframe,.reader-article video{max-width:100%}.reader-article h1,.reader-article h2,.reader-article h3{color:#f5fbff}.reader-article a{color:#22d3ee}.reader-attachments{margin-top:18px;padding:18px 22px}.reader-attachment-row{padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;border-bottom:1px solid hsla(0,0%,100%,.07)}.reader-attachment-row:last-child{border-bottom:0}.reader-attachment-row>i{color:#00d4ff}.reader-attachment-row span{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#cdd9e6}@media (max-width:1050px){.editor-layout{grid-template-columns:1fr}.editor-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.attachment-card{grid-column:1/-1}}@media (max-width:720px){.blog-v2-header{padding:20px 17px;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blog-v2-header h1{font-size:1.8rem}.blog-v2-header .header-actions{-ms-flex-wrap:wrap;flex-wrap:wrap}.blog-v2-content{padding:17px 12px 30px}.editor-sidebar{display:-webkit-box;display:-ms-flexbox;display:flex}.blog-form{padding:16px}.blog-editor-shell .ql-container,.blog-editor-shell .ql-editor{min-height:380px}.reader-meta{padding:22px 18px}.reader-meta h1{font-size:1.4rem}.reader-cover-image{width:calc(100% - 32px);margin:18px 16px 0}.reader-article{padding:25px 18px 36px!important}}