.writing-style-modal[data-v-3e910241] .el-dialog{background-color:var(--containerBg);border:1px solid #293045;border-radius:8px;height:830px}.writing-style-modal[data-v-3e910241] .el-dialog .el-dialog__header{background-color:hsla(0,0%,100%,.02);border-bottom:1px solid #293045;padding:20px 24px 16px}.writing-style-modal[data-v-3e910241] .el-dialog .el-dialog__body{padding:0}.writing-style-modal[data-v-3e910241] .el-dialog .el-dialog__close{color:hsla(0,0%,100%,.6)}.writing-style-modal[data-v-3e910241] .el-dialog .el-dialog__close:hover{color:hsla(0,0%,100%,.9)}.writing-style-modal .modal-header[data-v-3e910241]{align-items:center;display:flex;justify-content:space-between}.writing-style-modal .modal-header .modal-title[data-v-3e910241]{color:hsla(0,0%,100%,.95);font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.writing-style-modal .modal-content[data-v-3e910241]{padding:20px 24px 24px}.writing-style-modal .tab-container[data-v-3e910241]{margin-bottom:24px}.writing-style-modal .tab-container .tab-nav[data-v-3e910241]{background-color:hsla(0,0%,100%,.05);border-radius:6px;display:flex;padding:4px}.writing-style-modal .tab-container .tab-nav .tab-item[data-v-3e910241]{border-radius:4px;color:hsla(0,0%,100%,.6);cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:10px 16px;text-align:center;transition:all .2s ease}.writing-style-modal .tab-container .tab-nav .tab-item[data-v-3e910241]:hover{background-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.8)}.writing-style-modal .tab-container .tab-nav .tab-item.active[data-v-3e910241]{background-color:rgba(64,158,255,.1);color:#409eff}.writing-style-modal .tab-content[data-v-3e910241]{min-height:400px}.writing-style-modal .tab-pane[data-v-3e910241]{width:100%}.writing-style-modal .search-bar[data-v-3e910241]{display:flex;gap:12px;margin-bottom:20px}.writing-style-modal .search-bar .search-input[data-v-3e910241]{flex:1}.writing-style-modal .search-bar .search-input[data-v-3e910241] .el-input__inner{background-color:hsla(0,0%,100%,.05);border:1px solid #293045;color:hsla(0,0%,100%,.9)}.writing-style-modal .search-bar .search-input[data-v-3e910241] .el-input__inner:focus{border-color:#409eff}.writing-style-modal .search-bar .search-input[data-v-3e910241] .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.4)}.writing-style-modal .search-bar .search-input[data-v-3e910241] .el-input__inner::placeholder{color:hsla(0,0%,100%,.4)}.writing-style-modal .style-list[data-v-3e910241]{max-height:598px;overflow-y:auto}.writing-style-modal .style-list[data-v-3e910241]::-webkit-scrollbar{width:4px}.writing-style-modal .style-list[data-v-3e910241]::-webkit-scrollbar-track{background:hsla(0,0%,100%,.1);border-radius:2px}.writing-style-modal .style-list[data-v-3e910241]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:2px}.writing-style-modal .style-list[data-v-3e910241]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.writing-style-modal .style-item[data-v-3e910241]{align-items:flex-start;background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;gap:12px;margin-bottom:12px;padding:16px;transition:all .2s ease}.writing-style-modal .style-item[data-v-3e910241]:hover{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.writing-style-modal .style-item[data-v-3e910241]:last-child{margin-bottom:0}.writing-style-modal .style-item .style-avatar[data-v-3e910241]{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.writing-style-modal .style-item .style-avatar[data-v-3e910241] .base-avatar{border-radius:50%;height:40px;width:40px}.writing-style-modal .style-item .style-avatar img[data-v-3e910241]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.writing-style-modal .style-item .style-info[data-v-3e910241]{flex:1;min-width:0}.writing-style-modal .style-item .style-info .style-header[data-v-3e910241]{align-items:center;display:flex;gap:8px;margin-bottom:4px}.writing-style-modal .style-item .style-info .style-header .style-name[data-v-3e910241]{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writing-style-modal .style-item .style-info .style-header .recommended-badge[data-v-3e910241]{background-color:#f56c6c;border-radius:10px;color:#fff;flex-shrink:0;font-size:12px;padding:2px 6px}.writing-style-modal .style-item .style-info .style-description[data-v-3e910241]{color:hsla(0,0%,100%,.6);font-size:13px;line-height:1.4;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.writing-style-modal .style-item .style-info .style-meta[data-v-3e910241]{display:flex;gap:16px}.writing-style-modal .style-item .style-info .style-meta .meta-item[data-v-3e910241]{align-items:center;color:hsla(0,0%,100%,.5);display:flex;font-size:12px;gap:4px}.writing-style-modal .style-item .style-info .style-meta .meta-item .el-icon-star-on[data-v-3e910241]{color:#f39c12}.writing-style-modal .style-item .style-actions[data-v-3e910241]{display:flex;flex-shrink:0;gap:8px}.writing-style-modal .style-item .style-actions .action-btn[data-v-3e910241]{font-size:13px;height:32px;min-width:60px}.writing-style-modal .style-item .style-actions .action-btn.remove-btn[data-v-3e910241]{background-color:transparent;border-color:#f56c6c;color:#f56c6c}.writing-style-modal .style-item .style-actions .action-btn.remove-btn[data-v-3e910241]:hover{background-color:hsla(0,87%,69%,.1)}.writing-style-modal .style-item .style-actions .action-btn.add-btn[data-v-3e910241]{background-color:rgba(64,158,255,.1);border-color:#409eff;color:#409eff}.writing-style-modal .style-item .style-actions .action-btn.add-btn[data-v-3e910241]:hover{background-color:rgba(64,158,255,.2)}.writing-style-modal .style-item .style-actions .action-btn.edit-btn[data-v-3e910241]{background-color:transparent;border-color:#67c23a;color:#67c23a}.writing-style-modal .style-item .style-actions .action-btn.edit-btn[data-v-3e910241]:hover{background-color:rgba(103,194,58,.1)}.writing-style-modal .empty-state[data-v-3e910241]{color:hsla(0,0%,100%,.5);padding:40px 20px;text-align:center}.writing-style-modal .loading-more[data-v-3e910241]{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:14px;gap:8px;justify-content:center;padding:20px;text-align:center}.writing-style-modal .loading-more .el-icon-loading[data-v-3e910241]{animation:rotating-3e910241 2s linear infinite;font-size:16px}.writing-style-modal .loading-more .loading-text[data-v-3e910241]{margin-left:8px}.writing-style-modal .create-style-item[data-v-3e910241]{align-items:center;background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;display:flex;margin-bottom:12px;padding:16px;transition:all .2s ease}.writing-style-modal .create-style-item[data-v-3e910241]:hover{background-color:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.writing-style-modal .create-style-item .el-icon-circle-plus-outline[data-v-3e910241]{color:#409eff;font-size:20px;margin-right:12px}.writing-style-modal .create-style-item .create-text[data-v-3e910241]{color:hsla(0,0%,100%,.9);font-size:14px;font-weight:500}@keyframes rotating-3e910241{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.writing-style-modal .library-content[data-v-3e910241]{padding:60px 20px;text-align:center}.writing-style-modal .library-content .coming-soon[data-v-3e910241]{color:hsla(0,0%,100%,.5);font-size:16px;margin:0}[data-v-3e910241] .el-select-dropdown{background-color:var(--containerBg);border:1px solid #293045}[data-v-3e910241] .el-select-dropdown .el-select-dropdown__item{color:hsla(0,0%,100%,.9)}[data-v-3e910241] .el-select-dropdown .el-select-dropdown__item:hover{background-color:rgba(64,158,255,.1)}[data-v-3e910241] .el-select-dropdown .el-select-dropdown__item.selected{background-color:rgba(64,158,255,.2);color:#409eff}.work-item[data-v-7ac4faa3]{background:#1a1a1a;border:1px solid #333;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:340px;padding:20px;transition:all .3s ease}.work-item[data-v-7ac4faa3]:hover{border-color:#4a90e2;box-shadow:0 4px 12px rgba(74,144,226,.2);transform:translateY(-2px)}.pin-icon[data-v-7ac4faa3]{align-items:center;color:#f39c12;display:flex}.pin-icon i[data-v-7ac4faa3],.pin-icon[data-v-7ac4faa3]{font-size:14px}.work-header[data-v-7ac4faa3]{align-items:center;display:flex;justify-content:space-between}.work-header .left-section[data-v-7ac4faa3]{align-items:center;display:flex;gap:8px}.work-header .work-type-tag[data-v-7ac4faa3]{background:rgba(138,43,226,.2);border-radius:12px;color:#ba68c8;font-size:12px;font-weight:500;padding:4px 12px}.work-icon-section[data-v-7ac4faa3]{margin-bottom:20px;text-align:center}.work-icon-section .work-cover[data-v-7ac4faa3]{align-items:center;display:inline-flex;height:110px;justify-content:center;position:relative;transition:all .3s ease;width:80px}.work-icon-section .work-cover.has-cover[data-v-7ac4faa3]:before{z-index:3}.work-icon-section .work-cover.has-cover img[data-v-7ac4faa3]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.work-icon-section .work-cover.no-cover[data-v-7ac4faa3]{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border:1px solid hsla(0,0%,100%,.1);border-radius:6px 0 6px 6px;overflow:hidden}.work-icon-section .work-cover.no-cover .cover-title[data-v-7ac4faa3]{word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:hsla(0,0%,100%,.8);display:-webkit-box;font-family:Inter;font-size:12px;font-weight:700;line-height:1.2;max-width:100%;overflow:hidden;padding:0 8px;text-align:center}.work-content[data-v-7ac4faa3]{display:flex;flex:1;flex-direction:column;margin-bottom:16px}.work-content .work-title[data-v-7ac4faa3]{color:#fff;flex-shrink:0;font-size:18px;font-weight:600;margin:0 0 12px;text-align:center}.work-content .work-description[data-v-7ac4faa3]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#999;display:-webkit-box;flex:1;font-size:14px;line-height:1.2;margin:0 0 16px;overflow:hidden;text-align:left}.work-content .work-actions[data-v-7ac4faa3]{display:flex;gap:12px;justify-content:center}.work-content .work-actions .action-btn[data-v-7ac4faa3]{align-items:center;background:transparent;border:1px solid #333;border-radius:6px;color:#999;cursor:pointer;display:flex;flex:1;font-size:12px;gap:4px;justify-content:center;max-width:none;min-width:0;padding:8px 0;white-space:nowrap}.work-content .work-actions .action-btn i[data-v-7ac4faa3]{font-size:14px}.work-content .work-actions .manage-popover[data-v-7ac4faa3]{flex:1;min-width:0}.work-content .work-actions .manage-popover .action-btn[data-v-7ac4faa3]{width:100%}.work-footer .work-time[data-v-7ac4faa3]{align-items:center;color:#666;display:flex;font-size:14px;gap:6px;justify-content:center}.work-footer .work-time .time-icon[data-v-7ac4faa3]{font-size:14px}.work-menu-content .menu-item[data-v-7ac4faa3]{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .3s ease}.work-menu-content .menu-item .menu-icon[data-v-7ac4faa3]{color:#999;font-size:16px}.work-menu-content .menu-item[data-v-7ac4faa3]:hover{background-color:#2a2a2a}.st-work-menu-popover{overflow:hidden}