.qushitubiao{width:100%;height:227px;position:relative;margin-bottom:20px;overflow:hidden;background:linear-gradient(180deg,rgba(4,30,77,.18) 0%,rgba(2,17,47,.38) 100%);}
.trend-chart{height:100%;display:flex;gap:14px;padding:8px 6px 0 0;position:relative;background:radial-gradient(circle at 52% 44%,rgba(15,76,157,.1) 0%,rgba(7,28,67,0) 52%),linear-gradient(180deg,rgba(6,24,61,.08) 0%,rgba(4,17,44,.36) 100%);}
.trend-chart__y-axis{width:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:2px 0 33px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.3px;text-shadow:0 0 8px rgba(0,0,0,.45);}
.trend-chart__plot{flex:1;position:relative;height:100%;padding:4px 0 33px;}
.trend-chart__grid{position:absolute;inset:0 0 33px 0;display:flex;flex-direction:column;justify-content:space-between;}
.trend-chart__grid i{display:block;width:100%;height:1px;background:linear-gradient(90deg,rgba(60,130,205,.42) 0%,rgba(48,118,194,.28) 100%);box-shadow:0 0 10px rgba(5,106,198,.1);}
.trend-chart__svg{position:absolute;inset:0 0 33px 0;width:100%;height:calc(100% - 33px);overflow:visible;}
.trend-chart__area{fill:url(#trendAreaGradient);}
.trend-chart__line{fill:none;stroke:#16c7ff;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(0,208,255,.45));}
.trend-chart__points{position:absolute;inset:0 0 33px 0;pointer-events:none;}
.trend-chart__point{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border-radius:50%;background:radial-gradient(circle at 45% 40%,#9cdcff 0%,#72beff 38%,#3fa2f8 68%,rgba(63,162,248,.96) 100%);box-shadow:0 0 0 1px rgba(36,111,178,.55),0 0 10px rgba(53,147,255,.28);}
.trend-chart__point::after{content:"";position:absolute;inset:3px;border-radius:50%;background:rgba(201,239,255,.72);}
.trend-chart__point.is-active{width:14px;height:14px;margin-left:-7px;margin-top:-7px;background:radial-gradient(circle,#fff 0%,#fff 18%,#9fe3ff 32%,#58c3ff 55%,rgba(61,172,255,.98) 100%);box-shadow:0 0 0 1px rgba(99,209,255,.85),0 0 10px rgba(85,205,255,.95),0 0 22px rgba(85,205,255,.7),0 0 34px rgba(68,178,255,.42);}
.trend-chart__point.is-active::before{content:"";position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(118,232,255,.4) 0%,rgba(82,194,255,.22) 34%,rgba(53,137,238,.08) 58%,rgba(53,137,238,0) 74%);}
.trend-chart__months{position:absolute;left:0;right:0;bottom:0;height:28px;display:flex;justify-content:space-between;align-items:flex-end;padding-right:2px;}
.trend-chart__month{font-size:10px;font-weight:700;color:#fff;letter-spacing:.6px;text-shadow:0 0 8px rgba(0,0,0,.45);}
.trend-chart__meteor{position:absolute;inset:0 0 33px 0;pointer-events:none;z-index:2;}
.trend-chart__meteor-head,.trend-chart__meteor-tail{position:absolute;left:0;top:0;border-radius:50%;transform:translate(-50%,-50%);will-change:left,top;}
.trend-chart__meteor-head{width:16px;height:16px;background:radial-gradient(circle,#fff 0%,#e6f7ff 24%,#7fd8ff 52%,rgba(64,176,255,.95) 78%,rgba(40,140,235,0) 100%);box-shadow:0 0 12px rgba(170,230,255,.95),0 0 26px rgba(90,190,255,.75),0 0 48px rgba(60,160,255,.5);}
.trend-chart__meteor-head::after{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;margin-left:-16px;margin-top:-16px;border-radius:50%;background:radial-gradient(circle,rgba(170,230,255,.55) 0%,rgba(80,180,255,.18) 42%,rgba(40,140,235,0) 70%);}
.trend-chart__meteor-tail{background:radial-gradient(circle,rgba(190,235,255,.95) 0%,rgba(90,190,255,.6) 50%,rgba(50,150,235,0) 100%);}
.trend-chart__meteor-tail[data-i="1"]{width:11px;height:11px;opacity:.7;}
.trend-chart__meteor-tail[data-i="2"]{width:8px;height:8px;opacity:.5;}
.trend-chart__meteor-tail[data-i="3"]{width:6px;height:6px;opacity:.32;}
.trend-chart__meteor-tail[data-i="4"]{width:4px;height:4px;opacity:.18;}