| :root{color-scheme:light} |
| .gradio-container{max-width:1440px!important;margin:auto!important;padding:30px 28px 60px!important;background:#f4f7fb!important;color:#16263d!important;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif!important} |
| .block{border-color:#dce5ef!important;border-radius:13px!important;box-shadow:none!important} |
| .form{border-color:#dce5ef!important} |
| label,.label-wrap{font-weight:650!important} |
| #upload-panel{background:#fff;border:1px solid #dce5ef;border-radius:18px;padding:21px;gap:14px;min-width:260px} |
| #upload-panel h3{font-size:18px;margin-bottom:6px;color:#18314c} |
| #upload-panel .prose p{color:#60748c;font-size:13px} |
| #run-button{min-height:51px!important;border-radius:11px!important;font-size:16px!important;font-weight:750!important;background:#087f85!important;color:white!important;border-color:#087f85!important;box-shadow:0 4px 12px #087f8520!important} |
| #run-button:hover{background:#06666b!important} |
| #original-preview{background:#e9eff5!important} |
| #original-preview img,.attention-image img{width:100%!important;height:100%!important;object-fit:contain!important} |
| #analysis-section{margin-top:28px;gap:18px} |
| #analysis-tabs{background:#fff;border:1px solid #dce5ef;border-radius:16px;padding:16px;overflow:hidden} |
| #analysis-tabs .tab-nav{gap:5px;border-bottom:1px solid #e4ebf3;padding-bottom:12px;margin-bottom:18px} |
| #analysis-tabs .tab-nav button{padding:12px 18px;border-radius:9px;font-weight:650;color:#4c627b;border:0} |
| #analysis-tabs .tab-nav button[aria-selected="true"]{background:#e1f3f2;color:#006d73;box-shadow:inset 0 0 0 1px #b5dcda} |
| #analysis-tabs [role="tablist"]{gap:5px;border-bottom:1px solid #e4ebf3;padding-bottom:12px;margin-bottom:18px;flex-wrap:wrap} |
| #analysis-tabs [role="tab"]{padding:12px 18px!important;border-radius:9px!important;font-weight:650!important;color:#4c627b!important;border:0!important} |
| #analysis-tabs [role="tab"][aria-selected="true"]{background:#e1f3f2!important;color:#006d73!important;box-shadow:inset 0 0 0 1px #b5dcda} |
| #analysis-section .prose p{font-size:13px;color:#52687e;line-height:1.65} |
| #analysis-section .prose h2{font-size:23px;color:#18314c;margin-top:5px} |
| .section-kicker{font-size:13px;color:#13868a;font-weight:750;letter-spacing:.04em;margin-bottom:3px} |
| .attention-image{background:#e9eff5!important} |
| #top-crops{background:#fff!important} |
| #top-crops .caption{font-weight:650!important;font-size:13px!important;background:#fff!important;color:#17334e!important} |
| #technical-details{margin-top:22px} |
| #footer-note{margin-top:18px;text-align:center;color:#6b7f93;font-size:12px} |
| .setting-help{font-size:12px;color:#60748c} |
| @media(max-width:760px){.gradio-container{padding:14px 12px 35px!important}#upload-panel{padding:16px}#analysis-tabs{padding:9px}#analysis-tabs .tab-nav button{padding:10px;font-size:12px}#analysis-section{margin-top:18px}} |
| @media(max-width:760px){ |
| .gradio-container{width:100%!important;min-width:0!important;max-width:100vw!important} |
| .gradio-container .main{min-width:0!important;padding:0!important;width:100%!important} |
| .row,.column,.block{min-width:0!important;max-width:100%!important} |
| #analysis-tabs [role="tablist"]{flex-wrap:wrap!important;min-width:0!important;width:100%} |
| #analysis-tabs [role="tab"]{white-space:normal!important;padding:9px!important;font-size:12px!important} |
| #top-crops [style*="grid-template-columns"]{grid-template-columns:repeat(2,minmax(0,1fr))!important} |
| } |
|
|
| #example-section{margin-top:20px;padding:18px;background:#f7fafc;border:1px solid #dce6ef;border-radius:14px} |
| #example-section .prose h3{color:#17334e;font-size:18px;margin:0 0 4px} |
| #example-section .prose p{font-size:12px;color:#5c7186} |
| #example-gallery{background:transparent!important;border:0!important} |
| #example-gallery .grid-container{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:190px!important} |
| #example-gallery .caption-label{font-size:12px!important;font-weight:650!important;color:#24415a!important;background:#fff!important;white-space:normal!important} |
| #example-info{font-size:12px;color:#38566d} |
| @media(max-width:760px){#example-section{padding:12px}#example-gallery .grid-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:170px!important}} |
|
|
| #example-gallery .gallery-container,#example-gallery .grid-wrap,#example-gallery .grid-container{height:auto!important;max-height:none!important} |
| #example-gallery .gallery-item{min-height:0!important} |
|
|
