.price-trend-component{--primary-color:#3264ff;--primary-light:rgba(50,100,255,0.5);--primary-shadow:rgba(16,63,208,0.4);--text-primary:#0f294d;--text-secondary:#707f94;--text-tertiary:#acb4bf;--border-color:#dadfe6;--border-light:#f0f2f5;--background-white:#fff;--background-dark:#051a37;--accent-color:#06aebd;--accent-dark:#05939f;--success-color:#50c6d0;--shadow-light:rgba(15,41,77,0.08);--shadow-dark:rgba(5,26,55,0.1);--font-family-primary:"Trip Geom","BlinkMacSystemFont","-apple-system","Roboto","Helvetica","Arial",sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:28px;--font-weight-normal:400;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:64px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-full:50%;--shadow-sm:0px 4px 8px 0px var(--shadow-dark);--shadow-md:0px 8px 10px 0px var(--shadow-light);--shadow-lg:0px 8px 16px 0px rgba(0,0,0,0.12);--transition-fast:0.15s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out;--transition-bounce:0.3s cubic-bezier(0.4,0,0.2,1)}.price-trend-component .price-trend{width:100%;border-radius:var(--border-radius-md);border:1px solid var(--border-color);position:relative;background-color:var(--background-white);transition:box-shadow var(--transition-normal)}.price-trend-component .price-trend:hover{box-shadow:var(--shadow-lg)}.price-trend-component .price-trend-title{font-family:var(--font-family-primary);line-height:1.2}.price-trend-component .price-trend-subTitle{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-lg);line-height:1.4}.price-trend-component .price-trend-wrapper{position:relative}.price-trend-component .price-trend .markpoint{border-radius:var(--border-radius-sm);background-color:var(--background-dark);z-index:1;position:absolute;display:flex;padding:var(--spacing-sm);min-width:232px;width:232px;box-sizing:border-box;opacity:0;transition:opacity var(--transition-fast);font-family:var(--font-family-primary);box-shadow:var(--shadow-md),0 0 0 1px hsla(0,0%,100%,.1);pointer-events:none}.price-trend-component .price-trend .markpoint .left{display:flex;flex-direction:column;flex-grow:1;margin-right:var(--spacing-xl);justify-content:center}.price-trend-component .price-trend .markpoint .left .dsp{color:var(--success-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.2}.price-trend-component .price-trend .markpoint .left .price{margin-top:var(--spacing-xs);color:var(--background-white);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.2}.price-trend-component .price-trend .markpoint .right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.price-trend-component .price-trend .markpoint .right .button-wrapper{background-color:var(--primary-color);border-radius:var(--border-radius-sm);transition:transform var(--transition-fast)}.price-trend-component .price-trend .markpoint .right .button-wrapper:hover{transform:translateY(-1px)}.price-trend-component .price-trend .markpoint .right .button-wrapper .button{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);padding:var(--spacing-sm) var(--spacing-lg);color:var(--background-white);border-radius:var(--border-radius-sm);border:none;background:transparent;cursor:pointer;transition:background var(--transition-fast);pointer-events:auto;line-height:1.2}.price-trend-component .price-trend .markpoint .right .button-wrapper .button:hover{background:rgba(0,0,0,.16)}.price-trend-component .price-trend .markpoint .right .button-wrapper .button:active{transform:scale(.98)}.price-trend-component .price-trend .markpoint .right .button-wrapper .button:focus-visible{outline:2px solid var(--background-white);outline-offset:2px}.price-trend-component .price-trend .markpoint:after{left:var(--arrow-position,50%)}.price-trend-component .price-trend .markpoint.arrowLeft:after,.price-trend-component .price-trend .markpoint:after{content:"";position:absolute;width:0;height:0;border-top-color:transparent;border:var(--spacing-sm) solid transparent;border-top:var(--spacing-sm) solid var(--background-dark);bottom:-14px;transform:translateX(-50%)}.price-trend-component .price-trend .markpoint.arrowLeft:after{left:var(--arrow-position,15px)}.price-trend-component .price-trend .markpoint.arrowRight:after{content:"";position:absolute;width:0;height:0;border-top-color:transparent;border:var(--spacing-sm) solid transparent;border-top:var(--spacing-sm) solid var(--background-dark);bottom:-14px;left:var(--arrow-position,calc(100% - 15px));transform:translateX(-50%)}.price-trend-component .price-trend .scroll-btn-left,.price-trend-component .price-trend .scroll-btn-right{width:40px;height:40px;border-radius:var(--border-radius-full);border:1px solid var(--border-light);background-color:var(--background-white);box-shadow:var(--shadow-md);position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;transition:all var(--transition-normal)}.price-trend-component .price-trend .scroll-btn-left:hover,.price-trend-component .price-trend .scroll-btn-right:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.price-trend-component .price-trend .scroll-btn-left:hover path,.price-trend-component .price-trend .scroll-btn-right:hover path{fill:var(--primary-color)}.price-trend-component .price-trend .scroll-btn-left:active,.price-trend-component .price-trend .scroll-btn-right:active{transform:scale(.95)}.price-trend-component .price-trend .scroll-btn-left:focus-visible,.price-trend-component .price-trend .scroll-btn-right:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.price-trend-component .price-trend .scroll-btn-left{left:0;top:50%;transform:translate(-50%,-50%)}.price-trend-component .price-trend .scroll-btn-right{right:0;top:50%;transform:translate(50%,-50%)}.price-trend-component .price-trend .trip-dsp{color:var(--text-tertiary);position:absolute;box-sizing:border-box;right:var(--spacing-xl);bottom:var(--spacing-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);line-height:1.4}.price-trend-component #price-tend-container{width:100%;overflow:hidden;height:374px;cursor:pointer}.price-trend-component .text-overflow-1{line-clamp:1;-webkit-line-clamp:1}.price-trend-component .text-overflow-1,.price-trend-component .text-overflow-2{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-break:anywhere}.price-trend-component .text-overflow-2{line-clamp:2;-webkit-line-clamp:2}@media screen and (max-width:768px){.price-trend-component.h5{background-color:var(--background-white)}.price-trend-component.h5 .price-trend{border:.5px solid var(--border-light);box-shadow:var(--shadow-sm);height:278px;display:flex;flex-direction:column;justify-content:flex-end}.price-trend-component.h5 .price-trend-title{font-family:var(--font-family-primary);line-height:1.33}.price-trend-component.h5 .price-trend-subTitle{font-size:var(--font-size-sm);line-height:18px;color:var(--text-secondary);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary)}.price-trend-component.h5 .price-trend .markpoint{max-width:223px}.price-trend-component.h5 .price-trend .scroll-btn-left,.price-trend-component.h5 .price-trend .scroll-btn-right{width:24px;height:24px}.price-trend-component.h5 .price-trend .scroll-btn-left svg,.price-trend-component.h5 .price-trend .scroll-btn-right svg{width:12px;height:12px}.price-trend-component.h5 .price-trend .trip-dsp{padding:var(--spacing-md);font-size:var(--font-size-sm);line-height:18px;right:unset;width:100%;bottom:0;left:0;font-family:var(--font-family-primary)}.price-trend-component.h5 #price-tend-container{width:100%;overflow:hidden;height:256px;cursor:pointer}}.price-trend-component .l-1160{max-width:1160px;margin:0 auto;padding:0 20px}@media screen and (max-width:768px){.price-trend-component .l-1160{padding:0 16px}}.price-trend-component .p-b-64{padding-bottom:var(--spacing-3xl)}@media screen and (max-width:768px){.price-trend-component .p-b-64{padding-bottom:var(--spacing-2xl)}}.price-trend-chart-container{width:100%;height:100%;position:relative}.price-trend-chart-container canvas{display:block}.price-trend-chart-container.loading{display:flex;align-items:center;justify-content:center}.price-trend-chart-container.loading:after{content:"Loading...";color:var(--text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-primary)}.echarts-tooltip{background:rgba(0,0,0,.8)!important;border:none!important;border-radius:4px!important;color:#fff!important;font-size:12px!important;padding:8px 12px!important}.price-trend-component [role=button]:focus{outline:2px solid var(--primary-color);outline-offset:2px}.price-trend-component [role=button]:focus:not(:focus-visible){outline:none}.price-trend-component .scroll-btn-left:focus-visible,.price-trend-component .scroll-btn-right:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.price-trend-component .markpoint .button:focus-visible{outline:2px solid var(--background-white);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.price-trend-component{animation:fadeIn var(--transition-normal) ease-out}.markpoint{transition:all var(--transition-bounce)}.markpoint.visible{opacity:1;transform:translateY(0);pointer-events:auto}@media (prefers-contrast:high){.price-trend-component .price-trend{border-color:#000}.price-trend-component .markpoint{background-color:#000;border:1px solid #fff}.price-trend-component .scroll-btn-left,.price-trend-component .scroll-btn-right{border-color:#000}.price-trend-component .scroll-btn-left path,.price-trend-component .scroll-btn-right path{fill:#000}}@media (prefers-reduced-motion:reduce){.price-trend-component{animation:none}.price-trend-component *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.markpoint{transition:none}}@media (prefers-color-scheme:dark){.price-trend-component{--background-white:#1a1a1a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#8c8c8c;--border-color:#333;--border-light:#2a2a2a;--background-dark:#0a0a0a;--shadow-light:rgba(0,0,0,0.3);--shadow-dark:rgba(0,0,0,0.5)}.price-trend-component .price-trend{background-color:var(--background-white);border-color:var(--border-color)}.price-trend-component .price-trend:hover{box-shadow:0 8px 32px rgba(0,0,0,.4)}.price-trend-component .scroll-btn-left,.price-trend-component .scroll-btn-right{background-color:var(--background-white);border-color:var(--border-color)}.price-trend-component .scroll-btn-left:hover,.price-trend-component .scroll-btn-right:hover{background-color:#2a2a2a}}@media print{.price-trend-component .scroll-btn-left,.price-trend-component .scroll-btn-right{display:none}.price-trend-component .markpoint{position:static;opacity:1;transform:none;margin-top:var(--spacing-lg);background:transparent;color:#000}.price-trend-component .markpoint .button,.price-trend-component .markpoint:after{display:none}.price-trend-component .price-trend{box-shadow:none;border:1px solid #ccc}}.price-trend-component.loading .price-trend{position:relative}.price-trend-component.loading .price-trend:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);animation:shimmer 1.5s infinite;z-index:1}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.price-trend-component.error .price-trend{border-color:#f44;background-color:#fff5f5}.price-trend-component.error .error-message{display:flex;align-items:center;justify-content:center;height:200px;color:#c00;font-size:var(--font-size-sm);font-family:var(--font-family-primary)}