html,body,#app{width:100%;min-height:100vh;margin:0}body{color:#172033;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(120deg,rgba(26,89,255,.08),transparent 34%),#f5f7fb}.login-panel{width:min(920px,100%);display:grid;grid-template-columns:1fr 390px;gap:48px;align-items:center;padding:54px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.login-copy h1,.dashboard-header h1{margin:0;font-size:34px;line-height:1.15;letter-spacing:0}.login-copy p:last-child{max-width:430px;color:#667085;font-size:15px;line-height:1.8}.eyebrow{margin:0 0 10px;color:#1a59ff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-page{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:36px 0 56px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.admin-actions{display:flex;align-items:center;gap:14px;color:#667085}.dashboard-shell{display:grid;grid-template-columns:176px minmax(0,1fr);gap:22px;align-items:start}.dashboard-side-tabs{position:sticky;top:28px;display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.dashboard-side-tab{width:100%;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:6px;color:#475467;background:transparent;font-size:14px;font-weight:650;text-align:left;cursor:pointer}.dashboard-side-tab:hover{color:#172033;background:#f5f7fb}.dashboard-side-tab-active{color:#1747c2;border-color:#bfd0ff;background:#eef3ff}.dashboard-content{min-width:0}.platform-panel{margin-top:18px;padding:28px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.panel-head h2{margin:0 0 6px;font-size:22px;letter-spacing:0}.panel-head p{margin:0;color:#667085}.panel-actions{display:flex;gap:10px}.status-row{display:flex;align-items:center;gap:8px;margin-bottom:18px}.updated-at{margin-left:auto;color:#667085;font-size:12px}.update-form{display:flex;flex-direction:column;gap:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr 150px 150px;gap:16px}.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:8px}.upload-block{min-width:0}.upload-title{margin-bottom:8px;color:#344054;font-size:13px;font-weight:700}.upload-main{color:#172033;font-size:14px;font-weight:650}.upload-sub{margin-top:6px;color:#667085;font-size:12px}.required-files-panel{margin-top:16px;padding:14px 16px;border:1px solid #dfe5ef;border-radius:8px;background:#fbfcff}.required-files-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#344054;font-size:13px;font-weight:700}.required-file-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin-top:12px}.required-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;padding:8px 10px;border:1px solid #edf1f7;border-radius:6px;background:#fff;color:#475467;font-size:13px}.required-files-empty,.required-files-error{margin-top:10px;font-size:13px;line-height:1.6}.required-files-empty{color:#667085}.required-files-error{color:#b42318}.upload-progress-panel{margin-top:18px;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#f8fafc}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#344054;font-size:13px}.progress-head strong{flex:0 0 auto}.upload-file-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.upload-error-detail{margin-top:12px;padding:10px 12px;border:1px solid #f4c7c7;border-radius:6px;color:#8f1f2d;background:#fff5f5}.upload-error-title{margin-bottom:4px;font-size:12px;font-weight:700}.upload-error-message{font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.upload-file-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;color:#475467;font-size:13px}.upload-file-status{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px}.file-progress{min-width:38px;color:#667085;font-variant-numeric:tabular-nums;text-align:right}.file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-group-panel{margin-top:0}.qq-group-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:start}.qq-preview{width:220px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #dfe5ef;border-radius:8px;background:#fbfcff;overflow:hidden}.qq-preview img{width:100%;height:100%;object-fit:contain}.qq-preview-empty{color:#98a2b3;font-size:14px}.qq-form-stack{min-width:0}.user-balance-panel{margin-top:0}.balance-search-row{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center}.balance-summary{display:grid;grid-template-columns:minmax(0,1fr) 2fr;gap:18px;margin-top:18px;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fbfcff}.balance-user-name{color:#172033;font-size:18px;font-weight:750}.balance-user-meta{margin-top:6px;color:#667085;font-size:12px;overflow-wrap:anywhere}.balance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.balance-stat{padding:10px 12px;border:1px solid #edf1f7;border-radius:6px;background:#fff}.balance-stat span{display:block;color:#667085;font-size:12px}.balance-stat strong{display:block;margin-top:6px;color:#172033;font-size:16px;overflow-wrap:anywhere}.balance-grid{display:grid;grid-template-columns:1fr;gap:18px;margin-top:20px}.balance-block{min-width:0;padding:18px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.paygo-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.balance-vip-block{display:flex;flex-direction:column;gap:12px}.vip-record-card{padding:14px;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff}.vip-record-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vip-record-head strong{color:#172033;font-size:14px}.vip-record-title{display:flex;align-items:center;gap:8px;min-width:0}.vip-record-head span{min-width:0;color:#667085;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vip-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.statistics-panel{margin-top:0}.statistics-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.statistics-metric{min-width:0;padding:16px;border:1px solid #edf1f7;border-radius:8px;background:#fbfcff}.statistics-metric span,.statistics-range-result span{display:block;color:#667085;font-size:12px;font-weight:650}.statistics-metric strong{display:block;margin-top:8px;color:#172033;font-size:24px;line-height:1.15;overflow-wrap:anywhere}.statistics-filter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding:14px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.statistics-filter-main,.statistics-quick-actions{display:flex;align-items:center;gap:10px}.statistics-filter-main{min-width:0;flex:1}.statistics-filter-main .n-date-picker{width:min(360px,100%)}.statistics-range-result{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:12px;margin-top:18px;padding:14px 16px;border:1px solid #bfd0ff;border-radius:8px;background:#eef3ff}.statistics-range-result strong{display:block;margin-top:6px;color:#1747c2;font-size:18px;line-height:1.25;overflow-wrap:anywhere}.statistics-online-section{min-width:0;margin-top:20px;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.online-statistics-filter{margin-top:12px}.online-statistics-filter .statistics-filter-main{flex-wrap:wrap}.online-statistics-summary{margin-top:14px;border-color:#b7dfd8;background:#edf8f6}.online-statistics-summary strong{color:#0f766e}.online-statistics-chart{margin-top:14px;height:320px}.online-debug-panel{margin-top:14px;padding:14px;border:1px solid #f4d48a;border-radius:8px;background:#fff9eb}.online-debug-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.online-debug-head strong{color:#172033;font-size:14px}.online-debug-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.online-debug-item{min-width:0;padding:10px 12px;border:1px solid #f1dfb4;border-radius:6px;background:#fff}.online-debug-item span{display:block;color:#7c6f58;font-size:12px;font-weight:650}.online-debug-item strong{display:block;margin-top:5px;color:#3d3424;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.statistics-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.statistics-chart-block{min-width:0;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.statistics-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;margin-bottom:10px}.statistics-chart-head h3{margin:0;color:#172033;font-size:16px;letter-spacing:0}.statistics-chart{width:100%;height:300px}.official-materials-panel{margin-top:0}.official-sub-tabs{margin-top:2px}.official-upload-row{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.official-category-field{min-width:0}.official-upload-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:26px}.official-upload-stats div{min-width:0;padding:10px 12px;border:1px solid #edf1f7;border-radius:6px;background:#fbfcff}.official-upload-stats span{display:block;color:#667085;font-size:12px}.official-upload-stats strong{display:block;margin-top:5px;color:#172033;font-size:14px}.official-upload-progress{max-height:360px;overflow:auto}.official-upload-summary{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.official-upload-file-list{padding-right:2px}.official-file-id{max-width:180px;color:#667085;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.official-materials-browser{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:22px}.official-upload-browser{grid-template-columns:minmax(0,1fr);gap:14px}.official-categories-panel,.official-detail-panel{min-width:0;padding:16px;border:1px solid #dfe5ef;border-radius:8px;background:#fff}.official-panel-title,.official-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:30px;margin-bottom:12px}.official-panel-title strong{color:#172033;font-size:15px}.official-category-list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto;padding-right:2px}.official-upload-browser .official-category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:220px;padding-right:0}.official-category-item{width:100%;min-height:42px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;border:1px solid #edf1f7;border-radius:6px;color:#475467;background:#fbfcff;font-size:13px;text-align:left;cursor:pointer}.official-category-item:hover{color:#172033;border-color:#d9e1ef;background:#fff}.official-category-item-active{color:#1747c2;border-color:#bfd0ff;background:#eef3ff}.official-category-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.official-category-item strong{font-variant-numeric:tabular-nums}.official-detail-head>div:first-child{min-width:0}.official-detail-head span{display:block;color:#667085;font-size:12px;font-weight:650}.official-detail-head strong{display:block;margin-top:4px;color:#172033;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.official-detail-actions{display:flex;align-items:center;gap:8px}.official-detail-list{overflow:hidden;border:1px solid #edf1f7;border-radius:8px}.official-detail-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 104px 150px 74px;gap:12px;align-items:center;min-height:58px;padding:10px 12px;border-top:1px solid #edf1f7;color:#475467;font-size:13px}.official-upload-browser .official-detail-row{grid-template-columns:minmax(0,1fr) 150px 104px 150px 220px}.official-detail-row:first-child{border-top:0}.official-detail-row-head{min-height:38px;color:#667085;background:#fbfcff;font-size:12px;font-weight:700}.official-file-cell{min-width:0}.official-file-cell strong,.official-file-cell span,.official-created-at{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.official-file-cell strong{color:#172033;font-size:13px}.official-file-cell span{margin-top:4px;color:#667085;font-size:12px}.official-row-actions{display:flex;justify-content:flex-end;gap:8px}.official-clickable-tag{cursor:pointer}.official-error-inline{display:-webkit-box;width:100%;margin-top:4px;padding:0;border:0;color:#d92d20;background:transparent;font-size:12px;line-height:1.4;overflow:hidden;text-align:left;cursor:pointer;-webkit-box-orient:vertical;-webkit-line-clamp:2}.official-error-inline:hover{color:#b42318;text-decoration:underline}.official-error-detail-modal{display:flex;flex-direction:column;gap:12px}.official-error-meta{min-width:0}.official-error-meta span,.official-error-block span{display:block;margin-bottom:5px;color:#667085;font-size:12px;font-weight:650}.official-error-meta strong,.official-error-meta code{display:block;min-width:0;color:#172033;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.official-error-block pre{max-height:min(46vh,420px);margin:0;padding:12px;overflow:auto;border:1px solid #fecdca;border-radius:4px;color:#b42318;background:#fffbfa;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.official-error-raw-block pre{border-color:#dfe5ef;color:#172033;background:#fbfcff}.official-processing-browser{margin-top:18px}.official-processing-category-list{max-height:600px}.official-processing-category-item{min-height:76px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;row-gap:8px}.official-processing-counts{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.official-processing-counts small{min-width:0;padding:4px 6px;border-radius:4px;color:#667085;background:#f4f6fa;font-size:11px;line-height:1.2;text-align:center;white-space:nowrap}.official-processing-head{align-items:flex-start}.official-processing-actions{flex-wrap:wrap;justify-content:flex-end}.official-processing-list{overflow:hidden}.official-processing-row{display:grid;grid-template-columns:28px minmax(0,1fr) 96px 150px 74px;gap:12px;align-items:center;min-height:60px;padding:10px 12px;border-top:1px solid #edf1f7;color:#475467;font-size:13px}.official-processing-row:first-child{border-top:0}.official-processing-row-head{min-height:38px;color:#667085;background:#fbfcff;font-size:12px;font-weight:700}.official-slicing-browser{margin-top:18px}.official-slicing-list{overflow:hidden}.official-slicing-row{display:grid;grid-template-columns:28px minmax(0,1fr) 96px 96px 150px 132px;gap:12px;align-items:center;min-height:62px;padding:10px 12px;border-top:1px solid #edf1f7;color:#475467;font-size:13px}.official-slicing-row:first-child{border-top:0}.official-slicing-row-head{min-height:38px;color:#667085;background:#fbfcff;font-size:12px;font-weight:700}.official-slicing-row-actions{flex-wrap:wrap}.official-vectorization-browser{margin-top:18px}.official-vectorization-list{overflow:hidden}.official-vectorization-row{display:grid;grid-template-columns:28px minmax(0,1fr) 92px 96px 150px 132px;gap:12px;align-items:center;min-height:62px;padding:10px 12px;border-top:1px solid #edf1f7;color:#475467;font-size:13px}.official-vectorization-row:first-child{border-top:0}.official-vectorization-row-head{min-height:38px;color:#667085;background:#fbfcff;font-size:12px;font-weight:700}.official-time-range{color:#475467;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.official-vector-row-actions{flex-wrap:wrap}.official-empty-wrap{display:grid;place-items:center;min-height:220px;border:1px dashed #dfe5ef;border-radius:8px;background:#fbfcff}.official-pagination{justify-content:flex-end;margin-top:14px}.official-video-player{width:100%;max-height:70vh;border-radius:6px;background:#111827}.official-video-url{margin-top:10px;color:#667085;font-size:12px;line-height:1.5;overflow-wrap:anywhere}@media (max-width: 860px){.login-panel,.form-grid,.upload-grid,.required-file-list,.dashboard-shell,.qq-group-layout,.balance-summary,.balance-stats,.balance-grid,.paygo-input-grid,.vip-record-grid,.statistics-metric-grid,.statistics-range-result,.online-debug-grid,.statistics-chart-grid,.balance-search-row,.official-upload-row,.official-materials-browser,.official-upload-stats,.official-upload-browser .official-category-list,.official-upload-browser .official-detail-row{grid-template-columns:1fr}.login-panel{padding:28px;gap:26px}.dashboard-header,.panel-head{flex-direction:column;align-items:stretch}.dashboard-side-tabs{position:static}.statistics-filter,.statistics-filter-main,.statistics-quick-actions{align-items:stretch;flex-direction:column}.online-statistics-filter .statistics-filter-main{flex-wrap:nowrap}.statistics-filter-main .n-date-picker{width:100%}.qq-preview{width:min(220px,100%)}.official-upload-stats{padding-top:0}.official-detail-head,.official-detail-actions{align-items:stretch;flex-direction:column}.official-detail-row,.official-detail-row-head,.official-processing-row,.official-processing-row-head,.official-slicing-row,.official-slicing-row-head,.official-vectorization-row,.official-vectorization-row-head{grid-template-columns:1fr}.official-processing-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.official-row-actions{justify-content:flex-start}}