.traceability-page[data-v-3f5d78b6]{min-height:100vh;background:#f5f7fa;padding:0}.page-header[data-v-3f5d78b6]{position:relative;background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;margin-bottom:0;overflow:hidden}.page-header .header-image[data-v-3f5d78b6]{width:100%;height:240px;position:relative;overflow:hidden}.page-header .header-image[data-v-3f5d78b6]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(44,62,80,.9)));background:linear-gradient(180deg,transparent 0,rgba(44,62,80,.9))}.page-header .header-image img[data-v-3f5d78b6]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.page-header .header-image img[data-v-3f5d78b6]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.page-header .header-content[data-v-3f5d78b6]{position:absolute;bottom:0;left:0;right:0;padding:20px;text-align:left;z-index:1;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.6)),to(transparent));background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent)}.page-header .header-content h1[data-v-3f5d78b6]{font-size:24px;color:#fff;margin:0;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.page-header .header-content .product-name[data-v-3f5d78b6]{font-size:16px;color:hsla(0,0%,100%,.9);margin-top:8px;font-weight:300}.nav-grid[data-v-3f5d78b6]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;padding:15px;background:#fff;border-radius:0;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.06);box-shadow:0 2px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:100;margin-bottom:15px}.nav-grid[data-v-3f5d78b6],.nav-item[data-v-3f5d78b6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.nav-item[data-v-3f5d78b6]{padding:10px 20px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border-radius:8px;gap:8px;border:1px solid #e2e8f0;min-width:140px}.nav-item[data-v-3f5d78b6]:hover{background:#f8fafc;border-color:#3498db;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-item.active[data-v-3f5d78b6]{background:#edf2f7;border-color:#3498db}.nav-item.active .nav-label[data-v-3f5d78b6]{color:#2c3e50;font-weight:500}.nav-item.active .nav-icon[data-v-3f5d78b6]{-webkit-transform:scale(1.1);transform:scale(1.1)}.nav-item .nav-icon[data-v-3f5d78b6]{width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;margin:0}.nav-item .nav-icon img[data-v-3f5d78b6]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.nav-item .nav-label[data-v-3f5d78b6]{font-size:14px;color:#64748b;white-space:nowrap}.content-area[data-v-3f5d78b6]{max-width:800px;margin:0 auto;padding:0 15px}.content-area section[data-v-3f5d78b6]{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.04);box-shadow:0 2px 12px rgba(0,0,0,.04);scroll-margin-top:120px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.content-area section[data-v-3f5d78b6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 16px rgba(0,0,0,.08);box-shadow:0 4px 16px rgba(0,0,0,.08)}.section-title[data-v-3f5d78b6]{font-size:18px;color:#2c3e50;font-weight:600;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #edf2f7;position:relative}.section-title[data-v-3f5d78b6]:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:#3498db}.info-grid[data-v-3f5d78b6]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.info-item[data-v-3f5d78b6]{background:#f8fafc;padding:15px;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.info-item[data-v-3f5d78b6]:hover{background:#edf2f7}.info-item .info-label[data-v-3f5d78b6]{color:#64748b;font-size:13px;font-weight:500}.info-item .info-value[data-v-3f5d78b6]{color:#334155;font-size:15px;font-weight:500}.content-box[data-v-3f5d78b6]{background:#f8fafc;padding:15px;border-radius:8px;font-size:14px;line-height:1.6;color:#475569;margin:0}.farming-timeline .farming-item[data-v-3f5d78b6]{background:#fff;border-radius:12px;padding:20px;margin-bottom:15px;border:1px solid #edf2f7;-webkit-transition:all .3s ease;transition:all .3s ease}.farming-timeline .farming-item[data-v-3f5d78b6]:hover{border-color:#e2e8f0;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05)}.farming-timeline .farming-item .farming-image[data-v-3f5d78b6]{margin-bottom:15px;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.farming-timeline .farming-item .farming-image img[data-v-3f5d78b6]{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.farming-timeline .farming-item .farming-image img[data-v-3f5d78b6]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.farming-timeline .farming-item .farming-content .farming-name[data-v-3f5d78b6]{font-size:17px;color:#2c3e50;margin-bottom:10px;font-weight:600}.farming-timeline .farming-item .farming-content .operator-info[data-v-3f5d78b6]{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.farming-timeline .farming-item .farming-content .operator-info .operator-name[data-v-3f5d78b6]{font-size:14px;color:#475569;font-weight:500}.farming-timeline .farming-item .farming-content .operator-info .operator-label[data-v-3f5d78b6]{font-size:13px;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:4px}.farming-timeline .farming-item .farming-content .farming-time[data-v-3f5d78b6]{font-size:13px;color:#94a3b8}.iot-grid[data-v-3f5d78b6]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.iot-card[data-v-3f5d78b6]{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s ease;transition:all .3s ease;border:1px solid #e2e8f0}.iot-card[data-v-3f5d78b6]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.05);box-shadow:0 4px 12px rgba(0,0,0,.05);border-color:#cbd5e1}.iot-card .iot-content .iot-name[data-v-3f5d78b6]{font-size:13px;color:#64748b;display:block;margin-bottom:6px;font-weight:500}.iot-card .iot-content .iot-value[data-v-3f5d78b6]{font-size:24px;color:#2c3e50;font-weight:600;letter-spacing:-.5px}.iot-card .iot-icon[data-v-3f5d78b6]{width:40px;height:40px;background:#fff;border-radius:10px;padding:8px;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.06);box-shadow:0 2px 6px rgba(0,0,0,.06)}.iot-card .iot-icon img[data-v-3f5d78b6]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.preview-container[data-v-3f5d78b6]{width:100%;height:80vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.95)}.preview-container img[data-v-3f5d78b6]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}@-webkit-keyframes fadeIn-data-v-3f5d78b6{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-data-v-3f5d78b6{0%{opacity:0;-webkit-transform:translateY(15px);transform:translateY(15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideDown-data-v-3f5d78b6{0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown-data-v-3f5d78b6{0%{opacity:0;-webkit-transform:translateY(-15px);transform:translateY(-15px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}