:root{--bg-primary:#fff;--bg-secondary:#f7f8fa;--bg-tertiary:#eff1f5;--bg-hover:#f0f2f5;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--accent-dim:#bfdbfe;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-disabled:#cbd5e1;--border:#e2e8f0;--border-hover:#cbd5e1;--border-focus:#2563eb;--success:#16a34a;--success-light:#f0fdf4;--warning:#d97706;--warning-light:#fffbeb;--error:#dc2626;--error-light:#fef2f2;--info:#0284c7;--info-light:#f0f9ff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.04);--shadow-lg:0 10px 15px rgba(0,0,0,.06),0 4px 6px rgba(0,0,0,.04);--shadow-xl:0 20px 25px rgba(0,0,0,.08),0 8px 10px rgba(0,0,0,.04);--font-sans:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:22px;--text-3xl:28px;--transition-fast:.12s ease-out;--transition-normal:.2s ease-out;--transition-slow:.3s ease-out;--sidebar-w:56px;--right-w:clamp(192px,14vw,256px);--main-w:clamp(260px,19vw,360px);--topbar-h:52px;--bp-xl:1600px;--bp-lg:1200px;--bp-md:900px;--bp-sm:640px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{display:block;max-width:100%}ol,ul{list-style:none}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.app-shell{background:var(--bg-secondary);display:flex;flex-direction:column;height:100vh;overflow:hidden}.workspace-layout{display:flex;flex:1;overflow:hidden}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border);flex-shrink:0;height:var(--topbar-h);padding:0 16px;z-index:100}.topbar,.topbar-logo{align-items:center;display:flex;gap:8px}.topbar-logo{color:var(--text-primary);font-size:var(--text-lg);font-weight:700;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.topbar-nav{align-items:center;display:flex;flex:1;gap:2px}.topbar-nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);padding:6px 12px;transition:all var(--transition-fast)}.topbar-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:500}.topbar-right{gap:10px;margin-left:auto}.credit-bar,.topbar-right{align-items:center;display:flex}.credit-bar{background:var(--accent-light);border-radius:var(--radius-full);cursor:default;gap:5px;padding:4px 12px;transition:background var(--transition-fast)}.credit-bar:hover{background:#dbeafe}.credit-value{color:var(--accent);font-size:var(--text-sm);font-weight:600}.credit-label{color:var(--text-secondary);font-size:var(--text-xs)}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;padding:8px 0;width:var(--sidebar-w)}.sidebar,.sidebar-item{align-items:center;display:flex;flex-direction:column;gap:2px}.sidebar-item{border-radius:var(--radius-md);cursor:pointer;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--accent-light);color:var(--accent)}.sidebar-item svg{height:18px;width:18px}.sidebar-item span{font-size:9px;line-height:1}.sidebar-item:not(.active){color:var(--text-secondary)}.main-panel{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.panel-title{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:4px}.right-panel{border-left:1px solid var(--border);display:flex;flex-direction:column}.card,.right-panel{background:var(--bg-primary);overflow:hidden}.card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{align-items:center;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:600;gap:8px;padding:12px 14px;transition:background var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-header:hover{background:var(--bg-hover)}.card-body{padding:14px}.upload-zone{align-items:center;background:var(--bg-secondary);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 20px;text-align:center;transition:all var(--transition-normal)}.upload-zone.drag-over,.upload-zone:hover{background:var(--accent-light);border-color:var(--accent)}.upload-zone svg{color:var(--text-tertiary);height:32px;width:32px}.upload-zone .upload-title{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.upload-zone .upload-hint{color:var(--text-tertiary);font-size:var(--text-xs)}.textarea-field{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);min-height:72px;outline:none;padding:10px 12px;resize:vertical;transition:border-color var(--transition-fast);width:100%}.textarea-field:focus{border-color:var(--border-focus)}.textarea-field::-moz-placeholder{color:var(--text-tertiary)}.textarea-field::placeholder{color:var(--text-tertiary)}.form-row{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px 0}.form-label{color:var(--text-primary);flex-shrink:0;font-size:var(--text-sm)}.form-hint{color:var(--text-tertiary);margin-top:3px}.badge,.form-hint{font-size:var(--text-xs)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-weight:500;line-height:1.6;padding:2px 8px}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-error{background:var(--error-light);color:var(--error)}.badge-info{background:var(--info-light);color:var(--info)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-accent{background:var(--accent-light);color:var(--accent)}.progress-bar{background:var(--bg-tertiary);height:6px;overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{background:var(--accent);height:100%;transition:width var(--transition-normal)}.divider{background:var(--border);height:1px;margin:8px 0}.viewer-container{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;position:relative}.viewer-canvas{display:block;width:100%}.viewer-empty{color:var(--text-tertiary);flex-direction:column;font-size:var(--text-sm);gap:8px;justify-content:center}.asset-item,.viewer-empty{align-items:center;display:flex}.asset-item{border-radius:var(--radius-md);cursor:pointer;gap:10px;padding:8px 10px;transition:background var(--transition-fast)}.asset-item:hover{background:var(--bg-hover)}.asset-item.selected{background:var(--accent-light)}.asset-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm);flex-shrink:0;height:40px;overflow:hidden;width:40px}.asset-info{flex:1;min-width:0}.asset-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:500;truncate:true;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-meta{color:var(--text-tertiary);font-size:var(--text-xs)}.tabs{background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex;gap:2px;padding:3px}.tab-item{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1;font-size:var(--text-sm);font-weight:500;padding:6px 12px;text-align:center;transition:all var(--transition-fast)}.tab-item.active,.tab-item:hover{color:var(--text-primary)}.tab-item.active{background:var(--bg-primary);box-shadow:var(--shadow-sm)}.modal-overlay{align-items:center;animation:fadeIn var(--transition-normal);background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-box{animation:scaleIn var(--transition-normal);background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:24px;width:min(480px,92vw)}.modal-title{font-size:var(--text-xl);font-weight:700;margin-bottom:16px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.toast-container{display:flex;flex-direction:column;gap:8px;pointer-events:none;position:fixed;right:16px;top:16px;z-index:2000}.toast{align-items:flex-start;animation:slideInRight var(--transition-normal);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;font-size:var(--text-sm);gap:10px;max-width:380px;min-width:260px;padding:12px 14px;pointer-events:all}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(1turn)}}.spinner{animation:spin .7s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);flex-shrink:0;height:16px;width:16px}.pl-responsive{background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;overflow-y:auto;padding:10px;width:var(--main-w)}.right-panel{flex-shrink:0;width:var(--right-w)}@media(max-width:1600px){:root{--right-w:clamp(176px,12.8vw,240px);--main-w:clamp(240px,17vw,320px)}}@media(max-width:1200px){:root{--right-w:208px;--main-w:clamp(230px,22vw,300px)}.right-panel{bottom:0;box-shadow:-4px 0 24px #0000001f;position:fixed;right:0;top:var(--topbar-h);transform:translate(100%);transition:transform var(--transition-normal);z-index:200}.right-panel.open{transform:translate(0)}}@media(max-width:900px){:root{--sidebar-w:48px;--main-w:clamp(200px,28vw,280px)}}@media(max-width:640px){:root{--sidebar-w:48px;--main-w:100vw}.workspace-layout{flex-direction:column}.left-panel{border-bottom:1px solid var(--border);border-right:none!important;flex-direction:row!important;height:var(--sidebar-w);overflow-x:auto;overflow-y:hidden;width:100%!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.font-semibold{font-weight:600}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.px-3{padding-left:12px;padding-right:12px}.py-2{padding-bottom:8px;padding-top:8px}.rounded{border-radius:var(--radius-md)}.border{border:1px solid var(--border)}.bg-secondary{background:var(--bg-secondary)}.auth-page{align-items:center;background:linear-gradient(135deg,#eff6ff,#f8fafc 50%,#f0f9ff);display:flex;justify-content:center;min-height:100vh}.auth-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:40px 36px;width:min(420px,92vw)}.auth-logo{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:28px}.auth-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:6px;text-align:center}.auth-sub{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:24px;text-align:center}.admin-layout{display:flex;height:100vh;overflow:hidden}.admin-sidebar{background:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:220px}.admin-sidebar-logo{border-bottom:1px solid var(--border);font-size:var(--text-lg);font-weight:700;padding:20px 16px 12px}.admin-nav{flex:1;overflow-y:auto;padding:8px 0}.admin-nav-item{align-items:center;border-radius:0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:10px;padding:9px 16px;transition:all var(--transition-fast)}.admin-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.admin-nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:500}.admin-nav-item svg{flex-shrink:0;height:16px;width:16px}.admin-main{background:var(--bg-secondary);flex:1;overflow-y:auto}.admin-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;flex-shrink:0;height:var(--topbar-h);justify-content:space-between;padding:0 20px}.admin-content{padding:20px}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{border-bottom:1px solid var(--border);border-right:none;max-height:120px;width:100%}.admin-sidebar-logo{font-size:var(--text-md);padding:12px 16px 8px}.admin-nav{display:flex;flex:none;flex-direction:row;gap:2px;overflow-x:auto;padding:4px 8px}.admin-nav-item{border-radius:var(--radius-sm);font-size:var(--text-xs);padding:6px 10px;white-space:nowrap}.admin-nav-item.active{background:var(--accent-light)}.admin-main{flex:1}.admin-header{padding:0 12px}.admin-content{padding:12px}.admin-header h1{font-size:var(--text-md)}}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:16px 18px}.stat-value{color:var(--text-primary);font-size:var(--text-3xl);font-weight:700;line-height:1.2}.stat-label{color:var(--text-secondary);font-size:var(--text-xs);margin-top:4px}.data-table{border-collapse:collapse;width:100%}.data-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;text-align:left;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid var(--border);padding:10px 12px}.data-table td{color:var(--text-primary);font-size:var(--text-sm)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-hover)}.subscribe-row{background:linear-gradient(90deg,#eff6ff,#f0f9ff);border:1px solid var(--accent-dim);padding:10px 12px}.log-viewer,.subscribe-row{border-radius:var(--radius-md)}.log-viewer{background:#0f172a;color:#94a3b8;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.6;overflow-y:auto;padding:12px}.log-INFO{color:#60a5fa}.log-WARN{color:#fbbf24}.log-ERRO{color:#f87171}.log-DEBUG{color:#6ee7b7}.am-backdrop[data-v-3d3004b1]{align-items:center;animation:amFadeIn-3d3004b1 .2s ease;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.am-modal[data-v-3d3004b1]{animation:amScaleIn-3d3004b1 .25s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:32px 28px 24px;text-align:center;width:90vw}.am-title[data-v-3d3004b1]{color:#1a1a2e;font-size:18px;font-weight:700;margin-bottom:16px}.am-body[data-v-3d3004b1]{color:#333;font-size:14px;line-height:1.7;margin-bottom:20px;max-height:50vh;overflow-y:auto;text-align:left}.am-body[data-v-3d3004b1] strong{color:#e53e3e}.am-body[data-v-3d3004b1] a{color:#4c68f8}.am-btn[data-v-3d3004b1]{background:linear-gradient(135deg,#4c60f0,#6c5cf0);border:none;border-radius:8px;box-shadow:0 4px 14px #4c60f066;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 32px;transition:all .15s}.am-btn[data-v-3d3004b1]:hover{box-shadow:0 4px 20px #4c60f08c;transform:translateY(-1px)}@keyframes amFadeIn-3d3004b1{0%{opacity:0}to{opacity:1}}@keyframes amScaleIn-3d3004b1{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}