.wrapper[data-v-24d7eace]{width:100%;background:linear-gradient(180deg,#f0f2f5,#fafbfc 50%,#fff);padding:20px;min-height:calc(100vh - 84px);position:relative}.wrapper[data-v-24d7eace]:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,rgba(64,158,255,.05),rgba(102,177,255,.02));pointer-events:none;z-index:0}.page-header[data-v-24d7eace]{margin-bottom:20px;position:relative;z-index:1}.page-header .header-content[data-v-24d7eace]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);border:1px solid hsla(0,0%,100%,.8);backdrop-filter:blur(10px)}.page-header .page-title[data-v-24d7eace]{margin:0;font-size:24px;font-weight:700;color:#1a1e25;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.page-header .page-title .title-icon[data-v-24d7eace]{font-size:28px;background:linear-gradient(135deg,#409eff,#66b1ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.content-card[data-v-24d7eace]{border-radius:16px;border:none;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.06),0 1px 4px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;overflow:hidden}.content-card[data-v-24d7eace]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#409eff,#66b1ff 50%,#85c1ff)}.content-card[data-v-24d7eace]:hover{box-shadow:0 8px 28px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);transform:translateY(-2px)}.content-card[data-v-24d7eace] .el-card__body{padding:24px}.document-content[data-v-24d7eace]{display:flex;gap:20px;min-height:600px}.document-content .left-menu[data-v-24d7eace]{width:200px;flex-shrink:0}.document-content .left-menu .menu-title[data-v-24d7eace]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#303133;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f0f2f5}.document-content .left-menu .menu-title i[data-v-24d7eace]{font-size:18px;color:#409eff}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header{margin:0}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav-wrap.is-left:after{display:none}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav .el-tabs__item{position:relative!important;padding:12px 16px!important;font-size:14px!important;font-weight:500!important;color:#606266!important;border-radius:8px!important;margin-bottom:8px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1.5px solid transparent!important;text-align:left!important;background:transparent!important;height:auto!important;line-height:1.5!important}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav .el-tabs__item:hover{color:#409eff!important;background:rgba(64,158,255,.08)!important;border-color:rgba(64,158,255,.2)!important}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav .el-tabs__item.is-active{color:#409eff!important;font-weight:600!important;background:linear-gradient(90deg,rgba(64,158,255,.15),rgba(102,177,255,.08))!important;border-color:#409eff!important}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav .el-tabs__item.is-active:before{content:""!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:3px!important;height:70%!important;min-height:20px!important;background:linear-gradient(180deg,#409eff,#66b1ff)!important;border-radius:0 2px 2px 0!important;z-index:10!important}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__active-bar{display:none!important;width:0!important;height:0!important}.document-content .divider-line[data-v-24d7eace]{width:1px;background:linear-gradient(180deg,transparent,#e4e7ed 20%,#e4e7ed 80%,transparent);flex-shrink:0}.document-content .right-editor[data-v-24d7eace]{flex:1;min-width:0;display:flex;flex-direction:column}.document-content .right-editor .editor-header[data-v-24d7eace]{margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f0f2f5}.document-content .right-editor .editor-header .editor-title[data-v-24d7eace]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#303133}.document-content .right-editor .editor-header .editor-title i[data-v-24d7eace]{font-size:20px;color:#409eff}.document-content .right-editor .editor-header .editor-title span[data-v-24d7eace]{color:#606266}.document-content .right-editor .editor-wrapper[data-v-24d7eace]{flex:1;min-height:500px;border-radius:12px;overflow:hidden;border:1px solid #e4e7ed;background:#fff}.document-content .right-editor .editor-wrapper[data-v-24d7eace] .editor-container{border-radius:12px}.document-content .right-editor .editor-footer[data-v-24d7eace]{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:20px;border-top:2px solid #f0f2f5}.document-content .right-editor .editor-footer .save-btn[data-v-24d7eace]{border-radius:10px;padding:10px 24px;font-weight:600;font-size:13px;background:linear-gradient(135deg,#66b1ff,#409eff);border:none;box-shadow:0 4px 14px rgba(64,158,255,.35),0 2px 6px rgba(64,158,255,.2);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.document-content .right-editor .editor-footer .save-btn[data-v-24d7eace]:hover:not(.is-disabled){background:linear-gradient(135deg,#409eff,#337ecc);box-shadow:0 6px 20px rgba(64,158,255,.45),0 3px 8px rgba(64,158,255,.25);transform:translateY(-2px)}.document-content .right-editor .editor-footer .save-btn[data-v-24d7eace]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(64,158,255,.3)}.document-content .right-editor .editor-footer .save-btn.is-disabled[data-v-24d7eace]{opacity:.5;cursor:not-allowed}.document-content .right-editor .editor-footer .cancel-btn[data-v-24d7eace]{border-radius:10px;padding:10px 24px;font-weight:600;font-size:13px;background:linear-gradient(135deg,#a4a9b0,#909399);border:none;box-shadow:0 4px 12px rgba(144,147,153,.25);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.document-content .right-editor .editor-footer .cancel-btn[data-v-24d7eace]:hover{background:linear-gradient(135deg,#909399,#82848a);box-shadow:0 6px 16px rgba(144,147,153,.35);transform:translateY(-2px)}.document-content .right-editor .editor-footer .cancel-btn[data-v-24d7eace]:active{transform:translateY(0);box-shadow:0 2px 8px rgba(144,147,153,.25)}@media (max-width:1200px){.document-content[data-v-24d7eace]{flex-direction:column}.document-content .left-menu[data-v-24d7eace]{width:100%}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav{display:flex;flex-wrap:wrap;gap:8px}.document-content .left-menu .document-tabs[data-v-24d7eace] .el-tabs__header .el-tabs__nav .el-tabs__item{margin-bottom:0}.document-content .divider-line[data-v-24d7eace]{width:100%;height:1px;margin:20px 0}}@media (max-width:768px){.wrapper[data-v-24d7eace]{padding:12px}.page-header .header-content[data-v-24d7eace]{padding:16px}.page-header .header-content .page-title[data-v-24d7eace]{font-size:20px}.content-card[data-v-24d7eace]{border-radius:12px}.content-card[data-v-24d7eace] .el-card__body{padding:16px}.document-content[data-v-24d7eace]{gap:16px}.document-content .right-editor .editor-header .editor-title[data-v-24d7eace]{font-size:16px}.document-content .right-editor .editor-wrapper[data-v-24d7eace]{min-height:400px}}