*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#333;font-size:14px}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#001529;color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 8px #0000001a}.logo{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.logo h2{font-size:18px;color:#fff}.menu{flex:1;padding:10px 0}.menu-item{padding:12px 24px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s;color:#ffffffa6}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{background:#1890ff;color:#fff}.menu-item .icon{font-size:16px;width:20px;text-align:center}.menu-item .label{font-size:14px}.main-content{flex:1;padding:24px;overflow:auto}.page{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{font-size:24px;color:#333;font-weight:600}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f;margin-bottom:20px}.data-table{width:100%;border-collapse:collapse;background:#fff}.tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid #f0f0f0;padding-bottom:0}.tab{padding:8px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .3s}.tab:hover{color:#1890ff}.tab.active{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #f0f0f0}.data-table th{background:#fafafa;font-weight:600;color:#666;font-size:13px}.data-table tbody tr:hover{background:#fafafa}.btn{padding:8px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;color:#333}.btn:hover{border-color:#1890ff;color:#1890ff}.btn-primary{background:#1890ff;border-color:#1890ff;color:#fff}.btn-primary:hover{background:#40a9ff;border-color:#40a9ff;color:#fff}.btn-danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.btn-danger:hover{background:#ff7875;border-color:#ff7875}.btn-sm{padding:4px 10px;font-size:12px;margin-right:4px}.btn-xs{padding:2px 8px;font-size:11px;margin-right:4px}.btn-lg{padding:12px 32px;font-size:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#666;font-size:13px}.form-control{width:100%;padding:8px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:border-color .2s}.form-control:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;background:#f0f0f0;color:#666}.tag-blue{background:#e6f7ff;color:#1890ff;border:1px solid #91d5ff}.tag-green{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-orange{background:#fff7e6;color:#fa8c16;border:1px solid #ffd591}.tag-purple{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.tag-red{background:#fff1f0;color:#f5222d;border:1px solid #ffa39e}.tag-gray{background:#f5f5f5;color:#666;border:1px solid #d9d9d9}.tag-cyan{background:#e6fffb;color:#13c2c2;border:1px solid #87e8de}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:500px;max-height:90vh;overflow:auto;box-shadow:0 4px 12px #00000026}.modal-lg{width:800px}.modal-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:16px;color:#333}.close-btn{background:none;border:none;font-size:20px;cursor:pointer;color:#999;padding:0;line-height:1}.close-btn:hover{color:#333}.modal-body{padding:20px}.modal-footer{padding:12px 20px;border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;gap:8px}.home-page h1{text-align:center;margin-bottom:8px}.subtitle{text-align:center;color:#666;margin-bottom:40px}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stat-card{background:#fff;border-radius:8px;padding:24px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000f}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f5ff;border-radius:8px}.stat-info h3{font-size:16px;margin-bottom:4px;color:#333}.stat-info p{font-size:13px;color:#999}.filter-tabs{display:flex;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.tab-btn{padding:6px 16px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s}.tab-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.tree-item{padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:8px}.tree-icon{font-size:16px}.tree-label{flex:1;font-size:14px}.inspect-form{display:flex;flex-direction:column;gap:20px}.form-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000000f}.form-section h3{font-size:16px;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #1890ff}.product-info-table{width:100%;border-collapse:collapse}.product-info-table td{padding:8px 12px;border-bottom:1px solid #f0f0f0}.product-info-table .label-cell{width:120px;background:#fafafa;font-weight:500;color:#666}.inspect-table{width:100%;border-collapse:collapse;table-layout:auto}.inspect-table th,.inspect-table td{padding:10px 8px;border:1px solid #e0e0e0;text-align:center;vertical-align:middle}.inspect-table th{background:#f5f5f5;font-weight:600;color:#666;white-space:nowrap}.inspect-table tbody tr:hover{background:#fafafa}.inspect-table td:first-child{text-align:center;width:60px;white-space:nowrap}.group-row{background:#e6f7ff!important}.group-row td{font-weight:600;color:#1890ff;padding:12px}.sub-item-row{background:#fafafa}.sub-item-row .item-name{padding-left:30px}.result-input{border:1px solid #d9d9d9;border-radius:4px;padding:6px 10px;width:100%;min-width:120px}.result-input:focus{border-color:#1890ff;outline:none;box-shadow:0 0 0 2px #1890ff1a}.result-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600}.result-badge.pass{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.result-badge.fail{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.result-badge.pending{background:#f0f0f0;color:#999;border:1px solid #d9d9d9}.result-section{text-align:center}.final-result{display:inline-block;padding:20px 60px;border-radius:8px;font-size:24px;font-weight:700}.final-result.pass{background:#f6ffed;color:#52c41a;border:2px solid #52c41a}.final-result.fail{background:#fff2f0;color:#ff4d4f;border:2px solid #ff4d4f}.final-result.pending{background:#f0f0f0;color:#999;border:2px solid #d9d9d9}.signature-section{text-align:center}.signature-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}.signature-row>div{text-align:left}.signature-row label{display:block;margin-bottom:8px;font-weight:500;color:#333}.signature-row canvas{border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:crosshair;margin-bottom:8px}.actions{text-align:center;padding-top:20px}.filter-card{padding:16px 20px}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.print-content{background:#fff;padding:0;overflow-x:auto}.print-report{font-family:SimSun,serif}.report-header{text-align:center;border-bottom:2px solid #333;padding-bottom:16px;margin-bottom:20px}.report-header h1{font-size:22px;margin-bottom:8px}.report-header p{font-size:14px;color:#666}.report-section{margin-bottom:20px}.report-section h3{font-size:16px;border-left:3px solid #1890ff;padding-left:8px;margin-bottom:12px;color:#333}.info-table,.result-table{width:100%;border-collapse:collapse}.info-table td,.result-table td,.result-table th{border:1px solid #333;padding:8px 12px;text-align:center}.info-table td:nth-child(odd){background:#f0f0f0;font-weight:500}.result-table th{background:#f0f0f0;font-weight:600}.result-table .pass{color:#52c41a;font-weight:700}.result-table .fail{color:#ff4d4f;font-weight:700}.highlight{font-weight:700;color:#1890ff}.report-signature{margin-top:30px;display:inline-block;width:45%}.report-signature p{font-size:14px;margin-bottom:8px;color:#333}.report-signature img{max-width:200px;border:1px solid #ddd;border-radius:4px}.print-actions{text-align:center;padding:20px 0;border-top:1px solid #f0f0f0;margin-top:20px}.record-detail h3{font-size:16px;margin-bottom:12px;color:#333}.record-detail p{margin-bottom:8px;line-height:1.6}.record-detail hr{margin:16px 0;border:none;border-top:1px solid #f0f0f0}.record-detail .data-table{margin-top:12px}.items-checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding:12px;border:1px solid #f0f0f0;border-radius:4px;background:#fafafa}.item-checkbox{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;transition:all .2s}.item-checkbox:hover{border-color:#1890ff;background:#f0f5ff}.item-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.item-checkbox input[type=checkbox]:checked+span{color:#1890ff;font-weight:600}@media (max-width: 768px){.sidebar{width:60px}.menu-item .label{display:none}.main-content{padding:16px}.form-row,.signature-row{grid-template-columns:1fr}.modal-content{width:95%}}