#root{width:100%;height:100%;margin:0;padding:0;position:relative;overflow-x:hidden}.app{width:100%;min-height:100%;padding:8px 8px 72px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";display:flex;flex-direction:column;align-items:center;font-size:13px;box-sizing:border-box;--section-sticky-top: 6px}.app.light{background-color:#fff;color:#1f2329}.app.dark{background-color:#1f2329;color:#fff}h1{font-size:18px;margin:8px 0 12px;font-weight:600;text-align:center}.app-title{margin:0;font-size:18px;font-weight:600;text-align:center;transition:font-size .25s ease}.main-header{width:100%;margin:0 0 8px;padding:10px 0 8px}.app.dark .main-header{color:#f0f0f0}.main-header-inner{display:flex;flex-direction:column;gap:10px;align-items:stretch;width:100%}.quota-sticky{position:sticky;top:0;z-index:140;width:100%}.quota-sticky.pinned{box-shadow:0 4px 12px #00000014}h2{font-size:15px;margin-bottom:10px;font-weight:500;color:#1677ff}h3{font-size:13px;margin-bottom:6px;font-weight:500;color:#666}.app.dark h3{color:#999}.section{width:100%;max-width:100%;margin:6px 0;padding:12px;border-radius:6px;background-color:#00000005;box-shadow:0 1px 2px #0000000d}.app.dark .section{background-color:#ffffff05;box-shadow:0 1px 2px #0003}.search-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;justify-content:center}.search-form.audio-search-form,.search-form.account-info-search-form{align-items:flex-start}.form-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.form-item.full-width{flex:0 0 100%;max-width:100%}.form-item>label:not(.checkbox-label){font-size:14px;color:#1f2329;font-weight:600;display:inline-flex;align-items:center;align-self:flex-start;padding-left:10px;border-left:3px solid #1677ff}.app.dark .form-item>label:not(.checkbox-label){color:#f1f1f1;border-left:3px solid #4c9aff}input,select{padding:8px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;background:#fff;color:#1f2329;transition:all .3s}.app.dark input,.app.dark select{background:#2f2f2f;border-color:#434343;color:#fff}input:focus,select:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}button{padding:8px 16px;border-radius:6px;border:none;background-color:#1677ff;color:#fff;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s;height:32px;min-width:90px}button:hover{background-color:#4096ff;transform:translateY(-1px);box-shadow:0 2px 6px #1677ff33}button:disabled{background-color:#d9d9d9;cursor:not-allowed;transform:none;box-shadow:none}.stop-button{background-color:#ff4d4f!important;border-color:#ff4d4f!important}.stop-button:hover{background-color:#ff7875!important;border-color:#ff7875!important}.stop-button.stopping{background-color:#d9d9d9!important;border-color:#d9d9d9!important;cursor:not-allowed}.stop-button.stopping:hover{background-color:#d9d9d9!important;border-color:#d9d9d9!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:12px}.info-section{background-color:#f5f5f5;padding:12px;border-radius:6px;border:1px solid #e8e8e8}.app.dark .info-section{background-color:#2f2f2f;border-color:#434343}.field-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;max-height:200px;overflow-y:auto;padding-right:6px}.field-list::-webkit-scrollbar{width:4px}.field-list::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.field-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.field-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.field-item{padding:8px;border-radius:6px;background-color:#fff;display:flex;flex-direction:column;gap:4px;transition:all .3s;border:1px solid #e8e8e8;font-size:12px}.field-item:hover{background-color:#fafafa;transform:translateY(-1px)}.app.dark .field-item{background-color:#1f2329;border-color:#434343}.app.dark .field-item:hover{background-color:#2f2f2f}.record-list{margin-top:12px;display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;padding-right:6px}.record-list::-webkit-scrollbar{width:4px}.record-list::-webkit-scrollbar-track{background:#0000000d;border-radius:2px}.record-list::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.record-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.record-item{padding:12px;border-radius:6px;background-color:#fff;transition:all .3s;border:1px solid #e8e8e8}.record-item:hover{background-color:#fafafa;transform:translateY(-1px)}.app.dark .record-item{background-color:#1f2329;border-color:#434343}.app.dark .record-item:hover{background-color:#2f2f2f}.record-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.record-field{font-size:12px;display:flex;flex-direction:column;gap:2px}.record-field span:first-child{color:#666;font-weight:500}.app.dark .record-field span:first-child{color:#999}.record-field a{color:#1677ff;text-decoration:none;transition:color .3s;word-break:break-all}.record-field a:hover{color:#4096ff;text-decoration:underline}.loading{color:#1677ff;font-weight:500;font-size:13px}.message{color:#52c41a;font-weight:500;text-align:center;padding:8px;border-radius:6px;background-color:#52c41a1a;margin:12px 0;font-size:13px}.message:empty{display:none}.collection-status{margin-top:12px;padding:12px;border-radius:6px;background-color:#f5f5f5;border:1px solid #e8e8e8}.app.dark .collection-status{background-color:#2f2f2f;border-color:#434343}.empty-records{padding:20px;text-align:center;color:#999;font-size:13px;background-color:#00000005;border-radius:6px}.app.dark .empty-records{background-color:#ffffff05;color:#666}.table-id{margin:0 0 12px;color:#666;font-size:13px}.field-select-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.field-checkbox{display:flex;align-items:center}.field-checkbox label{display:flex;align-items:center;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.field-checkbox input[type=checkbox]{margin-right:6px;width:16px;height:16px;cursor:pointer}.app.dark .table-id{color:#999}.app.dark .field-checkbox label{color:#ccc}.search-action{display:flex;justify-content:center;margin-top:12px;width:100%}.select-styled{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 12px;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;cursor:pointer;border-radius:6px;box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.dark .select-styled{background-color:#2f2f2f;color:#fff;border-color:#434343}.select-styled option{padding:8px;background-color:#fff;color:#1f2329}.app.dark .select-styled option{background-color:#2f2f2f;color:#fff}.collection-status{text-align:center;padding:16px;border-radius:8px;background-color:#00000005;margin-top:12px}.app.dark .collection-status{background-color:#ffffff05}.section-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px 0;border-bottom:1px solid #e8e8e8;position:sticky;top:var(--section-sticky-top, 0px);z-index:90;background:#00000005;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:box-shadow .2s ease,background-color .2s ease}.app.dark .section-header{background:#ffffff05;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom-color:#444}.collapse-icon{transition:transform .3s ease}.collapse-icon.collapsed{transform:rotate(-90deg)}.section-content{overflow:hidden;max-height:0;padding:0;opacity:0;transition:max-height .35s ease-out,opacity .25s ease-out,padding .35s ease-out}.section-content.open{max-height:2000px;padding:15px 0;opacity:1;overflow:visible}.section-content.collapsed{pointer-events:none}.sub-section{margin-top:20px;border-top:1px dashed #e8e8e8;padding-top:15px}.sub-section h3{margin-top:0;margin-bottom:10px;font-size:16px;font-weight:700}.dark .sub-section{border-top-color:#444}.offline-card{margin-top:10px;padding:10px 12px;border:1px solid #e8e8e8;border-radius:6px;background:#fafafa;font-size:12px;line-height:1.5}.offline-title{font-weight:600;color:#333;margin-bottom:6px}.offline-list{display:flex;flex-direction:column;gap:8px}.offline-list-scroll{max-height:300px;overflow-y:auto;padding-right:4px}.offline-item{display:flex;flex-direction:column;gap:4px}.offline-meta{color:#666}.offline-muted{color:#999}.offline-status{font-weight:500;color:#1677ff}.offline-status.active{color:#52c41a}.offline-status.queued,.offline-status.paused{color:#faad14}.offline-status.completed{color:#52c41a}.offline-status.stopped{color:#ff4d4f}.offline-auth-tip{margin-top:6px;font-size:12px}.offline-auth-tip.ready{color:#52c41a}.offline-auth-tip.missing{color:#ff4d4f}.offline-auth-tip.loading{color:#999}.schedule-panel{margin-top:10px}.schedule-form{margin-top:8px}.schedule-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.schedule-cancel-btn{background:#f5f5f5;color:#333;border:1px solid #d9d9d9}.schedule-cancel-btn:hover{background:#f0f0f0;box-shadow:none;transform:none}.offline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.offline-action-btn{padding:4px 10px;height:28px;min-width:auto;font-size:12px;background:#fff;color:#1677ff;border:1px solid #d9d9d9;border-radius:6px}.offline-action-btn:hover{background:#f5f5f5;box-shadow:none;transform:none}.offline-action-btn.danger{color:#ff4d4f;border-color:#ffccc7;background:#fff1f0}.offline-logs{margin-top:8px;padding:8px;border:1px dashed #e8e8e8;border-radius:6px;background:#fff}.offline-log-block{margin-top:8px}.offline-log-list{display:flex;flex-direction:column;gap:4px}.offline-log-item{display:grid;grid-template-columns:130px 60px 1fr;gap:8px;font-size:12px;color:#666}.app.dark .offline-card{background:#ffffff0a;border-color:#333}.app.dark .offline-title{color:#e0e0e0}.app.dark .offline-meta{color:#aaa}.app.dark .offline-muted,.app.dark .offline-auth-tip.loading{color:#666}.app.dark .schedule-cancel-btn{background:#2f2f2f;border-color:#444;color:#ddd}.app.dark .offline-action-btn{background:#2b2b2b;border-color:#444;color:#8ab4ff}.app.dark .offline-action-btn.danger{background:#3a1e1e;border-color:#5c2a2a;color:#ff7875}.app.dark .offline-logs{background:#1f1f1f;border-color:#444}.field-tip{font-size:12px;color:#ff7875;margin-bottom:10px;font-style:italic}.dark .field-tip{color:#ff9c6e}.radio-group{display:flex;gap:16px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none}.radio-label input[type=radio]{width:16px;height:16px;cursor:pointer;accent-color:#1677ff}.help-tip{position:relative;display:inline-flex;align-items:center}.help-icon{margin-left:2px;width:12px;height:12px;font-size:10px;line-height:1;border:1px solid #d9d9d9;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#8c8c8c;background:transparent;transform:translateY(-2px)}.help-bubble{position:absolute;top:calc(100% + 6px);left:0;width:240px;max-width:calc(100vw - 32px);padding:8px 10px;background:#fff;color:#1f2329;font-size:12px;border-radius:8px;border:1px solid #e8e8e8;box-shadow:0 6px 16px #00000014;opacity:0;visibility:hidden;transform:translate(var(--help-shift-x, 0px),4px);transition:all .2s ease;z-index:10;white-space:normal;line-height:1.5;text-align:left;word-break:break-word;writing-mode:horizontal-tb}.help-tip.align-right .help-bubble{left:auto;right:0}.help-tip:hover .help-bubble{opacity:1;visibility:visible;transform:translate(var(--help-shift-x, 0px))}.app.dark .help-icon{border-color:#434343;color:#a6a6a6;background:transparent}.app.dark .help-bubble{background:#2f2f2f;color:#f1f1f1;border-color:#434343;box-shadow:0 6px 16px #00000059}.textarea-styled{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:80px;transition:all .3s;background:#fff;color:#1f2329}.textarea-styled:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.app.dark .textarea-styled{background:#2f2f2f;border-color:#434343;color:#fff}.textarea-styled::placeholder{color:#999}.app.dark .textarea-styled::placeholder{color:#666}.checkbox-item{flex-direction:row!important;align-items:center!important;gap:12px!important}.checkbox-label{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#1677ff}.checkbox-item .field-tip{margin:0;font-size:11px}.status-bar{position:fixed;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,#fff,#fffffff2);border-top:1px solid #e8e8e8;padding:8px 12px;z-index:100}.app.dark .status-bar{background:linear-gradient(to top,#1f2329,#1f2329f2);border-top-color:#434343}.status-content{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;min-height:20px}.status-loading{color:#1677ff;font-weight:500;display:flex;align-items:center;gap:6px}.status-loading:before{content:"";width:10px;height:10px;border:2px solid #1677ff;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message{color:#52c41a;font-weight:500}.status-idle{color:#999}.app.dark .status-idle{color:#666}.section-header .running-indicator{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;background-color:#1677ff1a;border-radius:10px;font-size:11px;color:#1677ff;font-weight:500}.section-header .running-indicator:before{content:"";width:6px;height:6px;background-color:#1677ff;border-radius:50%;margin-right:4px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.quota-card{margin:6px 0;padding:10px 12px;width:100%;box-sizing:border-box;background-color:#fffc;border:1px solid #e8e8e8;border-radius:6px;font-size:13px;line-height:1.4;order:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .2s ease}.quota-card:hover{background-color:#ffffffd9;border-color:#d0d0d0}.join-group-card{cursor:default;order:0}.join-group-card:hover{background-color:#fffc;border-color:#e8e8e8}.join-group-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.join-group-title{flex:1;min-width:0;font-weight:500;color:#333}.redeem-card{cursor:default}.redeem-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.redeem-title{font-weight:500;color:#333}.redeem-level{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:#666}.redeem-level-label{color:#888}.redeem-level-value{font-weight:500;color:#333}.redeem-form{display:flex;align-items:center;gap:8px;margin-top:8px}.redeem-input{flex:1;min-width:0;padding:6px 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px}.redeem-input:focus{outline:none;border-color:#1677ff;box-shadow:0 0 0 2px #1677ff1a}.redeem-tip{margin-top:6px;font-size:12px;color:#888}.redeem-open-btn{padding:6px 12px;border:1px solid #1677ff;border-radius:4px;background:#fff;color:#1677ff;font-size:12px;cursor:pointer}.redeem-open-btn:disabled{border-color:#d9d9d9;color:#aaa;cursor:not-allowed}.quota-card-header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.quota-card-title{font-weight:500;color:#333;white-space:nowrap}.quota-progress-bar{flex:1;max-width:180px;height:6px;background-color:#0000001a;border-radius:3px;overflow:hidden}.quota-progress-fill{height:100%;background-color:#52c41a;border-radius:3px;transition:width .3s ease,background-color .3s ease}.quota-progress-fill.warning{background-color:#faad14}.quota-progress-fill.danger{background-color:#ff4d4f}.quota-remaining{font-weight:700;color:#333;white-space:nowrap;min-width:50px;text-align:right}.quota-remaining.warning{color:#fa8c16}.quota-remaining.danger{color:#ff4d4f}.quota-toggle-btn{background:none;border:none;cursor:pointer;padding:0;width:12px;height:12px;min-width:0;line-height:1;font-size:10px;color:#666;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.quota-toggle-btn:hover{color:#1677ff;background:none;box-shadow:none;transform:none}.quota-toggle-btn.open{transform:rotate(180deg)}.quota-card-details{overflow:hidden;max-height:0;margin-top:0;padding-top:0;border-top:1px solid rgba(0,0,0,.1);font-size:12px;color:#666;opacity:0;transition:max-height .15s ease,opacity .15s ease,margin-top .15s ease,padding-top .15s ease,border-top-width .15s ease}.quota-detail-item{display:flex;justify-content:space-between;padding:4px 0;line-height:1.5}.quota-detail-item:last-child{padding-bottom:0}.quota-detail-label{color:#666}.quota-detail-value{color:#999;font-size:11px}.app.dark .quota-card{background-color:#1f2329bf;border-color:#ffffff1a}.app.dark .quota-card:hover{background-color:#1f2329d1;border-color:#ffffff26}.app.dark .join-group-card:hover{background-color:#1f2329bf;border-color:#ffffff1a}.app.dark .join-group-title,.app.dark .redeem-title,.app.dark .redeem-level-value{color:#f0f0f0}.app.dark .redeem-level-label{color:#888}.app.dark .redeem-input{background-color:#1f2329b3;border-color:#ffffff26;color:#f0f0f0}.app.dark .redeem-input::placeholder{color:#888}.app.dark .redeem-tip{color:#888}.app.dark .redeem-open-btn{background:#1f2329b3;border-color:#3884ffcc;color:#8ab4ff}.app.dark .redeem-open-btn:disabled{border-color:#ffffff26;color:#666}.app.dark .quota-card-title,.app.dark .quota-remaining{color:#f0f0f0}.app.dark .quota-progress-bar{background-color:#ffffff26}.app.dark .quota-card-details{border-top-color:#ffffff1a;color:#ccc}.app.dark .quota-detail-label{color:#aaa}.app.dark .quota-detail-value{color:#888}.app.dark .quota-toggle-btn{color:#aaa}.app.dark .quota-toggle-btn:hover{color:#40a9ff}