.color-picker-component[data-v-2c3a597c]{max-width:1000px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#111827}.color-picker-component [data-v-2c3a597c]{box-sizing:border-box}.color-picker-layout[data-v-2c3a597c]{display:flex;gap:24px}@media(max-width:768px){.color-picker-layout[data-v-2c3a597c]{flex-direction:column}}.color-picker-left[data-v-2c3a597c]{flex:0 0 400px;display:flex;flex-direction:column;gap:16px}@media(max-width:768px){.color-picker-left[data-v-2c3a597c]{flex:1;width:100%}}.color-picker-right[data-v-2c3a597c]{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}.color-preview-section .color-preview[data-v-2c3a597c]{width:100%;height:120px;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.color-preview-section .color-preview .alpha-pattern[data-v-2c3a597c]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h8v8H0V0zM8 8h8v8H8V8z' fill='%23CCC'/%3E%3Cpath d='M8 0h8v8H8V0zM0 8h8v8H0V8z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.3}.color-preview-section .color-preview .preview-values[data-v-2c3a597c]{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);color:#fff;padding:10px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.color-preview-section .color-preview .preview-values .preview-hex[data-v-2c3a597c]{font-size:16px;font-weight:600;margin-bottom:2px}.color-preview-section .color-preview .preview-values .preview-rgb[data-v-2c3a597c]{font-size:13px;opacity:.9}.color-selector-container[data-v-2c3a597c]{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.color-selector-container .color-selector[data-v-2c3a597c]{width:100%;height:200px;position:relative;cursor:pointer}.color-selector-container .color-selector .saturation-overlay[data-v-2c3a597c]{position:absolute;top:0;left:0;right:0;bottom:0}.color-selector-container .color-selector .value-overlay[data-v-2c3a597c]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,#000,transparent)}.color-selector-container .color-selector .color-indicator[data-v-2c3a597c]{position:absolute;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 2px 4px rgba(0,0,0,.2);transition:transform .1s ease;pointer-events:none}.color-selector-container .color-selector .color-indicator[data-v-2c3a597c]:hover{transform:translate(-50%,-50%) scale(1.1)}.slider-container .slider-label[data-v-2c3a597c]{display:block;margin-bottom:8px;font-size:13px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.slider-container .slider[data-v-2c3a597c]{width:100%;height:28px;border-radius:6px;position:relative;cursor:pointer;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.slider-container .slider__gradient[data-v-2c3a597c]{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:6px}.slider-container .slider__gradient--hue[data-v-2c3a597c]{background:linear-gradient(90deg,red 0,#ff0 16.67%,#0f0 33.33%,#0ff 50%,#00f 66.67%,#f0f 83.33%,red)}.slider-container .slider__indicator[data-v-2c3a597c]{position:absolute;top:50%;transform:translateY(-50%);width:12px;height:34px;margin-left:-6px;background-color:#fff;border:2px solid #94a3b8;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .1s ease}.slider-container .slider__indicator[data-v-2c3a597c]:hover{transform:translateY(-50%) scale(1.05)}.slider-container .slider--alpha[data-v-2c3a597c]{overflow:hidden}.slider-container .slider--alpha .alpha-pattern[data-v-2c3a597c]{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h8v8H0V0zM8 8h8v8H8V8z' fill='%23CCC'/%3E%3Cpath d='M8 0h8v8H8V0zM0 8h8v8H0V8z' fill='%23fff'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.3}.color-inputs-section[data-v-2c3a597c]{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.color-inputs-section .section-title[data-v-2c3a597c]{font-size:15px;font-weight:600;color:#111827;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.color-inputs-section .hex-input-group[data-v-2c3a597c]{margin-bottom:12px}.color-inputs-section .input-label[data-v-2c3a597c]{display:block;font-size:12px;color:#64748b;margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.color-inputs-section .color-input[data-v-2c3a597c]{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;background-color:#fff}.color-inputs-section .color-input[data-v-2c3a597c]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15)}.color-inputs-section .color-input[type=number][data-v-2c3a597c]{-moz-appearance:textfield}.color-inputs-section .color-input[type=number][data-v-2c3a597c]::-webkit-inner-spin-button,.color-inputs-section .color-input[type=number][data-v-2c3a597c]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.color-inputs-section .input-with-btn[data-v-2c3a597c]{display:flex}.color-inputs-section .input-with-btn .color-input[data-v-2c3a597c]{border-radius:6px 0 0 6px;flex:1}.color-inputs-section .input-with-btn .copy-btn[data-v-2c3a597c]{padding:0 12px;border:1px solid #d1d5db;border-left:none;border-radius:0 6px 6px 0;background-color:#f8fafc;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.color-inputs-section .input-with-btn .copy-btn[data-v-2c3a597c]:hover{background-color:#f1f5f9;color:#334155;border-color:#94a3b8}.color-inputs-section .input-with-btn .copy-btn[data-v-2c3a597c]:active{transform:scale(.98)}.color-inputs-section .input-with-btn .copy-btn .icon-check[data-v-2c3a597c],.color-inputs-section .input-with-btn .copy-btn .icon-copy[data-v-2c3a597c]{font-style:normal}.color-inputs-section .input-grid[data-v-2c3a597c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.color-inputs-section .input-group[data-v-2c3a597c]{margin-bottom:0}.presets-section[data-v-2c3a597c]{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.presets-section .section-title[data-v-2c3a597c]{font-size:15px;font-weight:600;color:#111827;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.presets-section .presets-grid[data-v-2c3a597c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px}.presets-section .presets-grid .preset-color[data-v-2c3a597c]{width:100%;aspect-ratio:1;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.08)}.presets-section .presets-grid .preset-color[data-v-2c3a597c]:hover{transform:scale(1.15);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1}.presets-section .presets-grid .preset-color[data-v-2c3a597c]:active{transform:scale(.95)}.recent-colors-section[data-v-2c3a597c]{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.recent-colors-section .section-title[data-v-2c3a597c]{font-size:15px;font-weight:600;color:#111827;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.recent-colors-section .recent-colors[data-v-2c3a597c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:10px}.recent-colors-section .recent-colors .recent-color[data-v-2c3a597c]{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.recent-colors-section .recent-colors .recent-color[data-v-2c3a597c]:hover{transform:scale(1.2);box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:1}.recent-colors-section .recent-colors .recent-color[data-v-2c3a597c]:active{transform:scale(.95)}.recent-colors-section .recent-colors .recent-color--placeholder[data-v-2c3a597c]{background-color:#f8fafc;cursor:default;border-style:dashed;opacity:.4}.recent-colors-section .recent-colors .recent-color--placeholder[data-v-2c3a597c]:hover{transform:none;box-shadow:none}.headerOperation[data-v-725b1a22]{position:relative;display:flex;gap:.05rem}.headerOperation .settingBtn[data-v-725b1a22]{display:flex;align-items:center}.headerOperation .settingBtn[data-v-725b1a22] svg{width:.22rem;height:.22rem}.headerOperation .settingBtn[data-v-725b1a22] button{padding:.08rem .1rem!important}.headerOperation .settingBtn .icon[data-v-725b1a22]{width:.22rem;height:.22rem}.headerOperation .content[data-v-725b1a22]{display:flex;justify-content:center;flex-direction:column;gap:.1rem;padding:.15rem .09rem .05rem .09rem}.headerOperation .content .footer[data-v-725b1a22]{padding:.08rem 0;width:100%;display:flex;height:1rem;align-items:flex-end}.headerOperation .content .footer .icon[data-v-725b1a22]{display:flex}.headerOperation .content .footer .manageBtn[data-v-725b1a22]{margin-left:.05rem}.headerOperation .content .footer .userInfo[data-v-725b1a22]{position:absolute;bottom:0;right:0;background-color:var(--primary-color-30);border-top-left-radius:.15rem;padding:.1rem;display:flex;flex-direction:column;place-items:center;gap:.1rem}.headerOperation .content .footer .userInfo .userName[data-v-725b1a22]{display:flex;place-items:center}.headerOperation .content .footer .userInfo .userName>span[data-v-725b1a22]{width:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-container[data-v-567390d0],.tooltip-container[data-v-567390d0] .trigger-wrapper{width:100%;height:100%}.tooltip-container[data-v-567390d0] .tooltip{background:var(--primary-tm40)}.menuBtn[data-v-567390d0]{cursor:pointer;height:100%;display:flex;justify-content:center;align-items:center;gap:5px;width:inherit;position:relative;z-index:1}.menuBtn:hover .imgContainer[data-v-567390d0]{-webkit-animation:scaleAnimation-567390d0 .6s cubic-bezier(.34,1.56,.64,1);animation:scaleAnimation-567390d0 .6s cubic-bezier(.34,1.56,.64,1)}@-webkit-keyframes scaleAnimation-567390d0{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes scaleAnimation-567390d0{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.menuBtn .activeCover[data-v-567390d0],.menuBtn .tabBorder[data-v-567390d0]{position:absolute;width:100%;height:100%}.menuBtn .activeCover[data-v-567390d0]{z-index:-1;background:radial-gradient(ellipse at 50% 117%,var(--primary-color90) 0,var(--primary-tm50) 46%,var(--primary-tm00) 80%);opacity:0;transition:all .5s ease}.menuBtn.tabActive .activeCover[data-v-567390d0]{opacity:1}.menuBtn .imgContainer[data-v-567390d0]{width:.28rem;height:.28rem;padding:.02rem}.menuBtn .imgContainer img[data-v-567390d0]{width:100%}.content[data-v-567390d0]{display:flex;flex-direction:column;gap:10px;padding:10px}.content .wrapper[data-v-567390d0]{display:flex;align-items:center;justify-content:space-between}.content .wrapper .flip-card:hover .flip-card-inner[data-v-567390d0]{display:flex;align-items:center;justify-content:center;transform:rotateY(180deg)}.content .wrapper .flip-card .flip-card-inner[data-v-567390d0]{position:relative;width:80px;height:80px;text-align:center;transition:transform .8s;transform-style:preserve-3d;border-radius:15px}.content .wrapper .flip-card .flip-card-inner.active[data-v-567390d0]{box-shadow:0 0 15px 5px var(--primary-color20)}.content .wrapper .flip-card .flip-card-inner .flip-card-back[data-v-567390d0],.content .wrapper .flip-card .flip-card-inner .flip-card-front[data-v-567390d0]{box-shadow:0 2px 4px rgba(0,0,0,.3);position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:15px;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.content .wrapper .flip-card .flip-card-inner .flip-card-front[data-v-567390d0]{background:linear-gradient(135deg,var(--primary-color30),var(--primary-color-50))}.content .wrapper .flip-card .flip-card-inner .flip-card-back[data-v-567390d0]{font-size:30px;background:linear-gradient(135deg,var(--primary-color),#000);transform:rotateY(180deg)}.ellipticalLoading[data-v-5b50fe38]{display:inline-flex;align-items:center;font-size:24px;color:#fff;width:35px;height:10px}.loading-text[data-v-5b50fe38]{margin-right:8px}.loading-dots[data-v-5b50fe38]{display:flex;gap:4px}.loading-dot[data-v-5b50fe38]{width:8px;height:8px;border-radius:50%;background-color:#fff;-webkit-animation:bounce-5b50fe38 1.4s ease-in-out infinite both;animation:bounce-5b50fe38 1.4s ease-in-out infinite both}.loading-dot[data-v-5b50fe38]:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-dot[data-v-5b50fe38]:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes bounce-5b50fe38{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes bounce-5b50fe38{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.mainHeader[data-v-0ccbdb86]{width:100%;height:.85rem;bottom:0;background:linear-gradient(89deg,var(--primary-color),var(--primary-color-80) 34%,var(--primary-color-80));border-bottom:.04rem solid var(--primary-color-80);position:relative;display:flex;align-items:center;transition:all .3s ease-in-out}.mainHeader.hide[data-v-0ccbdb86]{bottom:.85rem;height:0}.mainHeader.hide .hideSwitcher[data-v-0ccbdb86]{transform:rotate(0deg);position:relative;top:.46rem}.mainHeader .leftPart[data-v-0ccbdb86]{position:relative;margin:0 .1rem 0 .1rem;flex:none;width:20%;height:100%;display:flex;align-items:center;gap:.05rem}.mainHeader .leftPart img[data-v-0ccbdb86]{width:.48rem}.mainHeader .leftPart img+div[data-v-0ccbdb86]{display:flex;flex-direction:column}.mainHeader .leftPart img+div .name[data-v-0ccbdb86]{font-family:STXingkai;font-size:.23rem;color:#e9f7ff}.mainHeader .leftPart img+div .name_eng[data-v-0ccbdb86]{font-family:STCaiyun;font-size:.15rem;color:#e9f7ff}.mainHeader .leftPart .bottomColor[data-v-0ccbdb86]{position:absolute;bottom:0;width:80%;height:.05rem;background:radial-gradient(ellipse,var(--primary-color80) 0,var(--primary-color) 50%,var(--primary-tm00) 68%,var(--primary-tm00) 100%)}.mainHeader .centerPart[data-v-0ccbdb86]{flex:1;height:100%;flex:none;width:56%;display:flex;flex-direction:column;justify-content:flex-end}.mainHeader .centerPart .tabs[data-v-0ccbdb86]{height:60%;width:100%;background:radial-gradient(ellipse at 50% 117%,var(--primary-color) 0,var(--primary-tm50) 20%,var(--primary-tm00) 80%);display:flex;justify-content:center;align-items:center}.mainHeader .centerPart .tabs .tabBorder[data-v-0ccbdb86]{position:absolute;width:100%;height:100%}.mainHeader .centerPart .tabs .tab[data-v-0ccbdb86]{z-index:3}.mainHeader .centerPart .tabs .menuBtn[data-v-0ccbdb86],.mainHeader .centerPart .tabs>div[data-v-0ccbdb86]{cursor:pointer;height:100%;display:flex;justify-content:center;align-items:center;gap:.05rem;width:inherit;position:relative;z-index:1}.mainHeader .centerPart .tabs .menuBtn:hover .imgContainer[data-v-0ccbdb86],.mainHeader .centerPart .tabs>div:hover .imgContainer[data-v-0ccbdb86]{-webkit-animation:scaleAnimation-0ccbdb86 .6s cubic-bezier(.34,1.56,.64,1);animation:scaleAnimation-0ccbdb86 .6s cubic-bezier(.34,1.56,.64,1)}@-webkit-keyframes scaleAnimation-0ccbdb86{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes scaleAnimation-0ccbdb86{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.mainHeader .centerPart .tabs .menuBtn .activeCover[data-v-0ccbdb86],.mainHeader .centerPart .tabs>div .activeCover[data-v-0ccbdb86]{z-index:-1;position:absolute;width:100%;height:100%;background:radial-gradient(ellipse at 50% 117%,var(--primary-color90) 0,var(--primary-tm50) 46%,var(--primary-tm00) 80%);opacity:0;transition:all .5s ease}.mainHeader .centerPart .tabs .menuBtn.tabActive[data-v-0ccbdb86] .activeCover,.mainHeader .centerPart .tabs>div.tabActive[data-v-0ccbdb86] .activeCover{opacity:1}.mainHeader .centerPart .tabs .menuBtn .imgContainer[data-v-0ccbdb86],.mainHeader .centerPart .tabs>div .imgContainer[data-v-0ccbdb86]{width:.28rem;height:.28rem;padding:.02rem}.mainHeader .centerPart .tabs .menuBtn .imgContainer img[data-v-0ccbdb86],.mainHeader .centerPart .tabs>div .imgContainer img[data-v-0ccbdb86]{width:100%}.mainHeader .centerPart .tabs .content[data-v-0ccbdb86]{display:flex;flex-direction:column;gap:.1rem}.mainHeader .centerPart .tabs .content .chunk[data-v-0ccbdb86]{display:flex;align-items:center;justify-content:center;gap:.1rem}.mainHeader .centerPart .tabs .content .chunk .childBtn[data-v-0ccbdb86]{width:calc(50% - .05rem);display:flex}.mainHeader .centerPart .tabs .content .chunk .childBtn[data-v-0ccbdb86]:first-of-type{justify-content:flex-end}.mainHeader .centerPart .tabs .content .chunk .childBtn[data-v-0ccbdb86]:not(:first-of-type){justify-content:flex-start}.mainHeader .rightPart1[data-v-0ccbdb86],.mainHeader .rightPart2[data-v-0ccbdb86]{position:relative;margin:0 0 0 .1rem;width:2rem;height:100%;display:flex;align-items:center;justify-content:center;gap:.05rem}.mainHeader .rightPart1 img[data-v-0ccbdb86],.mainHeader .rightPart2 img[data-v-0ccbdb86]{width:.28rem}.mainHeader .rightPart1 img+div[data-v-0ccbdb86],.mainHeader .rightPart2 img+div[data-v-0ccbdb86]{display:flex;flex-direction:column}.mainHeader .rightPart1 img+div .name[data-v-0ccbdb86],.mainHeader .rightPart2 img+div .name[data-v-0ccbdb86]{font-family:DIN Alternate,sans-serif;font-size:.2rem;color:#d9f1fd}.mainHeader .rightPart1 img+div .name_eng[data-v-0ccbdb86],.mainHeader .rightPart2 img+div .name_eng[data-v-0ccbdb86]{font-family:微软雅黑,sans-serif;font-size:.14rem;color:#d9f1fd}.mainHeader .rightPart1 .bottmColor[data-v-0ccbdb86],.mainHeader .rightPart2 .bottmColor[data-v-0ccbdb86]{position:absolute;bottom:0}.mainHeader .rightPart1 .loading[data-v-0ccbdb86],.mainHeader .rightPart2 .loading[data-v-0ccbdb86]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse closest-corner at center,rgba(0,0,0,.8) 1%,rgba(0,0,0,.4) 50%,rgba(1,1,1,0) 75%,rgba(1,1,1,0) 100%)}.mainHeader .optContainer[data-v-0ccbdb86]{height:100%;padding:.05rem .05rem 0 0;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.mainHeader .hideSwitcher[data-v-0ccbdb86]{z-index:3;width:.4rem;height:.2rem;display:flex;border-radius:.05rem;padding:.02rem;transition:all .3s ease-in-out;cursor:pointer;transform:rotate(180deg)}.overview-layout[data-v-3d7cdfd4]{width:100%;height:100%;position:relative;box-sizing:border-box;background-color:var(--back-color-layout);display:flex;flex-direction:column}.overview-layout__content[data-v-3d7cdfd4]{flex:1;overflow:hidden}.overview-layout__header[data-v-3d7cdfd4]{height:.8rem;background:url(../../static/img/header-title.2f67180e.svg) no-repeat 50%;background-size:100% 100%;display:flex;justify-content:space-between;padding:0 .2rem}.overview-layout__header .left[data-v-3d7cdfd4],.overview-layout__header .right[data-v-3d7cdfd4]{height:.55rem;display:flex;align-items:center;color:#fff;min-width:1.5rem;width:6.3rem;gap:.1rem}.overview-layout__header .left .menu-item[data-v-3d7cdfd4],.overview-layout__header .right .menu-item[data-v-3d7cdfd4]{opacity:.7;transition:all .25s ease}.overview-layout__header .left .menu-item[data-v-3d7cdfd4]:hover,.overview-layout__header .right .menu-item[data-v-3d7cdfd4]:hover{opacity:.9;transform:translateY(-.01rem);box-shadow:0 .04rem .08rem rgba(0,0,0,.15)}.overview-layout__header .left .menu-item.active[data-v-3d7cdfd4],.overview-layout__header .right .menu-item.active[data-v-3d7cdfd4]{opacity:1}.overview-layout__header .left .item[data-v-3d7cdfd4],.overview-layout__header .right .item[data-v-3d7cdfd4]{display:flex;align-items:center}.overview-layout__header .left .item .icon[data-v-3d7cdfd4],.overview-layout__header .right .item .icon[data-v-3d7cdfd4]{height:.22rem;width:.22rem;margin-right:.05rem}.overview-layout__header .left .item .name[data-v-3d7cdfd4],.overview-layout__header .right .item .name[data-v-3d7cdfd4]{max-width:1.2rem;overflow:hidden}.overview-layout__header .center[data-v-3d7cdfd4]{line-height:.8rem;font-size:.5rem;color:#fff;text-align:center;letter-spacing:.05rem}.right[data-v-3d7cdfd4]{display:flex;justify-content:flex-end}.btn-base[data-v-2cefbd01]{position:relative;font-weight:500;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);transform:scale(1);transition:all .3s ease;outline:none;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;text-decoration:none;box-shadow:0 2px 5px rgba(0,0,0,.1);border-top:1px solid hsla(0,0%,100%,.1);background-color:var(--primary-color);color:var(--text-color);width:-webkit-max-content;width:-moz-max-content;width:max-content}.btn-base[data-v-2cefbd01]:hover{transform:scale(1.05)}.btn-base[data-v-2cefbd01]:focus{box-shadow:0 0 0 4px var(--btn-focus-ring)}.btn-size-mini[data-v-2cefbd01]{padding:2px 4px;font-size:12px;gap:2px}.btn-size-small[data-v-2cefbd01]{padding:4px 8px;font-size:13px;gap:4px}.btn-size-medium[data-v-2cefbd01]{padding:8px 16px;font-size:13px;gap:6px}.btn-size-large[data-v-2cefbd01]{padding:16px 40px;font-size:18px;gap:10px}.btn-type-primary[data-v-2cefbd01]{background-color:var(--primary-color);color:var(--text-color);--btn-focus-ring:var(--primary-color80)}.btn-type-secondary[data-v-2cefbd01]{background-color:#ec4899;color:#fff;--btn-focus-ring:rgba(236,72,153,0.5)}.btn-type-secondary[data-v-2cefbd01]:hover{background-color:#db2777}.btn-type-accent[data-v-2cefbd01]{background-color:#8b5cf6;color:#fff;--btn-focus-ring:rgba(139,92,246,0.5)}.btn-type-accent[data-v-2cefbd01]:hover{background-color:#7c3aed}.btn-type-success[data-v-2cefbd01]{background-color:#22c55e;color:#fff;--btn-focus-ring:rgba(34,197,94,0.5)}.btn-type-success[data-v-2cefbd01]:hover{background-color:#16a34a}.btn-type-warning[data-v-2cefbd01]{background-color:#eab308;color:#fff;--btn-focus-ring:rgba(234,179,8,0.5)}.btn-type-warning[data-v-2cefbd01]:hover{background-color:#ca8a04}.btn-type-danger[data-v-2cefbd01]{background-color:#ef4444;color:#fff;--btn-focus-ring:rgba(239,68,68,0.5)}.btn-type-danger[data-v-2cefbd01]:hover{background-color:#dc2626}.btn-rounded-full[data-v-2cefbd01]{border-radius:9999px}.btn-rounded-lg[data-v-2cefbd01]{border-radius:8px}.particle-button-wrapper[data-v-2cefbd01]{position:relative;display:inline-block}.particles-container[data-v-2cefbd01]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}@-webkit-keyframes pulse-2cefbd01{0%{box-shadow:0 0 0 0 var(--btn-focus-ring)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}@keyframes pulse-2cefbd01{0%{box-shadow:0 0 0 0 var(--btn-focus-ring)}70%{box-shadow:0 0 0 10px rgba(59,130,246,0)}to{box-shadow:0 0 0 0 rgba(59,130,246,0)}}.jelly-bounce[data-v-2cefbd01]{-webkit-animation:jelly-2cefbd01 .6s cubic-bezier(.175,.885,.32,1.275);animation:jelly-2cefbd01 .6s cubic-bezier(.175,.885,.32,1.275)}@-webkit-keyframes jelly-2cefbd01{0%{transform:scale(1)}30%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}70%{transform:scale(.95,1.05)}to{transform:scale(1)}}@keyframes jelly-2cefbd01{0%{transform:scale(1)}30%{transform:scale(.9,1.1)}50%{transform:scale(1.1,.9)}70%{transform:scale(.95,1.05)}to{transform:scale(1)}}.button-text[data-v-2cefbd01]{line-height:1.2}