.page{--ink:#192337;--muted:#7c8798;--line:#e4e8ed;min-height:100vh;background:#f4f6f3;color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}.page *{box-sizing:border-box}.page button{font:inherit}.topbar{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(223,228,225,.9);background:rgba(255,255,255,.91);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;min-width:300px;color:inherit;text-decoration:none}.brand>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#2f8a6d,#1f654f);box-shadow:0 8px 19px rgba(34,112,85,.22);color:#fff;font-size:13px;font-weight:800}.brand>div{display:flex;flex-direction:column;gap:2px}.brand strong{font-size:13px}.brand small{color:#9ba4af;font-size:7px;letter-spacing:1.5px}.topbar nav{display:flex;align-self:stretch;gap:5px}.topbar nav a{display:flex;align-items:center;padding:0 13px;border-bottom:2px solid transparent;color:#768193;text-decoration:none;font-size:10px}.topbar nav a:hover{border-color:var(--accent);color:var(--accent)}.status{display:flex;align-items:center;gap:7px;margin-left:auto;color:#7d8794;font-size:9px}.status i{width:7px;height:7px;border:2px solid #c8ead7;border-radius:50%;background:#31a96c}.page main{padding-bottom:70px}.hero{min-height:250px;display:flex;align-items:center;justify-content:space-between;gap:45px;padding:44px 6vw 58px;background:radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 33%),linear-gradient(135deg,#fcfffd,#edf4ee)}.hero>div:first-child{max-width:690px}.hero p,.sectionTitle p{margin:0 0 10px;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:2px}.hero h1{margin:0 0 12px;font-size:34px;letter-spacing:-1px}.hero>div:first-child>span{color:#778392;font-size:11px;line-height:1.8}.metrics{display:grid;grid-template-columns:repeat(3,126px);gap:9px}.metrics article{min-height:102px;display:flex;flex-direction:column;padding:16px;border:1px solid #dfe7e2;border-radius:12px;background:rgba(255,255,255,.8);box-shadow:0 8px 25px rgba(45,71,59,.05)}.metrics small{color:#8d978f;font-size:8px}.metrics strong{margin:6px 0 3px;font-size:25px}.metrics span{color:#9da59f;font-size:8px}.atlas{position:relative;z-index:2;width:min(1500px,92vw);margin:-25px auto 0}.tabs{display:flex;overflow-x:auto;padding:6px;border:1px solid var(--line);border-radius:12px 12px 0 0;background:#fff}.tabs button{min-width:95px;display:flex;flex:1;align-items:flex-start;flex-direction:column;gap:2px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#778393;cursor:pointer;font-size:10px;text-align:left;white-space:nowrap}.tabs button small{color:#a3abb5;font-size:7px}.tabs button:hover{background:#f4f7f5}.tabs .activeTab{background:color-mix(in srgb,var(--accent) 10%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-weight:750}.tabs .activeTab small{color:color-mix(in srgb,var(--accent) 70%,#9aa)}.mapLayout{display:grid;grid-template-columns:minmax(650px,1fr) 350px;gap:14px;margin-top:14px}.mapPanel,.detailPanel{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 10px 30px rgba(36,52,45,.06)}.mapPanel>header{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 20px;border-bottom:1px solid var(--line)}.mapPanel>header small,.detailPanel>header small{color:var(--accent);font-size:7px;font-weight:800;letter-spacing:1.3px}.mapPanel>header h2{margin:5px 0 4px;font-size:17px}.mapPanel>header p{margin:0;color:#87919e;font-size:8px}.legend{display:flex;gap:12px;color:#8a949f;font-size:8px}.legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.legend i{width:12px;height:8px;border-radius:2px;background:color-mix(in srgb,var(--accent) 65%,#fff);box-shadow:0 3px 8px color-mix(in srgb,var(--accent) 22%,transparent)}.legend span:last-child i{background:#e7ece9;box-shadow:none}.mapCanvas{position:relative;min-height:590px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fbfdfc,#f3f7f4 72%)}.mapCanvas::before{content:"";position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(87,111,98,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(87,111,98,.045) 1px,transparent 1px);background-size:32px 32px}.mapCanvas svg{position:relative;z-index:1;width:100%;height:100%;max-height:620px;min-height:540px}.mapRegion{fill:#e6ebe8;stroke:#fff;stroke-width:1.3;vector-effect:non-scaling-stroke;transition:fill .16s,filter .16s,transform .16s;transform-box:fill-box;transform-origin:center}.markedRegion{fill:color-mix(in srgb,var(--accent) 58%,#fff);cursor:pointer}.markedRegion:hover{fill:color-mix(in srgb,var(--accent) 76%,#fff);filter:drop-shadow(0 4px 7px color-mix(in srgb,var(--accent) 30%,transparent));transform:translateY(-1px)}.selectedRegion{fill:var(--accent);filter:drop-shadow(0 7px 10px color-mix(in srgb,var(--accent) 42%,transparent)) url(#mapGlow)}.mapTooltip{position:absolute;top:18px;left:18px;z-index:5;display:flex;flex-direction:column;gap:3px;padding:9px 12px;border:1px solid rgba(216,222,219,.9);border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 9px 24px rgba(29,48,39,.1);pointer-events:none}.mapTooltip strong{font-size:9px}.mapTooltip span{color:#8c959e;font-size:7px}.mapHint{position:absolute;right:17px;bottom:16px;z-index:4;padding:7px 10px;border-radius:6px;background:rgba(31,47,40,.78);color:#fff;font-size:7px;backdrop-filter:blur(8px)}.mapLoading{position:absolute;z-index:6;display:grid;place-items:center;color:#8a959e;text-align:center}.mapLoading span{width:35px;height:35px;border:3px solid #dce5e0;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.mapLoading b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f5e9e7;color:#b95b4f}.mapLoading p{font-size:8px}.detailPanel{position:sticky;top:83px}.detailPanel>header{position:relative;min-height:126px;padding:21px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,#fff),#fff)}.detailPanel>header>span{position:absolute;top:20px;right:20px;color:color-mix(in srgb,var(--accent) 40%,#b8bec3);font-size:30px;font-weight:850;opacity:.45}.detailPanel>header h2{margin:9px 0 3px;font-size:22px}.detailPanel>header p{margin:0;color:#929ba6;font-size:8px}.detailBody{padding:17px}.detailBody section>span{display:block;margin-bottom:9px;color:#737f90;font-size:8px;font-weight:750}.cropGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cropGrid article{display:flex;align-items:center;gap:7px;min-height:54px;padding:8px;border-radius:8px;background:#f5f7f5}.cropGrid article>b{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);font-size:9px}.cropGrid article>div{display:flex;min-width:0;flex-direction:column;gap:3px}.cropGrid strong{font-size:9px}.cropGrid small{color:#a0a7af;font-size:6px}.detailBody dl{margin:17px 0;padding:11px 0;border-top:1px solid #edf0ee;border-bottom:1px solid #edf0ee}.detailBody dl>div{display:grid;grid-template-columns:72px 1fr;gap:6px;margin:6px 0;font-size:8px}.detailBody dt{color:#9aa2ab}.detailBody dd{margin:0;color:#526174}.originNote p{margin:0;padding:11px;border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,#fff);color:#75808d;font-size:8px;line-height:1.75}.detailPanel>footer{padding:0 17px 17px}.detailPanel>footer button{width:100%;height:35px;border:0;border-radius:7px;background:var(--accent);box-shadow:0 6px 14px color-mix(in srgb,var(--accent) 24%,transparent);color:#fff;cursor:pointer;font-size:8px;font-weight:700}.regionSection{width:min(1500px,92vw);margin:48px auto 0}.sectionTitle{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px}.sectionTitle h2{margin:0;font-size:22px}.sectionTitle>span{color:#89939e;font-size:9px}.regionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.regionGrid>button{min-width:0;display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;color:inherit;cursor:pointer;text-align:left;transition:transform .16s,box-shadow .16s,border-color .16s}.regionGrid>button:hover,.regionGrid>.activeRegionCard{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 6%,#fff));box-shadow:0 10px 25px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-2px)}.regionGrid>button>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,#fff);color:var(--accent);font-size:8px;font-weight:800}.regionGrid>button>div{min-width:0;flex:1}.regionGrid small{color:var(--accent);font-size:7px}.regionGrid strong{display:block;margin:4px 0 5px;font-size:11px}.regionGrid p{overflow:hidden;margin:0 0 9px;color:#858f9b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.regionGrid footer{display:flex;flex-wrap:wrap;gap:4px}.regionGrid footer i{padding:3px 6px;border-radius:5px;background:#f1f4f2;color:#6f7b89;font-size:7px;font-style:normal}.regionGrid>button>b{align-self:center;color:#9aa2ab;font-size:8px;white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.hero{align-items:flex-start;flex-direction:column}.metrics{width:100%;grid-template-columns:repeat(3,1fr)}.mapLayout{grid-template-columns:1fr}.detailPanel{position:static}.detailBody{display:grid;grid-template-columns:1fr 1fr;gap:17px}.detailBody dl{margin:0}.originNote{grid-column:1/-1}}
@media(max-width:760px){.topbar{height:60px;padding:0 18px}.brand{min-width:0}.brand>div,.topbar nav,.status{display:none}.hero{padding:34px 20px 48px}.hero h1{font-size:27px}.metrics{gap:6px}.metrics article{min-height:84px;padding:12px}.atlas{width:100%;padding:0 10px}.tabs{border-radius:11px}.tabs button{min-width:88px}.mapLayout{margin-top:9px}.mapPanel>header{align-items:flex-start;flex-direction:column}.mapCanvas{min-height:400px}.mapCanvas svg{min-height:390px}.detailBody{grid-template-columns:1fr}.originNote{grid-column:auto}.regionSection{width:auto;margin:35px 14px 0}.regionGrid{grid-template-columns:1fr}.sectionTitle{align-items:flex-start;gap:7px;flex-direction:column}.regionGrid p{white-space:normal}.regionGrid>button>b{display:none}}
@media(max-width:440px){.metrics{grid-template-columns:1fr}.metrics article{min-height:70px}.mapCanvas{min-height:340px}.mapCanvas svg{min-height:330px}.cropGrid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.mapRegion{cursor:pointer}.mapRegion:hover,.mapRegion:focus-visible{fill:color-mix(in srgb,var(--accent) 38%,#fff);filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--accent) 24%,transparent));outline:none}.selectedRegion{fill:var(--accent)!important;stroke:rgba(255,255,255,.92);stroke-width:1.5;filter:drop-shadow(0 9px 13px color-mix(in srgb,var(--accent) 46%,transparent)) url(#mapGlow);transform:translateY(-1px)}.emptyProduce{min-height:145px;display:grid;place-content:center;justify-items:center;padding:20px;border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,#fff);text-align:center}.emptyProduce>b{width:36px;height:36px;display:grid;place-items:center;margin-bottom:8px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,#fff);color:var(--accent);font-size:17px}.emptyProduce>span{margin:0!important;color:#566474!important;font-size:10px!important}.emptyProduce>p{max-width:220px;margin:7px 0 0;color:#929ba4;font-size:8px;line-height:1.65}
.mapLabel{pointer-events:none;filter:drop-shadow(0 6px 10px color-mix(in srgb,var(--accent) 32%,transparent))}.mapLabel circle{fill:#fff;stroke:var(--accent);stroke-width:4;vector-effect:non-scaling-stroke}.mapLabel>path{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.mapLabel rect{fill:var(--accent)}.mapLabel text{fill:#fff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:11px;font-weight:750;text-anchor:middle}
.mapTooltip small{color:#a1a8af;font-size:6px}
.mapViewport{transform-box:view-box;transform-origin:center;transition:transform .28s ease}
.usaInsets rect{fill:rgba(255,255,255,.5);stroke:color-mix(in srgb,var(--accent) 18%,#dce3df);stroke-width:1;stroke-dasharray:4 4}.usaInsets text{fill:color-mix(in srgb,var(--accent) 62%,#7c8792);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:9px;font-weight:700;letter-spacing:.5px}
.drilldownSection{width:min(1500px,92vw);margin:48px auto 0;padding-top:6px}.drilldownHeader{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:14px}.drilldownHeader p{margin:0 0 8px;color:var(--accent);font-size:8px;font-weight:800;letter-spacing:1.8px}.drilldownHeader h2{margin:0 0 7px;font-size:24px}.drilldownHeader span{color:#86909d;font-size:9px}.drilldownHeader>button{padding:9px 14px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:8px;background:#fff;color:var(--accent);cursor:pointer;font-size:8px;font-weight:700}.cityList{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.cityList button{min-width:0;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:inherit;cursor:pointer;text-align:left}.cityList button:hover,.cityList .activeCity{border-color:color-mix(in srgb,var(--accent) 34%,var(--line));background:color-mix(in srgb,var(--accent) 7%,#fff)}.cityList button>span{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,#fff);color:var(--accent);font-size:7px;font-weight:800}.cityList button>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.cityList small{overflow:hidden;color:#9ba3ac;font-size:6px;text-overflow:ellipsis;white-space:nowrap}.cityList strong{font-size:9px}.cityList button>b{color:#818c98;font-size:7px;font-weight:500;white-space:nowrap}
@media(max-width:1100px){.cityList{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.drilldownSection{width:auto;margin:35px 10px 0}.drilldownHeader{align-items:flex-start;flex-direction:column}.cityList{grid-template-columns:1fr 1fr}.cityList button>b{display:none}}
@media(max-width:440px){.cityList{grid-template-columns:1fr}}