@charset "UTF-8";.page-home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-color:#f5f5f5}.page-home .title{font-size:2rem;margin-bottom:2rem;color:#333}.page-home .loading{display:flex;align-items:center;justify-content:center;padding:2rem}.page-home .loading p{font-size:1.1rem;color:#666}.page-home .auth-section{width:100%;max-width:500px;margin-bottom:2rem;padding:1.5rem;background:white;border-radius:0;box-shadow:none}.page-home .auth-section .login-form-group h3{margin:0 0 .5rem;color:#333;font-size:1.2rem}.page-home .auth-section .login-form-group .login-hint{margin:0 0 1rem;color:#666;font-size:.9rem}.page-home .auth-section .login-form-group .login-form .input-group{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.page-home .auth-section .login-form-group .login-form .input-group .auth-input{padding:.8rem;font-size:1rem;border:1px solid #ddd;border-radius:0;outline:none;transition:border-color .3s}.page-home .auth-section .login-form-group .login-form .input-group .auth-input:focus{border-color:#1a1a1a}.page-home .auth-section .login-form-group .login-form .input-group .auth-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.page-home .auth-section .login-form-group .login-form .button-group{display:flex;gap:.8rem;flex-direction:column}@media (min-width: 480px){.page-home .auth-section .login-form-group .login-form .button-group{flex-direction:row}}.page-home .auth-section .login-form-group .login-form .auth-button{flex:1;padding:.8rem 1.2rem;font-size:1rem;border:none;border-radius:0;cursor:pointer;transition:all .3s}.page-home .auth-section .login-form-group .login-form .auth-button.login{color:#fff;background-color:#1a1a1a}.page-home .auth-section .login-form-group .login-form .auth-button.login:hover:not(:disabled){background-color:#73d13d}.page-home .auth-section .login-form-group .login-form .auth-button.login:disabled{background-color:#d9d9d9;cursor:not-allowed}.page-home .auth-section .login-form-group .login-form .auth-button.default{color:#fff;background-color:#1a1a1a}.page-home .auth-section .login-form-group .login-form .auth-button.default:hover:not(:disabled){background-color:#333}.page-home .auth-section .login-form-group .login-form .auth-button.default:disabled{background-color:#d9d9d9;cursor:not-allowed}.page-home .auth-section .login-status .login-status-text{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 1rem;color:#1a1a1a;font-weight:500;font-size:1rem}.page-home .auth-section .login-status .status-actions{display:flex;gap:.8rem;flex-wrap:wrap}.page-home .auth-section .login-status .status-actions .auth-button{padding:.6rem 1rem;font-size:.9rem;border:none;border-radius:0;cursor:pointer;transition:all .3s}.page-home .auth-section .login-status .status-actions .auth-button.test{color:#fff;background-color:#4a4a4a}.page-home .auth-section .login-status .status-actions .auth-button.test:hover:not(:disabled){background-color:#9254de}.page-home .auth-section .login-status .status-actions .auth-button.test:disabled{background-color:#d9d9d9;cursor:not-allowed}.page-home .auth-section .login-status .status-actions .auth-button.logout{color:#fff;background-color:#666}.page-home .auth-section .login-status .status-actions .auth-button.logout:hover{background-color:#ff7875}.page-home .test-result{width:100%;max-width:500px;margin-bottom:2rem;padding:1rem;background:white;border-radius:0;box-shadow:none;border-left:4px solid #1a1a1a}.page-home .test-result p{margin:0;font-size:.95rem;line-height:1.4}.page-home .form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:400px}.page-home .form .input{padding:.8rem;font-size:1rem;border:1px solid #ddd;border-radius:0;outline:none;transition:border-color .3s}.page-home .form .input:focus{border-color:#1a1a1a}.page-home .form .button{padding:.8rem;font-size:1rem;color:#fff;background-color:#1a1a1a;border:none;border-radius:0;cursor:pointer;transition:background-color .3s}.page-home .form .button:hover,.page-home .form .button:active{background-color:#333}@media (max-width: 768px){.page-home .auth-section .login-status .status-actions{flex-direction:column}.page-home .auth-section .login-status .status-actions .auth-button,.page-home .auth-section .login-form-group .login-form .input-group .auth-input{width:100%}.page-home .auth-section .login-form-group .login-form .button-group{flex-direction:column}.page-home .auth-section .login-form-group .login-form .button-group .auth-button{width:100%}}.electronic-signature{display:flex;flex-direction:column;gap:14px;padding:0;background:transparent;border-radius:0;box-shadow:none;width:100%;box-sizing:border-box;color:#1a1a1a}.electronic-signature .signature-header{width:100%;text-align:left}.electronic-signature .signature-header h4{margin:0;font-size:14px;font-weight:650;color:#1a1a1a;letter-spacing:.02em}.electronic-signature .signature-canvas-container{position:relative;border:1px solid #d4d4d4;background:#fafafa;width:100%;box-sizing:border-box;overflow:hidden}.electronic-signature .signature-canvas-container:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed #e5e5e5;pointer-events:none;z-index:1}.electronic-signature .signature-canvas-container:focus-within{border-color:#1a1a1a;background:#fff}.electronic-signature .signature-canvas-container .signature-canvas{display:block;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;max-width:100%;position:relative;z-index:2;background:transparent}.electronic-signature .signature-canvas-container .signature-canvas.disabled{cursor:not-allowed;opacity:.6}.electronic-signature .signature-canvas-container .signature-guide{position:absolute;left:28px;right:28px;bottom:36px;z-index:4;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.electronic-signature .signature-canvas-container .signature-guide .guide-line{display:block;width:100%;height:1px;background:#94a3b8;opacity:.55}.electronic-signature .signature-canvas-container .signature-guide .guide-label{font-size:11px;color:#94a3b8;letter-spacing:.08em}.electronic-signature .signature-canvas-container .signature-placeholder{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);color:#94a3b8;font-size:14px;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;line-height:1.5;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3}.electronic-signature .signature-canvas-container .signature-placeholder .signature-placeholder-icon{color:#cbd5e1}.electronic-signature .signature-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.electronic-signature .signature-controls .controls-left{display:flex;gap:8px}.electronic-signature .signature-controls button{height:36px;padding:0 16px;border:1px solid #d4d4d4;border-radius:0;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;min-width:76px;background:#fff;color:#475569}.electronic-signature .signature-controls button:disabled{cursor:not-allowed;opacity:.45}.electronic-signature .signature-controls button.undo-btn:hover:not(:disabled),.electronic-signature .signature-controls button.clear-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8;color:#1a1a1a}.electronic-signature .signature-controls button.save-btn{min-width:112px;background:#1a1a1a;color:#fff;border-color:#1a1a1a}.electronic-signature .signature-controls button.save-btn:hover:not(:disabled){background:#333;border-color:#333}@media (max-width: 768px){.electronic-signature .signature-controls{flex-direction:column;align-items:stretch}.electronic-signature .signature-controls .controls-left{width:100%}.electronic-signature .signature-controls .controls-left button{flex:1}.electronic-signature .signature-controls .save-btn{width:100%}}@media print{.electronic-signature .signature-controls{display:none}}.image-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fadeIn .25s ease-out}.image-preview-overlay.fullscreen{background-color:#000}.image-preview-overlay.fullscreen .image-preview-content{max-width:100vw;max-height:100vh}.image-preview-overlay.fullscreen .main-image-container{height:100vh}.image-preview-content{position:relative;width:100vw;height:100vh;max-width:100vw;max-height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .25s ease-out}.preview-toolbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top,0px)) 16px 20px;background:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,transparent 100%);pointer-events:none}.preview-toolbar .toolbar-left,.preview-toolbar .toolbar-center,.preview-toolbar .toolbar-right{display:flex;align-items:center;pointer-events:auto}.preview-toolbar .toolbar-left{gap:8px}.preview-toolbar .toolbar-center{gap:2px;padding:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-toolbar .toolbar-right{gap:8px}.preview-toolbar .image-counter{color:#fff;font-size:13px;font-weight:500;padding:6px 12px;background:rgba(255,255,255,.12);border-radius:0;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.02em}.preview-toolbar .zoom-info{color:#ffffffbf;font-size:12px;padding:6px 10px;background:rgba(255,255,255,.08);border-radius:0;border:1px solid rgba(255,255,255,.1);min-width:48px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.preview-toolbar .tool-btn{width:40px;height:40px;border:none;background:transparent;color:#ffffffe6;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.preview-toolbar .tool-btn:hover{background:rgba(255,255,255,.15)}.preview-toolbar .tool-btn:active{background:rgba(255,255,255,.22)}.close-button{width:40px;height:40px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.1);color:#fff;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.close-button:hover{background:rgba(255,255,255,.2)}.close-button:active{background:rgba(255,255,255,.28)}.main-image-container{flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;position:relative;-webkit-user-select:none;user-select:none}.main-image-container .image-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:14px}.main-image-container .image-loading .loading-spinner{width:36px;height:36px;border:2px solid rgba(255,255,255,.15);border-top-color:#fffc;border-radius:0;animation:spin .8s linear infinite}.main-image-container .image-loading p{margin:0;font-size:13px;color:#fff9}.main-image{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .3s ease;transform-origin:center center;will-change:transform}.image-info{position:absolute;bottom:0;left:0;right:0;z-index:10;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 100%);pointer-events:none}.image-info .image-time{color:#ffffffd9;font-size:13px;margin:0;text-align:center;letter-spacing:.02em}.image-info .keyboard-hints{display:flex;justify-content:center;gap:12px;margin-top:8px;font-size:11px}.image-info .keyboard-hints span{color:#ffffff80;padding:3px 8px;background:rgba(255,255,255,.08);border-radius:0}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.35);color:#ffffffe6;cursor:pointer;border-radius:0;z-index:10;display:flex;align-items:center;justify-content:center;transition:background .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-button:hover{background:rgba(255,255,255,.15)}.nav-button:active{background:rgba(255,255,255,.22)}.nav-button.prev-button{left:16px}.nav-button.next-button{right:16px}.thumbnail-nav{position:absolute;bottom:calc(52px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:10;display:flex;gap:10px;padding:8px 16px;justify-content:center;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.thumbnail-nav::-webkit-scrollbar{display:none}.thumbnail-nav .thumbnail{position:relative;width:72px;height:54px;border-radius:0;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s ease,opacity .2s ease;flex-shrink:0;background:rgba(255,255,255,.1);opacity:.6;box-sizing:border-box}.thumbnail-nav .thumbnail:hover{opacity:.85}.thumbnail-nav .thumbnail.active{border-color:#fff;opacity:1}.thumbnail-nav .thumbnail img{width:100%;height:100%;object-fit:contain;display:block}.thumbnail-nav .thumbnail .thumbnail-index{position:absolute;top:2px;right:2px;width:14px;height:14px;background:rgba(0,0,0,.6);color:#fff;font-size:9px;border-radius:0;display:flex;align-items:center;justify-content:center;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 769px){.image-preview-overlay:not(.fullscreen) .image-preview-content{width:auto;height:auto;max-width:92vw;max-height:92vh;border-radius:0;background:#111;box-shadow:0 24px 64px #0009;display:flex;flex-direction:column}.image-preview-overlay:not(.fullscreen) .main-image-container{width:88vw;height:auto;flex:1 1 auto;min-height:240px;max-height:calc(92vh - 200px);max-width:1200px}.image-preview-overlay:not(.fullscreen) .preview-toolbar{position:relative;flex-shrink:0;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.08);padding:12px 16px}.image-preview-overlay:not(.fullscreen) .image-info{position:relative;flex-shrink:0;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);padding:10px 20px}.image-preview-overlay:not(.fullscreen) .thumbnail-nav{position:relative;bottom:auto;flex-shrink:0;background:rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.08);padding:12px 16px}}@media (max-width: 768px){.preview-toolbar{padding:calc(10px + env(safe-area-inset-top,0px)) 12px 16px}.preview-toolbar .toolbar-center{gap:0;padding:3px}.preview-toolbar .tool-btn{width:36px;height:36px}.preview-toolbar .image-counter{font-size:12px;padding:5px 10px}.preview-toolbar .zoom-info{font-size:11px;padding:5px 8px}.close-button{width:36px;height:36px}.nav-button{width:38px;height:38px}.nav-button.prev-button{left:10px}.nav-button.next-button{right:10px}.image-info .keyboard-hints{display:none}}.surface-recognition-info .surface-content{display:flex;align-items:flex-start;gap:12px}.surface-recognition-info .surface-details{flex:1;display:flex;flex-direction:column;gap:8px}.surface-recognition-info .surface-name{font-size:14px;color:#333;margin-bottom:4px}.surface-recognition-info .similarity-info{display:flex;align-items:center;gap:8px}.surface-recognition-info .similarity-info.enhanced{background:linear-gradient(135deg,#f0f8ff 0%,#e8f5e8 100%);padding:8px 12px;border-radius:0;border:1px solid #d4edda;box-shadow:0 2px 4px #0000000d}.surface-recognition-info .similarity-info .similarity-label{font-size:14px;font-weight:500;color:#2c3e50}.surface-recognition-info .similarity-info .similarity-score{font-size:18px;font-weight:700;padding:6px 12px;border-radius:0;min-width:60px;text-align:center;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.surface-recognition-info .similarity-info .similarity-score.similarity-high{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);box-shadow:0 2px 8px #28a7454d}.surface-recognition-info .similarity-info .similarity-score.similarity-low{background:linear-gradient(135deg,#dc3545 0%,#fd7e14 100%);box-shadow:0 2px 8px #dc35454d}.surface-recognition-info .similarity-info .similarity-level{font-size:12px;color:#6c757d;font-weight:500;margin-left:4px}.surface-recognition-info .surface-image{flex-shrink:0}.surface-recognition-info .surface-image .surface-thumbnail{width:90px;height:60px;object-fit:cover;border-radius:0;border:1px solid #d9d9d9;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .2s ease}.surface-recognition-info .surface-image .surface-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.surface-recognition-info.enhanced-layout{display:flex;flex-direction:column;gap:0;background:white;border-radius:0;overflow:hidden;border:1px solid #e8f4f8;transition:all .3s ease}.surface-recognition-info.enhanced-layout:hover{border-color:#d9d9d9;box-shadow:0 4px 12px #00000026}.surface-recognition-info.enhanced-layout .surface-image-primary{width:100%;background:#fafafa;overflow:hidden;position:relative}.surface-recognition-info.enhanced-layout .surface-image-primary:after{content:"";display:block;padding-bottom:75%}.surface-recognition-info.enhanced-layout .surface-image-primary .surface-thumbnail-large{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.surface-recognition-info.enhanced-layout .surface-image-primary .surface-thumbnail-large:hover{transform:scale(1.05)}.surface-recognition-info.enhanced-layout .surface-info-footer{padding:12px;background:linear-gradient(135deg,#f0f8ff,#f5f5f5);border-top:1px solid #d9d9d9;display:flex;flex-direction:column;gap:8px}.surface-recognition-info.enhanced-layout .surface-info-footer .surface-name-tag{display:flex;align-items:center;gap:6px}.surface-recognition-info.enhanced-layout .surface-info-footer .surface-name-tag .name-icon{font-size:14px}.surface-recognition-info.enhanced-layout .surface-info-footer .surface-name-tag .name-text{font-size:13px;font-weight:600;color:#262626;flex:1}.surface-recognition-info.enhanced-layout .surface-info-footer .similarity-info-compact{display:flex;align-items:center;gap:8px}.surface-recognition-info.enhanced-layout .surface-info-footer .similarity-info-compact .similarity-label{font-size:11px;color:#8c8c8c;font-weight:500}.surface-recognition-info.enhanced-layout .surface-info-footer .similarity-info-compact .similarity-score-badge{font-size:14px;font-weight:700;padding:4px 10px;border-radius:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.15)}.surface-recognition-info.enhanced-layout .surface-info-footer .similarity-info-compact .similarity-score-badge.similarity-high{background:linear-gradient(135deg,#1a1a1a,#73d13d);box-shadow:0 2px 6px #00000014}.surface-recognition-info.enhanced-layout .surface-info-footer .similarity-info-compact .similarity-score-badge.similarity-low{background:linear-gradient(135deg,#666666,#ff7875);box-shadow:0 2px 6px #00000014}.surface-recognition-info.enhanced-layout .surface-info-footer .similarity-info-compact .similarity-level-tag{font-size:11px;color:#595959;padding:2px 8px;background:rgba(255,255,255,.8);border-radius:0;border:1px solid #d9d9d9}@media (max-width: 768px){.surface-recognition-info{padding:8px;margin:6px 0}.surface-recognition-info h4{font-size:12px}.surface-recognition-info .surface-content{gap:8px}.surface-recognition-info .surface-details{gap:3px}.surface-recognition-info .surface-details .surface-name,.surface-recognition-info .surface-details .similarity-info{font-size:11px}.surface-recognition-info .surface-details .similarity-info.enhanced{padding:6px 8px}.surface-recognition-info .surface-details .similarity-info .similarity-label{font-size:11px}.surface-recognition-info .surface-details .similarity-info .similarity-score{font-size:12px;padding:4px 8px;min-width:40px}.surface-recognition-info .surface-details .similarity-info .similarity-level{font-size:9px}.surface-recognition-info .surface-image .surface-thumbnail{width:60px;height:45px;border-radius:0}}.statistics-charts{--chart-pass: #16a34a;--chart-fail: #dc2626;--chart-pending: #d97706;--chart-score: #2563eb;--chart-complete: #0f766e;--chart-extra: #ea580c;--chart-border: #e5e7eb;--chart-muted: #64748b;--chart-text: #1e293b;padding:16px;background:#f8fafc;min-height:0}.statistics-charts .stats-overview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.statistics-charts .stats-overview .overview-item{background:#fff;border:1px solid var(--chart-border);border-top:3px solid #94a3b8;padding:12px 14px;min-width:0}.statistics-charts .stats-overview .overview-item.tone-fail{border-top-color:var(--chart-fail)}.statistics-charts .stats-overview .overview-item.tone-score{border-top-color:var(--chart-score)}.statistics-charts .stats-overview .overview-item .overview-label{display:block;font-size:12px;color:var(--chart-muted);font-weight:500;margin-bottom:6px}.statistics-charts .stats-overview .overview-item .overview-value{display:block;font-size:20px;font-weight:700;color:var(--chart-text);line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statistics-charts .stats-overview .overview-item .overview-value em{font-style:normal;font-size:13px;font-weight:600;color:#94a3b8;margin-left:2px}.statistics-charts .stats-overview .overview-item.tone-fail .overview-value{color:var(--chart-fail)}.statistics-charts .stats-overview .overview-item.tone-score .overview-value{color:var(--chart-score)}.statistics-charts .stats-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.statistics-charts .chart-card{background:#fff;border:1px solid var(--chart-border);border-top:3px solid #94a3b8;border-radius:0;padding:16px;min-width:0}.statistics-charts .chart-card.accent-status{border-top-color:var(--chart-pass)}.statistics-charts .chart-card.accent-progress{border-top-color:var(--chart-complete)}.statistics-charts .chart-card .chart-title{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.statistics-charts .chart-card .chart-title h4{margin:0 0 4px;font-size:15px;font-weight:650;color:var(--chart-text);display:flex;align-items:center;gap:8px}.statistics-charts .chart-card .chart-title h4 .chart-title-icon{color:#64748b}.statistics-charts .chart-card .chart-title .chart-subtitle{color:var(--chart-muted);font-size:12px;font-weight:500}.statistics-charts .chart-card.accent-status .chart-title-icon{color:var(--chart-pass)}.statistics-charts .chart-card.accent-progress .chart-title-icon{color:var(--chart-complete)}.statistics-charts .composition-body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:12px;align-items:center}.statistics-charts .composition-chart{position:relative;min-height:220px}.statistics-charts .composition-chart .donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.statistics-charts .composition-chart .donut-center strong{font-size:24px;font-weight:700;color:var(--chart-text);line-height:1.1;font-variant-numeric:tabular-nums}.statistics-charts .composition-chart .donut-center span{margin-top:4px;font-size:12px;color:var(--chart-muted);font-weight:500}.statistics-charts .composition-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.statistics-charts .composition-list li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #f1f5f9;background:#f8fafc}.statistics-charts .composition-list li .dot{width:10px;height:10px}.statistics-charts .composition-list li .name{font-size:13px;color:#475569;font-weight:500}.statistics-charts .composition-list li .value{font-size:15px;font-weight:700;color:var(--chart-text);font-variant-numeric:tabular-nums}.statistics-charts .rate-list{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.statistics-charts .rate-row .rate-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.statistics-charts .rate-row .rate-meta .name{font-size:13px;color:#475569;font-weight:600}.statistics-charts .rate-row .rate-meta .value{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.statistics-charts .rate-row .rate-track{height:10px;background:#f1f5f9;border:1px solid #e2e8f0;overflow:hidden}.statistics-charts .rate-row .rate-track .rate-fill{height:100%}.statistics-charts .score-block{padding-top:16px;border-top:1px solid #f1f5f9}.statistics-charts .score-block .score-meta{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px}.statistics-charts .score-block .score-meta .name{font-size:13px;color:#475569;font-weight:600}.statistics-charts .score-block .score-meta .value{font-size:13px;font-weight:700;color:var(--chart-score);font-variant-numeric:tabular-nums}.statistics-charts .score-block .score-meta .value em{font-style:normal;color:#94a3b8;font-weight:600}.statistics-charts .score-block .score-track{height:12px;background:#e2e8f0;border:1px solid #cbd5e1;overflow:hidden}.statistics-charts .score-block .score-track .score-fill{height:100%;background:var(--chart-score)}.statistics-charts .score-block .score-legend{display:flex;gap:16px;margin-top:10px}.statistics-charts .score-block .score-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--chart-muted);font-weight:500}.statistics-charts .score-block .score-legend span i{width:10px;height:10px;display:inline-block}.statistics-charts .chart-empty{height:300px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:13px;background:#f8fafc;border:1px dashed #e2e8f0}.statistics-charts .chart-empty.compact{height:220px}.statistics-charts .custom-tooltip{background:#fff;border:1px solid var(--chart-border);border-radius:0;padding:8px 12px;box-shadow:0 8px 20px #0f172a14}.statistics-charts .custom-tooltip .label{color:var(--chart-text);font-weight:600;font-size:13px;margin:0}@media (max-width: 1100px){.statistics-charts .stats-overview{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.statistics-charts{padding:12px}.statistics-charts .stats-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-charts .stats-main,.statistics-charts .composition-body{grid-template-columns:1fr}}.recharts-pie-sector{transition:opacity .2s ease}.recharts-pie-sector:hover{opacity:.88}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.report-page{--brand-deep: #1a1a1a;--brand-primary: #1a1a1a;--brand-light: #333333;--brand-gradient: #1a1a1a;--brand-tint: #f5f5f5;--brand-border: #d9d9d9;--brand-shadow: rgba(0, 0, 0, .08);--status-pass: #16a34a;--status-fail: #dc2626;--status-pending: #9ca3af;height:100vh;max-height:100vh;overflow:hidden;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;flex-direction:column}.report-page.loading .loading-spinner .spinner{width:40px;height:40px;border:4px solid #e1e5e9;border-top:4px solid #1a1a1a;border-radius:0;animation:spin 1s linear infinite;margin:0 auto 16px}.report-page.loading .loading-spinner p{color:#666;font-size:14px}.page-body{display:flex;height:100vh;overflow:hidden}.page-body .left-panel{width:300px;height:100%;border-right:1px solid #e0e0e0;background:#fff;overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.page-body .left-panel .panel-content{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.page-body .left-panel .panel-content .statistics-section{border-bottom:1px solid #f0f0f0;padding:16px;flex-shrink:0}.page-body .left-panel .panel-content .statistics-section .section-header{margin-bottom:12px}.page-body .left-panel .panel-content .statistics-section .section-header h2{font-size:14px;font-weight:600;color:#262626;margin:0}.page-body .left-panel .panel-content .statistics-section .stats-grid{display:flex;flex-direction:column;gap:8px}.page-body .left-panel .panel-content .statistics-section .stats-grid .stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card{background:#ffffff;padding:8px;border-radius:0;border:1px solid #f0f0f0;transition:all .3s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card:hover{border-color:#f5f5f5;box-shadow:0 2px 8px #00000014}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .stat-header h3{font-size:11px;font-weight:500;color:#666;margin:0}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .stat-header .stat-value{font-size:14px;font-weight:600;color:#262626}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .progress-bar{height:4px;background:#f0f0f0;border-radius:0;overflow:hidden;margin-bottom:4px}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .progress-bar .progress-fill{height:100%;background:#1a1a1a;border-radius:0;transition:width .8s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .progress-bar .progress-fill.pass{background:#1a1a1a}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card .progress-bar .progress-fill.score{background:var(--brand-primary)}.page-body .left-panel .panel-content .statistics-section .stats-grid .stat-card p{font-size:10px;color:#666;margin:0}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card{background:#fff;padding:14px;border-radius:0;border:1px solid #e5e5e5;cursor:pointer;transition:border-color .2s ease,background .2s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card:hover{border-color:#1a1a1a;background:#fafafa;box-shadow:none;transform:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card.score-card-full{width:100%}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card.is-active-panel{border-color:#1a1a1a;background:#fafafa}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-rate{min-width:0}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-label{display:block;font-size:12px;font-weight:500;color:#666;margin-bottom:4px;letter-spacing:.02em}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-value-row{display:flex;align-items:baseline;gap:2px}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-value{font-size:36px;font-weight:600;color:#1a1a1a;line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-unit{font-size:14px;font-weight:500;color:#666}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-status{flex-shrink:0;margin-top:6px;padding:0;font-size:13px;font-weight:700;line-height:1;border:none;background:transparent;color:var(--status-pass)}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card.is-fail .overview-status{background:transparent;color:var(--status-fail);border:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-bar{height:2px;background:#e5e5e5;margin-bottom:12px;overflow:hidden}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-bar .overview-bar-fill{height:100%;background:#1a1a1a;transition:width .4s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .overview-card .overview-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#666;line-height:1.2}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced{background:#fff;padding:16px;border-radius:0;border:1px solid #e5e5e5;text-align:center;box-shadow:none;transition:border-color .2s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced:hover{border-color:#1a1a1a;transform:none;box-shadow:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced:active{transform:none;box-shadow:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-card-full{width:100%}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .stat-header-center{margin-bottom:12px}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .stat-header-center h3{font-size:12px;font-weight:500;color:#666;margin:0;letter-spacing:.02em;text-transform:none;transition:color .2s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor{background:#fff;border-color:#e5e5e5;box-shadow:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent:hover,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good:hover,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor:hover{border-color:#1a1a1a;box-shadow:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .stat-header-center h3,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-value-large,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-unit,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-status,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-subtitle,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .stat-header-center h3,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-value-large,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-unit,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-status,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-subtitle,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .stat-header-center h3,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-value-large,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-unit,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-status,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-subtitle{color:inherit}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-value-large,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-value-large,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-value-large{color:#1a1a1a;text-shadow:none}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-unit,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-excellent .score-status,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-unit,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-good .score-status,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-unit,.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced.score-poor .score-status{color:#666}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .score-display{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:8px}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .score-display .score-value-large{font-size:36px;font-weight:600;color:#1a1a1a;line-height:1;letter-spacing:-.5px;text-shadow:none;transition:color .2s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .score-display .score-unit{font-size:14px;font-weight:500;color:#666;margin-bottom:4px;transition:color .2s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .score-display .score-status{font-size:12px;font-weight:500;color:#666;margin-left:6px;margin-bottom:4px;transition:color .2s ease}.page-body .left-panel .panel-content .statistics-section .stats-grid .score-card-enhanced .score-subtitle{font-size:11px;color:#999;margin:0;opacity:1;font-weight:400;transition:color .2s ease}.page-body .left-panel .panel-content .sidebar-actions{flex-shrink:0;padding:10px 16px;border-bottom:1px solid #f0f0f0}.page-body .left-panel .panel-content .sidebar-actions .sidebar-action-btn{width:100%;height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #1a1a1a;background:#fff;color:#1a1a1a;font-size:13px;font-weight:600;cursor:pointer;line-height:1}.page-body .left-panel .panel-content .sidebar-actions .sidebar-action-btn:hover{background:#f5f5f5}.page-body .left-panel .panel-content .sidebar-actions .sidebar-action-btn.is-active{background:#1a1a1a;color:#fff}.page-body .left-panel .panel-content .chapter-sidebar{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.page-body .left-panel .panel-content .chapter-sidebar .sidebar-header{flex-shrink:0;padding:16px 20px;border-bottom:1px solid #f0f0f0}.page-body .left-panel .panel-content .chapter-sidebar .sidebar-header h3{font-size:14px;font-weight:600;color:#262626;margin:0 0 12px}.page-body .left-panel .panel-content .chapter-sidebar .sidebar-header .navigation-mode-toggle{display:flex;gap:8px;margin-top:12px}.page-body .left-panel .panel-content .chapter-sidebar .sidebar-header .navigation-mode-toggle .mode-btn{flex:1;padding:6px 12px;background:#f5f5f5;border:1px solid #d9d9d9;border-radius:0;font-size:12px;color:#595959;cursor:pointer;transition:all .3s}.page-body .left-panel .panel-content .chapter-sidebar .sidebar-header .navigation-mode-toggle .mode-btn:hover{background:#f5f5f5;border-color:#d9d9d9;color:#1a1a1a}.page-body .left-panel .panel-content .chapter-sidebar .sidebar-header .navigation-mode-toggle .mode-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff;font-weight:600}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px 16px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree::-webkit-scrollbar{width:6px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree::-webkit-scrollbar-track{background:#f5f5f5;border-radius:0}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:0}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node{margin-bottom:4px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header{padding:8px 12px;border-radius:0;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header:hover{background:#f5f5f5}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header.active{background:#f5f5f5;color:#1a1a1a}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header .chapter-info{display:flex;align-items:center;justify-content:space-between}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header .chapter-info .expand-icon{margin-right:8px;display:inline-flex;align-items:center;transition:transform .3s}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header .chapter-info .expand-icon.expanded{transform:rotate(90deg)}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header .chapter-info .chapter-name{flex:1;font-size:13px;font-weight:500}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-header .chapter-info .chapter-progress{font-size:11px;color:#666;background:#f0f0f0;padding:2px 6px;border-radius:0}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-children{margin-left:20px;border-left:1px solid #f0f0f0;padding-left:12px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items{margin-left:20px;border-left:1px solid #f5f5f5;padding-left:12px;margin-top:4px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node{padding:6px 8px;margin-bottom:2px;border-radius:0;cursor:pointer;transition:all .3s;font-size:12px;color:#666}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node:hover{background:#f5f5f5;color:#1a1a1a}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node.active{background:#f5f5f5;color:#1a1a1a;font-weight:500}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-status{font-size:12px;padding:0;border:none;background:transparent;white-space:nowrap;font-weight:700}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-status.status-pass{color:var(--status-pass)}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-status.status-fail{color:var(--status-fail);box-shadow:none}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-status.status-pending{color:var(--status-pending)}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node .chapter-items .item-node .item-status.status-supplement{color:var(--status-fail)}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node.level-1 .chapter-header{font-size:12px}.page-body .left-panel .panel-content .chapter-sidebar .chapter-tree .chapter-node.level-2 .chapter-header{font-size:11px}.page-body .right-panel{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff}.page-body .right-panel .report-header{position:relative;background:#1a1a1a!important;color:#fff;padding:0 16px;border-radius:0;box-shadow:none;border:none;border-bottom:1px solid #1a1a1a;margin:0;width:100%;box-sizing:border-box;flex-shrink:0;overflow:hidden;height:48px;min-height:48px;display:flex;align-items:center}.page-body .right-panel .report-header .header-title-bar{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.page-body .right-panel .report-header .header-title-bar .header-title-icon{flex-shrink:0;display:inline-flex;align-items:center;color:#ffffffbf}.page-body .right-panel .report-header .header-title-bar .report-title{margin:0;font-size:15px;font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}.page-body .right-panel .content-main{flex:1;min-height:0;padding:12px 16px;overflow:hidden;display:flex;flex-direction:column}.page-body .right-panel .content-main .report-info-panel{flex:1;min-height:0;overflow-y:auto;border:1px solid #e5e5e5;background:#fff;padding:16px 20px}.page-body .right-panel .content-main .report-info-panel .report-info-panel-title{margin:0 0 16px;font-size:16px;font-weight:600;color:#1a1a1a}.page-body .right-panel .content-main .statistics-panel{flex:1;min-height:0;overflow-y:auto;border:1px solid #e5e5e5;background:#fff;padding:16px 20px}.page-body .right-panel .content-main .statistics-panel .statistics-panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page-body .right-panel .content-main .statistics-panel .report-info-panel-title{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.page-body .right-panel .content-main .statistics-panel .statistics-export-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.page-body .right-panel .content-main .statistics-panel .panel-export-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;font-size:13px;font-weight:600;cursor:pointer;line-height:1}.page-body .right-panel .content-main .statistics-panel .panel-export-btn:hover:not(:disabled){background:#333;border-color:#333}.page-body .right-panel .content-main .statistics-panel .panel-export-btn:disabled{opacity:.55;cursor:not-allowed}.page-body .right-panel .content-main .statistics-panel .panel-export-btn.is-warning{background:#fff;color:#b45309;border-color:#d97706}.page-body .right-panel .content-main .statistics-panel .panel-export-btn.is-warning:hover:not(:disabled){background:#fffbeb}.page-body .right-panel .content-main .statistics-panel .panel-export-btn.is-loading{opacity:.75}.page-body .right-panel .content-main .statistics-panel .statistics-charts{padding:0;background:transparent;min-height:0}.page-body .right-panel .content-main .statistics-panel .statistics-charts .stats-main{grid-template-columns:repeat(2,minmax(0,1fr))}.page-body .right-panel .content-main .statistics-panel .report-info-list.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.page-body .right-panel .content-main .statistics-panel .report-signature-list.is-grid{max-width:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.page-body .right-panel .content-main .report-info-section+.report-info-section{margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5}.page-body .right-panel .content-main .report-info-section .section-label{margin:0 0 12px;font-size:13px;font-weight:600;color:#666}.page-body .right-panel .content-main .report-info-list{display:flex;flex-direction:column;gap:12px}.page-body .right-panel .content-main .report-info-row{display:flex;align-items:flex-start;gap:16px}.page-body .right-panel .content-main .report-info-row .label{flex:0 0 72px;font-size:13px;color:#999;line-height:1.4}.page-body .right-panel .content-main .report-info-row .value{flex:1;min-width:0;font-size:13px;font-weight:500;color:#1a1a1a;line-height:1.4;word-break:break-all}.page-body .right-panel .content-main .report-signature-list{display:flex;flex-direction:column;gap:10px;max-width:720px}.page-body .right-panel .content-main .report-signature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #e5e5e5;background:#fafafa}.page-body .right-panel .content-main .report-signature-row .signature-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.page-body .right-panel .content-main .report-signature-row .signature-label{font-size:13px;font-weight:600;color:#1a1a1a}.page-body .right-panel .content-main .report-signature-row .signature-preview{display:flex;align-items:center;gap:8px;min-width:0}.page-body .right-panel .content-main .report-signature-row .signature-image{height:36px;max-width:140px;object-fit:contain;background:#fff;border:1px solid #e5e5e5;padding:2px 4px}.page-body .right-panel .content-main .report-signature-row .signature-timestamp{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-body .right-panel .content-main .report-signature-row .unsigned-text{font-size:12px;color:#999}.page-body .right-panel .content-main .report-signature-row .sign-btn{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;line-height:1.2}.page-body .right-panel .content-main .report-signature-row .sign-btn:hover{background:#333;border-color:#333}.page-body .right-panel .content-main .items-list{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-body .right-panel .content-main .items-list .item-card{background:#fff;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;border:none;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-body .right-panel .content-main .items-list .item-card .item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.page-body .right-panel .content-main .items-list .item-card .item-header h4{margin:0;font-size:18px;color:#333}.page-body .right-panel .content-main .items-list .item-card .item-header .header-right{display:flex;align-items:center;gap:12px}.page-body .right-panel .content-main .items-list .item-card .item-header .header-right .score-text{font-size:14px;color:#999}.page-body .right-panel .content-main .items-list .item-card .item-header .status-badge{font-size:13px;padding:0;border:none;background:transparent;font-weight:700;white-space:nowrap}.page-body .right-panel .content-main .items-list .item-card .item-header .status-badge.status-pass{color:var(--status-pass)}.page-body .right-panel .content-main .items-list .item-card .item-header .status-badge.status-fail{color:var(--status-fail)}.page-body .right-panel .content-main .items-list .item-card .item-header .status-badge.status-partial,.page-body .right-panel .content-main .items-list .item-card .item-header .status-badge.status-pending{color:var(--status-pending)}.page-body .right-panel .content-main .items-list .item-card .item-header .status-badge.status-supplement{color:var(--status-fail)}.page-body .right-panel .content-main .items-list .item-card .item-description,.page-body .right-panel .content-main .items-list .item-card .item-reject,.page-body .right-panel .content-main .items-list .item-card .item-actions{margin-bottom:15px}.page-body .right-panel .content-main .items-list .item-card .item-description h5,.page-body .right-panel .content-main .items-list .item-card .item-reject h5,.page-body .right-panel .content-main .items-list .item-card .item-actions h5{color:#666;margin-bottom:10px}.page-body .right-panel .content-main .items-list .item-card .item-reject{background:#f5f5f5;border:1px solid #d9d9d9;border-radius:0;padding:12px;margin-top:12px}.page-body .right-panel .content-main .items-list .item-card .item-reject h5{color:#666;font-size:14px;margin-bottom:8px}.page-body .right-panel .content-main .items-list .item-card .item-reject p{color:#666;font-size:13px;margin:0;line-height:1.5}.page-body .right-panel .content-main .items-list .item-card .item-meta{display:flex;justify-content:space-between;color:#666;font-size:14px;margin-top:15px;padding-top:15px;border-top:1px solid #eee}.page-body .right-panel .content-main .items-list .item-card .media-content{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.page-body .right-panel .content-main .items-list .item-card .media-content .media-section{margin-bottom:20px}.page-body .right-panel .content-main .items-list .item-card .media-content .media-section h5{margin-bottom:15px;color:#333;font-size:16px}.page-body .right-panel .content-main .items-list .item-card .media-content .video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.page-body .right-panel .content-main .items-list .item-card .media-content .video-item{background:#fff;border-radius:0;overflow:hidden;box-shadow:0 2px 4px #0000001a}.page-body .right-panel .content-main .items-list .item-card .media-content .video-item .video-player{width:100%;max-height:200px;object-fit:cover}.page-body .right-panel .content-main .items-list .item-card .media-content .video-item .video-transcript{padding:10px;font-size:14px;color:#666}.page-body .right-panel .content-main .items-list .item-card .media-content .photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:16px 0}.page-body .right-panel .content-main .items-list .item-card .media-content .photo-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s ease}.page-body .right-panel .content-main .items-list .item-card .media-content .photo-item:hover{transform:scale(1.02)}.page-body .right-panel .content-main .items-list .item-card .media-content .photo-item .photo-image-container{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:0;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.page-body .right-panel .content-main .items-list .item-card .media-content .photo-item .photo-image-container .photo-image{width:100%;height:100%;object-fit:cover;object-position:center}.page-body .right-panel .content-main .items-list .item-card .media-content .photo-item .photo-name{margin-top:8px;font-size:14px;color:#666;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-body .right-panel .content-main .items-list .item-card .item-actions{margin-bottom:15px}.page-body .right-panel .content-main .items-list .item-card .item-actions h5{color:#666;margin-bottom:10px}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item{margin-bottom:12px;padding:12px;background:#fafafa;border-radius:0}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-title{font-weight:500;color:#333}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-result{font-size:12px;padding:0;border:none;background:transparent;border-radius:0;font-weight:700;white-space:nowrap}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-result.status-pass{color:var(--status-pass)}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-result.status-fail{color:var(--status-fail)}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-result.status-partial,.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-result.status-pending{color:var(--status-pending)}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .action-header .action-result.status-supplement{color:var(--status-fail)}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .problem-desc{color:#666;font-size:13px;margin:8px 0;padding:8px;background:#f5f5f5;border-radius:0;border:1px solid #d9d9d9}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .problem-desc strong{color:#666;margin-right:4px}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .correction-suggestion{color:#666;font-size:13px;margin:8px 0;padding:8px;background:#f5f5f5;border-radius:0;border:1px solid #d9d9d9}.page-body .right-panel .content-main .items-list .item-card .item-actions .action-item .correction-suggestion strong{color:#666;margin-right:4px}.page-body .right-panel .content-main .empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999}.page-body .right-panel .content-main .empty-content .empty-icon{font-size:48px;margin-bottom:15px}.page-body .right-panel .content-main .statistics-charts{padding:0;background:transparent;min-height:auto}.report-page .floating-actions{position:fixed;right:20px;bottom:120px;z-index:1000}.report-page .floating-actions .floating-menu{display:flex;flex-direction:column;gap:8px;min-width:176px;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none}.report-page .floating-actions .floating-menu-divider{display:none}.report-page .floating-actions .floating-menu-item{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;gap:8px;width:100%;height:36px;padding:0 12px;border:1px solid #e8e8e8;border-radius:0;background:#fff;color:#595959;font-size:13px;font-weight:400;line-height:1;text-align:left;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.report-page .floating-actions .floating-menu-item .action-menu-icon{flex-shrink:0;width:15px;height:15px;color:#8c8c8c}.report-page .floating-actions .floating-menu-item span{flex:1;white-space:nowrap}.report-page .floating-actions .floating-menu-item:hover:not(:disabled){background:#fafafa;border-color:#d9d9d9;color:#262626;box-shadow:0 2px 8px #00000014}.report-page .floating-actions .floating-menu-item:hover:not(:disabled) .action-menu-icon{color:#595959}.report-page .floating-actions .floating-menu-item:active:not(:disabled){background:#f5f5f5}.report-page .floating-actions .floating-menu-item:disabled{opacity:.45;cursor:not-allowed}.report-page .floating-actions .floating-menu-item.is-warning{color:#595959;border-color:#e8e8e8;background:#fff}.report-page .floating-actions .floating-menu-item.is-warning .action-menu-icon{color:#8c8c8c}.report-page .floating-actions .floating-menu-item.is-warning:hover:not(:disabled){background:#fafafa;border-color:#d9d9d9;color:#262626}.report-page .floating-actions .floating-menu-item.is-warning:hover:not(:disabled) .action-menu-icon{color:#595959}.report-page .floating-actions .floating-menu-item.is-loading .action-menu-icon{animation:spin .8s linear infinite}@media (max-width: 768px){.report-page .floating-actions{right:12px;bottom:100px}.report-page .floating-actions .floating-menu{min-width:148px}.report-page .floating-actions .floating-menu-item{height:34px;padding:0 10px;font-size:12px;border-radius:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay .modal-content{background:white;border-radius:0;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-overlay .modal-content h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#262626}.modal-overlay .modal-content .export-options{margin-bottom:20px}.modal-overlay .modal-content .export-options label{display:flex;align-items:center;margin-bottom:12px;font-size:14px;cursor:pointer}.modal-overlay .modal-content .export-options label input[type=checkbox]{margin-right:8px}.modal-overlay .modal-content .export-formats{display:flex;gap:12px;margin-bottom:20px}.modal-overlay .modal-content .export-formats .format-btn{flex:1;padding:12px;background:#1a1a1a;color:#fff;border:none;border-radius:0;cursor:pointer;font-size:14px;transition:background .3s}.modal-overlay .modal-content .export-formats .format-btn:hover{background:#333333}.modal-overlay .modal-content .modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-overlay .modal-content .modal-actions button{padding:8px 16px;border:1px solid #d9d9d9;background:white;border-radius:0;cursor:pointer;transition:all .3s}.modal-overlay .modal-content .modal-actions button:hover{border-color:#333;color:#1a1a1a}.modal-overlay .signature-modal-content{position:relative;background:#fff;border-radius:0;max-width:680px;width:92%;max-height:88vh;overflow:hidden;box-shadow:0 16px 48px #0f172a38;border:1px solid #e5e5e5;border-top:3px solid #1a1a1a}.modal-overlay .signature-modal-content .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;border-bottom:1px solid #e5e5e5;background:#fafafa}.modal-overlay .signature-modal-content .modal-header .modal-header-main{min-width:0}.modal-overlay .signature-modal-content .modal-header .modal-eyebrow{display:inline-block;margin-bottom:6px;font-size:11px;font-weight:650;letter-spacing:.12em;color:#64748b;text-transform:uppercase}.modal-overlay .signature-modal-content .modal-header h3{margin:0;font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:.01em}.modal-overlay .signature-modal-content .modal-header .modal-desc{margin:6px 0 0;font-size:13px;color:#64748b;line-height:1.45}.modal-overlay .signature-modal-content .modal-header .close-btn{flex-shrink:0;background:#fff;border:1px solid #d4d4d4;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.modal-overlay .signature-modal-content .modal-header .close-btn:hover{background:#f5f5f5;color:#1a1a1a;border-color:#1a1a1a}.modal-overlay .signature-modal-content .modal-body{padding:18px 22px 22px;max-height:calc(88vh - 120px);overflow-y:auto}.modal-overlay .signature-modal-content .signature-notice{margin-bottom:14px;padding:10px 12px;border:1px solid #e5e5e5;border-left:3px solid #1a1a1a;background:#f8fafc;color:#475569;font-size:12px;line-height:1.55}.modal-overlay .signature-modal-content .signature-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;z-index:10}.modal-overlay .signature-modal-content .signature-loading .loading-spinner{text-align:center}.modal-overlay .signature-modal-content .signature-loading .loading-spinner .spinner{width:36px;height:36px;border:3px solid #e5e5e5;border-top:3px solid #1a1a1a;border-radius:0;animation:spin 1s linear infinite;margin:0 auto 14px}.modal-overlay .signature-modal-content .signature-loading .loading-spinner p{color:#64748b;font-size:13px;font-weight:500;margin:0}.modal-overlay .statistics-modal-content{background:white;border-radius:0;max-width:1200px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.modal-overlay .statistics-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.modal-overlay .statistics-modal-content .modal-header h3{margin:0;font-size:20px;font-weight:600;color:#262626}.modal-overlay .statistics-modal-content .modal-header .close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .3s}.modal-overlay .statistics-modal-content .modal-header .close-btn:hover{background:#f5f5f5;color:#666}.modal-overlay .statistics-modal-content .modal-body{padding:20px;overflow-y:auto;flex:1}.modal-overlay .report-info-modal-content{background:#fff;border-radius:0;width:min(560px,92vw);max-height:80vh;overflow:hidden;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column}.modal-overlay .report-info-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.modal-overlay .report-info-modal-content .modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.modal-overlay .report-info-modal-content .modal-header .close-btn{background:none;border:none;color:#666;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.modal-overlay .report-info-modal-content .modal-header .close-btn:hover{background:#f5f5f5;color:#1a1a1a}.modal-overlay .report-info-modal-content .modal-body{padding:16px 20px 20px;overflow-y:auto;flex:1}.modal-overlay .report-info-modal-content .report-info-section+.report-info-section{margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5}.modal-overlay .report-info-modal-content .report-info-section .section-label{margin:0 0 12px;font-size:13px;font-weight:600;color:#666}.modal-overlay .report-info-modal-content .report-info-list{display:flex;flex-direction:column;gap:10px}.modal-overlay .report-info-modal-content .report-info-row{display:flex;align-items:flex-start;gap:16px}.modal-overlay .report-info-modal-content .report-info-row .label{flex:0 0 72px;font-size:13px;color:#999;line-height:1.4}.modal-overlay .report-info-modal-content .report-info-row .value{flex:1;min-width:0;font-size:13px;font-weight:500;color:#1a1a1a;line-height:1.4;word-break:break-all}.modal-overlay .report-info-modal-content .report-signature-list{display:flex;flex-direction:column;gap:10px}.modal-overlay .report-info-modal-content .report-signature-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5e5e5;background:#fafafa}.modal-overlay .report-info-modal-content .report-signature-row .signature-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.modal-overlay .report-info-modal-content .report-signature-row .signature-label{font-size:13px;font-weight:600;color:#1a1a1a}.modal-overlay .report-info-modal-content .report-signature-row .signature-preview{display:flex;align-items:center;gap:8px;min-width:0}.modal-overlay .report-info-modal-content .report-signature-row .signature-image{height:32px;max-width:120px;object-fit:contain;background:#fff;border:1px solid #e5e5e5;padding:2px 4px}.modal-overlay .report-info-modal-content .report-signature-row .signature-timestamp{font-size:11px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-overlay .report-info-modal-content .report-signature-row .unsigned-text{font-size:12px;color:#999}.modal-overlay .report-info-modal-content .report-signature-row .sign-btn{flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;line-height:1.2}.modal-overlay .report-info-modal-content .report-signature-row .sign-btn:hover{background:#333;border-color:#333}.item-description{background:#fafafa;border-radius:0;padding:12px;margin-top:12px}.export-loading-overlay .export-loading-content{background:white;padding:36px 40px 32px;border-radius:0;text-align:center;width:340px;box-shadow:0 12px 32px #00000040}.export-loading-overlay .export-loading-content .loading-spinner{margin-bottom:18px}.export-loading-overlay .export-loading-content .loading-spinner .spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top:3px solid #1a1a1a;border-radius:0;animation:spin 1.2s linear infinite;margin:0 auto}.export-loading-overlay .export-loading-content p.export-title{margin:0 0 16px;color:#1a1a1a;font-size:15px;font-weight:600;line-height:1.5}.export-loading-overlay .export-loading-content .export-progress-bar-wrap{width:100%;height:8px;background:#f0f0f0;border-radius:0;overflow:hidden;margin-bottom:10px}.export-loading-overlay .export-loading-content .export-progress-bar-wrap .export-progress-bar-fill{height:100%;background:linear-gradient(90deg,#1a1a1a,#333333);border-radius:0;transition:width .3s ease;min-width:4px}.export-loading-overlay .export-loading-content .export-progress-info{display:flex;justify-content:space-between;align-items:center}.export-loading-overlay .export-loading-content .export-progress-info .export-progress-text{color:#666;font-size:12px;text-align:left;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-loading-overlay .export-loading-content .export-progress-info .export-progress-pct{color:#1a1a1a;font-size:13px;font-weight:600;margin-left:8px;flex-shrink:0}.extra-record-card .problem-suggestion-container{display:flex;gap:16px;margin-top:20px}@media (max-width: 768px){.extra-record-card .problem-suggestion-container{flex-direction:column;gap:12px}}.extra-record-card .problem-suggestion-container .problem-description-card,.extra-record-card .problem-suggestion-container .correction-suggestion-card{flex:1;background:white;border-radius:0;box-shadow:0 2px 8px #00000014;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.extra-record-card .problem-suggestion-container .problem-description-card:hover,.extra-record-card .problem-suggestion-container .correction-suggestion-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.extra-record-card .problem-suggestion-container .problem-description-card .card-header,.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-header{display:flex;align-items:center;gap:8px;padding:16px 16px 12px;border-bottom:1px solid #f0f0f0}.extra-record-card .problem-suggestion-container .problem-description-card .card-header .card-icon,.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-header .card-icon{font-size:18px}.extra-record-card .problem-suggestion-container .problem-description-card .card-header h5,.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-header h5{margin:0;font-size:15px;font-weight:600;color:#262626}.extra-record-card .problem-suggestion-container .problem-description-card .card-content,.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-content{padding:16px}.extra-record-card .problem-suggestion-container .problem-description-card .card-content p,.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-content p{margin:0;font-size:14px;line-height:1.6;color:#555}.extra-record-card .problem-suggestion-container .problem-description-card{border-color:#ff7875}.extra-record-card .problem-suggestion-container .problem-description-card:hover{border-color:#666;box-shadow:0 6px 20px #ff4d4f26}.extra-record-card .problem-suggestion-container .problem-description-card .card-header{background:#f5f5f5;border-bottom-color:#d9d9d9}.extra-record-card .problem-suggestion-container .problem-description-card .card-header h5{color:#666}.extra-record-card .problem-suggestion-container .problem-description-card .card-content{background:#fff}.extra-record-card .problem-suggestion-container .problem-description-card .card-content p{color:#d4380d}.extra-record-card .problem-suggestion-container .correction-suggestion-card{border-color:#73d13d}.extra-record-card .problem-suggestion-container .correction-suggestion-card:hover{border-color:#1a1a1a;box-shadow:0 6px 20px #52c41a26}.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-header{background:linear-gradient(135deg,#f5f5f5,#f0f9ff);border-bottom-color:#d9d9d9}.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-header h5{color:#1a1a1a}.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-content{background:#fff}.extra-record-card .problem-suggestion-container .correction-suggestion-card .card-content p{color:#333}.extra-record-card .media-section{margin-top:24px}.extra-record-card .media-section .section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.extra-record-card .media-section .section-title h5{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#262626}.extra-record-card .media-section .section-title .count-badge{background:linear-gradient(135deg,#1a1a1a,#333333);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:0;min-width:20px;text-align:center;box-shadow:0 2px 4px #0000004d}.extra-record-card .extra-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px}.extra-record-card .extra-photo-grid .extra-photo-item{background:white;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #00000014;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.extra-record-card .extra-photo-grid .extra-photo-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:#1a1a1a}.extra-record-card .extra-photo-grid .extra-photo-item:hover .photo-overlay{opacity:1}.extra-record-card .extra-photo-grid .extra-photo-item .photo-thumbnail{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.extra-record-card .extra-photo-grid .extra-photo-item .photo-thumbnail .thumbnail-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.extra-record-card .extra-photo-grid .extra-photo-item .photo-thumbnail .photo-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.extra-record-card .extra-photo-grid .extra-photo-item .photo-thumbnail .photo-overlay .photo-zoom-icon{font-size:24px;color:#fff;background:rgba(255,255,255,.2);border-radius:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.extra-record-card .extra-photo-grid .extra-photo-item .photo-label{padding:8px 12px;text-align:center;font-size:13px;font-weight:500;color:#666;background:#fafbfc;border-top:1px solid #f0f0f0}.extra-record-card .extra-audio-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.extra-record-card .extra-audio-list .extra-audio-item{background:white;border-radius:0;padding:16px;box-shadow:0 2px 8px #00000014;border:1px solid #f0f0f0;transition:all .3s ease}.extra-record-card .extra-audio-list .extra-audio-item:hover{border-color:#1a1a1a;box-shadow:0 4px 16px #00000026}.extra-record-card .extra-audio-list .extra-audio-item .audio-info{margin-bottom:12px}.extra-record-card .extra-audio-list .extra-audio-item .audio-info .audio-title{display:flex;align-items:center;gap:8px}.extra-record-card .extra-audio-list .extra-audio-item .audio-info .audio-title .audio-icon{font-size:18px}.extra-record-card .extra-audio-list .extra-audio-item .audio-info .audio-title .audio-name{font-size:14px;font-weight:500;color:#262626}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player{width:100%;height:40px;border-radius:0;background:#f5f5f5;outline:none}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-webkit-media-controls-panel{background:#f5f5f5;border-radius:0}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-webkit-media-controls-current-time-display,.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-webkit-media-controls-time-remaining-display{color:#666;font-size:12px}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-webkit-media-controls-play-button{background-color:#1a1a1a;border-radius:0}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-webkit-media-controls-timeline{background:#d9d9d9;border-radius:0}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-webkit-media-controls-volume-slider{background:#d9d9d9;border-radius:0}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-moz-range-track{background:#d9d9d9;border-radius:0}.extra-record-card .extra-audio-list .extra-audio-item .audio-player-container .custom-audio-player::-moz-range-thumb{background:#1a1a1a;border-radius:0;border:none}.enhanced-item-header{margin-bottom:10px;flex-shrink:0;width:100%;min-width:0}.enhanced-item-header .item-title-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;gap:12px;width:100%;min-width:0}.enhanced-item-header .item-title-section .item-title{margin:0;font-size:18px;font-weight:600;color:#262626;flex:1;min-width:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enhanced-item-header .item-title-section .video-toggle-hint{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;padding:6px 12px;background:#1a1a1a;border-radius:0;box-shadow:0 4px 15px #0006;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;animation:pulse-glow 2s ease-in-out infinite}.enhanced-item-header .item-title-section .video-toggle-hint:before{display:none}.enhanced-item-header .item-title-section .video-toggle-hint:hover{background:linear-gradient(145deg,#1a1a1a 0%,#333333 100%);box-shadow:0 6px 20px #0009;transform:translateY(-2px)}.enhanced-item-header .item-title-section .video-toggle-hint:active{transform:translateY(0);box-shadow:0 2px 10px #0006}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #0006}50%{box-shadow:0 4px 20px #000000b3,0 0 30px #0000004d}}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.enhanced-item-header .item-title-section .video-preview-thumbnail{position:relative;width:100px;height:75px;border-radius:0;overflow:hidden;cursor:pointer;border:3px solid #1a1a1a;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);background:#000;flex-shrink:0}.enhanced-item-header .item-title-section .video-preview-thumbnail:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 20px #00000080;border-color:#333}.enhanced-item-header .item-title-section .video-preview-thumbnail:hover .preview-overlay{background:rgba(0,0,0,.6)}.enhanced-item-header .item-title-section .video-preview-thumbnail:hover .preview-overlay .play-icon{transform:scale(1.2)}.enhanced-item-header .item-title-section .video-preview-thumbnail:active{transform:scale(1.02)}.enhanced-item-header .item-title-section .video-preview-thumbnail .preview-video{width:100%;height:100%;object-fit:cover}.enhanced-item-header .item-title-section .video-preview-thumbnail .preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.enhanced-item-header .item-title-section .video-preview-thumbnail .preview-overlay .play-icon{font-size:28px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);transition:transform .3s ease}.enhanced-item-header .item-title-section .video-preview-thumbnail .video-count-badge{position:absolute;top:6px;right:6px;background:rgba(255,77,79,.95);color:#fff;font-size:11px;font-weight:600;padding:2px 6px;border-radius:0;box-shadow:0 2px 4px #0000004d;z-index:2}.enhanced-item-header .item-title-section .enhanced-status-badge{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:transparent;border-radius:0;font-size:13px;font-weight:700}.enhanced-item-header .item-title-section .enhanced-status-badge .status-icon{display:none}.enhanced-item-header .item-title-section .enhanced-status-badge.status-pass{color:var(--status-pass)}.enhanced-item-header .item-title-section .enhanced-status-badge.status-fail{color:var(--status-fail)}.enhanced-item-header .item-title-section .enhanced-status-badge.status-pending,.enhanced-item-header .item-title-section .enhanced-status-badge.status-partial{color:var(--status-pending)}.enhanced-item-header .item-title-section .enhanced-status-badge.status-supplement{color:var(--status-fail)}.enhanced-item-header .item-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.enhanced-item-header .item-info-cards .info-card{background:white;border-radius:0;padding:12px;border:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;transition:all .3s ease}.enhanced-item-header .item-info-cards .info-card:hover{border-color:#d9d9d9;box-shadow:0 2px 8px #0000000f}.enhanced-item-header .item-info-cards .info-card .card-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:0}.enhanced-item-header .item-info-cards .info-card .card-content{flex:1}.enhanced-item-header .item-info-cards .info-card .card-content .card-label{font-size:12px;color:#8c8c8c;margin-bottom:2px}.enhanced-item-header .item-info-cards .info-card .card-content .card-value{font-size:14px;font-weight:500;color:#262626}.enhanced-item-header .item-info-cards .info-card.time-card .card-icon{background:#f5f5f5;color:#1a1a1a}.enhanced-item-header .item-info-cards .info-card.score-card .card-icon{background:#f5f5f5;color:var(--brand-primary)}.video-preview-center-section{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f5f5f5 0%,#e8ecf1 100%);border-radius:0}.video-preview-center-section .video-toggle-hint{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;padding:6px 12px;background:#1a1a1a;border-radius:0;box-shadow:0 4px 15px #0006;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;animation:pulse-glow 2s ease-in-out infinite}.video-preview-center-section .video-toggle-hint:before{display:none}.video-preview-center-section .video-toggle-hint:hover{background:linear-gradient(145deg,#1a1a1a 0%,#333333 100%);box-shadow:0 6px 20px #0009;transform:translateY(-2px)}.video-preview-center-section .video-toggle-hint:active{transform:translateY(0);box-shadow:0 2px 10px #0006}.video-preview-center-section .video-preview-thumbnail{width:200px;height:150px;border-radius:0;overflow:hidden;box-shadow:0 8px 24px #00000026;cursor:pointer;position:relative;border:3px solid #fff;transition:all .3s ease}.video-preview-center-section .video-preview-thumbnail:hover{transform:scale(1.05);box-shadow:0 12px 32px #0003}.video-preview-center-section .video-preview-thumbnail .preview-video{width:100%;height:100%;object-fit:cover}.video-preview-center-section .video-preview-thumbnail .preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-preview-center-section .video-preview-thumbnail .preview-overlay .play-icon{font-size:40px;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.video-preview-center-section .video-preview-thumbnail .video-count-badge{position:absolute;top:8px;right:8px;background:rgba(255,77,79,.95);color:#fff;font-size:12px;font-weight:600;padding:4px 10px;border-radius:0;box-shadow:0 2px 4px #0000004d}.enhanced-item-description{margin-bottom:20px;background:var(--brand-tint);border-radius:0;border:1px solid #f0f0f0;border-left:4px solid var(--brand-primary)}.enhanced-item-description .section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f0f0f0;background:rgba(255,255,255,.7);border-radius:0}.enhanced-item-description .section-header .section-icon{font-size:16px;color:var(--brand-primary)}.enhanced-item-description .section-header h5{margin:0;font-size:14px;font-weight:600;color:var(--brand-deep)}.enhanced-item-description .section-content{padding:16px}.enhanced-item-description .section-content p{margin:0;font-size:14px;line-height:1.6;color:#475569}.problem-suggestion-container{display:flex;gap:16px;margin-top:20px;margin-bottom:20px}@media (max-width: 768px){.problem-suggestion-container{flex-direction:column;gap:12px}}.problem-suggestion-container .problem-description-card,.problem-suggestion-container .correction-suggestion-card{flex:1;background:white;border-radius:0;box-shadow:0 2px 8px #00000014;border:2px solid transparent;transition:all .3s ease;overflow:hidden}.problem-suggestion-container .problem-description-card:hover,.problem-suggestion-container .correction-suggestion-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}.problem-suggestion-container .problem-description-card .card-header,.problem-suggestion-container .correction-suggestion-card .card-header{display:flex;align-items:center;gap:8px;padding:16px 16px 12px;border-bottom:1px solid #f0f0f0}.problem-suggestion-container .problem-description-card .card-header .card-icon,.problem-suggestion-container .correction-suggestion-card .card-header .card-icon{font-size:18px}.problem-suggestion-container .problem-description-card .card-header h5,.problem-suggestion-container .correction-suggestion-card .card-header h5{margin:0;font-size:15px;font-weight:600;color:#262626}.problem-suggestion-container .problem-description-card .card-content,.problem-suggestion-container .correction-suggestion-card .card-content{padding:16px}.problem-suggestion-container .problem-description-card .card-content p,.problem-suggestion-container .correction-suggestion-card .card-content p{margin:0;font-size:14px;line-height:1.6;color:#555}.problem-suggestion-container .problem-description-card{border-color:#ff7875}.problem-suggestion-container .problem-description-card:hover{border-color:#666;box-shadow:0 6px 20px #ff4d4f26}.problem-suggestion-container .problem-description-card .card-header{background:#f5f5f5;border-bottom-color:#d9d9d9}.problem-suggestion-container .problem-description-card .card-header h5{color:#666}.problem-suggestion-container .problem-description-card .card-content{background:#fff}.problem-suggestion-container .problem-description-card .card-content p{color:#d4380d}.problem-suggestion-container .correction-suggestion-card{border-color:#73d13d}.problem-suggestion-container .correction-suggestion-card:hover{border-color:#1a1a1a;box-shadow:0 6px 20px #52c41a26}.problem-suggestion-container .correction-suggestion-card .card-header{background:linear-gradient(135deg,#f5f5f5,#f0f9ff);border-bottom-color:#d9d9d9}.problem-suggestion-container .correction-suggestion-card .card-header h5{color:#1a1a1a}.problem-suggestion-container .correction-suggestion-card .card-content{background:#fff}.problem-suggestion-container .correction-suggestion-card .card-content p{color:#333}.enhanced-item-actions{margin-bottom:20px}.enhanced-item-actions .section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.enhanced-item-actions .section-header .section-icon{font-size:16px}.enhanced-item-actions .section-header h5{margin:0;font-size:16px;font-weight:600;color:#262626;flex:1}.enhanced-item-actions .section-header .count-badge{background:linear-gradient(135deg,#1a1a1a,#73d13d);color:#fff;font-size:12px;font-weight:500;padding:4px 8px;border-radius:0;min-width:18px;text-align:center}.enhanced-item-actions .actions-grid{display:flex;flex-direction:column;gap:12px}.enhanced-item-actions .actions-grid .action-item{background:white;border-radius:0;padding:16px;border:1px solid #f0f0f0;transition:all .3s ease;box-shadow:0 2px 4px #0000000a}.enhanced-item-actions .actions-grid .action-item:hover{border-color:#d9d9d9;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.enhanced-item-actions .actions-grid .action-item .action-header{margin-bottom:12px}.enhanced-item-actions .actions-grid .action-item .action-header .action-title{font-weight:600;color:#262626;font-size:14px;display:flex;align-items:center;gap:8px}.enhanced-item-actions .actions-grid .action-item .action-header .action-title:before{content:"•";color:#1a1a1a;font-weight:700;font-size:16px}.enhanced-item-actions .actions-grid .action-item .surface-loading{padding:8px 0;color:#999;font-style:italic}.problem-suggestion-section{margin-bottom:20px}.problem-suggestion-section .problem-card{background:white;border-radius:0;border:2px solid #ff7875;overflow:hidden}.problem-suggestion-section .problem-card .section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #d9d9d9}.problem-suggestion-section .problem-card .section-header .section-icon{font-size:16px}.problem-suggestion-section .problem-card .section-header h5{margin:0;font-size:14px;font-weight:600;color:#666}.problem-suggestion-section .problem-card .section-content{padding:16px;background:#fff}.problem-suggestion-section .problem-card .section-content p{margin:0;font-size:14px;line-height:1.6;color:#d4380d}.item-problem-suggestion-section{margin-bottom:20px}.item-problem-suggestion-section .section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.item-problem-suggestion-section .section-header .section-icon{font-size:16px}.item-problem-suggestion-section .section-header h5{margin:0;font-size:16px;font-weight:600;color:#262626;flex:1}.item-problem-suggestion-section .problem-suggestion-grid{display:flex;flex-direction:column;gap:16px}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item{background:white;border-radius:0;padding:16px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .action-problem-title{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f5f5f5}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .action-problem-title .action-name{font-weight:600;color:#262626;font-size:14px}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards{display:flex;gap:12px}@media (max-width: 768px){.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards{flex-direction:column;gap:8px}}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card,.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card{flex:1;border-radius:0;overflow:hidden}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-header,.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-header{display:flex;align-items:center;gap:6px;padding:10px 12px;font-weight:500}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-header .card-icon,.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-header .card-icon{font-size:14px}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-header h6,.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-header h6{margin:0;font-size:13px;font-weight:500}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-content,.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-content{padding:12px}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-content p,.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-content p{margin:0;font-size:13px;line-height:1.5}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card{border:1px solid #d9d9d9}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-header{background:#f5f5f5;color:#666;border-bottom:1px solid #d9d9d9}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card .card-content{background:#fff;color:#666}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card.success{border:1px solid #d9d9d9}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card.success .card-header{background:#f5f5f5;color:#1a1a1a;border-bottom:1px solid #d9d9d9}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .problem-card.success .card-content{background:#fff;color:#333}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card{border:1px solid #d9d9d9}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-header{background:#f5f5f5;color:#1a1a1a;border-bottom:1px solid #d9d9d9}.item-problem-suggestion-section .problem-suggestion-grid .action-problem-suggestion-item .problem-suggestion-cards .suggestion-card .card-content{background:#fff;color:#333}.surface-recognition-cards-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.surface-recognition-cards-container .surface-recognition-container{background:white;border-radius:0;padding:16px;border:1px solid #e8f4f8;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.surface-recognition-cards-container .surface-recognition-container:hover{border-color:#69c0ff;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.surface-recognition-cards-container .surface-recognition-container .surface-recognition-info{margin:0}.surface-recognition-cards-container .surface-recognition-container .surface-recognition-info h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:6px}.surface-recognition-cards-container .surface-recognition-container .surface-recognition-info h4:before{display:none}@media (max-width: 768px){.surface-recognition-cards-container{gap:12px;margin-bottom:16px}.surface-recognition-cards-container .surface-recognition-container{padding:12px;border-radius:0}.enhanced-item-actions .actions-grid{gap:8px}.enhanced-item-actions .actions-grid .action-item{padding:12px;border-radius:0}}.actions-new-layout{display:flex;flex-direction:column;gap:24px}.actions-new-layout .action-section{background:#fff;border-radius:0;border:2px solid #f0f0f0;overflow:hidden;transition:all .3s ease}.actions-new-layout .action-section:hover{border-color:#d9d9d9;box-shadow:0 4px 12px #00000014}.actions-new-layout .action-section .action-title-bar{background:linear-gradient(135deg,#1a1a1a,#333333);padding:12px 20px;border-bottom:2px solid #f5f5f5}.actions-new-layout .action-section .action-title-bar .action-title-text{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.actions-new-layout .action-section .action-title-bar .action-title-text:before{display:none}.actions-new-layout .action-section .action-acceptance-note-section{padding:16px 20px;background:linear-gradient(135deg,#f5f5f5,#f0f9ff);border-bottom:1px solid #d9d9d9}.actions-new-layout .action-section .action-acceptance-note-section .acceptance-note-card{background:white;border-radius:0;overflow:hidden;box-shadow:0 2px 8px #52c41a1a;border:2px solid #d9d9d9}.actions-new-layout .action-section .action-acceptance-note-section .acceptance-note-card .card-header-success{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f5f5f5;border-bottom:1px solid #d9d9d9}.actions-new-layout .action-section .action-acceptance-note-section .acceptance-note-card .card-header-success .card-icon{font-size:16px}.actions-new-layout .action-section .action-acceptance-note-section .acceptance-note-card .card-header-success h6{margin:0;font-size:14px;font-weight:600;color:#1a1a1a}.actions-new-layout .action-section .action-acceptance-note-section .acceptance-note-card .card-content-success{padding:14px 16px}.actions-new-layout .action-section .action-acceptance-note-section .acceptance-note-card .card-content-success p{margin:0;font-size:14px;line-height:1.6;color:#333}.actions-new-layout .action-section .action-problem-section{padding:16px 20px;background:#fafbfc;border-bottom:1px solid #f0f0f0}.actions-new-layout .action-section .action-problem-section .section-header-mini{display:flex;align-items:center;gap:8px;margin-bottom:12px}.actions-new-layout .action-section .action-problem-section .section-header-mini .section-icon{font-size:16px}.actions-new-layout .action-section .action-problem-section .section-header-mini h5{margin:0;font-size:14px;font-weight:600;color:#262626}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline{display:flex;gap:12px;flex-wrap:wrap}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini,.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini{flex:1;min-width:200px;border-radius:0;overflow:hidden;box-shadow:0 2px 4px #0000000f}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-header-mini,.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-header-mini{display:flex;align-items:center;gap:6px;padding:8px 12px;font-weight:500;font-size:12px}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-header-mini .card-icon,.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-header-mini .card-icon{font-size:14px}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-header-mini h6,.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-header-mini h6{margin:0;font-size:12px;font-weight:500}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-content-mini,.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-content-mini{padding:10px 12px}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-content-mini p,.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-content-mini p{margin:0;font-size:13px;line-height:1.5}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini{border:1px solid #d9d9d9}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-header-mini{background:#f5f5f5;color:#666}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .problem-card-mini .card-content-mini{background:#fff;color:#666}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini{border:1px solid #d9d9d9}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-header-mini{background:#f5f5f5;color:#1a1a1a}.actions-new-layout .action-section .action-problem-section .problem-suggestion-cards-inline .suggestion-card-mini .card-content-mini{background:#fff;color:#333}.actions-new-layout .action-section .action-content-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}@media (max-width: 1200px){.actions-new-layout .action-section .action-content-row{grid-template-columns:1fr}}.actions-new-layout .action-section .action-content-row .action-images-column{display:flex;flex-direction:column;gap:16px}.actions-new-layout .action-section .action-content-row .action-images-column .column-header{padding-bottom:8px;border-bottom:2px solid #f5f5f5}.actions-new-layout .action-section .action-content-row .action-images-column .column-header h5{margin:0;font-size:14px;font-weight:600;color:#1a1a1a}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid{display:flex;flex-direction:column;gap:16px}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item{cursor:pointer;border-radius:0;overflow:hidden;transition:all .3s ease;border:2px solid #f0f0f0;box-shadow:0 2px 8px #00000014;width:100%}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item:hover{border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item .photo-thumbnail-wrapper{width:100%;position:relative;overflow:hidden;background:#fafafa}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item .photo-thumbnail-wrapper:after{content:"";display:block;padding-bottom:75%}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item .photo-thumbnail-wrapper .photo-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item:hover .photo-thumbnail-image{transform:scale(1.05)}.actions-new-layout .action-section .action-content-row .action-images-column .no-images-placeholder{padding:40px 20px;text-align:center;color:#999;background:#fafafa;border-radius:0;border:2px dashed #d9d9d9}.actions-new-layout .action-section .action-content-row .action-info-column{display:flex;flex-direction:column;gap:20px}.actions-new-layout .action-section .action-content-row .action-info-column .surface-recognition-wrapper .column-header{padding-bottom:10px;border-bottom:2px solid #f5f5f5;margin-bottom:16px}.actions-new-layout .action-section .action-content-row .action-info-column .surface-recognition-wrapper .column-header h5{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.actions-new-layout .action-section .action-content-row .action-info-column .surface-recognition-wrapper .surface-recognition-container{width:100%}.actions-new-layout .action-section .action-content-row .action-info-column .action-acceptance-info{display:flex;flex-direction:column;gap:14px;padding:18px;background:#f5f5f5;border-radius:0;border:1px solid #d9d9d9;box-shadow:0 2px 8px #00000014}.actions-new-layout .action-section .action-content-row .action-info-column .action-acceptance-info .info-item-vertical{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:white;border-radius:0;border:1px solid #d9d9d9;transition:all .3s ease}.actions-new-layout .action-section .action-content-row .action-info-column .action-acceptance-info .info-item-vertical:hover{border-color:#1a1a1a;box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.actions-new-layout .action-section .action-content-row .action-info-column .action-acceptance-info .info-item-vertical .info-label{font-size:13px;color:#8c8c8c;font-weight:500;display:flex;align-items:center;gap:6px}.actions-new-layout .action-section .action-content-row .action-info-column .action-acceptance-info .info-item-vertical .info-label:before{content:"•";color:#1a1a1a;font-size:18px;font-weight:700}.actions-new-layout .action-section .action-content-row .action-info-column .action-acceptance-info .info-item-vertical .info-value{font-size:16px;font-weight:600;color:#262626;padding-left:14px;line-height:1.4}.item-meta-scroll{flex-shrink:0;overflow:visible;margin-bottom:10px}.item-meta-scroll:empty{display:none;margin:0}.item-meta-scroll .enhanced-item-description,.item-meta-scroll .problem-suggestion-container{margin-bottom:8px}.media-split{flex:1;min-height:0;display:flex;align-items:stretch;gap:12px;overflow:hidden}.media-split .media-pane{flex:1 1 50%;width:50%;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5e5e5;background:#fafafa;padding:10px}.media-split .media-pane-left{align-self:stretch;height:auto;max-height:100%}.media-split .media-pane-left .video-player-section{flex:1;min-height:0;height:100%;display:flex;flex-direction:column}.media-split .media-pane-left .video-player-section:has(.video-thumbnails-list) .video-player-wrapper{flex:1 1 82%}.media-split .media-pane-left .video-player-section:has(.video-thumbnails-list) .video-thumbnails-list{flex:0 0 18%;min-height:88px;max-height:120px}.media-split .media-pane-left .video-thumbnails-list{margin-top:0;overflow:hidden;display:flex;flex-direction:column}.media-split .media-pane-right{align-self:stretch;overflow-y:auto;gap:10px}.media-split .media-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;color:#999;font-size:13px;background:#f5f5f5;border:1px dashed #d9d9d9}.video-player-section{margin:0;height:100%;min-height:0;display:flex;flex-direction:column;gap:8px}.video-player-section .video-player-wrapper{position:relative;width:100%;flex:1 1 auto;min-height:140px;height:auto;max-height:none;aspect-ratio:auto;padding-bottom:0;background:#111;border-radius:0;overflow:hidden;box-shadow:none;border:1px solid #e5e5e5;margin-bottom:0}.video-player-section .video-player-wrapper .acceptance-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:0}.video-player-section .video-player-wrapper .toggle-video-info-btn{position:absolute;top:16px;right:16px;z-index:10;width:44px;height:44px;border-radius:0;border:2px solid rgba(255,255,255,.4);background:linear-gradient(135deg,rgba(0,0,0,.9),rgba(0,0,0,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0006}.video-player-section .video-player-wrapper .toggle-video-info-btn:hover{background:linear-gradient(135deg,rgba(64,169,255,.95),rgba(135,208,255,.95));border-color:#fff9;transform:scale(1.15);box-shadow:0 6px 20px #0009}.video-player-section .video-player-wrapper .toggle-video-info-btn:active{transform:scale(.95)}.video-player-section .video-player-wrapper .toggle-video-info-btn:after{content:attr(title);position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%);background:rgba(0,0,0,.85);color:#fff;padding:6px 12px;border-radius:0;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;box-shadow:0 2px 8px #0000004d}.video-player-section .video-player-wrapper .toggle-video-info-btn:hover:after{opacity:1}.video-player-section .video-player-wrapper .video-overlay-info{position:absolute;top:16px;left:16px;right:16px;bottom:16px;pointer-events:none;z-index:1;display:flex;flex-direction:column;gap:12px;animation:videoInfoFadeIn .3s ease-in-out}@keyframes videoInfoFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section{display:flex;gap:12px;align-items:flex-start;flex-shrink:0}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header{background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:0;border:1px solid rgba(255,255,255,.1);flex:0 0 auto;min-width:fit-content;max-width:max-content}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header h3{margin:0 0 6px;font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header .action-title-text{display:block;font-size:14px;color:#ffffffd9;white-space:nowrap}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section{flex:0 0 auto;min-width:0;margin-top:40px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight{background:rgba(220,38,38,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 18px;border-radius:0;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #dc262666;animation:problemPulse 2s ease-in-out infinite;color:#fff;height:100%}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight .problem-title{font-size:18px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight .problem-content{display:flex;flex-direction:column;gap:6px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight .problem-content .problem-text{font-size:16px;line-height:1.6;opacity:.95}@keyframes problemPulse{0%,to{background:rgba(220,38,38,.95);box-shadow:0 4px 12px #dc262666}50%{background:rgba(0,0,0,.95);box-shadow:0 6px 16px #dc262699}}@media (max-width: 768px){.video-player-section .video-player-wrapper .video-overlay-info .video-top-section{flex-direction:column}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header{max-width:100%;width:100%}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header h3,.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header .action-title-text{white-space:normal}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section{width:100%}}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0;align-items:flex-start}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card{display:inline-flex;flex-direction:column;gap:4px;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 14px;border-radius:0;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:13px;min-width:fit-content;max-width:max-content;flex:0 0 auto;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card:hover{background:rgba(0,0,0,.85);border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0006}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card .info-label{font-size:11px;opacity:.75;font-weight:500;white-space:nowrap}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card .info-value{font-weight:600;font-size:14px;white-space:nowrap}@media (max-width: 768px){.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container{gap:8px}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card{flex:0 1 auto;min-width:0}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card .info-value{white-space:normal;word-break:break-all}}.video-player-section .video-thumbnails-list{background:#fff;border-radius:0;padding:8px;border:1px solid #e5e5e5;margin-top:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.video-player-section .video-thumbnails-list .thumbnails-header{margin-bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.video-player-section .video-thumbnails-list .thumbnails-header h5{margin:0;font-size:12px;font-weight:600;color:#666;display:inline-flex;align-items:center;gap:6px;line-height:1}.video-player-section .video-thumbnails-list .thumbnails-header h5 .section-title-icon,.video-player-section .video-thumbnails-list .thumbnails-header h5 .ui-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:14px;height:14px;line-height:1}.video-player-section .video-thumbnails-list .thumbnails-header h5 svg{display:block;width:14px;height:14px}.video-player-section .video-thumbnails-list .thumbnails-header .current-video-hint{font-size:12px;font-weight:700;color:#1a1a1a;white-space:nowrap;line-height:1;display:inline-flex;align-items:center}.video-player-section .video-thumbnails-list .thumbnails-grid{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 4px;flex:1;min-height:0;align-items:flex-start}.video-player-section .video-thumbnails-list .thumbnails-grid::-webkit-scrollbar{height:4px}.video-player-section .video-thumbnails-list .thumbnails-grid::-webkit-scrollbar-track{background:#f0f0f0;border-radius:0}.video-player-section .video-thumbnails-list .thumbnails-grid::-webkit-scrollbar-thumb{background:#c0c0c0;border-radius:0}.video-player-section .video-thumbnails-list .thumbnails-grid::-webkit-scrollbar-thumb:hover{background:#999}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item{flex-shrink:0;cursor:pointer;transition:none;transform:none}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item.active{transform:none}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item.active .thumbnail-wrapper{box-shadow:none;border-color:#1a1a1a;border-width:2px}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item.active .thumbnail-label{color:#1a1a1a;font-weight:700}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item.active .thumbnail-current-tag{display:block}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item:hover:not(.active){transform:none}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item:hover:not(.active) .thumbnail-wrapper{box-shadow:none;border-color:#999}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper{width:96px;height:54px;position:relative;border-radius:0;overflow:hidden;border:1px solid #d9d9d9;transition:border-color .15s ease;background:#000}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper .thumbnail-video{width:100%;height:100%;object-fit:cover}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper .thumbnail-current-tag{display:none;position:absolute;left:0;right:0;bottom:0;background:rgba(26,26,26,.85);color:#fff;font-size:10px;font-weight:700;text-align:center;line-height:18px;z-index:2}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper .thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper .thumbnail-overlay .play-icon{font-size:16px;filter:none}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper:hover .thumbnail-overlay{opacity:1}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-label{text-align:center;margin-top:4px;font-size:11px;color:#666;transition:none;line-height:1.2}@media (max-width: 1200px){.actions-new-layout .action-section .action-content-row{gap:16px;padding:16px}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid{gap:12px}}@media (max-width: 768px){.actions-new-layout .action-section .action-content-row{padding:12px}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid{gap:10px}.actions-new-layout .action-section .action-content-row .action-images-column .action-photo-grid .action-photo-item{border-radius:0}.enhanced-item-header .item-title-section{gap:12px}.enhanced-item-header .item-title-section .item-title{font-size:16px}.enhanced-item-header .item-title-section .video-preview-thumbnail{width:80px;height:60px;border-radius:0;border-width:2px}.enhanced-item-header .item-title-section .video-preview-thumbnail .preview-overlay .play-icon{font-size:20px}.enhanced-item-header .item-title-section .video-preview-thumbnail .video-count-badge{font-size:10px;padding:2px 5px}.video-player-section{margin:16px 0}.video-player-section .video-player-wrapper{border-radius:0}.video-player-section .video-player-wrapper .toggle-video-info-btn{top:8px;right:8px;width:36px;height:36px;font-size:18px}.video-player-section .video-player-wrapper .video-overlay-info{top:8px;left:8px;right:8px;bottom:8px;gap:8px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section{gap:8px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header{padding:8px 12px;border-radius:0}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header h3{font-size:15px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-info-header .action-title-text{font-size:12px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight{padding:10px 12px;border-radius:0}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight .problem-title{font-size:13px;margin-bottom:6px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight .problem-content{gap:4px}.video-player-section .video-player-wrapper .video-overlay-info .video-top-section .video-problem-section .video-problem-highlight .problem-content .problem-text{font-size:12px;line-height:1.5}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container{gap:8px}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card{padding:6px 10px;font-size:11px}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card .info-label{font-size:10px}.video-player-section .video-player-wrapper .video-overlay-info .video-info-cards-container .info-card .info-value{font-size:12px}.video-player-section .video-thumbnails-list{padding:12px;border-radius:0}.video-player-section .video-thumbnails-list .thumbnails-header h5{font-size:13px}.video-player-section .video-thumbnails-list .thumbnails-grid{gap:8px}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-wrapper{width:100px;height:56px;border-radius:0}.video-player-section .video-thumbnails-list .thumbnails-grid .video-thumbnail-item .thumbnail-label{font-size:11px}}.video-preview-tree{padding:12px;display:flex;flex-direction:column;gap:12px}.video-preview-tree .video-preview-item{display:flex;gap:12px;padding:12px;background:white;border-radius:0;border:2px solid #f0f0f0;cursor:pointer;transition:all .3s ease}.video-preview-tree .video-preview-item:hover{border-color:#1a1a1a;box-shadow:0 4px 12px #00000026;transform:translate(4px)}.video-preview-tree .video-preview-item.active{border-color:#1a1a1a;background:linear-gradient(135deg,#f5f5f5 0%,#f0f9ff 100%);box-shadow:0 4px 16px #0003}.video-preview-tree .video-preview-item .video-thumbnail-wrapper{position:relative;width:100px;height:75px;flex-shrink:0;border-radius:0;overflow:hidden}.video-preview-tree .video-preview-item .video-thumbnail-wrapper .video-thumbnail{width:100%;height:100%;object-fit:cover}.video-preview-tree .video-preview-item .video-thumbnail-wrapper .video-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center}.video-preview-tree .video-preview-item .video-thumbnail-wrapper .video-play-overlay .play-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.video-preview-tree .video-preview-item .video-thumbnail-wrapper .video-count{position:absolute;bottom:4px;right:4px;background:rgba(0,0,0,.75);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:0}.video-preview-tree .video-preview-item .item-info{flex:1;display:flex;flex-direction:column;gap:8px;justify-content:center}.video-preview-tree .video-preview-item .item-info .unqualified-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#666;background:#f5f5f5;padding:4px 10px;border-radius:0;width:fit-content;border:1px solid #d9d9d9}.video-preview-tree .video-preview-item .item-info .item-name-text{font-size:14px;font-weight:500;color:#262626;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-preview-tree .empty-video-tree{padding:40px 20px;text-align:center;color:#8c8c8c}.video-preview-tree .empty-video-tree .empty-icon{font-size:48px;margin-bottom:12px}.video-preview-tree .empty-video-tree p{margin:0;font-size:14px}.navigation-mode-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.navigation-mode-toggle .mode-btn{padding:5px 8px;font-size:11px}.audit-image-preview-panel{width:100%;flex:1;height:auto;min-height:0;padding:0;background:transparent;border-radius:0;border:none;margin-top:0;display:flex;flex-direction:column;overflow:hidden}.audit-image-preview-panel .image-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.audit-image-preview-panel .image-preview-header h5{margin:0;color:#1a1a1a;font-size:13px;font-weight:600}.audit-image-preview-panel .image-preview-header .image-count{color:#666;font-size:12px}.audit-image-preview-panel .image-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:none;flex:1;min-height:0;overflow-y:auto;align-content:start}.audit-image-preview-panel .image-preview-grid .image-preview-item{position:relative;background:#f5f5f5;border-radius:0;overflow:hidden;border:1px solid #e5e5e5;cursor:pointer;transition:border-color .2s ease}.audit-image-preview-panel .image-preview-grid .image-preview-item:hover{transform:none;box-shadow:none;border-color:#1a1a1a}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-label{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.7);color:#fff;padding:2px 6px;border-radius:0;font-size:11px;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-action-buttons{position:absolute;top:8px;right:8px;z-index:2;display:flex;gap:4px;align-items:center}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-rotate-button{background:rgba(0,0,0,.7);border:none;color:#1a1a1a;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-rotate-button:hover{background:rgba(0,0,0,.8);color:#fff;transform:scale(1.1)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-rotate-button:active{transform:scale(.95)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-recognize-button{background:rgba(0,0,0,.7);border:none;color:#1a1a1a;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-recognize-button:hover{background:rgba(82,196,26,.8);color:#fff;transform:scale(1.1)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-recognize-button:active{transform:scale(.95)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-delete-button{background:rgba(0,0,0,.7);border:none;color:#666;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-delete-button:hover{background:rgba(255,77,79,.8);color:#fff;transform:scale(1.1)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-delete-button:active{transform:scale(.95)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-recognition-value{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:0;font-size:12px;font-weight:500;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-thumbnail-wrapper{width:100%;height:110px;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.audit-image-preview-panel .image-preview-grid .image-preview-item .image-thumbnail-wrapper .image-thumbnail{max-width:100%;max-height:100%;object-fit:contain}.audit-image-preview-panel .image-preview-grid .image-preview-item .ant-image{width:100%;height:110px;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.audit-image-preview-panel .image-preview-grid .image-preview-item .ant-image img{max-width:100%;max-height:100%;object-fit:contain}.pc-action-evidence-list{display:grid;gap:14px}.pc-action-evidence-group{padding-top:10px;border-top:1px solid #ececec}.pc-action-evidence-group:first-child{padding-top:0;border-top:0}.pc-action-evidence-group .pc-action-evidence-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;color:#555;font-size:12px}.pc-action-evidence-group .pc-action-evidence-header strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-action-evidence-group .pc-action-evidence-header span{flex-shrink:0;color:#888}.pc-action-evidence-group .image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);gap:10px}.pc-action-evidence-group .image-preview-item{position:relative;min-width:0;padding:0;overflow:hidden;border:1px solid #e5e5e5;background:#f5f5f5;color:inherit;cursor:pointer}.pc-action-evidence-group .image-preview-item .image-label{position:absolute;top:6px;left:6px;z-index:1;max-width:calc(100% - 12px);padding:2px 6px;overflow:hidden;background:rgba(0,0,0,.68);color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.pc-action-evidence-group .image-preview-item .image-thumbnail-wrapper{width:200px;height:200px}.pc-action-evidence-group .image-preview-item .image-thumbnail{width:100%;height:100%;object-fit:contain}.recognition-images-section{margin-top:20px}.recognition-images-section .section-title{margin-bottom:12px}.recognition-images-section .section-title h5{margin:0;color:#000;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.recognition-images-section .recognition-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.image-preview-action .action-header{margin-bottom:12px}.image-preview-action .action-header .action-title{color:#fff;font-size:14px;font-weight:500}.image-preview-action .image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.image-preview-action .image-preview-thumbnail{position:relative;border-radius:0;overflow:hidden;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.1)}.image-preview-action .image-preview-thumbnail:hover{border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.image-preview-action .image-preview-thumbnail .thumbnail-image{width:100%;height:120px;object-fit:cover;display:block}.image-preview-action .image-preview-thumbnail .thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.image-preview-action .image-preview-thumbnail .thumbnail-overlay .zoom-icon{font-size:24px;color:#fff}.image-preview-action .image-preview-thumbnail:hover .thumbnail-overlay{opacity:1}.image-preview-action .image-preview-thumbnail .thumbnail-label{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;text-align:center;padding:4px;font-size:12px;font-weight:500}.export-progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.7)}.export-progress-card{width:min(340px,100vw - 40px);padding:32px 30px 26px;background:#fff;color:#1a1a1a;text-align:center;box-shadow:0 12px 32px #00000040}.export-progress-spinner{width:40px;height:40px;margin:0 auto 18px;border:3px solid #ececec;border-top-color:#1a1a1a;animation:export-progress-spin 1.2s linear infinite}.export-progress-title{margin:0 0 16px;font-size:15px;font-weight:600;line-height:1.5}.export-progress-track{height:8px;margin-bottom:10px;overflow:hidden;background:#ededed}.export-progress-fill{min-width:4px;height:100%;background:linear-gradient(90deg,#1a1a1a,#404040);transition:width .3s ease}.export-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#666;font-size:12px;text-align:left}.export-progress-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-progress-row strong{flex-shrink:0;color:#1a1a1a;font-size:13px}.export-progress-time{margin:10px 0 0;color:#7a7a7a;font-size:12px}@keyframes export-progress-spin{to{transform:rotate(360deg)}}.h5-electronic-signature{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#fff;z-index:1200}.h5-electronic-signature.force-landscape{width:100vh;height:100vw;top:0;left:100%;transform:rotate(90deg);transform-origin:top left}.h5-electronic-signature .signature-header{flex-shrink:0;padding:8px 14px;border-bottom:1px solid #eee;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:12px}.h5-electronic-signature .signature-header .signature-header__left{display:flex;align-items:center;gap:10px;min-width:0}.h5-electronic-signature .signature-header h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a;white-space:nowrap}.h5-electronic-signature .signature-header .landscape-tip{font-size:11px;color:#666;background:#f5f5f5;border:1px solid #e8e8e8;padding:2px 8px;white-space:nowrap}.h5-electronic-signature .signature-header .close-btn{flex-shrink:0;width:36px;height:36px;padding:0;border:none;background:transparent;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.h5-electronic-signature .signature-header .close-btn:active{background:rgba(0,0,0,.06);color:#1a1a1a}.h5-electronic-signature .signature-canvas-container{position:relative;flex:1;min-height:0;width:100%;background:#fafafa;touch-action:none;border-top:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5}.h5-electronic-signature .signature-canvas-container .signature-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.h5-electronic-signature .signature-canvas-container .signature-canvas.disabled{cursor:not-allowed;opacity:.7}.h5-electronic-signature .signature-canvas-container .signature-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#b0b0b0;font-size:15px;pointer-events:none;letter-spacing:.08em}.h5-electronic-signature .signature-tools{flex-shrink:0;padding:10px 14px;border-top:1px solid #eee;background:#fff}.h5-electronic-signature .signature-tools .tool-group{display:flex;gap:10px}.h5-electronic-signature .signature-tools .tool-group .tool-btn{flex:1;height:42px;border:1px solid #d9d9d9;background:#fff;color:#1a1a1a;font-size:14px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.h5-electronic-signature .signature-tools .tool-group .tool-btn:disabled{cursor:not-allowed;opacity:.45}.h5-electronic-signature .signature-tools .tool-group .tool-btn:active:not(:disabled){background:#f5f5f5}.h5-electronic-signature .signature-tools .tool-group .tool-btn.save{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.h5-electronic-signature .signature-tools .tool-group .tool-btn.save:active:not(:disabled){background:#333}.rotate-tip{display:none}.report-page{background:#f5f5f5;height:100vh;height:100dvh;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}.report-page .report-main-scroll{height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.report-page .report-main-scroll>.report-header,.report-page .report-main-scroll>.content-main{flex:0 0 auto}.report-page.loading{display:flex;align-items:center;justify-content:center}.report-page.loading .loading-spinner{text-align:center}.report-page.loading .loading-spinner .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #1a1a1a;border-radius:0;animation:spin 1s linear infinite;margin:0 auto 16px}.report-page.loading .loading-spinner p{color:#666;margin:0}.report-page.error{display:flex;align-items:center;justify-content:center}.report-page.error .error-message{text-align:center;padding:40px;background:white;border-radius:0;box-shadow:none}.report-page.error .error-message h3{color:#666;margin-bottom:16px}.report-page.error .error-message p{color:#666;margin-bottom:24px}.report-page.error .error-message .retry-btn{background:#1a1a1a;color:#fff;border:none;padding:8px 16px;border-radius:0;cursor:pointer;transition:background .3s}.report-page.error .error-message .retry-btn:hover{background:#333333}.report-page.empty{display:flex;align-items:center;justify-content:center}.report-page.empty .empty-message{text-align:center;color:#666}.report-page .report-header{position:relative;width:auto;flex-shrink:0;background:#fff;border:1px solid #e8e8e8;border-radius:0;padding:14px 12px 12px;margin:10px 10px 12px;box-shadow:0 1px 2px #0000000a;z-index:5}.report-page .report-header .header-hero{padding-bottom:10px;border-bottom:1px solid #f0f0f0}.report-page .report-header .header-hero .report-title{margin:0;font-size:16px;font-weight:700;line-height:1.35;color:#1a1a1a;word-break:break-word}.report-page .report-header .header-meta-row{display:flex;align-items:stretch;gap:0;padding:10px 0 2px}.report-page .report-header .header-meta-row .score-display{flex:0 0 auto;min-width:64px;padding:4px 10px 4px 0;margin-right:8px;border-right:1px solid #eee;text-align:center}.report-page .report-header .header-meta-row .score-display .score-label{display:block;margin-bottom:4px;font-size:10px;color:#8c8c8c;white-space:nowrap}.report-page .report-header .header-meta-row .score-display .score-value{display:block;font-size:20px;font-weight:700;line-height:1.1;color:#1a1a1a;font-variant-numeric:tabular-nums;white-space:nowrap}.report-page .report-header .header-meta-row .score-display .score-value em{margin-left:1px;font-size:10px;font-style:normal;font-weight:500;color:#666}.report-page .report-header .header-meta-row .meta-cell{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding:4px;text-align:center}.report-page .report-header .header-meta-row .meta-cell .meta-label{font-size:10px;color:#8c8c8c;line-height:1.2;white-space:nowrap}.report-page .report-header .header-meta-row .meta-cell .meta-value{font-size:11px;font-weight:600;color:#1a1a1a;line-height:1.3;word-break:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.report-page .report-header .signatures-display{margin-top:8px;padding-top:10px;border-top:1px solid #f0f0f0}.report-page .report-header .signatures-display .signatures-list{display:flex;align-items:stretch;gap:8px}.report-page .report-header .signatures-display .signature-cell{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:#fafafa;border:1px solid #ececec;text-align:center}.report-page .report-header .signatures-display .signature-cell.is-signed{background:#fff}.report-page .report-header .signatures-display .signature-cell.is-pending{cursor:pointer}.report-page .report-header .signatures-display .signature-cell__label{font-size:11px;font-weight:600;color:#666;white-space:nowrap}.report-page .report-header .signatures-display .signature-cell__image{width:100%;height:36px;object-fit:contain;background:#fff;border:1px solid #f0f0f0}.report-page .report-header .signatures-display .signature-cell__btn{width:100%;padding:6px 0;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.report-page .report-header .signatures-display .signature-cell__btn:active{opacity:.88}.report-page .content-main{background:transparent;border-radius:0;padding:0;margin:0 10px 12px;box-shadow:none}.report-page .content-main .h5-list-toolbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin-bottom:10px;background:rgba(255,255,255,.96);border:1px solid #e8e8e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.report-page .content-main .h5-list-toolbar .toolbar-title{font-size:14px;font-weight:600;color:#1a1a1a;flex-shrink:0}.report-page .content-main .h5-list-toolbar .h5-display-segment,.report-page .content-main .h5-list-toolbar .h5-filter-segment{display:flex;flex:1;border:1px solid #d9d9d9;background:#f7f7f7;padding:2px}.report-page .content-main .h5-list-toolbar .h5-display-segment .seg-btn,.report-page .content-main .h5-list-toolbar .h5-filter-segment .seg-btn{flex:1;border:none;background:transparent;color:#666;font-size:12px;line-height:1;padding:7px 6px;cursor:pointer;-webkit-tap-highlight-color:transparent}.report-page .content-main .h5-list-toolbar .h5-display-segment .seg-btn.active,.report-page .content-main .h5-list-toolbar .h5-filter-segment .seg-btn.active{background:#1a1a1a;color:#fff;font-weight:600}.report-page .content-main .h5-list-toolbar .h5-display-segment .seg-btn:active,.report-page .content-main .h5-list-toolbar .h5-filter-segment .seg-btn:active{opacity:.85}.report-page .content-main .h5-list-toolbar .h5-display-segment{flex:0 0 92px}.report-page .content-main .h5-list-toolbar .h5-filter-segment{max-width:210px}@media (max-width: 390px){.report-page .content-main .h5-list-toolbar .toolbar-title{display:none}}.report-page .content-main .h5-item-list{display:flex;flex-direction:column;gap:14px}.report-page .content-main .h5-chapter-section{display:flex;flex-direction:column;gap:8px}.report-page .content-main .h5-chapter-section--extra .h5-chapter-header{border-left-color:#666;background:#f3f3f3}.report-page .content-main .h5-chapter-header{position:sticky;top:48px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f0f0f0;border-left:3px solid #1a1a1a}.report-page .content-main .h5-chapter-header .h5-chapter-title{font-size:13px;font-weight:700;color:#1a1a1a;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-page .content-main .h5-chapter-header .h5-chapter-count{flex-shrink:0;font-size:11px;color:#666;background:#fff;border:1px solid #e5e5e5;padding:2px 7px}.report-page .content-main .h5-chapter-cards{display:flex;flex-direction:column;gap:8px}.report-page .content-main .h5-item-card{background:#fff;border:1px solid #e8e8e8;padding:12px;box-shadow:0 1px 2px #0000000a}.report-page .content-main .h5-item-card.is-fail{border-left:3px solid #cf1322}.report-page .content-main .h5-item-card.is-expanded{border-color:#cfcfcf;box-shadow:0 3px 10px #00000014}.report-page .content-main .h5-item-card.is-expanded .h5-item-card__chevron{transform:rotate(180deg)}.report-page .content-main .h5-item-card--extra{background:#fafafa;border-left:3px solid #999}.report-page .content-main .h5-item-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.report-page .content-main .h5-item-card__toggle{display:block;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.report-page .content-main .h5-item-card__header-side{display:flex;align-items:center;gap:8px;flex-shrink:0}.report-page .content-main .h5-item-card__chevron{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#777;font-size:18px;line-height:1;transition:transform .2s ease;transform-origin:center}.report-page .content-main .h5-item-card__title-wrap{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.report-page .content-main .h5-item-card__index{flex-shrink:0;margin-top:1px;font-size:11px;font-weight:600;color:#999;font-variant-numeric:tabular-nums}.report-page .content-main .h5-item-card__title{margin:0;font-size:14px;font-weight:600;line-height:1.35;color:#1a1a1a;word-break:break-word}.report-page .content-main .h5-item-card__path{margin:0 0 8px;padding-left:26px;font-size:11px;line-height:1.4;color:#8c8c8c;word-break:break-word}.report-page .content-main .h5-item-card__meta{display:flex;flex-wrap:wrap;gap:8px 14px;padding:8px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:8px}.report-page .content-main .h5-item-card__meta .h5-item-card__meta-item{display:flex;align-items:baseline;gap:6px}.report-page .content-main .h5-item-card__meta .meta-label{font-size:11px;color:#999}.report-page .content-main .h5-item-card__meta .meta-value{font-size:13px;font-weight:600;color:#1a1a1a;font-variant-numeric:tabular-nums}.report-page .content-main .h5-item-card__fields{display:flex;flex-direction:column;gap:8px}.report-page .content-main .h5-item-card__details{padding-top:10px;border-top:1px solid #ededed}.report-page .content-main .h5-item-card__steps{display:grid;gap:10px;margin-top:12px}.report-page .content-main .h5-item-card__empty{padding:12px;background:#f7f7f7;color:#999;font-size:12px;text-align:center}.report-page .content-main .h5-item-card__photos{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0;cursor:pointer;-webkit-tap-highlight-color:transparent}.report-page .content-main .h5-item-card__photos .photo-hint{font-size:12px;color:#666}.report-page .content-main .h5-item-card .status-badge{flex-shrink:0;display:inline;min-width:0;padding:0;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;background:transparent;border:none}.report-page .content-main .h5-item-card .status-badge.status-pass{background:transparent;color:#389e0d;border:none}.report-page .content-main .h5-item-card .status-badge.status-partial{background:transparent;color:#d48806;border:none}.report-page .content-main .h5-item-card .status-badge.status-fail{background:transparent;color:#cf1322;border:none}.report-page .content-main .h5-item-card .status-badge.status-pending{background:transparent;color:#999;border:none;font-weight:600}.report-page .content-main .h5-item-card .status-badge.status-info{background:transparent;color:#666;border:none;font-weight:600}.report-page .content-main .h5-item-card .photo-preview{position:relative;width:56px;height:56px;flex-shrink:0;overflow:hidden;background:#f5f5f5;border:1px solid #e5e5e5}.report-page .content-main .h5-item-card .photo-preview img{width:100%;height:100%;object-fit:cover;display:block}.report-page .content-main .h5-item-card .photo-preview .photo-count{position:absolute;right:2px;bottom:2px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;padding:1px 4px}.report-page .content-main .h5-field{display:grid;grid-template-columns:56px 1fr;gap:8px;align-items:start}.report-page .content-main .h5-field__label{font-size:11px;color:#999;line-height:1.5;padding-top:1px}.report-page .content-main .h5-field__value{margin:0;font-size:12px;line-height:1.5;color:#333;word-break:break-word;white-space:pre-wrap}.report-page .item-status{font-size:10px;padding:2px 6px;border-radius:0;border:1px solid;white-space:nowrap;display:inline-block}.report-page .item-status.status-pass{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.report-page .item-status.status-fail{background:#fff1f0;color:#cf1322;border-color:#ffa39e;font-weight:600;box-shadow:none}.report-page .item-status.status-partial{background:#fff7e6;color:#d48806;border-color:#ffd591}.report-page .item-status.status-pending{background:#f5f5f5;color:#8c8c8c;border-color:#d9d9d9}.report-page .item-status.status-supplement{background:#f5f5f5;color:#666;border-color:#d9d9d9}.report-page .chapter-node .chapter-header .chapter-info .chapter-name{font-weight:500}.report-page .chapter-node .chapter-items .item-node .item-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px}.report-page .chapter-node .chapter-items .item-node .item-header .item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.floating-actions{position:fixed;right:20px;bottom:120px;z-index:1000;transition:right .3s ease}.floating-actions .floating-buttons{display:flex;flex-direction:column;gap:12px}.floating-actions .floating-buttons .floating-btn{width:50px;height:50px;border-radius:0;border:none;background:linear-gradient(135deg,#1a1a1a,#333333);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.floating-actions .floating-buttons .floating-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.floating-actions .floating-buttons .floating-btn.signature-btn{background:linear-gradient(135deg,#666666,#ffc53d);box-shadow:0 4px 12px #faad144d}.floating-actions .floating-buttons .floating-btn.signature-btn:hover{box-shadow:0 6px 20px #faad1466}.floating-actions .floating-buttons .floating-btn.export-btn{background:linear-gradient(135deg,#4a4a4a,#9254de);box-shadow:0 4px 12px #722ed14d}.floating-actions .floating-buttons .floating-btn.export-btn:hover{box-shadow:0 6px 20px #722ed166}.floating-actions .floating-buttons .floating-btn.back-to-top-btn{background:linear-gradient(135deg,#666666,#ff7875);box-shadow:0 4px 12px #00000014}.floating-actions .floating-buttons .floating-btn.back-to-top-btn:hover{box-shadow:0 6px 20px #ff4d4f66}@media (max-width: 768px){.floating-actions{right:16px;bottom:110px}.floating-actions .floating-buttons .floating-btn{width:45px;height:45px;font-size:18px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay .modal-content{background:#fff;border-radius:0;padding:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-overlay .signature-modal-content{display:none}.modal-overlay .video-modal-content{background:#fff;border-radius:0;width:90%;max-width:800px}.modal-overlay .video-modal-content .modal-header{padding:8px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-overlay .video-modal-content .modal-header h3{margin:0;font-size:15px}.modal-overlay .video-modal-content .modal-header .close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#999}.modal-overlay .video-modal-content .modal-body{padding:8px}.modal-overlay .video-modal-content .modal-body .video-player{width:100%;max-height:70vh}.video-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.video-links .video-link-item{display:flex;flex-direction:column;gap:8px}.video-links .video-link{display:inline-block;padding:6px 12px;background-color:#f0f2f5;border-radius:0;color:#1a1a1a;text-decoration:none;transition:all .3s ease}.video-links .video-link:hover{background-color:#f5f5f5;color:#333}.video-links .video-transcript{font-size:14px;color:#666;margin-top:4px}.video-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:24px;border-radius:0;box-shadow:0 8px 24px #0003;z-index:1001;width:90%;max-width:1200px}.video-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.video-modal-content .modal-header h3{margin:0;font-size:20px;color:#333;font-weight:600}.video-modal-content .modal-header .close-btn{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;line-height:1;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:0;transition:all .3s}.video-modal-content .modal-header .close-btn:hover{background:#f5f5f5;color:#666}.video-modal-content .modal-body .video-player{width:100%;max-height:80vh;border-radius:0;background:#000}.item-description{background:#fafafa;border-radius:0;padding:8px;margin-top:12px}.item-description p{color:#666;font-size:13px;margin:0;line-height:1.6}.floating-export-btn{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.96);border-top:1px solid #e8e8e8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.floating-export-btn .export-pdf-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;background:#1a1a1a;color:#fff;border:1px solid #1a1a1a;border-radius:0;font-size:13px;font-weight:600;cursor:pointer;box-shadow:none;transition:opacity .2s ease;-webkit-tap-highlight-color:transparent}.floating-export-btn .export-pdf-btn:active{opacity:.88}.floating-export-btn .export-pdf-btn.export-unqualified-btn{background:#fff;color:#1a1a1a;border-color:#d9d9d9}.floating-export-btn .export-pdf-btn.loading{cursor:not-allowed;background:#ccc;border-color:#ccc;color:#fff;opacity:1}.floating-export-btn .export-pdf-btn:disabled{cursor:not-allowed;opacity:.55}.export-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.export-loading-overlay .export-loading-content{background:white;padding:40px;border-radius:0;text-align:center;max-width:320px;box-shadow:0 8px 24px #0000004d}.export-loading-overlay .export-loading-content .loading-spinner{margin-bottom:20px}.export-loading-overlay .export-loading-content .loading-spinner .spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #1a1a1a;border-radius:0;animation:spin 1.2s linear infinite;margin:0 auto}.export-loading-overlay .export-loading-content p{margin:8px 0;color:#333;font-size:14px;line-height:1.5}.export-loading-overlay .export-loading-content p:first-of-type{font-weight:500;color:#1a1a1a}.export-loading-overlay .export-loading-content p:last-of-type{color:#666;font-size:13px}.signature-fullscreen-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200}.signature-fullscreen-portal .signature-loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1210;background:rgba(255,255,255,.72);display:flex;align-items:center;justify-content:center}.signature-fullscreen-portal .signature-loading .loading-spinner{text-align:center}.signature-fullscreen-portal .signature-loading .loading-spinner .spinner{width:36px;height:36px;border:3px solid #eee;border-top-color:#1a1a1a;margin:0 auto 12px;animation:spin 1s linear infinite}.signature-fullscreen-portal .signature-loading .loading-spinner p{margin:0;font-size:13px;color:#666}.action-evidence{padding:14px;border:1px solid rgba(123,97,78,.2);border-radius:10px;background:rgba(255,255,255,.72)}.action-evidence-header,.evidence-entry-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.action-evidence-counts,.evidence-type{color:#806f64;font-size:12px}.evidence-labels{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.evidence-purpose,.evidence-type{padding:2px 5px;border-radius:4px;background:rgba(128,111,100,.1);white-space:nowrap}.evidence-purpose{color:#7a4a2f;font-size:12px}.action-evidence-result{flex-shrink:0;font-size:12px;font-weight:700}.action-evidence-result.is-pass{color:#389e0d}.action-evidence-result.is-fail{color:#cf1322}.action-evidence-result.is-pending{color:#999}.action-evidence-counts{margin-top:4px}.action-evidence-description,.action-evidence-notes{margin-top:9px;padding:8px;border-radius:6px;background:rgba(244,239,235,.72);font-size:12px}.action-evidence-description>span{color:#806f64;font-size:11px}.action-evidence-description p,.action-evidence-notes p{margin:3px 0 0;line-height:1.5;white-space:pre-wrap}.evidence-group{margin-top:12px}.evidence-group-title{margin-bottom:7px;color:#5d4538;font-size:12px;font-weight:700}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.evidence-entry{min-width:0;padding:9px;border-radius:8px;background:rgba(244,239,235,.9)}.evidence-reference-entry{background:rgba(239,242,246,.92)}.evidence-entry-head{margin-bottom:7px;font-size:12px}.evidence-entry-head>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evidence-value{overflow-wrap:anywhere;font-size:13px}.evidence-image{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.evidence-image img{display:block;width:100%;max-height:180px;border-radius:6px;object-fit:cover}.evidence-video{width:100%;max-height:220px;border-radius:6px}.evidence-audio{width:100%;min-width:150px}.evidence-structured{max-height:220px;margin:0;padding:8px;overflow:auto;border-radius:6px;background:#201c1a;color:#f4eee9;font-size:11px;white-space:pre-wrap}.evidence-measurement{color:#8b3f2f;font-size:18px;font-weight:700}.evidence-threshold{color:#8b3f2f;font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.evidence-empty{color:#95877e;font-size:12px}.action-evidence-compact{padding:8px}.action-evidence-compact .action-evidence-header{align-items:flex-start;flex-direction:column}.action-evidence-compact .evidence-grid{grid-template-columns:1fr}.action-evidence-compact .evidence-image img{max-height:110px}.h5-summary-item{padding:12px;border:1px solid #e8e8e8;background:#fff}.h5-summary-item.is-fail{border-left:3px solid #cf1322}.h5-summary-item__header{display:flex;align-items:flex-start;gap:8px}.h5-summary-item__index{flex-shrink:0;color:#999;font-size:11px;font-weight:600}.h5-summary-item__heading{min-width:0;flex:1}.h5-summary-item__heading h3{margin:0;color:#1a1a1a;font-size:14px;line-height:1.35}.h5-summary-item__heading p{margin:3px 0 0;color:#999;font-size:11px;line-height:1.4}.h5-summary-item__result{display:flex;flex-shrink:0;align-items:center;gap:7px}.h5-summary-item__score{color:#1a1a1a;font-size:12px;font-weight:700;white-space:nowrap}.h5-summary-item .status-badge{flex-shrink:0;border:0;background:transparent;font-size:12px;font-weight:700}.h5-summary-item .status-pass{color:#389e0d}.h5-summary-item .status-fail{color:#cf1322}.h5-summary-item .status-pending,.h5-summary-item .status-partial{color:#999}.h5-summary-item__actions{display:grid;gap:9px;margin-top:10px}.h5-summary-item__issue-details{display:grid;gap:7px;margin-top:10px;padding:9px 10px;border-left:3px solid #cf1322;background:#fff7f7}.h5-summary-item__issue-row{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:start}.h5-summary-item__issue-row>span{color:#8c8c8c;font-size:11px;line-height:1.5}.h5-summary-item__issue-row>p{margin:0;color:#333;font-size:12px;line-height:1.5;word-break:break-word}.h5-summary-item__issue-row.is-problem>span{color:#cf1322}.h5-summary-item__issue-row.is-correction>span{color:#ad6800}.h5-summary-action{gap:8px;padding-top:9px;border-top:1px solid #f0f0f0}.h5-summary-action__title{color:#555;font-size:12px;line-height:1.45;word-break:break-word}.h5-summary-action__media{display:flex;flex-wrap:wrap;gap:7px;min-width:0}.h5-summary-action__empty{color:#aaa;font-size:11px}.h5-summary-media{display:flex;flex-direction:column;gap:3px;width:min(112px,100%);color:#666;font-size:10px;text-decoration:none}.h5-summary-media video{width:100%;max-height:90px;background:#111}.h5-summary-media audio{width:100%;max-width:220px}.h5-summary-media>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5-summary-media--image{position:relative;flex:0 0 calc((100% - 14px) / 3);width:calc((100% - 14px) / 3);min-width:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.h5-summary-media--image img{width:100%;height:76px;border:1px solid #e8e8e8;object-fit:cover}.h5-summary-media__overflow-badge{position:absolute;right:5px;bottom:20px;z-index:1;padding:2px 6px;border-radius:9px;background:rgba(0,0,0,.68);color:#fff;font-size:10px;font-weight:700;line-height:1.25;pointer-events:none}.h5-summary-media--video{padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.h5-summary-media__video-icon{display:flex;width:100%;height:76px;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #d9d9d9;background:#242424;color:#fff}.h5-summary-media--file{padding:7px;border:1px solid #e5e5e5;background:#fafafa}.report-entry{min-height:100vh}.report-view-switcher{position:fixed;top:max(10px,env(safe-area-inset-top));right:10px;z-index:1200;display:inline-flex;padding:3px;border:1px solid rgba(0,0,0,.12);border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 2px 10px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.report-view-switcher button{border:0;border-radius:6px;padding:5px 9px;background:transparent;color:#666;cursor:pointer;font-size:12px;line-height:1.2}.report-view-switcher button.active{background:#1a1a1a;color:#fff}@media (max-width: 480px){.report-view-switcher{top:max(6px,env(safe-area-inset-top));right:6px}.report-view-switcher button{padding:4px 7px;font-size:11px}}.feature-flags-page{min-height:100vh;box-sizing:border-box;padding:48px 20px;background:#f5f6f8;color:#1a1a1a}.feature-flags-panel{width:min(680px,100%);margin:0 auto;padding:28px;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 12px 36px #0000000f}.feature-flags-panel header h1{margin:4px 0 8px;font-size:24px}.feature-flags-panel header p{margin:0;color:#777;font-size:13px;line-height:1.6}.feature-flags-panel header .eyebrow{color:#999;font-size:11px;font-weight:700;letter-spacing:.12em}.feature-flag-list{margin-top:24px;border-top:1px solid #eee}.feature-flag-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;border-bottom:1px solid #eee;cursor:pointer}.feature-flag-row span{display:grid;gap:6px}.feature-flag-row strong{font-size:15px}.feature-flag-row small{color:#888;font-size:12px;line-height:1.5}.feature-flag-row input{width:20px;height:20px;flex:0 0 auto;accent-color:#1a1a1a}.feature-flags-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.feature-flags-actions button{padding:9px 16px;border-radius:6px;cursor:pointer;font-size:13px}.feature-flags-actions .secondary{border:1px solid #d9d9d9;background:#fff;color:#555}.feature-flags-actions .primary{border:1px solid #1a1a1a;background:#1a1a1a;color:#fff}.feature-flags-panel .save-result{margin:12px 0 0;color:#389e0d;font-size:12px;text-align:right}@media (max-width: 520px){.feature-flags-page{padding:20px 12px}.feature-flags-panel{padding:20px}}.pdf-preview-page{min-height:100vh;background:#0b1220;color:#e8eef7;display:flex;flex-direction:column}.pdf-preview-page .pdf-preview-toolbar{min-height:64px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#111b2e;border-bottom:1px solid rgba(148,163,184,.24)}.pdf-preview-page .pdf-preview-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.pdf-preview-page .pdf-preview-toolbar strong{font-size:15px}.pdf-preview-page .pdf-preview-toolbar span{color:#9cabc0;font-size:12px}.pdf-preview-page .pdf-preview-actions{display:flex;gap:8px}.pdf-preview-page .pdf-preview-actions button{border:1px solid #3a4b65;border-radius:6px;padding:7px 12px;background:#18253a;color:#e8eef7;cursor:pointer}.pdf-preview-page .pdf-preview-actions button.primary{background:#2563eb;border-color:#2563eb}.pdf-preview-page .pdf-preview-actions button:disabled{cursor:wait;opacity:.6}.pdf-preview-page iframe{width:100%;flex:1;min-height:calc(100vh - 64px);border:0;background:#07101f}.pdf-preview-page .pdf-preview-state{margin:auto;text-align:center;color:#bdc9da}.pdf-preview-page .pdf-preview-state.error strong{color:#fca5a5}.pdf-preview-page .pdf-preview-state p{color:#94a3b8}.pdf-preview-page .pdf-preview-state button{border:0;border-radius:6px;padding:8px 16px;background:#2563eb;color:#fff;cursor:pointer}@media (max-width: 720px){.pdf-preview-page .pdf-preview-toolbar{align-items:flex-start;flex-direction:column}}.network-status{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 20px;transform:translateY(-100%);transition:transform .3s ease-in-out;box-shadow:0 2px 10px #0000001a}.network-status.show{transform:translateY(0)}.network-status.offline{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%)}.network-status.online{background:linear-gradient(135deg,#00b894 0%,#00a085 100%)}.network-status .network-status-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.network-status .network-status-content .network-status-icon{font-size:20px;margin-right:12px;flex-shrink:0}.network-status .network-status-content .network-status-text{flex:1}.network-status .network-status-content .network-status-text .network-status-title{font-weight:600;font-size:14px;margin-bottom:2px}.network-status .network-status-content .network-status-text .network-status-detail{font-size:12px;opacity:.9}.network-status .network-status-content .network-status-close{background:none;border:none;color:#fff;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s;flex-shrink:0}.network-status .network-status-content .network-status-close:hover{background-color:#ffffff1a}.network-status .network-status-content .network-status-close:active{background-color:#fff3}@media (max-width: 768px){.network-status{padding:10px 16px}.network-status .network-status-content .network-status-icon{font-size:18px;margin-right:10px}.network-status .network-status-content .network-status-text .network-status-title{font-size:13px}.network-status .network-status-content .network-status-text .network-status-detail{font-size:11px}.network-status .network-status-content .network-status-close{font-size:14px;padding:3px 6px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.similarity-score{font-weight:700;font-size:14px;padding:4px 8px;border-radius:0;display:inline-block;min-width:60px;text-align:center}.similarity-high{color:#1a1a1a;background-color:#f5f5f5;border:1px solid #d9d9d9}.similarity-low{color:#666;background-color:#f5f5f5;border:1px solid #d9d9d9}.surface-recognition-info{margin:6px 0;padding:8px 10px;background-color:#fafafa;border-radius:0;border-left:4px solid #1a1a1a;display:flex;flex-direction:column;gap:6px}.surface-recognition-info h4{margin:0;color:#1a1a1a;font-size:13px;font-weight:500}.surface-recognition-info .surface-name{font-weight:500;color:#333;font-size:12px;margin:0}.surface-recognition-info .similarity-info{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}.surface-recognition-info .train-status{color:#666;font-size:11px;margin:0}