:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{width:100%;min-width:320px;height:100vh;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.large-modal .arco-modal{max-width:90%;width:1000px!important}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/harmony/HarmonyOS_Sans_SC_Regular.woff2)format("woff2"),url(/fonts/harmony/HarmonyOS_Sans_SC_Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/harmony/HarmonyOS_Sans_SC_Medium.woff2)format("woff2"),url(/fonts/harmony/HarmonyOS_Sans_SC_Medium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:HarmonyOS Sans SC;src:url(/fonts/harmony/HarmonyOS_Sans_SC_Bold.woff2)format("woff2"),url(/fonts/harmony/HarmonyOS_Sans_SC_Bold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}html.os-android,html.os-windows{--font-family:"HarmonyOS Sans SC","HarmonyOS Sans","Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","PingFang SC","Microsoft YaHei","Source Han Sans SC",sans-serif}html.os-android body,html.os-windows body{font-family:var(--font-family)}@media screen and (max-width:767px){body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,.arco-btn,.adm-button{touch-action:manipulation;min-height:44px}input,textarea,select,.arco-input,.adm-input{font-size:16px!important}.mobile-card{border-radius:12px;margin:12px;box-shadow:0 2px 8px #00000014}.mobile-container{background:#f5f7fa;min-height:100vh;padding:12px}.mobile-header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;padding:12px 16px;position:sticky;top:0}.mobile-list-item{background:#fff;border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:16px;display:flex}.mobile-list-item:active{background:#f5f5f5}.mobile-form{padding:16px}.mobile-form .arco-form-item{margin-bottom:16px}.mobile-stat-card{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;margin-bottom:12px;padding:16px}.mobile-stat-card .stat-value{margin-bottom:4px;font-size:28px;font-weight:700}.mobile-stat-card .stat-label{opacity:.9;font-size:14px}.mobile-tab-bar{padding:8px 0;padding-bottom:env(safe-area-inset-bottom);z-index:1000;background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-tab-bar-item{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:4px 0;font-size:12px;display:flex}.mobile-tab-bar-item.active{color:#1677ff}.mobile-tab-bar-item .icon{margin-bottom:2px;font-size:22px}.mobile-modal-overlay{z-index:1000;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-modal-content{background:#fff;border-radius:16px 16px 0 0;width:100%;max-height:80vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-empty{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mobile-empty .icon{opacity:.5;margin-bottom:16px;font-size:64px}.mobile-loading{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.mobile-search-bar{background:#f5f5f5;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mobile-search-bar input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.mobile-pull-refresh{min-height:calc(100vh - 120px);padding-bottom:80px}.desktop-only{display:none!important}}@media screen and (min-width:768px){.mobile-only{display:none!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-container{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}@media screen and (max-width:767px){.management-container{padding:16px!important}.management-header{flex-direction:column;gap:16px;align-items:flex-start!important;margin-bottom:16px!important}.management-header h1{font-size:20px!important}.management-header p{font-size:13px!important}.m-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000014}.m-btn:active{transform:scale(.96)}.m-btn-primary{color:#fff;background:linear-gradient(135deg,#165dff 0%,#0052d9 100%);box-shadow:0 3px 8px #165dff59}.m-btn-primary:active{background:linear-gradient(135deg,#0052d9 0%,#003eb3 100%)}.m-btn-success{color:#fff;background:linear-gradient(135deg,#00b42a 0%,#009a29 100%);box-shadow:0 3px 8px #00b42a59}.m-btn-success:active{background:linear-gradient(135deg,#009a29 0%,#007a20 100%)}.m-btn-danger{color:#fff;background:linear-gradient(135deg,#f53f3f 0%,#cb2634 100%);box-shadow:0 3px 8px #cb263459}.m-btn-danger:active{background:linear-gradient(135deg,#cb2634 0%,#a61d28 100%)}.m-btn-warning{color:#fff;background:linear-gradient(135deg,#ff7d00 0%,#e65c00 100%);box-shadow:0 3px 8px #ff7d0059}.m-btn-warning:active{background:linear-gradient(135deg,#e65c00 0%,#cc5200 100%)}.m-btn-secondary{color:#4e5969;background:linear-gradient(135deg,#f7f8fa 0%,#e5e6eb 100%);border:1px solid #e5e6eb;box-shadow:0 2px 6px #0000000f}.m-btn-secondary:active{background:linear-gradient(135deg,#e5e6eb 0%,#d9dae0 100%)}.m-btn-import{color:#fff;background:linear-gradient(135deg,#722ed1 0%,#5b1fc4 100%);box-shadow:0 3px 8px #722ed159}.m-btn-import:active{background:linear-gradient(135deg,#5b1fc4 0%,#4a19a0 100%)}.m-btn-export{color:#fff;background:linear-gradient(135deg,#0fc6c2 0%,#0aada9 100%);box-shadow:0 3px 8px #0fc6c259}.m-btn-export:active{background:linear-gradient(135deg,#0aada9 0%,#089490 100%)}.m-btn-refresh{color:#fff;background:linear-gradient(135deg,#86909c 0%,#6b7785 100%);box-shadow:0 3px 8px #86909c59}.m-btn-refresh:active{background:linear-gradient(135deg,#6b7785 0%,#565e66 100%)}.m-btn-sm{border-radius:6px;min-height:30px;padding:6px 10px;font-size:12px}.m-btn-mini{border-radius:5px;min-height:26px;padding:4px 8px;font-size:11px}.m-btn-icon{min-width:36px;padding:8px}.m-filter-section{background:#f7f8fa;border-radius:12px;margin-bottom:16px;padding:12px}.m-filter-row{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.m-filter-row:last-child{margin-bottom:0}.m-filter-input{background:#fff;border:1px solid #e5e6eb;border-radius:8px;outline:none;flex:1;min-width:120px;padding:8px 12px;font-size:14px;transition:all .2s}.m-filter-input:focus{border-color:#165dff;box-shadow:0 0 0 2px #165dff1a}.m-filter-select{background:#fff;border:1px solid #e5e6eb;border-radius:8px;min-width:100px}.m-action-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.m-card-list{flex-direction:column;gap:12px;display:flex}.m-card{background:#fff;border:1px solid #e5e6eb;border-radius:12px;padding:14px;transition:all .2s;box-shadow:0 2px 8px #0000000f}.m-card.selected{border-color:#165dff;box-shadow:0 2px 12px #165dff26}.m-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.m-card-title{color:#1d2129;font-size:15px;font-weight:600}.m-card-body{color:#4e5969;margin-bottom:10px;font-size:14px;line-height:1.5}.m-card-meta{color:#86909c;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.m-card-actions{border-top:1px solid #f2f3f5;flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.m-status-tag{cursor:pointer;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.m-status-tag-active{color:#fff;background:linear-gradient(135deg,#52c41a 0%,#389e0d 100%);box-shadow:0 2px 6px #52c41a59}.m-status-tag-inactive{color:#fff;background:linear-gradient(135deg,#d9d9d9 0%,#bfbfbf 100%);box-shadow:0 2px 4px #0000001a}.m-status-dot{background:#fff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 4px #fffc}.m-pagination{justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:12px 0;display:flex}.m-pagination-info{color:#86909c;font-size:13px}.m-empty{text-align:center;color:#86909c;padding:40px 20px;font-size:14px}.arco-table-container{overflow-x:auto}.arco-table{min-width:600px}.arco-table-th,.arco-table-td{padding:10px 8px!important;font-size:13px!important}.arco-space{flex-wrap:wrap}.arco-btn-size-small{padding:4px 8px!important;font-size:12px!important}.arco-btn-size-mini{padding:2px 6px!important;font-size:11px!important}.arco-modal{max-width:95%!important;margin:16px auto!important}.arco-modal-header{padding:16px!important}.arco-modal-title{font-size:18px!important}.arco-modal-content{padding:16px!important}.arco-modal-footer{padding:12px 16px!important}.arco-form-layout-vertical .arco-form-label-item{margin-bottom:4px!important}.arco-form-item{margin-bottom:16px!important}.arco-input,.arco-textarea,.arco-select-view{font-size:16px!important}.arco-pagination{flex-wrap:wrap;justify-content:center;gap:8px}.arco-pagination-item{min-width:32px!important;height:32px!important}.arco-empty{padding:40px 20px!important}.arco-empty-image{width:80px!important;height:80px!important}.arco-tag{padding:2px 6px!important;font-size:11px!important}.arco-dropdown-menu{max-width:90vw}.arco-upload-list-item{padding:8px!important}.arco-tabs-header-nav{flex-wrap:wrap}.arco-tabs-header-title{padding:8px 12px!important;font-size:14px!important}.mobile-card-list{flex-direction:column;gap:12px;display:flex}.mobile-card-item{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f}.mobile-card-title{color:#1a1a1a;margin-bottom:8px;font-size:16px;font-weight:600}.mobile-card-desc{color:#666;margin-bottom:12px;font-size:13px;line-height:1.5}.mobile-card-meta{color:#999;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:12px;display:flex}.mobile-card-actions{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.mobile-search-wrapper{margin-bottom:16px}.mobile-search-wrapper .arco-input-wrapper{width:100%}}[data-theme]{transition:background-color .25s,color .25s}.lang-toggle-btn{cursor:pointer;color:#1f2937;background:#f5f5f5;border:none;border-radius:10px;padding:8px 12px;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.lang-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.lang-toggle-btn.lang-anim{transform:scale(1.04);box-shadow:0 0 0 6px #1677ff14}.lang-toggle-btn.active-zh{color:#0f172a;background:linear-gradient(135deg,#e0f2fe 0%,#a7f3d0 100%)}.lang-toggle-btn.active-en{color:#0f172a;background:linear-gradient(135deg,#e0f2fe 0%,#c7d2fe 100%)}[data-theme=dark] .lang-toggle-btn{color:#e5e7eb;background:#111827}[data-theme=dark] .lang-toggle-btn:hover{box-shadow:0 4px 12px #ffffff0f}[data-theme=dark] .lang-toggle-btn.lang-anim{box-shadow:0 0 0 6px #3b82f62e}[data-theme=dark] .lang-toggle-btn.active-zh{color:#e5e7eb;background:linear-gradient(135deg,#3b82f633 0%,#10b98133 100%)}[data-theme=dark] .lang-toggle-btn.active-en{color:#e5e7eb;background:linear-gradient(135deg,#3b82f633 0%,#6366f133 100%)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] .page-title{color:#e5e7eb!important}[data-theme=dark] p,[data-theme=dark] .page-subtitle,[data-theme=dark] .text-muted{color:#94a3b8!important}[data-theme=dark] .arco-table{transition:background-color .25s,color .25s,border-color .25s;color:#e5e7eb!important;background-color:#0f172a!important}[data-theme=dark] .arco-table-header,[data-theme=dark] .arco-table-tr,[data-theme=dark] .arco-table-td{transition:background-color .25s,color .25s,border-color .25s;color:#e5e7eb!important;background-color:#0f172a!important;border-color:#ffffff14!important}[data-theme=dark] .arco-table-striped .arco-table-tr:nth-child(odd){background-color:#111827!important}[data-theme=dark] .arco-table-hover .arco-table-tr:hover{background-color:#ffffff0a!important}[data-theme=dark] .arco-menu,[data-theme=dark] .arco-menu-item{transition:background-color .25s,color .25s;color:#e5e7eb!important;background-color:#0f172a!important}[data-theme=dark] .arco-menu-item:hover{background-color:#ffffff0a!important}[data-theme=dark] .arco-menu-item.arco-menu-item-selected{color:#cbd5e1!important;background-color:#94a3b82e!important}[data-theme=dark] .arco-menu-inline .arco-menu-item:after,[data-theme=dark] .arco-menu-vertical .arco-menu-item:after{border-color:#ffffff1f!important}[data-theme=dark] .arco-menu .arco-icon{color:#cbd5e1!important}[data-theme=dark] .arco-card{transition:background-color .25s,color .25s,border-color .25s;background-color:#0f172a!important;border-color:#ffffff14!important}[data-theme=dark] .filter-bar{color:#e5e7eb!important;background:#0f172a!important;border:1px solid #ffffff14!important}[data-theme=dark] .filter-info{color:#94a3b8!important}[data-theme=dark] .arco-modal-header,[data-theme=dark] .arco-modal-body,[data-theme=dark] .arco-modal-footer{color:#e5e7eb!important;background-color:#0f172a!important;border-color:#ffffff14!important}[data-theme=dark] .phrase-title{color:#e5e7eb!important}.btn-add{color:#fff;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-edit{color:#fff;background:linear-gradient(135deg,#a29bfe 0%,#6c5ce7 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 6px 16px #6c5ce759}.btn-delete{background:linear-gradient(135deg,#ff5f6d 0%,#ffc371 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s;color:#fff!important}.btn-delete:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff5f6d59}.btn-view{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-view:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4facfe59}.btn-manage{color:#fff;background:linear-gradient(135deg,#67b26f 0%,#4ca2cd 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-manage:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4ca2cd59}.btn-stats{color:#fff;background:linear-gradient(135deg,#8ec5fc 0%,#e0c3fc 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-stats:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8ec5fc59}.btn-toggle-on{color:#fff;background:linear-gradient(135deg,#00c9a7 0%,#92fe9d 100%);border:none;border-radius:10px}.btn-toggle-off{background:linear-gradient(135deg,#ff7675 0%,#fda085 100%);border:none;border-radius:10px;font-weight:600;color:#fff!important}.arco-btn-danger,.arco-popconfirm .arco-btn-danger,.arco-btn-status-danger{color:#fff!important}.btn-import{color:#fff;background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-export{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s}.btn-refresh{color:#6c5ce7;border-color:#6c5ce7;border-radius:10px;transition:transform .15s,box-shadow .15s,background-color .15s}.btn-back{background:linear-gradient(135deg,#bdc3c7 0%,#2c3e50 100%);border:none;border-radius:10px;transition:transform .15s,box-shadow .15s;color:#fff!important}.btn-back:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2c3e5059}.btn-accent{text-shadow:0 1px 1px #00000040;color:#fff!important}.btn-add[disabled],.btn-edit[disabled],.btn-delete[disabled],.btn-view[disabled],.btn-export[disabled],.btn-import[disabled],.btn-manage[disabled],.btn-toggle-on[disabled],.btn-toggle-off[disabled],.btn-back[disabled]{opacity:.6;filter:saturate(80%);cursor:not-allowed;box-shadow:none;transform:none}[data-theme=dark] .btn-add{color:#cbd5e1;background:linear-gradient(135deg,#1f2937 0%,#111827 100%)}[data-theme=dark] .btn-edit{color:#cbd5e1;background:linear-gradient(135deg,#1f2937 0%,#0b1220 100%)}[data-theme=dark] .btn-view{color:#cbd5e1;background:linear-gradient(135deg,#1f2937 0%,#0f172a 100%)}[data-theme=dark] .btn-manage,[data-theme=dark] .btn-stats,[data-theme=dark] .btn-import,[data-theme=dark] .btn-export{color:#cbd5e1;background:linear-gradient(135deg,#1f2937 0%,#0b1220 100%)}[data-theme=dark] .btn-back{background:linear-gradient(135deg,#1f2937 0%,#0b1220 100%);color:#fff!important}[data-theme=dark] .btn-refresh{color:#cbd5e1;border-color:#94a3b8}[data-theme=dark] .btn-refresh:hover{background-color:#94a3b81f}.pdf-fullscreen-modal :global(.arco-modal){max-width:100vw!important;margin:0!important;padding:0!important}.pdf-fullscreen-modal :global(.arco-modal-header){border-bottom:1px solid #f0f0f0;padding:16px 24px}.pdf-fullscreen-modal :global(.arco-modal-body){height:90vh;padding:0}.pdf-fullscreen-modal :global(.arco-modal-content){height:100vh}@keyframes vinyl-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-record{transition:all .3s}.vinyl-record.rotating{animation:4s linear infinite vinyl-rotate}.vinyl-record:hover{transform:scale(1.05);box-shadow:0 20px 60px #0009!important}.tonearm{transform:rotate(-25deg)}.tonearm.playing{transform:rotate(0)}.tonearm-head{background:#ff6b6b;transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #ff6b6b80,0 0 20px #ff6b6b4d}.tonearm-head.playing{background:#51cf66;box-shadow:0 2px 8px #51cf6680,0 0 20px #51cf664d}.audio-progress-bar{appearance:none;background:#fff3;outline:none}.audio-progress-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 8px #0000004d}.audio-progress-bar::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0006}.audio-progress-bar::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;transition:all .2s;box-shadow:0 2px 8px #0000004d}.audio-progress-bar::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #0006}.audio-volume-bar{appearance:none;background:#ffffff4d;border-radius:2px;outline:none;height:4px}.audio-volume-bar::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 2px 6px #0003}.audio-volume-bar::-webkit-slider-thumb:hover{transform:scale(1.2)}.audio-volume-bar::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:12px;height:12px;transition:all .2s;box-shadow:0 2px 6px #0003}.audio-volume-bar::-moz-range-thumb:hover{transform:scale(1.2)}.docx-preview-wrapper .docx-wrapper{background:#fff;padding:20px}.docx-preview-wrapper img{max-width:100%!important;height:auto!important}.document-preview-content table{border-collapse:collapse;table-layout:auto;background:#fff;width:100%;margin:16px 0}.document-preview-content table th,.document-preview-content table td{text-align:left;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word;border:1px solid #e5e7eb;padding:8px 12px}.document-preview-content table th{color:#374151;background-color:#f3f4f6;font-weight:600}.document-preview-content table tr:nth-child(2n){background-color:#f9fafb}.document-preview-content table tr:hover{background-color:#f3f4f6}.document-preview-content table img{vertical-align:middle;max-width:100%;height:auto;margin:4px;display:inline-block}.document-preview-content table td>p{vertical-align:middle;max-width:100%;margin:2px 0;display:inline-block}.document-preview-content table td>p>img{vertical-align:middle;max-width:calc(50% - 8px);margin:0 4px;display:inline-block}.document-preview-content table td{line-height:1.5}.document-preview-content table td img+img{margin-left:8px}.document-preview-content img{border-radius:4px;max-width:100%;height:auto;margin:12px 0;box-shadow:0 2px 8px #0000001a}.document-preview-content h1{color:#1f2937;margin:20px 0 12px;font-size:24px;font-weight:700}.document-preview-content h2{color:#374151;margin:16px 0 10px;font-size:20px;font-weight:600}.document-preview-content h3{color:#4b5563;margin:14px 0 8px;font-size:16px;font-weight:600}.document-preview-content p{margin:8px 0;line-height:1.6}.document-preview-content ul,.document-preview-content ol{margin:8px 0;padding-left:24px}.document-preview-content li{margin:4px 0}.document-preview-content strong,.document-preview-content b{color:inherit;font-weight:700}.document-preview-content em,.document-preview-content i{color:inherit;font-style:italic}.document-preview-content u{color:inherit;text-decoration:underline}.document-preview-content s,.document-preview-content strike{color:inherit;text-decoration:line-through}.document-preview-content sup{vertical-align:super;font-size:.75em;line-height:0}.document-preview-content sub{vertical-align:sub;font-size:.75em;line-height:0}.document-preview-content code{background:#f3f4f6;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.document-preview-content pre{background:#f3f4f6;border-radius:4px;margin:12px 0;padding:12px;overflow-x:auto}.document-preview-content pre code{background:0 0;padding:0}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);min-height:100vh;padding:0;font-family:Microsoft YaHei,Arial,sans-serif}.topic-view-container{background-position:50%;background-size:cover;background-attachment:fixed;width:100%;max-width:none;height:100%;margin:0;padding:40px 20px;position:fixed;inset:0;overflow-y:auto}.header{text-align:center;background:#fff;border-radius:15px;width:100%;max-width:none;margin-bottom:40px;margin-left:0;margin-right:0;padding:30px;box-shadow:0 5px 15px #0000001a}.header h1{color:#2d3436;margin-bottom:10px;font-size:2.5em}.header p{color:#636e72;font-size:1.2em}.stats-summary{text-align:center;background:#fff;border-radius:15px;width:100%;max-width:none;margin-bottom:30px;margin-left:0;margin-right:0;padding:20px;box-shadow:0 3px 10px #0000001a}.stats-item{text-align:center;margin:0 20px;display:inline-block}.stats-number{color:#00b894;font-size:2em;font-weight:700}.stats-label{color:#636e72}.empty-state{text-align:center;background:#fff;border-radius:15px;max-width:1200px;margin-left:auto;margin-right:auto;padding:60px;box-shadow:0 5px 15px #0000001a}.empty-icon{color:#ddd;margin-bottom:20px;font-size:4em}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1200px;margin-bottom:40px;margin-left:auto;margin-right:auto;display:grid}.artwork-card{background:#fff;border-radius:15px;transition:transform .3s;overflow:hidden;box-shadow:0 5px 15px #0000001a}.artwork-card:hover{transform:translateY(-5px)}.artwork-image{object-fit:cover;cursor:pointer;border-bottom:1px solid #eee;width:100%;height:250px;transition:transform .3s,filter .3s;position:relative}.artwork-image:hover{filter:brightness(1.1);transform:translateY(-5px)}.file-icon-container{justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.file-icon-container:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#fff0 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.file-icon-container:hover:before{opacity:1;animation:2s infinite shimmer}@keyframes shimmer{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.file-icon-pdf{filter:drop-shadow(0 4px 8px #0003);transition:all .3s;animation:3s ease-in-out infinite float}.file-icon-pdf:hover{filter:drop-shadow(0 8px 16px #ff4d4f66);transform:scale(1.1)rotate(5deg)}.file-icon-document{filter:drop-shadow(0 4px 8px #0003);transition:all .3s;animation:2s ease-in-out infinite bounce}.file-icon-document:hover{filter:drop-shadow(0 8px 16px #3498db66);transform:scale(1.1)rotate(-5deg)}.file-icon-audio{filter:drop-shadow(0 4px 8px #0003);transition:all .3s;animation:2s ease-in-out infinite pulse}.file-icon-audio:hover{filter:drop-shadow(0 8px 16px #1abc9c66);transform:scale(1.15)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.artwork-info{padding:20px}.artwork-name{color:#2d3436;margin-bottom:15px;font-size:1.3em;font-weight:700}.rating-section{margin-bottom:15px}.rating-title{color:#636e72;margin-bottom:8px;font-size:.9em;font-weight:700}.stars{gap:5px;margin-bottom:5px;display:flex}.star{color:#ddd;cursor:pointer;font-size:1.5em;transition:color .2s}.star:hover,.star.active{color:gold}.rating-description{color:#74b9ff;margin-top:5px;font-size:.8em}.rating-sections{margin-bottom:15px}.submit-rating{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00b894,#00a085);border:none;border-radius:20px;width:100%;margin-top:15px;padding:10px 20px;transition:all .3s}.submit-rating:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 3px 10px #00b8944d}.submit-rating:disabled{cursor:not-allowed;background:#ccc}.history-rating{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-left:5px solid #00b894;border-radius:12px;margin-bottom:20px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #00b8941a}.history-rating:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89426}.history-title{color:#00b894;letter-spacing:.5px;align-items:center;margin-bottom:15px;font-size:1.2em;font-weight:700;display:flex}.history-title:before{content:"📋";margin-right:8px;font-size:1.1em}.history-content{margin-bottom:10px}.history-item{border-bottom:1px solid #00b8941a;flex-direction:column;margin-bottom:12px;padding:12px 0;transition:background-color .2s;display:flex}.history-item:hover{background-color:#00b8940d;border-radius:8px;margin:0 -10px;padding:12px 10px}.history-item:last-child{border-bottom:none;margin-bottom:0}.history-label{align-items:center;margin-bottom:6px;display:flex}.history-dimension{color:#2d3436;letter-spacing:.3px;min-width:95px;margin-right:12px;font-size:.9em;font-weight:600}.history-stars{color:gold;text-shadow:0 1px 2px #ffd7004d;letter-spacing:1px;font-size:1.1em}.history-desc{color:#636e72;margin-left:0;padding-left:0;font-size:.85em;font-weight:400;line-height:1.6}.history-time{color:#74b9ff;letter-spacing:.3px;text-align:center;background:#74b9ff14;border-radius:15px;width:100%;margin-top:15px;padding:8px 12px;font-size:.8em;font-weight:500;display:inline-block;box-shadow:0 1px 3px #74b9ff1a}.history-time:before{content:"🕐";margin-right:5px;font-size:.9em}@media (max-width:768px){.topic-view-container{padding:16px 12px;position:relative}.gallery-grid{grid-template-columns:1fr;gap:16px}.header{border-radius:12px;margin-bottom:20px;padding:20px 16px}.header h1{font-size:1.4em;line-height:1.3}.header p{margin-top:8px;font-size:.9em}.stats-summary{border-radius:12px;justify-content:space-around;margin-bottom:16px;padding:16px;display:flex}.stats-item{flex-direction:column;align-items:center;margin:0;display:flex}.stats-number{font-size:1.5em}.stats-label{font-size:.8em}.artwork-card{border-radius:12px}.artwork-image{height:180px}.artwork-info{padding:16px}.artwork-name{margin-bottom:12px;font-size:1.1em}.star{touch-action:manipulation;padding:4px;font-size:1.8em}.submit-rating{min-height:48px;padding:14px 20px;font-size:1em}.history-rating{border-radius:10px;padding:16px}.history-title{font-size:1.1em}.history-dimension{min-width:80px;font-size:.85em}.history-stars{font-size:1em}.history-desc{font-size:.8em}.history-time{padding:6px 10px;font-size:.75em}.empty-state{border-radius:12px;padding:40px 20px}.empty-icon{font-size:3em}.file-icon-container svg{font-size:70px!important}.rating-section{margin-bottom:12px}.rating-title{font-size:.85em}.rating-description{font-size:.75em}.arco-modal{margin:20px auto;max-width:90%!important}.arco-modal-content{padding:20px 16px}.arco-form-item{margin-bottom:12px}.arco-input,.arco-input-password{font-size:16px!important}}.topic-stats-loading{color:#fff;background:linear-gradient(135deg,#a29bfe 0%,#6c5ce7 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;font-family:Microsoft YaHei,Arial,sans-serif;display:flex}.topic-stats-container{background:linear-gradient(135deg,#a29bfe 0%,#6c5ce7 100%);min-height:100vh;padding:20px;font-family:Microsoft YaHei,Arial,sans-serif;transition:padding .25s}.topic-stats-container.wide .stats-header-title{font-size:2.5em}.topic-stats-container.narrow .stats-header-title{font-size:1.8em}.stats-header{text-align:center;background:#fff;border-radius:15px;margin-bottom:40px;padding:30px;position:relative;box-shadow:0 5px 15px #0000001a}.back-btn{cursor:pointer;background:linear-gradient(135deg,#00cec9,#0984e3);border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .3s;position:absolute;top:20px;left:20px;color:#fff!important}.back-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #00cec966}.stats-header-title{color:#2d3436;margin-bottom:10px;font-size:2.5em;transition:font-size .25s,letter-spacing .25s}.stats-header-subtitle{color:#636e72;font-size:1.2em;transition:font-size .25s}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:15px;padding:25px;transition:all .25s;box-shadow:0 5px 15px #0000001a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0003}.stat-number{color:#6c5ce7;margin-bottom:10px;font-size:2.5em;font-weight:700;transition:font-size .25s}.stat-label{color:#636e72;font-size:1.1em}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:30px;margin-bottom:40px;display:grid}.chart-container{background:#fff;border-radius:15px;flex-direction:column;padding:30px;transition:transform .25s,opacity .25s;display:flex;position:relative;box-shadow:0 5px 15px #0000001a}.chart-title{color:#2d3436;text-align:center;flex-shrink:0;margin-bottom:20px;font-size:1.3em;font-weight:700}.chart-canvas{flex:1;width:100%;min-width:0;height:350px;transition:height .3s;position:relative;overflow:hidden}.chart-fullscreen-btn{z-index:2;color:#666;position:absolute;top:12px;right:12px}.chart-fullscreen-btn:hover{color:#165dff}.topic-stats-container.narrow .chart-container{opacity:.98;transform:scale(.98)}.topic-stats-container.wide .chart-container{opacity:1;transform:scale(1)}.artwork-ranking{background:#fff;border-radius:15px;margin-bottom:40px;padding:30px;box-shadow:0 5px 15px #0000001a}.ranking-title{color:#2d3436;text-align:center;margin-bottom:20px;font-size:1.5em;font-weight:700}.ranking-list{gap:15px;display:grid}.ranking-item{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8f9fa;border-radius:10px;align-items:center;padding:15px;transition:all .3s;display:flex}.ranking-item:hover{background:linear-gradient(135deg,#f8f9fa,#e9ecef);transform:translate(8px);box-shadow:0 5px 20px #00000026}.ranking-item:active{transform:translate(6px);box-shadow:0 3px 15px #0000001a}.ranking-number{color:#6c5ce7;min-width:40px;margin-right:15px;font-size:1.5em;font-weight:700}.ranking-info{flex:1}.ranking-name{color:#2d3436;margin-bottom:5px;font-weight:700}.ranking-scores{color:#636e72;flex-wrap:wrap;gap:20px;font-size:.9em;display:flex}.ranking-scores span{white-space:nowrap}.ranking-total{color:#00b894;font-size:1.2em;font-weight:700}.no-data{text-align:center;background:#fff;border-radius:15px;padding:60px;box-shadow:0 5px 15px #0000001a}.no-data-icon{color:#ddd;margin-bottom:20px;font-size:4em}.no-data h3{color:#2d3436;margin-bottom:10px}.no-data p{color:#636e72}@media (max-width:768px){.topic-stats-container{padding:12px}.charts-grid{grid-template-columns:1fr;gap:16px}.stats-cards{grid-template-columns:repeat(2,1fr);gap:12px}.stats-header{border-radius:12px;margin-bottom:20px;padding:16px}.stats-header-title{margin-top:8px;font-size:1.3em}.back-btn{margin-bottom:12px;padding:8px 16px;font-size:13px;position:static}.stat-card{border-radius:12px;padding:16px}.stat-number{font-size:1.6em}.stat-label{font-size:.9em}.ranking-scores{flex-direction:column;gap:4px}.chart-container{border-radius:12px;padding:16px}.chart-title{margin-bottom:12px;font-size:1.1em}.chart-canvas{height:280px;min-height:280px}.chart-canvas canvas{width:100%!important;height:100%!important}.chart-fullscreen-btn{padding:4px 8px;font-size:16px;display:flex;position:absolute;top:8px;right:8px}.stats-header-subtitle{font-size:.9em}.artwork-ranking{border-radius:12px;margin-bottom:20px;padding:16px}.ranking-title{margin-bottom:16px;font-size:1.2em}.ranking-item{border-radius:8px;padding:12px}.ranking-number{min-width:32px;margin-right:12px;font-size:1.2em}.ranking-name{font-size:.95em}.ranking-total{font-size:1em}.no-data{border-radius:12px;padding:40px 20px}.no-data-icon{font-size:3em}.chart-fullscreen-modal{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;top:0!important}.chart-fullscreen-modal .arco-modal-content{border-radius:0!important;height:100vh!important;max-height:100vh!important}.chart-fullscreen-modal .arco-modal-header{border-bottom:1px solid #e8e8e8;padding:12px 16px!important}.chart-fullscreen-modal .arco-modal-title{font-size:16px!important}.chart-fullscreen-modal .arco-modal-body{overflow:hidden;height:calc(100vh - 60px)!important;padding:8px!important}.chart-fullscreen-modal .arco-modal-close-icon{top:12px!important;right:12px!important}}.work-management-modal :global(.arco-modal-header){border-bottom:1px solid #f0f0f0;padding:20px 24px}.work-management-modal :global(.arco-modal-body){padding:24px}.work-management-modal :global(.arco-modal-footer){border-top:1px solid #f0f0f0;padding:16px 24px}:global(.arco-table-cell){padding:12px 16px}:global(.arco-table-row:hover){background-color:#f5f7fa}:global(.arco-space){width:100%}.filter-bar{background:#f5f7fa;border-radius:4px;align-items:center;gap:12px;margin-bottom:24px;padding:12px;display:flex}.filter-info{color:#666;margin-left:auto;font-size:14px}:global(.arco-empty){padding:60px 0}:global(.arco-empty-image){margin-bottom:16px;font-size:48px}@media (max-width:768px){.filter-bar{flex-wrap:wrap}.filter-info{text-align:center;width:100%;margin-left:0}}.btn-add{color:#fff;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);border:none;transition:transform .15s,box-shadow .15s}.btn-add:hover{transform:translateY(-1px);box-shadow:0 6px 16px #38f9d759}.btn-import{color:#fff;background:linear-gradient(135deg,#a18cd1 0%,#fbc2eb 100%);border:none;transition:transform .15s,box-shadow .15s}.btn-import:hover{transform:translateY(-1px);box-shadow:0 6px 16px #a18cd159}.btn-export{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border:none;transition:transform .15s,box-shadow .15s}.btn-export:hover{transform:translateY(-1px);box-shadow:0 6px 16px #4facfe59}.btn-refresh{color:#6c5ce7;border-color:#6c5ce7;transition:transform .15s,box-shadow .15s,background-color .15s}.btn-refresh:hover{background-color:#6c5ce714;transform:translateY(-1px)}.btn-bulk-delete{color:#fff;background:linear-gradient(135deg,#ff5f6d 0%,#ffc371 100%);border:none;transition:transform .15s,box-shadow .15s}.btn-bulk-delete:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ff5f6d59}.btn-add,.btn-import,.btn-export,.btn-refresh,.btn-bulk-delete{border-radius:10px}