.primary-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border-radius:36rpx;text-align:center;font-size:30rpx;height:88rpx;line-height:88rpx}.primary-btn:active{transform:scale(.98)}.card{background:#fff;border-radius:24rpx;padding:30rpx;margin-bottom:30rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.05)}.tag{display:inline-block;font-size:22rpx;color:#0f95b0;background:rgba(15,149,176,.1);padding:4rpx 12rpx;border-radius:4rpx;margin-right:10rpx}.section-title{font-size:34rpx;font-weight:700;color:#333;position:relative;padding-left:20rpx;margin-bottom:30rpx}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6rpx;height:30rpx;background:#0f95b0;border-radius:3rpx}.price{font-size:32rpx;color:#f56c6c;font-weight:700}.price.free{color:#67c23a}.price.original{font-size:24rpx;color:#999;text-decoration:line-through;margin-left:10rpx}::-webkit-scrollbar{display:none;width:0;height:0;color:transparent}page{width:100%;height:100%;overflow-x:hidden}.expert-review-page{min-height:100vh;background:#f5f7fa;padding:20rpx 20rpx 140rpx}.expert-review-page .card{background:#fff;border-radius:16rpx;margin-bottom:20rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.06)}.expert-review-page .review-overview{padding:24rpx}.expert-review-page .review-overview .overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.expert-review-page .review-overview .overview-header .title{font-size:32rpx;font-weight:600;color:#303133}.expert-review-page .review-overview .overview-header .status-badge{padding:6rpx 12rpx;border-radius:12rpx;font-size:22rpx;font-weight:500}.expert-review-page .review-overview .overview-header .status-badge.pending{background:#fff2e8;color:#fa8c16}.expert-review-page .review-overview .overview-header .status-badge.submitted{background:#e6f7ff;color:#1890ff}.expert-review-page .review-overview .overview-header .status-badge.success{background:#f6ffed;color:#52c41a}.expert-review-page .review-overview .overview-header .status-badge.error{background:#fff1f0;color:#ff4d4f}.expert-review-page .review-overview .compact-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16rpx}.expert-review-page .review-overview .compact-info-grid .compact-info-item{display:flex;align-items:center;padding:12rpx;background:#f8f9fa;border-radius:8rpx}.expert-review-page .review-overview .compact-info-grid .compact-info-item .compact-label{font-size:24rpx;color:#909399;margin:0 8rpx 0 12rpx}.expert-review-page .review-overview .compact-info-grid .compact-info-item .compact-value{font-size:24rpx;color:#303133;font-weight:500;flex:1}.expert-review-page .material-left{display:flex;align-items:center;flex:1}.expert-review-page .material-left .file-info{margin-left:16rpx;display:flex;flex-direction:column}.expert-review-page .material-left .file-name{font-size:26rpx;color:#303133;max-width:400rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expert-review-page .material-left .file-meta{display:flex;align-items:center;gap:8rpx;margin-top:4rpx}.expert-review-page .material-left .file-meta .file-type{font-size:20rpx;color:#909399;background:#f0f2f5;padding:2rpx 8rpx;border-radius:4rpx}.expert-review-page .material-left .file-meta .file-time{font-size:20rpx;color:#909399}.expert-review-page .materials-section{padding:24rpx}.expert-review-page .materials-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.expert-review-page .materials-section .section-header .section-title{font-size:28rpx;font-weight:600;color:#303133}.expert-review-page .materials-section .section-header .material-count{font-size:24rpx;color:#909399}.expert-review-page .materials-section .compact-material-list .compact-material-item{display:flex;align-items:center;justify-content:space-between;padding:20rpx;border-bottom:1rpx solid #f0f0f0}.expert-review-page .materials-section .compact-material-list .compact-material-item:last-child{border-bottom:none}.expert-review-page .materials-section .compact-material-list .compact-material-item .material-left{display:flex;align-items:center;flex:1}.expert-review-page .materials-section .compact-material-list .compact-material-item .material-left .file-name{font-size:26rpx;color:#303133;margin-left:16rpx;max-width:400rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expert-review-page .materials-section .compact-material-list .compact-material-item .material-right{display:flex;align-items:center}.expert-review-page .materials-section .compact-material-list .compact-material-item .material-right .file-size{font-size:22rpx;color:#909399;margin-right:12rpx}.expert-review-page .materials-section .compact-material-list .compact-material-item:active{background:#f8f9fa}.expert-review-page .review-form{padding:24rpx}.expert-review-page .review-form .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.expert-review-page .review-form .section-header .section-title{font-size:28rpx;font-weight:600;color:#303133}.expert-review-page .review-form .section-header .timeout-badge{display:flex;align-items:center;gap:4rpx;padding:4rpx 12rpx;background:#fff2e8;border-radius:12rpx;font-size:22rpx;color:#fa8c16}.expert-review-page .review-form .form-group{margin-bottom:32rpx}.expert-review-page .review-form .form-group .form-label{display:block;font-size:28rpx;font-weight:600;color:#303133;margin-bottom:20rpx}.expert-review-page .review-form .signature-section{display:flex;justify-content:space-between;align-items:center;padding:20rpx;background:#f8f9fa;border-radius:8rpx;margin-top:32rpx}.expert-review-page .review-form .signature-section .expert-signature,.expert-review-page .review-form .signature-section .time-signature{display:flex;align-items:center}.expert-review-page .review-form .signature-section .expert-signature .signature-text,.expert-review-page .review-form .signature-section .time-signature .signature-text{font-size:24rpx;color:#606266;margin-left:8rpx}.expert-review-page .action-bar-compact{position:fixed;bottom:0rpx;left:0;right:0;display:flex;gap:20rpx;padding:20rpx;background:#fff;border-top:1rpx solid #e4e7ed;box-shadow:0 -2rpx 12rpx rgba(0,0,0,.08)}.expert-review-page .action-bar-compact .action-btn{flex:1;height:80rpx;border:none;border-radius:40rpx;font-size:28rpx;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8rpx}.expert-review-page .action-bar-compact .action-btn.save-btn{background:#f5f5f5;color:#606266}.expert-review-page .action-bar-compact .action-btn.submit-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1)!important;color:#fff}.expert-review-page .action-bar-compact .action-btn.submit-btn:disabled{background:#c0c4cc!important;opacity:.6}.expert-review-page .action-bar-compact .action-btn:active:not(:disabled){transform:scale(.98)}.expert-review-page .readonly-tip{display:flex;align-items:center;gap:8rpx;padding:20rpx 24rpx;font-size:24rpx;color:#fa8c16}.home-fab{position:fixed;top:80rpx;right:120rpx;display:flex;align-items:center;justify-content:center;gap:8rpx;background:rgba(24,144,255,.9);-webkit-backdrop-filter:blur(8rpx);backdrop-filter:blur(8rpx);border-radius:60rpx;padding:14rpx 28rpx;box-shadow:0 4rpx 16rpx rgba(0,0,0,.2);z-index:999;transition:all .2s ease}.home-fab:active{transform:scale(.96);background:#1890ff}.home-text{color:#fff;font-size:28rpx;font-weight:500}.home-fab{top:100rpx;right:20rpx}.signature-section{margin-top:20rpx;padding:24rpx;background:#fff;border-radius:16rpx;box-shadow:0 2rpx 8rpx rgba(0,0,0,.06)}.signature-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20rpx}.signature-section .section-header .section-title{font-size:28rpx;font-weight:600;color:#333}.signature-section .section-header .timeout-badge{display:flex;align-items:center;gap:4rpx;padding:4rpx 12rpx;background:#fff2e8;border-radius:12rpx;font-size:22rpx;color:#fa8c16}.signature-content .signed-preview{display:flex;align-items:center;padding:20rpx;background:#f8f9fa;border-radius:12rpx;gap:20rpx}.signature-content .signed-preview .signature-image{width:200rpx;height:100rpx;border:1rpx solid #dcdfe6;border-radius:8rpx;background:#fff}.signature-content .signed-preview .signature-info{flex:1}.signature-content .signed-preview .signature-info .signature-name{display:block;font-size:26rpx;color:#333;margin-bottom:8rpx;font-weight:500}.signature-content .signed-preview .signature-info .signature-time{display:block;font-size:24rpx;color:#666;margin-bottom:8rpx}.signature-content .signed-preview .signature-info .signature-actions{margin-top:12rpx}.signature-content .signed-preview .signature-info .signature-actions .re-sign-btn{padding:8rpx 16rpx;border:1rpx solid #dcdfe6;background:#fff;border-radius:8rpx;font-size:24rpx;color:#f56c6c;display:flex;align-items:center;gap:6rpx}.signature-content .signed-preview .signature-info .signature-actions .re-sign-btn:active{background:#f5f7fa}.signature-content .signature-upload .signature-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200rpx;border:2rpx dashed #c0c4cc;border-radius:12rpx;background:#fafafa;transition:all .3s}.signature-content .signature-upload .signature-upload-area:active{background:#f0f2f5;border-color:#007aff}.signature-content .signature-upload .signature-upload-area .upload-hint{font-size:28rpx;color:#606266;margin-top:16rpx;margin-bottom:8rpx}.signature-content .signature-upload .signature-upload-area .upload-tip{font-size:24rpx;color:#909399}.signature-content .signature-disabled .signature-disabled-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200rpx;border:2rpx solid #e4e7ed;border-radius:12rpx;background:#f8f9fa}.signature-content .signature-disabled .signature-disabled-area .disabled-hint{font-size:28rpx;color:#909399;margin-top:16rpx;margin-bottom:8rpx}.signature-content .signature-disabled .signature-disabled-area .disabled-tip{font-size:24rpx;color:#c0c4cc}.signature-modal{padding:30rpx;background:#fff;border-radius:20rpx 20rpx 0 0;max-height:80vh;overflow:hidden}.signature-modal .modal-header{text-align:center;margin-bottom:30rpx}.signature-modal .modal-header .modal-title{font-size:32rpx;font-weight:600;color:#303133;display:block;margin-bottom:8rpx}.signature-modal .modal-header .modal-subtitle{font-size:24rpx;color:#909399}.signature-modal .signature-canvas-container .signature-canvas{display:block;margin:0 auto;border:2rpx solid #e4e7ed;border-radius:8rpx;background:#fff;touch-action:none}.signature-modal .signature-canvas-container .canvas-actions{display:flex;gap:20rpx;margin:20rpx 0;padding:0 20rpx}.signature-modal .signature-canvas-container .canvas-actions .action-btn{flex:1;height:60rpx;border-radius:30rpx;border:1rpx solid #dcdfe6;background:#fff;font-size:24rpx;display:flex;align-items:center;justify-content:center;gap:8rpx}.signature-modal .signature-canvas-container .canvas-actions .action-btn.clear-btn{color:#f56c6c;border-color:#f56c6c}.signature-modal .signature-canvas-container .canvas-actions .action-btn.redo-btn{color:#1890ff;border-color:#1890ff}.signature-modal .signature-canvas-container .canvas-actions .action-btn.redo-btn:disabled{color:#c0c4cc;border-color:#e4e7ed}.signature-modal .signature-canvas-container .canvas-actions .action-btn.confirm-btn{background:linear-gradient(135deg,#0f95b0,#89c4c1);color:#fff;border:none}.signature-modal .signature-canvas-container .canvas-actions .action-btn.confirm-btn:disabled{background:#c0c4cc;opacity:.6}.signature-modal .signature-canvas-container .canvas-actions .action-btn:active:not(:disabled){transform:scale(.98)}.signature-modal .signature-canvas-container .signature-preview{margin-top:20rpx;padding:20rpx;background:#f8f9fa;border-radius:8rpx}.signature-modal .signature-canvas-container .signature-preview .preview-title{display:block;font-size:24rpx;color:#606266;margin-bottom:12rpx}.signature-modal .signature-canvas-container .signature-preview .preview-image{width:200rpx;height:80rpx;border:1rpx solid #dcdfe6;border-radius:4rpx;background:#fff}@media (max-width: 768px){.expert-review-page{padding:20rpx 20rpx 120rpx}.expert-review-page .review-overview .compact-info-grid{grid-template-columns:1fr}.expert-review-page .action-bar-compact{padding:16rpx;gap:16rpx}.expert-review-page .action-bar-compact .action-btn{height:72rpx;font-size:26rpx}.signature-modal{padding:20rpx}.signature-modal .signature-canvas-container .signature-canvas{width:100%!important;height:250rpx!important}.signature-modal .signature-canvas-container .canvas-actions{gap:12rpx;padding:0}.signature-modal .signature-canvas-container .canvas-actions .action-btn{height:72rpx}}
|
