@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Inter:wght@400;500;600;700&display=swap";:root{--color-brand-primary:#059669;--color-brand-light:#34d399;--color-brand-dark:#047857;--color-bg-base:#f8fafc;--color-bg-card:#fff;--color-text-primary:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-brand:0 10px 15px -3px #0596694d;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-normal:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Noto Sans TC,sans-serif;line-height:1.5}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:var(--transition-normal);padding:2rem}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.input-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.input-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-md);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);background-color:var(--color-bg-base);transition:var(--transition-fast);padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input-field:focus{border-color:var(--color-brand-light);background-color:#fff;outline:none;box-shadow:0 0 0 3px #34d39933}.btn-primary{background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-dark));color:#fff;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:var(--shadow-brand);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.app-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#fffffff2;padding:1.25rem 0 1rem;position:sticky;top:0;box-shadow:0 4px 6px -1px #00000008}.header-logo{object-fit:contain;width:auto;height:58px}.header-title{color:var(--color-brand-dark);letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.2}.header-subtitle{color:var(--color-text-secondary);margin-top:.15rem;font-size:.85rem}.hero-title{color:var(--color-brand-dark);letter-spacing:-.025em;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.hero-subtitle{color:var(--color-text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.results-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.badge{white-space:nowrap;text-align:center;width:4rem;height:4rem;color:var(--color-brand-dark);background-color:#0596691a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.pesticide-detail-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;padding:.5rem 0;font-size:.875rem;display:flex}.pesticide-detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-secondary)}.detail-value{color:var(--color-text-primary);text-align:right;max-width:60%;font-weight:500}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.wizard-breadcrumb{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.breadcrumb-btn{color:var(--color-brand-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500;display:inline-flex}.breadcrumb-btn:hover{background:#05966914}.breadcrumb-active{color:var(--color-text-primary);cursor:default;font-weight:700}.breadcrumb-active:hover{background:0 0}.breadcrumb-sep{color:var(--color-text-muted);flex-shrink:0}.step-indicator{justify-content:center;align-items:center;gap:0;margin-bottom:2rem;display:flex}.step-dot{background:var(--color-bg-base);border:2px solid var(--color-border);width:28px;height:28px;color:var(--color-text-muted);transition:var(--transition-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.step-dot.active{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff;box-shadow:0 0 0 4px #05966926}.step-dot.done{background:var(--color-brand-light);border-color:var(--color-brand-light);color:#fff}.step-line-container{background:var(--color-border);width:60px;height:2px;position:relative}.step-line{background:var(--color-brand-light);width:0%;height:100%;transition:width .4s;position:absolute;top:0;left:0}.step-line.done{width:100%}.back-btn{border:1px solid var(--color-border);background:var(--color-bg-card);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.back-btn:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:#fff}.ingredient-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.ingredient-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--transition-normal);opacity:0;flex-direction:column;gap:.75rem;padding:1.25rem;animation:.4s ease-out forwards fadeIn;display:flex}.ingredient-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-md), 0 0 0 2px #0596691a;transform:translateY(-3px)}.ingredient-card-header{align-items:center;gap:.5rem;display:flex}.ingredient-icon{color:var(--color-brand-primary);flex-shrink:0}.ingredient-name{color:var(--color-text-primary);font-size:1.05rem;font-weight:700}.ingredient-card-meta{flex-direction:column;gap:.2rem;display:flex}.ingredient-en{color:var(--color-text-secondary);letter-spacing:.02em;font-family:Inter,monospace;font-size:.75rem}.ingredient-code{color:var(--color-text-muted);font-size:.7rem}.ingredient-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.ingredient-product-count{color:var(--color-text-muted);align-items:center;gap:.3rem;font-size:.75rem;display:flex}.ingredient-arrow{color:var(--color-brand-light);transition:var(--transition-fast)}.ingredient-card:hover .ingredient-arrow{color:var(--color-brand-primary);transform:translate(3px)}.formulation-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.formulation-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--transition-normal);opacity:0;flex-direction:column;gap:.6rem;padding:1.25rem;animation:.4s ease-out forwards fadeIn;display:flex}.formulation-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-md), 0 0 0 2px #0596691a;transform:translateY(-3px)}.formulation-card-header{align-items:center;gap:.6rem;display:flex}.formulation-icon{color:var(--color-brand-primary)}.formulation-type{color:var(--color-text-primary);font-size:1rem;font-weight:700;display:block}.formulation-code{color:var(--color-text-muted);margin-top:.1rem;font-size:.7rem;display:block}.formulation-content{color:var(--color-brand-dark);border-radius:var(--radius-md);background:#0596690f;width:fit-content;padding:.35rem .65rem;font-size:.9rem;font-weight:600;display:inline-block}.formulation-card-footer{color:var(--color-text-muted);align-items:center;gap:1rem;margin-top:auto;font-size:.75rem;display:flex}.formulation-scope-count,.formulation-product-count{align-items:center;gap:.25rem;display:flex}.product-badge{background:var(--color-bg-base);border:1px solid var(--color-border);color:var(--color-text-primary);white-space:nowrap;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.78rem;display:inline-flex}.scope-table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);-webkit-overflow-scrolling:touch;overflow-x:auto}.scope-table{border-collapse:collapse;width:100%;min-width:1400px;font-size:.82rem}.scope-th{background:var(--color-bg-base);border-bottom:2px solid var(--color-border);text-align:left;color:var(--color-text-secondary);white-space:nowrap;z-index:1;padding:.7rem .6rem;font-size:.78rem;font-weight:700;position:sticky;top:0}.scope-th.sticky-col{z-index:3;background:var(--color-bg-base);position:sticky;left:0}.scope-td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:top;padding:.6rem;line-height:1.4}.scope-td.sticky-col{z-index:1;background:inherit;position:sticky;left:0}.scope-crop{color:var(--color-brand-dark);white-space:nowrap;font-weight:700}.scope-highlight{text-align:center;font-weight:600}.scope-text-small{color:var(--color-text-secondary);max-width:160px;font-size:.76rem}.scope-row-even{background-color:#fff}.scope-row-odd{background-color:var(--color-bg-base)}.scope-row-even:hover,.scope-row-odd:hover{background-color:#0596690a}.scope-badge{white-space:nowrap;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600;display:inline-block}.scope-badge-extend{color:#2563eb;background:#3b82f61a}.scope-badge-normal{color:var(--color-brand-dark);background:#0596691a}.calc-container{max-width:520px;margin:1.5rem auto 0}.calc-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.calc-header-icon{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-brand-primary), var(--color-brand-dark));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.calc-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.calc-subtitle{color:var(--color-text-secondary);margin:.1rem 0 0;font-size:.82rem}.calc-tabs{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:.25rem;margin-bottom:1.25rem;padding:.3rem;display:flex}.calc-tab{color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-normal);background:0 0;border:none;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .5rem;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.calc-tab:hover{color:var(--color-text-primary);background:#00000008}.calc-tab-active{box-shadow:var(--shadow-sm);font-weight:600;background:var(--color-bg-card)!important;color:var(--tab-color,var(--color-brand-primary))!important}.calc-body{flex-direction:column;gap:1rem;display:flex}.calc-inputs-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.calc-input-group{flex-direction:column;gap:.4rem;display:flex}.calc-input-label{color:var(--color-text-primary);font-size:.85rem;font-weight:600}.calc-input-row{align-items:center;gap:.6rem;display:flex}.calc-input-field{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);background:var(--color-bg-base);transition:var(--transition-fast);appearance:textfield;flex:1;padding:.7rem 1rem;font-family:inherit;font-size:1rem}.calc-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.calc-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-input-field:focus{border-color:var(--color-brand-light);background:#fff;outline:none;box-shadow:0 0 0 3px #34d39926}.calc-input-unit{color:var(--color-text-secondary);white-space:nowrap;min-width:4.5rem;font-size:.85rem}.calc-result-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.calc-result-box:before{content:"";background:linear-gradient(90deg, var(--accent,var(--color-brand-primary)), transparent);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.calc-result-label{color:var(--color-text-secondary);margin-bottom:.25rem;font-size:.82rem;font-weight:500;display:block}.calc-result-value-row{justify-content:center;align-items:baseline;gap:.4rem;display:flex}.calc-result-value{color:var(--color-text-primary);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:800;line-height:1.1}.calc-result-unit{color:var(--color-text-secondary);font-size:.95rem;font-weight:500}.calc-footnote{text-align:center;color:var(--color-text-muted);margin-top:.75rem;font-size:.78rem}@media (width<=640px){.ingredient-grid{grid-template-columns:1fr}.formulation-grid{grid-template-columns:1fr 1fr}.step-line-container{width:30px}.calc-tab span{font-size:.78rem}}