File size: 4,504 Bytes
330c69d 9f3f073 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 | :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}
|