*{box-sizing:border-box}body{margin:0;background:#f3f7f7;color:#18383e;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.top{height:64px;background:#fff;border-bottom:1px solid #e7efee;display:flex;align-items:center;gap:28px;padding:0 5%;font-size:12px;color:#8b9e9f}.top a{color:#315e60;text-decoration:none;font-weight:600}.top b{color:#b4c6c3}.badge{margin-left:auto;color:#b06d38;background:#fff3e3;border-radius:20px;padding:7px 12px}main{max-width:1440px;margin:auto;padding:48px 5%}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.eyebrow,.label{font-size:10px;letter-spacing:.17em;color:#318d85;font-weight:700}.eyebrow span{color:#c2d7d2}h1{font-size:34px;letter-spacing:.03em;margin:12px 0}p{color:#809594;font-size:13px;line-height:1.7;margin:5px 0}.period{display:flex;flex-direction:column;border-left:1px solid #cbdcd8;padding-left:22px;gap:5px}.period span,.period small{color:#91a3a1;font-size:11px}.period strong{font-size:17px}.disclaimer{color:#a46c3f;background:#fff8ee;padding:11px 16px;border-radius:9px;font-size:12px;margin-bottom:18px}.card{background:#fff;border:1px solid #e7efed;border-radius:16px;box-shadow:0 10px 35px rgba(32,76,68,.045)}.hero{padding:30px 32px}.hero-head{display:flex;justify-content:space-between;align-items:start}.hero h2,.panel h2{font-size:19px;margin:9px 0 4px}.total{display:flex;flex-direction:column;gap:7px;text-align:right}.total span{font-size:11px;color:#92a5a3}.total strong{font-size:32px;letter-spacing:-.03em}.total strong small{font-size:12px;font-weight:400;color:#839b98}.total em{font-style:normal;color:#238b78;font-size:12px}.total i{font-style:normal;color:#9aa9a7;margin-left:5px}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;margin-top:12px}.maparea{min-width:0;align-self:center}#world{width:100%;display:block}.legend{display:flex;align-items:center;gap:5px;color:#99aaa8;font-size:10px;padding-left:12px}.legend i{width:20px;height:7px;background:#c2e1d9}.legend i:nth-of-type(2){background:#8bc7be}.legend i:nth-of-type(3){background:#50aaa2}.legend i:nth-of-type(4){background:#16817c}.legend b{width:9px;height:9px;background:#e7eef0;margin-left:15px}.aside-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #eff3f2;padding-bottom:12px}.aside-title span{font-size:9px;letter-spacing:.13em;color:#a4b5b3}.aside-title h3{font-size:14px;margin:5px 0 0}.aside-title small{color:#a3b4b2}.dest{display:grid;grid-template-columns:30px 1fr auto;padding:9px 0;border-bottom:1px solid #f1f5f4;font-size:12px}.rank{color:#9bafad;font-size:10px}.dest strong{font-size:12px;color:#436964}.note{font-size:10px;color:#a0b1af;margin-top:14px}.bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.panel{padding:28px 30px}.trend{width:100%;margin-top:22px;overflow:visible}.chart-values,.chart-years{text-anchor:middle;font-size:11px;fill:#63827e}.chart-years{fill:#a0b1af}.chapter{margin-top:12px}.chapter>div:first-child{display:flex;justify-content:space-between;font-size:11px;gap:10px}.chapter b{color:#79a6a0;margin-right:8px}.chapter strong{color:#557873}.track{height:4px;background:#eef4f2;margin-top:6px;border-radius:5px}.track i{display:block;height:100%;background:#72b6aa;border-radius:5px}footer{font-size:11px;color:#a0b1ae;text-align:center;padding:25px}@media(max-width:800px){main{padding:30px 18px}.top{padding:0 18px}.top>span:not(.badge){display:none}.intro{align-items:start;gap:15px}h1{font-size:25px}.period{padding-left:12px}.hero{padding:22px 18px}.hero-head{gap:10px}.total strong{font-size:23px}.map-layout,.bottom{grid-template-columns:1fr}.map-layout{gap:25px}.panel{padding:24px 20px}}

.dm-card{background:#11213d;color:#fff;border:1px solid #24385c;border-radius:12px;overflow:hidden;margin:12px 0 18px}.dm-head{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;gap:12px}.dm-head h3{font-size:15px;font-weight:500;margin:0 0 6px;color:#cedaf0}.dm-head small{font-size:9px;letter-spacing:1px;color:#8ba3c6}.dm-actions{display:flex;gap:5px;flex-wrap:wrap}.dm-actions button{background:#203858;border:1px solid #334e72;color:#b4c8e3;border-radius:5px;padding:6px 9px;cursor:pointer;font-size:11px}.dm-actions button.active{background:#526f9a;color:white}.dm-wrap{height:420px;position:relative;background:radial-gradient(ellipse at 64% 49%,#1e3b63bb,transparent 65%)}.dm-wrap svg{display:block;width:100%;height:100%}.dm-tip{position:absolute;left:18px;top:8px;border:1px solid #365276;background:#192d4be8;padding:12px 14px;border-radius:8px;min-width:165px;pointer-events:none}.dm-tip small{font-size:9px;color:#8ba5ca}.dm-tip strong{font-size:17px;font-weight:500;display:block;margin:6px 0;color:#dceaff}.dm-tip p{font-size:11px;color:#a9c1e0;margin:5px 0}.dm-legend{padding:10px 18px;color:#98b0d1;display:flex;gap:15px;font-size:10px;border-top:1px solid #243a5d;flex-wrap:wrap;justify-content:space-between}@media(max-width:700px){.dm-head{align-items:start;flex-direction:column}.dm-wrap{height:280px}.dm-tip{transform:scale(.8);transform-origin:top left}}
.map-note{font-size:11px;color:#8a9f9c;margin-top:4px}.dm-wrap{height:440px}.dm-card{margin-bottom:6px}.dm-head h3{font-size:15px}.dm-tip p{color:#a9c1e0}@media(max-width:700px){.dm-wrap{height:280px}}

/* 贸易总览地图与右侧排名 */
.dm-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10px;padding:0 18px 18px}.dm-map-column{min-width:0;background:#132744;border:1px solid #294365;border-radius:10px;overflow:hidden}.dm-instruction{padding:12px 16px 0;color:#b3c7df;font-size:11px}.dm-wrap{height:390px}.dm-legend{border-color:#294365}.dm-ranking{background:#f9fbfb;color:#294347;border-radius:10px;padding:17px 16px}.dm-rank-title{display:flex;align-items:end;justify-content:space-between;gap:8px}.dm-rank-title small{font-size:9px;letter-spacing:.13em;color:#8ca6a3}.dm-rank-title h4{font-size:15px;margin:6px 0 0}.dm-rank-title>span{font-size:10px;color:#78928f}.dm-columns,.dm-row{display:grid;grid-template-columns:minmax(0,1fr) 86px 80px;align-items:center;gap:3px}.dm-columns{margin-top:15px;padding:0 0 8px;border-bottom:1px solid #dfe9e7;font-size:11px;color:#7c9692}.dm-columns button{border:0;background:none;text-align:right;color:#8b9c9a;font-size:11px;cursor:pointer;padding:3px}.dm-columns button.active{color:#117d74;font-weight:700}.dm-columns button small{display:block;font-size:9px;font-weight:400;margin-top:3px}.dm-row{width:100%;border:0;border-bottom:1px solid #edf2f1;background:transparent;color:#294347;text-align:left;padding:9px 2px;font-size:11px;cursor:pointer}.dm-row:hover,.dm-row.is-focus{background:#e6f3ef}.dm-row i{font-style:normal;color:#93aaa6;font-size:10px;margin-right:9px}.dm-row strong,.dm-row b{text-align:right;font-size:11px}.dm-row .positive{color:#218d7e}.dm-row .negative{color:#bd6b66}.dm-rank-note{font-size:10px;color:#839b98;line-height:1.6;margin:10px 0 0}@media(max-width:900px){.dm-layout{grid-template-columns:1fr}.dm-wrap{height:300px}.dm-ranking{padding:16px}.dm-row{padding:10px 2px}}