@charset "UTF-8";:root{--el-color-white:#fff;--el-color-black:#000;--el-color-primary-rgb:64, 158, 255;--el-color-success-rgb:103, 194, 58;--el-color-warning-rgb:230, 162, 60;--el-color-danger-rgb:245, 108, 108;--el-color-error-rgb:245, 108, 108;--el-color-info-rgb:144, 147, 153;--el-font-size-extra-large:20px;--el-font-size-large:18px;--el-font-size-medium:16px;--el-font-size-base:14px;--el-font-size-small:13px;--el-font-size-extra-small:12px;--el-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--el-font-weight-primary:500;--el-font-line-height-primary:24px;--el-index-normal:1;--el-index-top:1000;--el-index-popper:2000;--el-border-radius-base:4px;--el-border-radius-small:2px;--el-border-radius-round:20px;--el-border-radius-circle:100%;--el-transition-duration:.3s;--el-transition-duration-fast:.2s;--el-transition-function-ease-in-out-bezier:cubic-bezier(.645, .045, .355, 1);--el-transition-function-fast-bezier:cubic-bezier(.23, 1, .32, 1);--el-transition-all:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);--el-transition-fade:opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-md-fade:transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);--el-transition-fade-linear:opacity var(--el-transition-duration-fast) linear;--el-transition-border:border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-box-shadow:box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-transition-color:color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);--el-component-size-large:40px;--el-component-size:32px;--el-component-size-small:24px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--el-color-primary:#409eff;--el-color-primary-light-3:#79bbff;--el-color-primary-light-5:#a0cfff;--el-color-primary-light-7:#c6e2ff;--el-color-primary-light-8:#d9ecff;--el-color-primary-light-9:#ecf5ff;--el-color-primary-dark-2:#337ecc;--el-color-success:#67c23a;--el-color-success-light-3:#95d475;--el-color-success-light-5:#b3e19d;--el-color-success-light-7:#d1edc4;--el-color-success-light-8:#e1f3d8;--el-color-success-light-9:#f0f9eb;--el-color-success-dark-2:#529b2e;--el-color-warning:#e6a23c;--el-color-warning-light-3:#eebe77;--el-color-warning-light-5:#f3d19e;--el-color-warning-light-7:#f8e3c5;--el-color-warning-light-8:#faecd8;--el-color-warning-light-9:#fdf6ec;--el-color-warning-dark-2:#b88230;--el-color-danger:#f56c6c;--el-color-danger-light-3:#f89898;--el-color-danger-light-5:#fab6b6;--el-color-danger-light-7:#fcd3d3;--el-color-danger-light-8:#fde2e2;--el-color-danger-light-9:#fef0f0;--el-color-danger-dark-2:#c45656;--el-color-error:#f56c6c;--el-color-error-light-3:#f89898;--el-color-error-light-5:#fab6b6;--el-color-error-light-7:#fcd3d3;--el-color-error-light-8:#fde2e2;--el-color-error-light-9:#fef0f0;--el-color-error-dark-2:#c45656;--el-color-info:#909399;--el-color-info-light-3:#b1b3b8;--el-color-info-light-5:#c8c9cc;--el-color-info-light-7:#dedfe0;--el-color-info-light-8:#e9e9eb;--el-color-info-light-9:#f4f4f5;--el-color-info-dark-2:#73767a;--el-bg-color:#fff;--el-bg-color-page:#f2f3f5;--el-bg-color-overlay:#fff;--el-text-color-primary:#303133;--el-text-color-regular:#606266;--el-text-color-secondary:#909399;--el-text-color-placeholder:#a8abb2;--el-text-color-disabled:#c0c4cc;--el-border-color:#dcdfe6;--el-border-color-light:#e4e7ed;--el-border-color-lighter:#ebeef5;--el-border-color-extra-light:#f2f6fc;--el-border-color-dark:#d4d7de;--el-border-color-darker:#cdd0d6;--el-fill-color:#f0f2f5;--el-fill-color-light:#f5f7fa;--el-fill-color-lighter:#fafafa;--el-fill-color-extra-light:#fafcff;--el-fill-color-dark:#ebedf0;--el-fill-color-darker:#e6e8eb;--el-fill-color-blank:#fff;--el-box-shadow:0px 12px 32px 4px #0000000a, 0px 8px 20px #00000014;--el-box-shadow-light:0px 0px 12px #0000001f;--el-box-shadow-lighter:0px 0px 6px #0000001f;--el-box-shadow-dark:0px 16px 48px 16px #00000014, 0px 12px 32px #0000001f, 0px 8px 16px -8px #00000029;--el-disabled-bg-color:var(--el-fill-color-light);--el-disabled-text-color:var(--el-text-color-placeholder);--el-disabled-border-color:var(--el-border-color-light);--el-overlay-color:#000c;--el-overlay-color-light:#000000b3;--el-overlay-color-lighter:#00000080;--el-mask-color:#ffffffe6;--el-mask-color-extra-light:#ffffff4d;--el-border-width:1px;--el-border-style:solid;--el-border-color-hover:var(--el-text-color-disabled);--el-border:var(--el-border-width) var(--el-border-style) var(--el-border-color);--el-svg-monochrome-grey:var(--el-border-color)}.fade-in-linear-enter-active,.fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.fade-in-linear-enter-from,.fade-in-linear-leave-to{opacity:0}.el-fade-in-linear-enter-active,.el-fade-in-linear-leave-active{transition:var(--el-transition-fade-linear)}.el-fade-in-linear-enter-from,.el-fade-in-linear-leave-to{opacity:0}.el-fade-in-enter-active,.el-fade-in-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-fade-in-enter-from,.el-fade-in-leave-active{opacity:0}.el-zoom-in-center-enter-active,.el-zoom-in-center-leave-active{transition:all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-zoom-in-center-enter-from,.el-zoom-in-center-leave-active{opacity:0;transform:scaleX(0)}.el-zoom-in-top-enter-active,.el-zoom-in-top-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:top;transform:scaleY(1)}.el-zoom-in-top-enter-active[data-popper-placement^=top],.el-zoom-in-top-leave-active[data-popper-placement^=top]{transform-origin:bottom}.el-zoom-in-top-enter-from,.el-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-bottom-enter-active,.el-zoom-in-bottom-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:bottom;transform:scaleY(1)}.el-zoom-in-bottom-enter-from,.el-zoom-in-bottom-leave-active{opacity:0;transform:scaleY(0)}.el-zoom-in-left-enter-active,.el-zoom-in-left-leave-active{opacity:1;transition:var(--el-transition-md-fade);transform-origin:0 0;transform:scale(1)}.el-zoom-in-left-enter-from,.el-zoom-in-left-leave-active{opacity:0;transform:scale(.45)}.collapse-transition{transition:var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out}.el-collapse-transition-leave-active,.el-collapse-transition-enter-active{transition:var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out}.horizontal-collapse-transition{transition:var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out}.el-list-enter-active,.el-list-leave-active{transition:all 1s}.el-list-enter-from,.el-list-leave-to{opacity:0;transform:translateY(-30px)}.el-list-leave-active{position:absolute!important}.el-opacity-transition{transition:opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)}.el-icon--right{margin-left:5px}.el-icon--left{margin-right:5px}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.el-icon{--color:inherit;fill:currentColor;width:1em;height:1em;color:var(--color);line-height:1em;font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.el-icon.is-loading{animation:2s linear infinite rotating}.el-icon svg{width:1em;height:1em}.el-affix--fixed{position:fixed}.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;width:100%;padding:var(--el-alert-padding);box-sizing:border-box;border-radius:var(--el-alert-border-radius-base);background-color:var(--el-color-white);opacity:1;transition:opacity var(--el-transition-duration-fast);align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-primary)}.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-success)}.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-info)}.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-warning)}.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color);color:var(--el-color-error)}.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{flex-direction:column;gap:4px;display:flex}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);width:var(--el-alert-icon-size);margin-right:8px}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);width:var(--el-alert-icon-large-size);margin-right:12px}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{font-size:var(--el-alert-close-font-size);opacity:1;cursor:pointer;position:absolute;top:12px;right:16px}.el-alert .el-alert__close-btn.is-customed{font-style:normal;font-size:var(--el-alert-close-customed-font-size);line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.el-aside{box-sizing:border-box;width:var(--el-aside-width,300px);flex-shrink:0;overflow:auto}.el-autocomplete{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;width:var(--el-input-width);display:inline-block;position:relative}.el-autocomplete__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-autocomplete__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:#0000;border-left-color:#0000}.el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:#0000;border-right-color:#0000}.el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:#0000;border-left-color:#0000}.el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-top-color:#0000;border-right-color:#0000}.el-autocomplete-suggestion{border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-autocomplete-suggestion__header{border-bottom:1px solid var(--el-border-color-lighter);padding:10px}.el-autocomplete-suggestion__footer{border-top:1px solid var(--el-border-color-lighter);padding:10px}.el-autocomplete-suggestion__wrap{box-sizing:border-box;max-height:280px;padding:10px 0}.el-autocomplete-suggestion__list{margin:0;padding:0}.el-autocomplete-suggestion li{cursor:pointer;color:var(--el-text-color-regular);line-height:34px;font-size:var(--el-font-size-base);text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0 20px;list-style:none;overflow:hidden}.el-autocomplete-suggestion li:hover,.el-autocomplete-suggestion li.highlighted{background-color:var(--el-fill-color-light)}.el-autocomplete-suggestion li.divider{border-top:1px solid var(--el-color-black);margin-top:6px}.el-autocomplete-suggestion li.divider:last-child{margin-bottom:-6px}.el-autocomplete-suggestion.is-loading li{cursor:default;height:100px;color:var(--el-text-color-secondary);justify-content:center;align-items:center;font-size:20px;display:flex}.el-autocomplete-suggestion.is-loading li:hover{background-color:var(--el-bg-color-overlay)}.el-avatar{--el-avatar-text-color:var(--el-color-white);--el-avatar-bg-color:var(--el-text-color-disabled);--el-avatar-text-size:14px;--el-avatar-icon-size:18px;--el-avatar-border-radius:var(--el-border-radius-base);--el-avatar-size-large:56px;--el-avatar-size:40px;--el-avatar-size-small:24px;box-sizing:border-box;text-align:center;color:var(--el-avatar-text-color);background:var(--el-avatar-bg-color);width:var(--el-avatar-size);height:var(--el-avatar-size);font-size:var(--el-avatar-text-size);outline:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.el-avatar>img{width:100%;height:100%;display:block}.el-avatar--circle{border-radius:50%}.el-avatar--square{border-radius:var(--el-avatar-border-radius)}.el-avatar--icon{font-size:var(--el-avatar-icon-size)}.el-avatar--small{--el-avatar-size:24px}.el-avatar--large{--el-avatar-size:56px}.el-avatar-group{--el-avatar-group-item-gap:-8px;--el-avatar-group-collapse-item-gap:4px;display:inline-flex}.el-avatar-group .el-avatar{border:1px solid var(--el-border-color-extra-light)}.el-avatar-group .el-avatar:not(:first-child){margin-left:var(--el-avatar-group-item-gap)}.el-avatar-group__collapse-avatars{--el-avatar-group-item-gap:-8px;--el-avatar-group-collapse-item-gap:4px}.el-avatar-group__collapse-avatars .el-avatar:not(:first-child){margin-left:var(--el-avatar-group-collapse-item-gap)}.el-backtop{--el-backtop-bg-color:var(--el-bg-color-overlay);--el-backtop-text-color:var(--el-color-primary);--el-backtop-hover-bg-color:var(--el-border-color-extra-light);background-color:var(--el-backtop-bg-color);width:40px;height:40px;color:var(--el-backtop-text-color);box-shadow:var(--el-box-shadow-lighter);cursor:pointer;z-index:5;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed}.el-backtop:hover{background-color:var(--el-backtop-hover-bg-color)}.el-backtop__icon{font-size:20px}.el-badge{--el-badge-bg-color:var(--el-color-danger);--el-badge-radius:10px;--el-badge-font-size:12px;--el-badge-padding:6px;--el-badge-size:18px;vertical-align:middle;width:-moz-fit-content;width:fit-content;display:inline-block;position:relative}.el-badge__content{background-color:var(--el-badge-bg-color);border-radius:var(--el-badge-radius);color:var(--el-color-white);font-size:var(--el-badge-font-size);height:var(--el-badge-size);padding:0 var(--el-badge-padding);white-space:nowrap;border:1px solid var(--el-bg-color);justify-content:center;align-items:center;display:inline-flex}.el-badge__content.is-fixed{top:0;right:calc(1px + var(--el-badge-size) / 2);z-index:var(--el-index-normal);position:absolute;transform:translateY(-50%)translate(100%)}.el-badge__content.is-fixed.is-dot{right:5px}.el-badge__content.is-dot{border-radius:50%;width:8px;height:8px;padding:0;right:0}.el-badge__content.is-hide-zero{display:none}.el-badge__content--primary{background-color:var(--el-color-primary)}.el-badge__content--success{background-color:var(--el-color-success)}.el-badge__content--warning{background-color:var(--el-color-warning)}.el-badge__content--info{background-color:var(--el-color-info)}.el-badge__content--danger{background-color:var(--el-color-danger)}.el-breadcrumb__separator{color:var(--el-text-color-placeholder);margin:0 9px;font-weight:700}.el-breadcrumb__separator.el-icon{margin:0 6px;font-weight:400}.el-breadcrumb__separator.el-icon svg{vertical-align:middle}.el-breadcrumb__item{float:left;align-items:center;display:inline-flex}.el-breadcrumb__inner{color:var(--el-text-color-regular)}.el-breadcrumb__inner.is-link,.el-breadcrumb__inner a{transition:var(--el-transition-color);color:var(--el-text-color-primary);font-weight:700;text-decoration:none}.el-breadcrumb__inner.is-link:hover,.el-breadcrumb__inner a:hover{color:var(--el-color-primary);cursor:pointer}.el-breadcrumb__item:last-child .el-breadcrumb__inner,.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,.el-breadcrumb__item:last-child .el-breadcrumb__inner a,.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover{color:var(--el-text-color-regular);cursor:text;font-weight:400}.el-breadcrumb__item:last-child .el-breadcrumb__separator{display:none}.el-breadcrumb{font-size:14px;line-height:1}.el-breadcrumb:before,.el-breadcrumb:after{content:"";display:table}.el-breadcrumb:after{clear:both}.el-button-group>.el-button+.el-button{margin-left:0}.el-button-group>.el-button:first-child:last-child{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base);border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base)}.el-button-group>.el-button:first-child:last-child.is-round{border-radius:var(--el-border-radius-round)}.el-button-group>.el-button:first-child:last-child.is-circle{border-radius:50%}.el-button-group>.el-button:not(:first-child):not(:last-child){border-radius:0}.el-button-group>.el-button:hover,.el-button-group>.el-button:focus,.el-button-group>.el-button:active,.el-button-group>.el-button.is-active{z-index:1}.el-button-group--horizontal{vertical-align:middle;display:inline-block}.el-button-group--horizontal:before,.el-button-group--horizontal:after{content:"";display:table}.el-button-group--horizontal:after{clear:both}.el-button-group--horizontal>.el-button{float:left;position:relative}.el-button-group--horizontal>.el-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group--horizontal>.el-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group--horizontal>.el-button:not(:last-child){margin-right:-1px}.el-button-group--horizontal .el-button--primary:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--primary:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--primary:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--success:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--success:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--success:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--warning:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--warning:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--warning:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--danger:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--danger:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--danger:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--info:first-child{border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--info:last-child{border-left-color:var(--el-button-divide-border-color)}.el-button-group--horizontal .el-button--info:not(:first-child):not(:last-child){border-left-color:var(--el-button-divide-border-color);border-right-color:var(--el-button-divide-border-color)}.el-button-group--horizontal>.el-dropdown>.el-button{border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0;border-bottom-left-radius:0}.el-button-group--vertical{flex-direction:column;align-items:stretch;display:inline-flex}.el-button-group--vertical>.el-button{margin-top:-1px}.el-button-group--vertical>.el-button:first-child{border-bottom-right-radius:0;border-bottom-left-radius:0}.el-button-group--vertical>.el-button:last-child{border-top-left-radius:0;border-top-right-radius:0}.el-button-group--vertical>.el-dropdown{margin-top:-1px}.el-button-group--vertical>.el-dropdown>.el-button{border-left-color:var(--el-button-divide-border-color);border-top-left-radius:0;border-top-right-radius:0}.el-button-group--vertical .el-button--primary:first-child{border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--primary:last-child{border-top-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--primary:not(:first-child):not(:last-child){border-top-color:var(--el-button-divide-border-color);border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--success:first-child{border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--success:last-child{border-top-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--success:not(:first-child):not(:last-child){border-top-color:var(--el-button-divide-border-color);border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--warning:first-child{border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--warning:last-child{border-top-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--warning:not(:first-child):not(:last-child){border-top-color:var(--el-button-divide-border-color);border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--danger:first-child{border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--danger:last-child{border-top-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--danger:not(:first-child):not(:last-child){border-top-color:var(--el-button-divide-border-color);border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--info:first-child{border-bottom-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--info:last-child{border-top-color:var(--el-button-divide-border-color)}.el-button-group--vertical .el-button--info:not(:first-child):not(:last-child){border-top-color:var(--el-button-divide-border-color);border-bottom-color:var(--el-button-divide-border-color)}.el-button{--el-button-font-weight:var(--el-font-weight-primary);--el-button-border-color:var(--el-border-color);--el-button-bg-color:var(--el-fill-color-blank);--el-button-text-color:var(--el-text-color-regular);--el-button-disabled-text-color:var(--el-disabled-text-color);--el-button-disabled-bg-color:var(--el-fill-color-blank);--el-button-disabled-border-color:var(--el-border-color-light);--el-button-divide-border-color:#ffffff80;--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-7);--el-button-active-text-color:var(--el-button-hover-text-color);--el-button-active-border-color:var(--el-color-primary);--el-button-active-bg-color:var(--el-button-hover-bg-color);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-hover-link-text-color:var(--el-text-color-secondary);--el-button-active-color:var(--el-text-color-primary);white-space:nowrap;cursor:pointer;height:32px;color:var(--el-button-text-color);text-align:center;box-sizing:border-box;line-height:1;font-weight:var(--el-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--el-button-bg-color);border:var(--el-border);border-color:var(--el-button-border-color);outline:none;justify-content:center;align-items:center;transition:all .1s;display:inline-flex}.el-button:hover{color:var(--el-button-hover-text-color);border-color:var(--el-button-hover-border-color);background-color:var(--el-button-hover-bg-color);outline:none}.el-button:active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:none}.el-button:focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset,outline}.el-button>span{align-items:center;display:inline-flex}.el-button+.el-button{margin-left:12px}.el-button{font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base);padding:8px 15px}.el-button.is-round{padding:8px 15px}.el-button::-moz-focus-inner{border:0}.el-button [class*=el-icon]+span{margin-left:6px}.el-button [class*=el-icon] svg{vertical-align:bottom}.el-button.is-plain{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary)}.el-button.is-active{color:var(--el-button-active-text-color);border-color:var(--el-button-active-border-color);background-color:var(--el-button-active-bg-color);outline:none}.el-button.is-disabled,.el-button.is-disabled:hover{color:var(--el-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color);border-color:var(--el-button-disabled-border-color)}.el-button.is-loading{pointer-events:none;position:relative}.el-button.is-loading:before{z-index:1;pointer-events:none;content:"";border-radius:inherit;background-color:var(--el-mask-color-extra-light);position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.el-button.is-round{border-radius:var(--el-border-radius-round)}.el-button.is-dashed{--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-fill-color-blank);--el-button-hover-border-color:var(--el-color-primary);border-style:dashed}.el-button.is-circle{border-radius:50%;width:32px;padding:8px}.el-button.is-text{color:var(--el-button-text-color);background-color:#0000;border:0 solid #0000}.el-button.is-text.is-disabled{color:var(--el-button-disabled-text-color);background-color:#0000!important}.el-button.is-text:not(.is-disabled):hover{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled):focus-visible{outline:2px solid var(--el-button-outline-color);outline-offset:1px;transition:outline-offset,outline}.el-button.is-text:not(.is-disabled):active{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg{background-color:var(--el-fill-color-light)}.el-button.is-text:not(.is-disabled).is-has-bg:hover{background-color:var(--el-fill-color)}.el-button.is-text:not(.is-disabled).is-has-bg:active{background-color:var(--el-fill-color-dark)}.el-button__text--expand{letter-spacing:.3em;margin-right:-.3em}.el-button.is-link{color:var(--el-button-text-color);background:0 0;border-color:#0000;height:auto;padding:2px}.el-button.is-link:hover{color:var(--el-button-hover-link-text-color)}.el-button.is-link.is-disabled{color:var(--el-button-disabled-text-color);background-color:#0000!important;border-color:#0000!important}.el-button.is-link:not(.is-disabled):hover{background-color:#0000;border-color:#0000}.el-button.is-link:not(.is-disabled):active{color:var(--el-button-active-color);background-color:#0000;border-color:#0000}.el-button--text{color:var(--el-color-primary);background:0 0;border-color:#0000;padding-left:0;padding-right:0}.el-button--text.is-disabled{color:var(--el-button-disabled-text-color);background-color:#0000!important;border-color:#0000!important}.el-button--text:not(.is-disabled):hover{color:var(--el-color-primary-light-3);background-color:#0000;border-color:#0000}.el-button--text:not(.is-disabled):active{color:var(--el-color-primary-dark-2);background-color:#0000;border-color:#0000}.el-button__link--expand{letter-spacing:.3em;margin-right:-.3em}.el-button--primary{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-primary);--el-button-border-color:var(--el-color-primary);--el-button-outline-color:var(--el-color-primary-light-5);--el-button-active-color:var(--el-color-primary-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-primary-light-5);--el-button-hover-bg-color:var(--el-color-primary-light-3);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-bg-color:var(--el-color-primary-dark-2);--el-button-active-border-color:var(--el-color-primary-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-primary-light-5);--el-button-disabled-border-color:var(--el-color-primary-light-5)}.el-button--primary.is-plain,.el-button--primary.is-text,.el-button--primary.is-link{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-primary);--el-button-hover-border-color:var(--el-color-primary);--el-button-active-text-color:var(--el-color-white)}.el-button--primary.is-plain.is-disabled,.el-button--primary.is-plain.is-disabled:hover,.el-button--primary.is-plain.is-disabled:focus,.el-button--primary.is-plain.is-disabled:active,.el-button--primary.is-text.is-disabled,.el-button--primary.is-text.is-disabled:hover,.el-button--primary.is-text.is-disabled:focus,.el-button--primary.is-text.is-disabled:active,.el-button--primary.is-link.is-disabled,.el-button--primary.is-link.is-disabled:hover,.el-button--primary.is-link.is-disabled:focus,.el-button--primary.is-link.is-disabled:active{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--primary.is-dashed{--el-button-text-color:var(--el-color-primary);--el-button-bg-color:var(--el-color-primary-light-9);--el-button-border-color:var(--el-color-primary-light-5);--el-button-hover-text-color:var(--el-color-primary);--el-button-hover-bg-color:var(--el-color-primary-light-9);--el-button-hover-border-color:var(--el-color-primary-light-3);--el-button-active-text-color:var(--el-color-primary-dark-2);--el-button-active-bg-color:var(--el-color-primary-light-9);--el-button-active-border-color:var(--el-color-primary-dark-2)}.el-button--primary.is-dashed.is-disabled,.el-button--primary.is-dashed.is-disabled:hover,.el-button--primary.is-dashed.is-disabled:focus,.el-button--primary.is-dashed.is-disabled:active{color:var(--el-color-primary-light-5);background-color:var(--el-color-primary-light-9);border-color:var(--el-color-primary-light-8)}.el-button--success{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-success);--el-button-border-color:var(--el-color-success);--el-button-outline-color:var(--el-color-success-light-5);--el-button-active-color:var(--el-color-success-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-success-light-5);--el-button-hover-bg-color:var(--el-color-success-light-3);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-bg-color:var(--el-color-success-dark-2);--el-button-active-border-color:var(--el-color-success-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-success-light-5);--el-button-disabled-border-color:var(--el-color-success-light-5)}.el-button--success.is-plain,.el-button--success.is-text,.el-button--success.is-link{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-success);--el-button-hover-border-color:var(--el-color-success);--el-button-active-text-color:var(--el-color-white)}.el-button--success.is-plain.is-disabled,.el-button--success.is-plain.is-disabled:hover,.el-button--success.is-plain.is-disabled:focus,.el-button--success.is-plain.is-disabled:active,.el-button--success.is-text.is-disabled,.el-button--success.is-text.is-disabled:hover,.el-button--success.is-text.is-disabled:focus,.el-button--success.is-text.is-disabled:active,.el-button--success.is-link.is-disabled,.el-button--success.is-link.is-disabled:hover,.el-button--success.is-link.is-disabled:focus,.el-button--success.is-link.is-disabled:active{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--success.is-dashed{--el-button-text-color:var(--el-color-success);--el-button-bg-color:var(--el-color-success-light-9);--el-button-border-color:var(--el-color-success-light-5);--el-button-hover-text-color:var(--el-color-success);--el-button-hover-bg-color:var(--el-color-success-light-9);--el-button-hover-border-color:var(--el-color-success-light-3);--el-button-active-text-color:var(--el-color-success-dark-2);--el-button-active-bg-color:var(--el-color-success-light-9);--el-button-active-border-color:var(--el-color-success-dark-2)}.el-button--success.is-dashed.is-disabled,.el-button--success.is-dashed.is-disabled:hover,.el-button--success.is-dashed.is-disabled:focus,.el-button--success.is-dashed.is-disabled:active{color:var(--el-color-success-light-5);background-color:var(--el-color-success-light-9);border-color:var(--el-color-success-light-8)}.el-button--warning{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-warning);--el-button-border-color:var(--el-color-warning);--el-button-outline-color:var(--el-color-warning-light-5);--el-button-active-color:var(--el-color-warning-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-warning-light-5);--el-button-hover-bg-color:var(--el-color-warning-light-3);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-bg-color:var(--el-color-warning-dark-2);--el-button-active-border-color:var(--el-color-warning-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-warning-light-5);--el-button-disabled-border-color:var(--el-color-warning-light-5)}.el-button--warning.is-plain,.el-button--warning.is-text,.el-button--warning.is-link{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-warning);--el-button-hover-border-color:var(--el-color-warning);--el-button-active-text-color:var(--el-color-white)}.el-button--warning.is-plain.is-disabled,.el-button--warning.is-plain.is-disabled:hover,.el-button--warning.is-plain.is-disabled:focus,.el-button--warning.is-plain.is-disabled:active,.el-button--warning.is-text.is-disabled,.el-button--warning.is-text.is-disabled:hover,.el-button--warning.is-text.is-disabled:focus,.el-button--warning.is-text.is-disabled:active,.el-button--warning.is-link.is-disabled,.el-button--warning.is-link.is-disabled:hover,.el-button--warning.is-link.is-disabled:focus,.el-button--warning.is-link.is-disabled:active{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--warning.is-dashed{--el-button-text-color:var(--el-color-warning);--el-button-bg-color:var(--el-color-warning-light-9);--el-button-border-color:var(--el-color-warning-light-5);--el-button-hover-text-color:var(--el-color-warning);--el-button-hover-bg-color:var(--el-color-warning-light-9);--el-button-hover-border-color:var(--el-color-warning-light-3);--el-button-active-text-color:var(--el-color-warning-dark-2);--el-button-active-bg-color:var(--el-color-warning-light-9);--el-button-active-border-color:var(--el-color-warning-dark-2)}.el-button--warning.is-dashed.is-disabled,.el-button--warning.is-dashed.is-disabled:hover,.el-button--warning.is-dashed.is-disabled:focus,.el-button--warning.is-dashed.is-disabled:active{color:var(--el-color-warning-light-5);background-color:var(--el-color-warning-light-9);border-color:var(--el-color-warning-light-8)}.el-button--danger{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-danger);--el-button-border-color:var(--el-color-danger);--el-button-outline-color:var(--el-color-danger-light-5);--el-button-active-color:var(--el-color-danger-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-danger-light-5);--el-button-hover-bg-color:var(--el-color-danger-light-3);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-bg-color:var(--el-color-danger-dark-2);--el-button-active-border-color:var(--el-color-danger-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-danger-light-5);--el-button-disabled-border-color:var(--el-color-danger-light-5)}.el-button--danger.is-plain,.el-button--danger.is-text,.el-button--danger.is-link{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-danger);--el-button-hover-border-color:var(--el-color-danger);--el-button-active-text-color:var(--el-color-white)}.el-button--danger.is-plain.is-disabled,.el-button--danger.is-plain.is-disabled:hover,.el-button--danger.is-plain.is-disabled:focus,.el-button--danger.is-plain.is-disabled:active,.el-button--danger.is-text.is-disabled,.el-button--danger.is-text.is-disabled:hover,.el-button--danger.is-text.is-disabled:focus,.el-button--danger.is-text.is-disabled:active,.el-button--danger.is-link.is-disabled,.el-button--danger.is-link.is-disabled:hover,.el-button--danger.is-link.is-disabled:focus,.el-button--danger.is-link.is-disabled:active{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--danger.is-dashed{--el-button-text-color:var(--el-color-danger);--el-button-bg-color:var(--el-color-danger-light-9);--el-button-border-color:var(--el-color-danger-light-5);--el-button-hover-text-color:var(--el-color-danger);--el-button-hover-bg-color:var(--el-color-danger-light-9);--el-button-hover-border-color:var(--el-color-danger-light-3);--el-button-active-text-color:var(--el-color-danger-dark-2);--el-button-active-bg-color:var(--el-color-danger-light-9);--el-button-active-border-color:var(--el-color-danger-dark-2)}.el-button--danger.is-dashed.is-disabled,.el-button--danger.is-dashed.is-disabled:hover,.el-button--danger.is-dashed.is-disabled:focus,.el-button--danger.is-dashed.is-disabled:active{color:var(--el-color-danger-light-5);background-color:var(--el-color-danger-light-9);border-color:var(--el-color-danger-light-8)}.el-button--info{--el-button-text-color:var(--el-color-white);--el-button-bg-color:var(--el-color-info);--el-button-border-color:var(--el-color-info);--el-button-outline-color:var(--el-color-info-light-5);--el-button-active-color:var(--el-color-info-dark-2);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-link-text-color:var(--el-color-info-light-5);--el-button-hover-bg-color:var(--el-color-info-light-3);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-bg-color:var(--el-color-info-dark-2);--el-button-active-border-color:var(--el-color-info-dark-2);--el-button-disabled-text-color:var(--el-color-white);--el-button-disabled-bg-color:var(--el-color-info-light-5);--el-button-disabled-border-color:var(--el-color-info-light-5)}.el-button--info.is-plain,.el-button--info.is-text,.el-button--info.is-link{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-white);--el-button-hover-bg-color:var(--el-color-info);--el-button-hover-border-color:var(--el-color-info);--el-button-active-text-color:var(--el-color-white)}.el-button--info.is-plain.is-disabled,.el-button--info.is-plain.is-disabled:hover,.el-button--info.is-plain.is-disabled:focus,.el-button--info.is-plain.is-disabled:active,.el-button--info.is-text.is-disabled,.el-button--info.is-text.is-disabled:hover,.el-button--info.is-text.is-disabled:focus,.el-button--info.is-text.is-disabled:active,.el-button--info.is-link.is-disabled,.el-button--info.is-link.is-disabled:hover,.el-button--info.is-link.is-disabled:focus,.el-button--info.is-link.is-disabled:active{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--info.is-dashed{--el-button-text-color:var(--el-color-info);--el-button-bg-color:var(--el-color-info-light-9);--el-button-border-color:var(--el-color-info-light-5);--el-button-hover-text-color:var(--el-color-info);--el-button-hover-bg-color:var(--el-color-info-light-9);--el-button-hover-border-color:var(--el-color-info-light-3);--el-button-active-text-color:var(--el-color-info-dark-2);--el-button-active-bg-color:var(--el-color-info-light-9);--el-button-active-border-color:var(--el-color-info-dark-2)}.el-button--info.is-dashed.is-disabled,.el-button--info.is-dashed.is-disabled:hover,.el-button--info.is-dashed.is-disabled:focus,.el-button--info.is-dashed.is-disabled:active{color:var(--el-color-info-light-5);background-color:var(--el-color-info-light-9);border-color:var(--el-color-info-light-8)}.el-button--large{--el-button-size:40px;height:var(--el-button-size)}.el-button--large [class*=el-icon]+span{margin-left:8px}.el-button--large{font-size:var(--el-font-size-base);border-radius:var(--el-border-radius-base);padding:12px 19px}.el-button--large.is-round{padding:12px 19px}.el-button--large.is-circle{width:var(--el-button-size);padding:12px}.el-button--small{--el-button-size:24px;height:var(--el-button-size)}.el-button--small [class*=el-icon]+span{margin-left:4px}.el-button--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:5px 11px;font-size:12px}.el-button--small.is-round{padding:5px 11px}.el-button--small.is-circle{width:var(--el-button-size);padding:5px}.el-calendar{--el-calendar-border:var(--el-table-border,1px solid var(--el-border-color-lighter));--el-calendar-header-border-bottom:var(--el-calendar-border);--el-calendar-selected-bg-color:var(--el-color-primary-light-9);--el-calendar-cell-width:85px;background-color:var(--el-fill-color-blank)}.el-calendar__header{border-bottom:var(--el-calendar-header-border-bottom);justify-content:space-between;padding:12px 20px;display:flex}.el-calendar__title{color:var(--el-text-color);align-self:center}.el-calendar__body{padding:12px 20px 35px}.el-calendar__select-controller .el-select{margin-right:8px}.el-calendar__select-controller .el-calendar-select__year{width:120px}.el-calendar__select-controller .el-calendar-select__month{width:60px}.el-calendar-table{table-layout:fixed;width:100%}.el-calendar-table thead th{color:var(--el-text-color-regular);padding:12px 0;font-weight:400}.el-calendar-table:not(.is-range) td.prev,.el-calendar-table:not(.is-range) td.next{color:var(--el-text-color-placeholder)}.el-calendar-table td{border-bottom:var(--el-calendar-border);border-right:var(--el-calendar-border);vertical-align:top;transition:background-color var(--el-transition-duration-fast) ease}.el-calendar-table td.is-selected{background-color:var(--el-calendar-selected-bg-color)}.el-calendar-table td.is-today{color:var(--el-color-primary)}.el-calendar-table tr:first-child td{border-top:var(--el-calendar-border)}.el-calendar-table tr td:first-child{border-left:var(--el-calendar-border)}.el-calendar-table tr.el-calendar-table__row--hide-border td{border-top:none}.el-calendar-table .el-calendar-day{box-sizing:border-box;height:var(--el-calendar-cell-width);padding:8px}.el-calendar-table .el-calendar-day:hover{cursor:pointer;background-color:var(--el-calendar-selected-bg-color)}.el-card{--el-card-border-color:var(--el-border-color-light);--el-card-border-radius:4px;--el-card-padding:20px;--el-card-bg-color:var(--el-fill-color-blank);border-radius:var(--el-card-border-radius);border:1px solid var(--el-card-border-color);background-color:var(--el-card-bg-color);color:var(--el-text-color-primary);transition:var(--el-transition-duration);flex-direction:column;display:flex;overflow:hidden}.el-card.is-always-shadow,.el-card.is-hover-shadow:hover,.el-card.is-hover-shadow:focus{box-shadow:var(--el-box-shadow-light)}.el-card__header{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-bottom:1px solid var(--el-card-border-color);box-sizing:border-box}.el-card__body{padding:var(--el-card-padding);flex-grow:1;overflow:auto}.el-card__footer{padding:calc(var(--el-card-padding) - 2px) var(--el-card-padding);border-top:1px solid var(--el-card-border-color);box-sizing:border-box}.el-carousel__item{width:100%;height:100%;z-index:calc(var(--el-index-normal) - 1);display:inline-block;position:absolute;top:0;left:0;overflow:hidden}.el-carousel__item.is-active{z-index:calc(var(--el-index-normal) - 1)}.el-carousel__item.is-animating{transition:transform .4s ease-in-out}.el-carousel__item--card{width:50%;transition:transform .4s ease-in-out}.el-carousel__item--card.is-in-stage{cursor:pointer;z-index:var(--el-index-normal)}.el-carousel__item--card.is-in-stage:hover .el-carousel__mask,.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask{opacity:.12}.el-carousel__item--card.is-active{z-index:calc(var(--el-index-normal) + 1)}.el-carousel__item--card-vertical{width:100%;height:50%}.el-carousel__mask{background-color:var(--el-color-white);opacity:.24;width:100%;height:100%;transition:var(--el-transition-duration-fast);position:absolute;top:0;left:0}.el-carousel{--el-carousel-arrow-font-size:12px;--el-carousel-arrow-size:36px;--el-carousel-arrow-background:#1f2d3d1c;--el-carousel-arrow-hover-background:#1f2d3d3b;--el-carousel-indicator-width:30px;--el-carousel-indicator-height:2px;--el-carousel-indicator-padding-horizontal:4px;--el-carousel-indicator-padding-vertical:12px;--el-carousel-indicator-out-color:var(--el-border-color-hover);position:relative}.el-carousel--horizontal,.el-carousel--vertical{overflow:hidden}.el-carousel.is-vertical-outside{flex-direction:row;align-items:center;display:flex}.el-carousel.is-vertical-outside .el-carousel__container{flex:1}.el-carousel__container{height:300px;position:relative}.el-carousel__arrow{height:var(--el-carousel-arrow-size);width:var(--el-carousel-arrow-size);cursor:pointer;transition:var(--el-transition-duration);background-color:var(--el-carousel-arrow-background);color:#fff;z-index:10;text-align:center;font-size:var(--el-carousel-arrow-font-size);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.el-carousel__arrow--left{left:16px}.el-carousel__arrow--right{right:16px}.el-carousel__arrow:hover{background-color:var(--el-carousel-arrow-hover-background)}.el-carousel__arrow i{cursor:pointer}.el-carousel__indicators{z-index:calc(var(--el-index-normal) + 1);margin:0;padding:0;list-style:none;position:absolute}.el-carousel__indicators--horizontal{bottom:0;left:50%;transform:translate(-50%)}.el-carousel__indicators--vertical{top:50%;right:0;transform:translateY(-50%)}.el-carousel__indicators--outside{text-align:center;position:static;transform:none}.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64}.el-carousel__indicators--outside button{background-color:var(--el-carousel-indicator-out-color);opacity:.24}.el-carousel__indicators--right{right:0}.el-carousel__indicators--labels .el-carousel__button{color:#000;padding:2px 18px;font-size:12px}.el-carousel__indicators--labels .el-carousel__indicator{padding:6px 4px}.el-carousel__indicator{cursor:pointer;background-color:#0000}.el-carousel__indicator:hover button{opacity:.72}.el-carousel__indicator--horizontal{padding:var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal);display:inline-block}.el-carousel__indicator--vertical{padding:var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)}.el-carousel__indicator--vertical .el-carousel__button{width:var(--el-carousel-indicator-height);height:calc(var(--el-carousel-indicator-width) / 2)}.el-carousel__indicator.is-active button{opacity:1}.el-carousel__button{opacity:.48;width:var(--el-carousel-indicator-width);height:var(--el-carousel-indicator-height);cursor:pointer;transition:var(--el-transition-duration);background-color:#fff;border:none;outline:none;margin:0;padding:0;display:block}.el-carousel__indicators--labels .el-carousel__button{width:auto;height:auto}.carousel-arrow-left-enter-from,.carousel-arrow-left-leave-active{opacity:0;transform:translateY(-50%)translate(-10px)}.carousel-arrow-right-enter-from,.carousel-arrow-right-leave-active{opacity:0;transform:translateY(-50%)translate(10px)}.el-transitioning{filter:url(#elCarouselHorizontal)}.el-transitioning-vertical{filter:url(#elCarouselVertical)}.el-cascader-panel{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);border-radius:var(--el-cascader-menu-radius);width:-moz-fit-content;width:fit-content;font-size:var(--el-cascader-menu-font-size);display:flex}.el-cascader-panel.is-bordered{border:var(--el-cascader-menu-border);border-radius:var(--el-cascader-menu-radius)}.el-cascader-menu{box-sizing:border-box;min-width:180px;color:var(--el-cascader-menu-text-color);border-right:var(--el-cascader-menu-border)}.el-cascader-menu:last-child{border-right:none}.el-cascader-menu:last-child .el-cascader-node{padding-right:20px}.el-cascader-menu__wrap.el-scrollbar__wrap{height:204px}.el-cascader-menu__list{box-sizing:border-box;min-height:100%;margin:0;padding:6px 0;list-style:none;position:relative}.el-cascader-menu__hover-zone{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.el-cascader-menu__empty-text{color:var(--el-cascader-color-empty);align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-cascader-menu__empty-text .is-loading{margin-right:2px}.el-cascader-node{outline:none;align-items:center;height:34px;padding:0 30px 0 20px;line-height:34px;display:flex;position:relative}.el-cascader-node.is-selectable.in-active-path{color:var(--el-cascader-menu-text-color)}.el-cascader-node.in-active-path,.el-cascader-node.is-selectable.in-checked-path,.el-cascader-node.is-active{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader-node:not(.is-disabled){cursor:pointer}.el-cascader-node:not(.is-disabled):hover,.el-cascader-node:not(.is-disabled):focus{background:var(--el-cascader-node-background-hover)}.el-cascader-node.is-disabled{color:var(--el-cascader-node-color-disabled);cursor:not-allowed}.el-cascader-node__prefix{position:absolute;left:10px}.el-cascader-node__postfix{position:absolute;right:10px}.el-cascader-node__label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;padding:0 8px;overflow:hidden}.el-cascader-node>.el-checkbox,.el-cascader-node>.el-radio{margin-right:0}.el-cascader-node>.el-radio .el-radio__label{padding-left:0}.el-cascader{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);vertical-align:middle;font-size:var(--el-font-size-base);outline:none;line-height:32px;display:inline-block;position:relative}.el-cascader:not(.is-disabled):hover .el-input__wrapper{cursor:pointer;box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-cascader .el-input{cursor:pointer;display:flex}.el-cascader .el-input .el-input__inner{text-overflow:ellipsis}.el-cascader .el-input .el-input__inner:read-only{cursor:pointer}.el-cascader .el-input .el-input__inner:disabled{cursor:not-allowed}.el-cascader .el-input .el-input__suffix-inner .el-icon svg{vertical-align:middle}.el-cascader .el-input .icon-arrow-down{transition:transform var(--el-transition-duration);font-size:14px}.el-cascader .el-input .icon-arrow-down.is-reverse{transform:rotate(180deg)}.el-cascader .el-input .icon-circle-close:hover{color:var(--el-input-clear-hover-color,var(--el-text-color-secondary))}.el-cascader .el-input.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-cascader--large{font-size:14px;line-height:40px}.el-cascader--large .el-cascader__tags{gap:6px;padding:8px}.el-cascader--large .el-cascader__search-input{height:24px;margin-left:7px}.el-cascader--small{font-size:12px;line-height:24px}.el-cascader--small .el-cascader__tags{gap:4px;padding:2px}.el-cascader--small .el-cascader__search-input{height:20px;margin-left:5px}.el-cascader.is-disabled .el-cascader__label{z-index:calc(var(--el-index-normal) + 1);color:var(--el-disabled-text-color)}.el-cascader__dropdown{--el-cascader-menu-text-color:var(--el-text-color-regular);--el-cascader-menu-selected-text-color:var(--el-color-primary);--el-cascader-menu-fill:var(--el-bg-color-overlay);--el-cascader-menu-font-size:var(--el-font-size-base);--el-cascader-menu-radius:var(--el-border-radius-base);--el-cascader-menu-border:solid 1px var(--el-border-color-light);--el-cascader-menu-shadow:var(--el-box-shadow-light);--el-cascader-node-background-hover:var(--el-fill-color-light);--el-cascader-node-color-disabled:var(--el-text-color-placeholder);--el-cascader-color-empty:var(--el-text-color-placeholder);--el-cascader-tag-background:var(--el-fill-color);font-size:var(--el-cascader-menu-font-size);border-radius:var(--el-cascader-menu-radius)}.el-cascader__dropdown.el-popper{background:var(--el-cascader-menu-fill);border:var(--el-cascader-menu-border);box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__dropdown.el-popper .el-popper__arrow:before{border:var(--el-cascader-menu-border)}.el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:#0000;border-left-color:#0000}.el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:#0000;border-right-color:#0000}.el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:#0000;border-left-color:#0000}.el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-top-color:#0000;border-right-color:#0000}.el-cascader__dropdown.el-popper{box-shadow:var(--el-cascader-menu-shadow)}.el-cascader__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-cascader__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-cascader__tags{text-align:left;box-sizing:border-box;flex-wrap:wrap;gap:6px;padding:4px;line-height:normal;display:flex;position:absolute;top:50%;left:0;right:30px;transform:translateY(-50%)}.el-cascader__tags .el-tag{text-overflow:ellipsis;background:var(--el-cascader-tag-background);align-items:center;max-width:100%;display:inline-flex}.el-cascader__tags .el-tag.el-tag--dark,.el-cascader__tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__tags .el-tag:not(.is-hit){border-color:#0000}.el-cascader__tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__tags .el-tag>span{text-overflow:ellipsis;flex:1;line-height:normal;overflow:hidden}.el-cascader__tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__tags .el-tag+input{margin-left:0}.el-cascader__tags.is-validate{right:55px}.el-cascader__collapse-tags{white-space:normal;z-index:var(--el-index-normal)}.el-cascader__collapse-tags .el-tag{text-overflow:ellipsis;background:var(--el-fill-color);align-items:center;max-width:100%;display:inline-flex}.el-cascader__collapse-tags .el-tag.el-tag--dark,.el-cascader__collapse-tags .el-tag.el-tag--plain{background-color:var(--el-tag-bg-color)}.el-cascader__collapse-tags .el-tag:not(.is-hit){border-color:#0000}.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--dark,.el-cascader__collapse-tags .el-tag:not(.is-hit).el-tag--plain{border-color:var(--el-tag-border-color)}.el-cascader__collapse-tags .el-tag>span{text-overflow:ellipsis;flex:1;line-height:normal;overflow:hidden}.el-cascader__collapse-tags .el-tag .el-icon-close{background-color:var(--el-text-color-placeholder);color:var(--el-color-white);flex:none}.el-cascader__collapse-tags .el-tag .el-icon-close:hover{background-color:var(--el-text-color-secondary)}.el-cascader__collapse-tags .el-tag+input{margin-left:0}.el-cascader__collapse-tags .el-tag{margin:2px 0}.el-cascader__suggestion-panel{border-radius:var(--el-cascader-menu-radius)}.el-cascader__suggestion-list{max-height:204px;font-size:var(--el-font-size-base);color:var(--el-cascader-menu-text-color);text-align:center;margin:0;padding:6px 0}.el-cascader__suggestion-item{text-align:left;cursor:pointer;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 15px;display:flex}.el-cascader__suggestion-item:hover,.el-cascader__suggestion-item:focus{background:var(--el-cascader-node-background-hover)}.el-cascader__suggestion-item.is-checked{color:var(--el-cascader-menu-selected-text-color);font-weight:700}.el-cascader__suggestion-item>span{margin-right:10px}.el-cascader__empty-text{color:var(--el-cascader-color-empty);margin:10px 0}.el-cascader__search-input{min-width:60px;height:24px;color:var(--el-cascader-menu-text-color);box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;margin-left:7px;padding:0}.el-cascader__search-input::placeholder{color:#0000}.el-check-tag{background-color:var(--el-color-info-light-9);border-radius:var(--el-border-radius-base);color:var(--el-color-info);cursor:pointer;font-size:var(--el-font-size-base);line-height:var(--el-font-size-base);transition:var(--el-transition-all);padding:7px 15px;font-weight:700;display:inline-block}.el-check-tag:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--primary.is-checked{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.el-check-tag.el-check-tag--primary.is-checked:hover{background-color:var(--el-color-primary-light-7)}.el-check-tag.el-check-tag--primary.is-checked.is-disabled{background-color:var(--el-color-primary-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-checked.is-disabled:hover{background-color:var(--el-color-primary-light-8)}.el-check-tag.el-check-tag--primary.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--primary.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-check-tag.el-check-tag--success.is-checked{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.el-check-tag.el-check-tag--success.is-checked:hover{background-color:var(--el-color-success-light-7)}.el-check-tag.el-check-tag--success.is-checked.is-disabled{background-color:var(--el-color-success-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-checked.is-disabled:hover{background-color:var(--el-color-success-light-8)}.el-check-tag.el-check-tag--success.is-disabled{background-color:var(--el-color-success-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--success.is-disabled:hover{background-color:var(--el-color-success-light-9)}.el-check-tag.el-check-tag--warning.is-checked{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.el-check-tag.el-check-tag--warning.is-checked:hover{background-color:var(--el-color-warning-light-7)}.el-check-tag.el-check-tag--warning.is-checked.is-disabled{background-color:var(--el-color-warning-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-checked.is-disabled:hover{background-color:var(--el-color-warning-light-8)}.el-check-tag.el-check-tag--warning.is-disabled{background-color:var(--el-color-warning-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--warning.is-disabled:hover{background-color:var(--el-color-warning-light-9)}.el-check-tag.el-check-tag--danger.is-checked{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.el-check-tag.el-check-tag--danger.is-checked:hover{background-color:var(--el-color-danger-light-7)}.el-check-tag.el-check-tag--danger.is-checked.is-disabled{background-color:var(--el-color-danger-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-checked.is-disabled:hover{background-color:var(--el-color-danger-light-8)}.el-check-tag.el-check-tag--danger.is-disabled{background-color:var(--el-color-danger-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--danger.is-disabled:hover{background-color:var(--el-color-danger-light-9)}.el-check-tag.el-check-tag--error.is-checked{background-color:var(--el-color-error-light-8);color:var(--el-color-error)}.el-check-tag.el-check-tag--error.is-checked:hover{background-color:var(--el-color-error-light-7)}.el-check-tag.el-check-tag--error.is-checked.is-disabled{background-color:var(--el-color-error-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-checked.is-disabled:hover{background-color:var(--el-color-error-light-8)}.el-check-tag.el-check-tag--error.is-disabled{background-color:var(--el-color-error-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--error.is-disabled:hover{background-color:var(--el-color-error-light-9)}.el-check-tag.el-check-tag--info.is-checked{background-color:var(--el-color-info-light-8);color:var(--el-color-info)}.el-check-tag.el-check-tag--info.is-checked:hover{background-color:var(--el-color-info-light-7)}.el-check-tag.el-check-tag--info.is-checked.is-disabled{background-color:var(--el-color-info-light-8);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-checked.is-disabled:hover{background-color:var(--el-color-info-light-8)}.el-check-tag.el-check-tag--info.is-disabled{background-color:var(--el-color-info-light-9);color:var(--el-disabled-text-color);cursor:not-allowed}.el-check-tag.el-check-tag--info.is-disabled:hover{background-color:var(--el-color-info-light-9)}.el-checkbox-button{--el-checkbox-button-checked-bg-color:var(--el-color-primary);--el-checkbox-button-checked-text-color:var(--el-color-white);--el-checkbox-button-checked-border-color:var(--el-color-primary);--el-checkbox-button-disabled-checked-fill:var(--el-border-color-extra-light);display:inline-block;position:relative}.el-checkbox-button__inner{line-height:1;font-weight:var(--el-checkbox-font-weight);white-space:nowrap;vertical-align:middle;cursor:pointer;background:var(--el-button-bg-color,var(--el-fill-color-blank));outline:var(--el-border);color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;font-size:var(--el-font-size-base);border-radius:0;margin:0;padding:8px 15px;display:inline-block;position:relative}.el-checkbox-button__inner.is-round{padding:8px 15px}.el-checkbox-button__inner:hover{color:var(--el-color-primary)}.el-checkbox-button__inner [class*=el-icon-]{line-height:.9}.el-checkbox-button__inner [class*=el-icon-]+span{margin-left:5px}.el-checkbox-button__original{opacity:0;z-index:-1;outline:none;margin:0;position:absolute}.el-checkbox-button.is-checked .el-checkbox-button__inner{color:var(--el-checkbox-button-checked-text-color);background-color:var(--el-checkbox-button-checked-bg-color);border-color:var(--el-checkbox-button-checked-border-color);box-shadow:-1px 0 0 0 var(--el-color-primary-light-7)}.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner{border-left-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button.is-disabled .el-checkbox-button__inner{color:var(--el-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner{border-left-color:var(--el-button-disabled-border-color,var(--el-border-color-light))}.el-checkbox-button.is-disabled.is-checked .el-checkbox-button__inner{background-color:var(--el-checkbox-button-disabled-checked-fill)}.el-checkbox-button:first-child .el-checkbox-button__inner{border-top-left-radius:var(--el-border-radius-base);border-bottom-left-radius:var(--el-border-radius-base);box-shadow:none!important}.el-checkbox-button.is-focus .el-checkbox-button__inner{border-color:var(--el-checkbox-button-checked-border-color)}.el-checkbox-button:last-child .el-checkbox-button__inner{border-top-right-radius:var(--el-border-radius-base);border-bottom-right-radius:var(--el-border-radius-base)}.el-checkbox-button--large .el-checkbox-button__inner{font-size:var(--el-font-size-base);border-radius:0;padding:12px 19px}.el-checkbox-button--large .el-checkbox-button__inner.is-round{padding:12px 19px}.el-checkbox-button--small .el-checkbox-button__inner{border-radius:0;padding:5px 11px;font-size:12px}.el-checkbox-button--small .el-checkbox-button__inner.is-round{padding:5px 11px}.el-checkbox-group{font-size:0;line-height:0}.el-checkbox{--el-checkbox-font-size:14px;--el-checkbox-font-weight:var(--el-font-weight-primary);--el-checkbox-text-color:var(--el-text-color-regular);--el-checkbox-input-height:14px;--el-checkbox-input-width:14px;--el-checkbox-border-radius:var(--el-border-radius-small);--el-checkbox-bg-color:var(--el-fill-color-blank);--el-checkbox-input-border:var(--el-border);--el-checkbox-disabled-border-color:var(--el-border-color);--el-checkbox-disabled-input-fill:var(--el-fill-color-light);--el-checkbox-disabled-icon-color:var(--el-text-color-placeholder);--el-checkbox-disabled-checked-input-fill:var(--el-border-color-extra-light);--el-checkbox-disabled-checked-input-border-color:var(--el-border-color);--el-checkbox-disabled-checked-icon-color:var(--el-text-color-placeholder);--el-checkbox-checked-text-color:var(--el-color-primary);--el-checkbox-checked-input-border-color:var(--el-color-primary);--el-checkbox-checked-bg-color:var(--el-color-primary);--el-checkbox-checked-icon-color:var(--el-color-white);--el-checkbox-input-border-color-hover:var(--el-color-primary);color:var(--el-checkbox-text-color);font-weight:var(--el-checkbox-font-weight);font-size:var(--el-font-size-base);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;height:var(--el-checkbox-height,32px);align-items:center;margin-right:30px;display:inline-flex;position:relative}.el-checkbox.is-disabled{cursor:not-allowed}.el-checkbox.is-bordered{border-radius:var(--el-border-radius-base);border:var(--el-border);box-sizing:border-box;padding:0 15px 0 9px}.el-checkbox.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-checkbox.is-bordered.is-disabled{border-color:var(--el-border-color-lighter)}.el-checkbox.is-bordered.el-checkbox--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label{font-size:var(--el-font-size-base)}.el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner{width:14px;height:14px}.el-checkbox.is-bordered.el-checkbox--small{border-radius:calc(var(--el-border-radius-base) - 1px);padding:0 11px 0 7px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner{width:12px;height:12px}.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after{width:2px;height:6px}.el-checkbox input:focus-visible+.el-checkbox__inner{outline:2px solid var(--el-checkbox-input-border-color-hover);outline-offset:1px;border-radius:var(--el-checkbox-border-radius)}.el-checkbox__input{white-space:nowrap;cursor:pointer;outline:none;display:inline-flex;position:relative}.el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--el-checkbox-disabled-input-fill);border-color:var(--el-checkbox-disabled-border-color);cursor:not-allowed}.el-checkbox__input.is-disabled .el-checkbox__inner:after{cursor:not-allowed;border-color:var(--el-checkbox-disabled-icon-color);will-change:transform}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-disabled-checked-input-fill);border-color:var(--el-checkbox-disabled-checked-input-border-color)}.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color);border-color:var(--el-checkbox-disabled-checked-icon-color)}.el-checkbox__input.is-disabled+span.el-checkbox__label{color:var(--el-disabled-text-color);cursor:not-allowed}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-checked .el-checkbox__inner:after{border-color:var(--el-checkbox-checked-icon-color);transform:translate(-45%,-60%)rotate(45deg)scaleY(1)}.el-checkbox__input.is-checked+.el-checkbox__label{color:var(--el-checkbox-checked-text-color)}.el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible){border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:var(--el-checkbox-checked-bg-color);border-color:var(--el-checkbox-checked-input-border-color)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:before{content:"";background-color:var(--el-checkbox-checked-icon-color);height:2px;display:block;position:absolute;top:5px;left:0;right:0;transform:scale(.5)}.el-checkbox__input.is-indeterminate .el-checkbox__inner:after{display:none}.el-checkbox__inner{border:var(--el-checkbox-input-border);border-radius:var(--el-checkbox-border-radius);box-sizing:border-box;width:var(--el-checkbox-input-width);height:var(--el-checkbox-input-height);background-color:var(--el-checkbox-bg-color);z-index:var(--el-index-normal);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46),outline .25s cubic-bezier(.71,-.46,.29,1.46);display:inline-block;position:relative}.el-checkbox__inner:hover{border-color:var(--el-checkbox-input-border-color-hover)}.el-checkbox__inner:after{box-sizing:content-box;content:"";transform-origin:50%;border:1px solid #0000;border-top:0;border-left:0;width:3px;height:7px;transition:transform .15s ease-in 50ms;position:absolute;top:50%;left:50%;transform:translate(-45%,-60%)rotate(45deg)scaleY(0)}.el-checkbox__original{opacity:0;z-index:-1;outline:none;width:0;height:0;margin:0;position:absolute}.el-checkbox__label{line-height:1;font-size:var(--el-checkbox-font-size);padding-left:8px;display:inline-block}.el-checkbox.el-checkbox--large{height:40px}.el-checkbox.el-checkbox--large .el-checkbox__label{font-size:14px}.el-checkbox.el-checkbox--large .el-checkbox__inner{width:14px;height:14px}.el-checkbox.el-checkbox--small{height:24px}.el-checkbox.el-checkbox--small .el-checkbox__label{font-size:12px}.el-checkbox.el-checkbox--small .el-checkbox__inner{width:12px;height:12px}.el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{top:4px}.el-checkbox.el-checkbox--small .el-checkbox__inner:after{width:2px;height:6px}.el-checkbox:last-of-type{margin-right:0}[class*=el-col-]{box-sizing:border-box}[class*=el-col-].is-guttered{min-height:1px;display:block}.el-col-0{flex:0 0;max-width:0%;display:none}.el-col-0.is-guttered{display:none}.el-col-offset-0{margin-left:0%}.el-col-pull-0{position:relative;right:0%}.el-col-push-0{position:relative;left:0%}.el-col-1{flex:0 0 4.16667%;max-width:4.16667%;display:block}.el-col-1.is-guttered{display:block}.el-col-offset-1{margin-left:4.16667%}.el-col-pull-1{position:relative;right:4.16667%}.el-col-push-1{position:relative;left:4.16667%}.el-col-2{flex:0 0 8.33333%;max-width:8.33333%;display:block}.el-col-2.is-guttered{display:block}.el-col-offset-2{margin-left:8.33333%}.el-col-pull-2{position:relative;right:8.33333%}.el-col-push-2{position:relative;left:8.33333%}.el-col-3{flex:0 0 12.5%;max-width:12.5%;display:block}.el-col-3.is-guttered{display:block}.el-col-offset-3{margin-left:12.5%}.el-col-pull-3{position:relative;right:12.5%}.el-col-push-3{position:relative;left:12.5%}.el-col-4{flex:0 0 16.6667%;max-width:16.6667%;display:block}.el-col-4.is-guttered{display:block}.el-col-offset-4{margin-left:16.6667%}.el-col-pull-4{position:relative;right:16.6667%}.el-col-push-4{position:relative;left:16.6667%}.el-col-5{flex:0 0 20.8333%;max-width:20.8333%;display:block}.el-col-5.is-guttered{display:block}.el-col-offset-5{margin-left:20.8333%}.el-col-pull-5{position:relative;right:20.8333%}.el-col-push-5{position:relative;left:20.8333%}.el-col-6{flex:0 0 25%;max-width:25%;display:block}.el-col-6.is-guttered{display:block}.el-col-offset-6{margin-left:25%}.el-col-pull-6{position:relative;right:25%}.el-col-push-6{position:relative;left:25%}.el-col-7{flex:0 0 29.1667%;max-width:29.1667%;display:block}.el-col-7.is-guttered{display:block}.el-col-offset-7{margin-left:29.1667%}.el-col-pull-7{position:relative;right:29.1667%}.el-col-push-7{position:relative;left:29.1667%}.el-col-8{flex:0 0 33.3333%;max-width:33.3333%;display:block}.el-col-8.is-guttered{display:block}.el-col-offset-8{margin-left:33.3333%}.el-col-pull-8{position:relative;right:33.3333%}.el-col-push-8{position:relative;left:33.3333%}.el-col-9{flex:0 0 37.5%;max-width:37.5%;display:block}.el-col-9.is-guttered{display:block}.el-col-offset-9{margin-left:37.5%}.el-col-pull-9{position:relative;right:37.5%}.el-col-push-9{position:relative;left:37.5%}.el-col-10{flex:0 0 41.6667%;max-width:41.6667%;display:block}.el-col-10.is-guttered{display:block}.el-col-offset-10{margin-left:41.6667%}.el-col-pull-10{position:relative;right:41.6667%}.el-col-push-10{position:relative;left:41.6667%}.el-col-11{flex:0 0 45.8333%;max-width:45.8333%;display:block}.el-col-11.is-guttered{display:block}.el-col-offset-11{margin-left:45.8333%}.el-col-pull-11{position:relative;right:45.8333%}.el-col-push-11{position:relative;left:45.8333%}.el-col-12{flex:0 0 50%;max-width:50%;display:block}.el-col-12.is-guttered{display:block}.el-col-offset-12{margin-left:50%}.el-col-pull-12{position:relative;right:50%}.el-col-push-12{position:relative;left:50%}.el-col-13{flex:0 0 54.1667%;max-width:54.1667%;display:block}.el-col-13.is-guttered{display:block}.el-col-offset-13{margin-left:54.1667%}.el-col-pull-13{position:relative;right:54.1667%}.el-col-push-13{position:relative;left:54.1667%}.el-col-14{flex:0 0 58.3333%;max-width:58.3333%;display:block}.el-col-14.is-guttered{display:block}.el-col-offset-14{margin-left:58.3333%}.el-col-pull-14{position:relative;right:58.3333%}.el-col-push-14{position:relative;left:58.3333%}.el-col-15{flex:0 0 62.5%;max-width:62.5%;display:block}.el-col-15.is-guttered{display:block}.el-col-offset-15{margin-left:62.5%}.el-col-pull-15{position:relative;right:62.5%}.el-col-push-15{position:relative;left:62.5%}.el-col-16{flex:0 0 66.6667%;max-width:66.6667%;display:block}.el-col-16.is-guttered{display:block}.el-col-offset-16{margin-left:66.6667%}.el-col-pull-16{position:relative;right:66.6667%}.el-col-push-16{position:relative;left:66.6667%}.el-col-17{flex:0 0 70.8333%;max-width:70.8333%;display:block}.el-col-17.is-guttered{display:block}.el-col-offset-17{margin-left:70.8333%}.el-col-pull-17{position:relative;right:70.8333%}.el-col-push-17{position:relative;left:70.8333%}.el-col-18{flex:0 0 75%;max-width:75%;display:block}.el-col-18.is-guttered{display:block}.el-col-offset-18{margin-left:75%}.el-col-pull-18{position:relative;right:75%}.el-col-push-18{position:relative;left:75%}.el-col-19{flex:0 0 79.1667%;max-width:79.1667%;display:block}.el-col-19.is-guttered{display:block}.el-col-offset-19{margin-left:79.1667%}.el-col-pull-19{position:relative;right:79.1667%}.el-col-push-19{position:relative;left:79.1667%}.el-col-20{flex:0 0 83.3333%;max-width:83.3333%;display:block}.el-col-20.is-guttered{display:block}.el-col-offset-20{margin-left:83.3333%}.el-col-pull-20{position:relative;right:83.3333%}.el-col-push-20{position:relative;left:83.3333%}.el-col-21{flex:0 0 87.5%;max-width:87.5%;display:block}.el-col-21.is-guttered{display:block}.el-col-offset-21{margin-left:87.5%}.el-col-pull-21{position:relative;right:87.5%}.el-col-push-21{position:relative;left:87.5%}.el-col-22{flex:0 0 91.6667%;max-width:91.6667%;display:block}.el-col-22.is-guttered{display:block}.el-col-offset-22{margin-left:91.6667%}.el-col-pull-22{position:relative;right:91.6667%}.el-col-push-22{position:relative;left:91.6667%}.el-col-23{flex:0 0 95.8333%;max-width:95.8333%;display:block}.el-col-23.is-guttered{display:block}.el-col-offset-23{margin-left:95.8333%}.el-col-pull-23{position:relative;right:95.8333%}.el-col-push-23{position:relative;left:95.8333%}.el-col-24{flex:0 0 100%;max-width:100%;display:block}.el-col-24.is-guttered{display:block}.el-col-offset-24{margin-left:100%}.el-col-pull-24{position:relative;right:100%}.el-col-push-24{position:relative;left:100%}@media only screen and (max-width:767px){.el-col-xs-0{flex:0 0;max-width:0%;display:none}.el-col-xs-0.is-guttered{display:none}.el-col-xs-offset-0{margin-left:0%}.el-col-xs-pull-0{position:relative;right:0%}.el-col-xs-push-0{position:relative;left:0%}.el-col-xs-1{flex:0 0 4.16667%;max-width:4.16667%;display:block}.el-col-xs-1.is-guttered{display:block}.el-col-xs-offset-1{margin-left:4.16667%}.el-col-xs-pull-1{position:relative;right:4.16667%}.el-col-xs-push-1{position:relative;left:4.16667%}.el-col-xs-2{flex:0 0 8.33333%;max-width:8.33333%;display:block}.el-col-xs-2.is-guttered{display:block}.el-col-xs-offset-2{margin-left:8.33333%}.el-col-xs-pull-2{position:relative;right:8.33333%}.el-col-xs-push-2{position:relative;left:8.33333%}.el-col-xs-3{flex:0 0 12.5%;max-width:12.5%;display:block}.el-col-xs-3.is-guttered{display:block}.el-col-xs-offset-3{margin-left:12.5%}.el-col-xs-pull-3{position:relative;right:12.5%}.el-col-xs-push-3{position:relative;left:12.5%}.el-col-xs-4{flex:0 0 16.6667%;max-width:16.6667%;display:block}.el-col-xs-4.is-guttered{display:block}.el-col-xs-offset-4{margin-left:16.6667%}.el-col-xs-pull-4{position:relative;right:16.6667%}.el-col-xs-push-4{position:relative;left:16.6667%}.el-col-xs-5{flex:0 0 20.8333%;max-width:20.8333%;display:block}.el-col-xs-5.is-guttered{display:block}.el-col-xs-offset-5{margin-left:20.8333%}.el-col-xs-pull-5{position:relative;right:20.8333%}.el-col-xs-push-5{position:relative;left:20.8333%}.el-col-xs-6{flex:0 0 25%;max-width:25%;display:block}.el-col-xs-6.is-guttered{display:block}.el-col-xs-offset-6{margin-left:25%}.el-col-xs-pull-6{position:relative;right:25%}.el-col-xs-push-6{position:relative;left:25%}.el-col-xs-7{flex:0 0 29.1667%;max-width:29.1667%;display:block}.el-col-xs-7.is-guttered{display:block}.el-col-xs-offset-7{margin-left:29.1667%}.el-col-xs-pull-7{position:relative;right:29.1667%}.el-col-xs-push-7{position:relative;left:29.1667%}.el-col-xs-8{flex:0 0 33.3333%;max-width:33.3333%;display:block}.el-col-xs-8.is-guttered{display:block}.el-col-xs-offset-8{margin-left:33.3333%}.el-col-xs-pull-8{position:relative;right:33.3333%}.el-col-xs-push-8{position:relative;left:33.3333%}.el-col-xs-9{flex:0 0 37.5%;max-width:37.5%;display:block}.el-col-xs-9.is-guttered{display:block}.el-col-xs-offset-9{margin-left:37.5%}.el-col-xs-pull-9{position:relative;right:37.5%}.el-col-xs-push-9{position:relative;left:37.5%}.el-col-xs-10{flex:0 0 41.6667%;max-width:41.6667%;display:block}.el-col-xs-10.is-guttered{display:block}.el-col-xs-offset-10{margin-left:41.6667%}.el-col-xs-pull-10{position:relative;right:41.6667%}.el-col-xs-push-10{position:relative;left:41.6667%}.el-col-xs-11{flex:0 0 45.8333%;max-width:45.8333%;display:block}.el-col-xs-11.is-guttered{display:block}.el-col-xs-offset-11{margin-left:45.8333%}.el-col-xs-pull-11{position:relative;right:45.8333%}.el-col-xs-push-11{position:relative;left:45.8333%}.el-col-xs-12{flex:0 0 50%;max-width:50%;display:block}.el-col-xs-12.is-guttered{display:block}.el-col-xs-offset-12{margin-left:50%}.el-col-xs-pull-12{position:relative;right:50%}.el-col-xs-push-12{position:relative;left:50%}.el-col-xs-13{flex:0 0 54.1667%;max-width:54.1667%;display:block}.el-col-xs-13.is-guttered{display:block}.el-col-xs-offset-13{margin-left:54.1667%}.el-col-xs-pull-13{position:relative;right:54.1667%}.el-col-xs-push-13{position:relative;left:54.1667%}.el-col-xs-14{flex:0 0 58.3333%;max-width:58.3333%;display:block}.el-col-xs-14.is-guttered{display:block}.el-col-xs-offset-14{margin-left:58.3333%}.el-col-xs-pull-14{position:relative;right:58.3333%}.el-col-xs-push-14{position:relative;left:58.3333%}.el-col-xs-15{flex:0 0 62.5%;max-width:62.5%;display:block}.el-col-xs-15.is-guttered{display:block}.el-col-xs-offset-15{margin-left:62.5%}.el-col-xs-pull-15{position:relative;right:62.5%}.el-col-xs-push-15{position:relative;left:62.5%}.el-col-xs-16{flex:0 0 66.6667%;max-width:66.6667%;display:block}.el-col-xs-16.is-guttered{display:block}.el-col-xs-offset-16{margin-left:66.6667%}.el-col-xs-pull-16{position:relative;right:66.6667%}.el-col-xs-push-16{position:relative;left:66.6667%}.el-col-xs-17{flex:0 0 70.8333%;max-width:70.8333%;display:block}.el-col-xs-17.is-guttered{display:block}.el-col-xs-offset-17{margin-left:70.8333%}.el-col-xs-pull-17{position:relative;right:70.8333%}.el-col-xs-push-17{position:relative;left:70.8333%}.el-col-xs-18{flex:0 0 75%;max-width:75%;display:block}.el-col-xs-18.is-guttered{display:block}.el-col-xs-offset-18{margin-left:75%}.el-col-xs-pull-18{position:relative;right:75%}.el-col-xs-push-18{position:relative;left:75%}.el-col-xs-19{flex:0 0 79.1667%;max-width:79.1667%;display:block}.el-col-xs-19.is-guttered{display:block}.el-col-xs-offset-19{margin-left:79.1667%}.el-col-xs-pull-19{position:relative;right:79.1667%}.el-col-xs-push-19{position:relative;left:79.1667%}.el-col-xs-20{flex:0 0 83.3333%;max-width:83.3333%;display:block}.el-col-xs-20.is-guttered{display:block}.el-col-xs-offset-20{margin-left:83.3333%}.el-col-xs-pull-20{position:relative;right:83.3333%}.el-col-xs-push-20{position:relative;left:83.3333%}.el-col-xs-21{flex:0 0 87.5%;max-width:87.5%;display:block}.el-col-xs-21.is-guttered{display:block}.el-col-xs-offset-21{margin-left:87.5%}.el-col-xs-pull-21{position:relative;right:87.5%}.el-col-xs-push-21{position:relative;left:87.5%}.el-col-xs-22{flex:0 0 91.6667%;max-width:91.6667%;display:block}.el-col-xs-22.is-guttered{display:block}.el-col-xs-offset-22{margin-left:91.6667%}.el-col-xs-pull-22{position:relative;right:91.6667%}.el-col-xs-push-22{position:relative;left:91.6667%}.el-col-xs-23{flex:0 0 95.8333%;max-width:95.8333%;display:block}.el-col-xs-23.is-guttered{display:block}.el-col-xs-offset-23{margin-left:95.8333%}.el-col-xs-pull-23{position:relative;right:95.8333%}.el-col-xs-push-23{position:relative;left:95.8333%}.el-col-xs-24{flex:0 0 100%;max-width:100%;display:block}.el-col-xs-24.is-guttered{display:block}.el-col-xs-offset-24{margin-left:100%}.el-col-xs-pull-24{position:relative;right:100%}.el-col-xs-push-24{position:relative;left:100%}}@media only screen and (min-width:768px){.el-col-sm-0{flex:0 0;max-width:0%;display:none}.el-col-sm-0.is-guttered{display:none}.el-col-sm-offset-0{margin-left:0%}.el-col-sm-pull-0{position:relative;right:0%}.el-col-sm-push-0{position:relative;left:0%}.el-col-sm-1{flex:0 0 4.16667%;max-width:4.16667%;display:block}.el-col-sm-1.is-guttered{display:block}.el-col-sm-offset-1{margin-left:4.16667%}.el-col-sm-pull-1{position:relative;right:4.16667%}.el-col-sm-push-1{position:relative;left:4.16667%}.el-col-sm-2{flex:0 0 8.33333%;max-width:8.33333%;display:block}.el-col-sm-2.is-guttered{display:block}.el-col-sm-offset-2{margin-left:8.33333%}.el-col-sm-pull-2{position:relative;right:8.33333%}.el-col-sm-push-2{position:relative;left:8.33333%}.el-col-sm-3{flex:0 0 12.5%;max-width:12.5%;display:block}.el-col-sm-3.is-guttered{display:block}.el-col-sm-offset-3{margin-left:12.5%}.el-col-sm-pull-3{position:relative;right:12.5%}.el-col-sm-push-3{position:relative;left:12.5%}.el-col-sm-4{flex:0 0 16.6667%;max-width:16.6667%;display:block}.el-col-sm-4.is-guttered{display:block}.el-col-sm-offset-4{margin-left:16.6667%}.el-col-sm-pull-4{position:relative;right:16.6667%}.el-col-sm-push-4{position:relative;left:16.6667%}.el-col-sm-5{flex:0 0 20.8333%;max-width:20.8333%;display:block}.el-col-sm-5.is-guttered{display:block}.el-col-sm-offset-5{margin-left:20.8333%}.el-col-sm-pull-5{position:relative;right:20.8333%}.el-col-sm-push-5{position:relative;left:20.8333%}.el-col-sm-6{flex:0 0 25%;max-width:25%;display:block}.el-col-sm-6.is-guttered{display:block}.el-col-sm-offset-6{margin-left:25%}.el-col-sm-pull-6{position:relative;right:25%}.el-col-sm-push-6{position:relative;left:25%}.el-col-sm-7{flex:0 0 29.1667%;max-width:29.1667%;display:block}.el-col-sm-7.is-guttered{display:block}.el-col-sm-offset-7{margin-left:29.1667%}.el-col-sm-pull-7{position:relative;right:29.1667%}.el-col-sm-push-7{position:relative;left:29.1667%}.el-col-sm-8{flex:0 0 33.3333%;max-width:33.3333%;display:block}.el-col-sm-8.is-guttered{display:block}.el-col-sm-offset-8{margin-left:33.3333%}.el-col-sm-pull-8{position:relative;right:33.3333%}.el-col-sm-push-8{position:relative;left:33.3333%}.el-col-sm-9{flex:0 0 37.5%;max-width:37.5%;display:block}.el-col-sm-9.is-guttered{display:block}.el-col-sm-offset-9{margin-left:37.5%}.el-col-sm-pull-9{position:relative;right:37.5%}.el-col-sm-push-9{position:relative;left:37.5%}.el-col-sm-10{flex:0 0 41.6667%;max-width:41.6667%;display:block}.el-col-sm-10.is-guttered{display:block}.el-col-sm-offset-10{margin-left:41.6667%}.el-col-sm-pull-10{position:relative;right:41.6667%}.el-col-sm-push-10{position:relative;left:41.6667%}.el-col-sm-11{flex:0 0 45.8333%;max-width:45.8333%;display:block}.el-col-sm-11.is-guttered{display:block}.el-col-sm-offset-11{margin-left:45.8333%}.el-col-sm-pull-11{position:relative;right:45.8333%}.el-col-sm-push-11{position:relative;left:45.8333%}.el-col-sm-12{flex:0 0 50%;max-width:50%;display:block}.el-col-sm-12.is-guttered{display:block}.el-col-sm-offset-12{margin-left:50%}.el-col-sm-pull-12{position:relative;right:50%}.el-col-sm-push-12{position:relative;left:50%}.el-col-sm-13{flex:0 0 54.1667%;max-width:54.1667%;display:block}.el-col-sm-13.is-guttered{display:block}.el-col-sm-offset-13{margin-left:54.1667%}.el-col-sm-pull-13{position:relative;right:54.1667%}.el-col-sm-push-13{position:relative;left:54.1667%}.el-col-sm-14{flex:0 0 58.3333%;max-width:58.3333%;display:block}.el-col-sm-14.is-guttered{display:block}.el-col-sm-offset-14{margin-left:58.3333%}.el-col-sm-pull-14{position:relative;right:58.3333%}.el-col-sm-push-14{position:relative;left:58.3333%}.el-col-sm-15{flex:0 0 62.5%;max-width:62.5%;display:block}.el-col-sm-15.is-guttered{display:block}.el-col-sm-offset-15{margin-left:62.5%}.el-col-sm-pull-15{position:relative;right:62.5%}.el-col-sm-push-15{position:relative;left:62.5%}.el-col-sm-16{flex:0 0 66.6667%;max-width:66.6667%;display:block}.el-col-sm-16.is-guttered{display:block}.el-col-sm-offset-16{margin-left:66.6667%}.el-col-sm-pull-16{position:relative;right:66.6667%}.el-col-sm-push-16{position:relative;left:66.6667%}.el-col-sm-17{flex:0 0 70.8333%;max-width:70.8333%;display:block}.el-col-sm-17.is-guttered{display:block}.el-col-sm-offset-17{margin-left:70.8333%}.el-col-sm-pull-17{position:relative;right:70.8333%}.el-col-sm-push-17{position:relative;left:70.8333%}.el-col-sm-18{flex:0 0 75%;max-width:75%;display:block}.el-col-sm-18.is-guttered{display:block}.el-col-sm-offset-18{margin-left:75%}.el-col-sm-pull-18{position:relative;right:75%}.el-col-sm-push-18{position:relative;left:75%}.el-col-sm-19{flex:0 0 79.1667%;max-width:79.1667%;display:block}.el-col-sm-19.is-guttered{display:block}.el-col-sm-offset-19{margin-left:79.1667%}.el-col-sm-pull-19{position:relative;right:79.1667%}.el-col-sm-push-19{position:relative;left:79.1667%}.el-col-sm-20{flex:0 0 83.3333%;max-width:83.3333%;display:block}.el-col-sm-20.is-guttered{display:block}.el-col-sm-offset-20{margin-left:83.3333%}.el-col-sm-pull-20{position:relative;right:83.3333%}.el-col-sm-push-20{position:relative;left:83.3333%}.el-col-sm-21{flex:0 0 87.5%;max-width:87.5%;display:block}.el-col-sm-21.is-guttered{display:block}.el-col-sm-offset-21{margin-left:87.5%}.el-col-sm-pull-21{position:relative;right:87.5%}.el-col-sm-push-21{position:relative;left:87.5%}.el-col-sm-22{flex:0 0 91.6667%;max-width:91.6667%;display:block}.el-col-sm-22.is-guttered{display:block}.el-col-sm-offset-22{margin-left:91.6667%}.el-col-sm-pull-22{position:relative;right:91.6667%}.el-col-sm-push-22{position:relative;left:91.6667%}.el-col-sm-23{flex:0 0 95.8333%;max-width:95.8333%;display:block}.el-col-sm-23.is-guttered{display:block}.el-col-sm-offset-23{margin-left:95.8333%}.el-col-sm-pull-23{position:relative;right:95.8333%}.el-col-sm-push-23{position:relative;left:95.8333%}.el-col-sm-24{flex:0 0 100%;max-width:100%;display:block}.el-col-sm-24.is-guttered{display:block}.el-col-sm-offset-24{margin-left:100%}.el-col-sm-pull-24{position:relative;right:100%}.el-col-sm-push-24{position:relative;left:100%}}@media only screen and (min-width:992px){.el-col-md-0{flex:0 0;max-width:0%;display:none}.el-col-md-0.is-guttered{display:none}.el-col-md-offset-0{margin-left:0%}.el-col-md-pull-0{position:relative;right:0%}.el-col-md-push-0{position:relative;left:0%}.el-col-md-1{flex:0 0 4.16667%;max-width:4.16667%;display:block}.el-col-md-1.is-guttered{display:block}.el-col-md-offset-1{margin-left:4.16667%}.el-col-md-pull-1{position:relative;right:4.16667%}.el-col-md-push-1{position:relative;left:4.16667%}.el-col-md-2{flex:0 0 8.33333%;max-width:8.33333%;display:block}.el-col-md-2.is-guttered{display:block}.el-col-md-offset-2{margin-left:8.33333%}.el-col-md-pull-2{position:relative;right:8.33333%}.el-col-md-push-2{position:relative;left:8.33333%}.el-col-md-3{flex:0 0 12.5%;max-width:12.5%;display:block}.el-col-md-3.is-guttered{display:block}.el-col-md-offset-3{margin-left:12.5%}.el-col-md-pull-3{position:relative;right:12.5%}.el-col-md-push-3{position:relative;left:12.5%}.el-col-md-4{flex:0 0 16.6667%;max-width:16.6667%;display:block}.el-col-md-4.is-guttered{display:block}.el-col-md-offset-4{margin-left:16.6667%}.el-col-md-pull-4{position:relative;right:16.6667%}.el-col-md-push-4{position:relative;left:16.6667%}.el-col-md-5{flex:0 0 20.8333%;max-width:20.8333%;display:block}.el-col-md-5.is-guttered{display:block}.el-col-md-offset-5{margin-left:20.8333%}.el-col-md-pull-5{position:relative;right:20.8333%}.el-col-md-push-5{position:relative;left:20.8333%}.el-col-md-6{flex:0 0 25%;max-width:25%;display:block}.el-col-md-6.is-guttered{display:block}.el-col-md-offset-6{margin-left:25%}.el-col-md-pull-6{position:relative;right:25%}.el-col-md-push-6{position:relative;left:25%}.el-col-md-7{flex:0 0 29.1667%;max-width:29.1667%;display:block}.el-col-md-7.is-guttered{display:block}.el-col-md-offset-7{margin-left:29.1667%}.el-col-md-pull-7{position:relative;right:29.1667%}.el-col-md-push-7{position:relative;left:29.1667%}.el-col-md-8{flex:0 0 33.3333%;max-width:33.3333%;display:block}.el-col-md-8.is-guttered{display:block}.el-col-md-offset-8{margin-left:33.3333%}.el-col-md-pull-8{position:relative;right:33.3333%}.el-col-md-push-8{position:relative;left:33.3333%}.el-col-md-9{flex:0 0 37.5%;max-width:37.5%;display:block}.el-col-md-9.is-guttered{display:block}.el-col-md-offset-9{margin-left:37.5%}.el-col-md-pull-9{position:relative;right:37.5%}.el-col-md-push-9{position:relative;left:37.5%}.el-col-md-10{flex:0 0 41.6667%;max-width:41.6667%;display:block}.el-col-md-10.is-guttered{display:block}.el-col-md-offset-10{margin-left:41.6667%}.el-col-md-pull-10{position:relative;right:41.6667%}.el-col-md-push-10{position:relative;left:41.6667%}.el-col-md-11{flex:0 0 45.8333%;max-width:45.8333%;display:block}.el-col-md-11.is-guttered{display:block}.el-col-md-offset-11{margin-left:45.8333%}.el-col-md-pull-11{position:relative;right:45.8333%}.el-col-md-push-11{position:relative;left:45.8333%}.el-col-md-12{flex:0 0 50%;max-width:50%;display:block}.el-col-md-12.is-guttered{display:block}.el-col-md-offset-12{margin-left:50%}.el-col-md-pull-12{position:relative;right:50%}.el-col-md-push-12{position:relative;left:50%}.el-col-md-13{flex:0 0 54.1667%;max-width:54.1667%;display:block}.el-col-md-13.is-guttered{display:block}.el-col-md-offset-13{margin-left:54.1667%}.el-col-md-pull-13{position:relative;right:54.1667%}.el-col-md-push-13{position:relative;left:54.1667%}.el-col-md-14{flex:0 0 58.3333%;max-width:58.3333%;display:block}.el-col-md-14.is-guttered{display:block}.el-col-md-offset-14{margin-left:58.3333%}.el-col-md-pull-14{position:relative;right:58.3333%}.el-col-md-push-14{position:relative;left:58.3333%}.el-col-md-15{flex:0 0 62.5%;max-width:62.5%;display:block}.el-col-md-15.is-guttered{display:block}.el-col-md-offset-15{margin-left:62.5%}.el-col-md-pull-15{position:relative;right:62.5%}.el-col-md-push-15{position:relative;left:62.5%}.el-col-md-16{flex:0 0 66.6667%;max-width:66.6667%;display:block}.el-col-md-16.is-guttered{display:block}.el-col-md-offset-16{margin-left:66.6667%}.el-col-md-pull-16{position:relative;right:66.6667%}.el-col-md-push-16{position:relative;left:66.6667%}.el-col-md-17{flex:0 0 70.8333%;max-width:70.8333%;display:block}.el-col-md-17.is-guttered{display:block}.el-col-md-offset-17{margin-left:70.8333%}.el-col-md-pull-17{position:relative;right:70.8333%}.el-col-md-push-17{position:relative;left:70.8333%}.el-col-md-18{flex:0 0 75%;max-width:75%;display:block}.el-col-md-18.is-guttered{display:block}.el-col-md-offset-18{margin-left:75%}.el-col-md-pull-18{position:relative;right:75%}.el-col-md-push-18{position:relative;left:75%}.el-col-md-19{flex:0 0 79.1667%;max-width:79.1667%;display:block}.el-col-md-19.is-guttered{display:block}.el-col-md-offset-19{margin-left:79.1667%}.el-col-md-pull-19{position:relative;right:79.1667%}.el-col-md-push-19{position:relative;left:79.1667%}.el-col-md-20{flex:0 0 83.3333%;max-width:83.3333%;display:block}.el-col-md-20.is-guttered{display:block}.el-col-md-offset-20{margin-left:83.3333%}.el-col-md-pull-20{position:relative;right:83.3333%}.el-col-md-push-20{position:relative;left:83.3333%}.el-col-md-21{flex:0 0 87.5%;max-width:87.5%;display:block}.el-col-md-21.is-guttered{display:block}.el-col-md-offset-21{margin-left:87.5%}.el-col-md-pull-21{position:relative;right:87.5%}.el-col-md-push-21{position:relative;left:87.5%}.el-col-md-22{flex:0 0 91.6667%;max-width:91.6667%;display:block}.el-col-md-22.is-guttered{display:block}.el-col-md-offset-22{margin-left:91.6667%}.el-col-md-pull-22{position:relative;right:91.6667%}.el-col-md-push-22{position:relative;left:91.6667%}.el-col-md-23{flex:0 0 95.8333%;max-width:95.8333%;display:block}.el-col-md-23.is-guttered{display:block}.el-col-md-offset-23{margin-left:95.8333%}.el-col-md-pull-23{position:relative;right:95.8333%}.el-col-md-push-23{position:relative;left:95.8333%}.el-col-md-24{flex:0 0 100%;max-width:100%;display:block}.el-col-md-24.is-guttered{display:block}.el-col-md-offset-24{margin-left:100%}.el-col-md-pull-24{position:relative;right:100%}.el-col-md-push-24{position:relative;left:100%}}@media only screen and (min-width:1200px){.el-col-lg-0{flex:0 0;max-width:0%;display:none}.el-col-lg-0.is-guttered{display:none}.el-col-lg-offset-0{margin-left:0%}.el-col-lg-pull-0{position:relative;right:0%}.el-col-lg-push-0{position:relative;left:0%}.el-col-lg-1{flex:0 0 4.16667%;max-width:4.16667%;display:block}.el-col-lg-1.is-guttered{display:block}.el-col-lg-offset-1{margin-left:4.16667%}.el-col-lg-pull-1{position:relative;right:4.16667%}.el-col-lg-push-1{position:relative;left:4.16667%}.el-col-lg-2{flex:0 0 8.33333%;max-width:8.33333%;display:block}.el-col-lg-2.is-guttered{display:block}.el-col-lg-offset-2{margin-left:8.33333%}.el-col-lg-pull-2{position:relative;right:8.33333%}.el-col-lg-push-2{position:relative;left:8.33333%}.el-col-lg-3{flex:0 0 12.5%;max-width:12.5%;display:block}.el-col-lg-3.is-guttered{display:block}.el-col-lg-offset-3{margin-left:12.5%}.el-col-lg-pull-3{position:relative;right:12.5%}.el-col-lg-push-3{position:relative;left:12.5%}.el-col-lg-4{flex:0 0 16.6667%;max-width:16.6667%;display:block}.el-col-lg-4.is-guttered{display:block}.el-col-lg-offset-4{margin-left:16.6667%}.el-col-lg-pull-4{position:relative;right:16.6667%}.el-col-lg-push-4{position:relative;left:16.6667%}.el-col-lg-5{flex:0 0 20.8333%;max-width:20.8333%;display:block}.el-col-lg-5.is-guttered{display:block}.el-col-lg-offset-5{margin-left:20.8333%}.el-col-lg-pull-5{position:relative;right:20.8333%}.el-col-lg-push-5{position:relative;left:20.8333%}.el-col-lg-6{flex:0 0 25%;max-width:25%;display:block}.el-col-lg-6.is-guttered{display:block}.el-col-lg-offset-6{margin-left:25%}.el-col-lg-pull-6{position:relative;right:25%}.el-col-lg-push-6{position:relative;left:25%}.el-col-lg-7{flex:0 0 29.1667%;max-width:29.1667%;display:block}.el-col-lg-7.is-guttered{display:block}.el-col-lg-offset-7{margin-left:29.1667%}.el-col-lg-pull-7{position:relative;right:29.1667%}.el-col-lg-push-7{position:relative;left:29.1667%}.el-col-lg-8{flex:0 0 33.3333%;max-width:33.3333%;display:block}.el-col-lg-8.is-guttered{display:block}.el-col-lg-offset-8{margin-left:33.3333%}.el-col-lg-pull-8{position:relative;right:33.3333%}.el-col-lg-push-8{position:relative;left:33.3333%}.el-col-lg-9{flex:0 0 37.5%;max-width:37.5%;display:block}.el-col-lg-9.is-guttered{display:block}.el-col-lg-offset-9{margin-left:37.5%}.el-col-lg-pull-9{position:relative;right:37.5%}.el-col-lg-push-9{position:relative;left:37.5%}.el-col-lg-10{flex:0 0 41.6667%;max-width:41.6667%;display:block}.el-col-lg-10.is-guttered{display:block}.el-col-lg-offset-10{margin-left:41.6667%}.el-col-lg-pull-10{position:relative;right:41.6667%}.el-col-lg-push-10{position:relative;left:41.6667%}.el-col-lg-11{flex:0 0 45.8333%;max-width:45.8333%;display:block}.el-col-lg-11.is-guttered{display:block}.el-col-lg-offset-11{margin-left:45.8333%}.el-col-lg-pull-11{position:relative;right:45.8333%}.el-col-lg-push-11{position:relative;left:45.8333%}.el-col-lg-12{flex:0 0 50%;max-width:50%;display:block}.el-col-lg-12.is-guttered{display:block}.el-col-lg-offset-12{margin-left:50%}.el-col-lg-pull-12{position:relative;right:50%}.el-col-lg-push-12{position:relative;left:50%}.el-col-lg-13{flex:0 0 54.1667%;max-width:54.1667%;display:block}.el-col-lg-13.is-guttered{display:block}.el-col-lg-offset-13{margin-left:54.1667%}.el-col-lg-pull-13{position:relative;right:54.1667%}.el-col-lg-push-13{position:relative;left:54.1667%}.el-col-lg-14{flex:0 0 58.3333%;max-width:58.3333%;display:block}.el-col-lg-14.is-guttered{display:block}.el-col-lg-offset-14{margin-left:58.3333%}.el-col-lg-pull-14{position:relative;right:58.3333%}.el-col-lg-push-14{position:relative;left:58.3333%}.el-col-lg-15{flex:0 0 62.5%;max-width:62.5%;display:block}.el-col-lg-15.is-guttered{display:block}.el-col-lg-offset-15{margin-left:62.5%}.el-col-lg-pull-15{position:relative;right:62.5%}.el-col-lg-push-15{position:relative;left:62.5%}.el-col-lg-16{flex:0 0 66.6667%;max-width:66.6667%;display:block}.el-col-lg-16.is-guttered{display:block}.el-col-lg-offset-16{margin-left:66.6667%}.el-col-lg-pull-16{position:relative;right:66.6667%}.el-col-lg-push-16{position:relative;left:66.6667%}.el-col-lg-17{flex:0 0 70.8333%;max-width:70.8333%;display:block}.el-col-lg-17.is-guttered{display:block}.el-col-lg-offset-17{margin-left:70.8333%}.el-col-lg-pull-17{position:relative;right:70.8333%}.el-col-lg-push-17{position:relative;left:70.8333%}.el-col-lg-18{flex:0 0 75%;max-width:75%;display:block}.el-col-lg-18.is-guttered{display:block}.el-col-lg-offset-18{margin-left:75%}.el-col-lg-pull-18{position:relative;right:75%}.el-col-lg-push-18{position:relative;left:75%}.el-col-lg-19{flex:0 0 79.1667%;max-width:79.1667%;display:block}.el-col-lg-19.is-guttered{display:block}.el-col-lg-offset-19{margin-left:79.1667%}.el-col-lg-pull-19{position:relative;right:79.1667%}.el-col-lg-push-19{position:relative;left:79.1667%}.el-col-lg-20{flex:0 0 83.3333%;max-width:83.3333%;display:block}.el-col-lg-20.is-guttered{display:block}.el-col-lg-offset-20{margin-left:83.3333%}.el-col-lg-pull-20{position:relative;right:83.3333%}.el-col-lg-push-20{position:relative;left:83.3333%}.el-col-lg-21{flex:0 0 87.5%;max-width:87.5%;display:block}.el-col-lg-21.is-guttered{display:block}.el-col-lg-offset-21{margin-left:87.5%}.el-col-lg-pull-21{position:relative;right:87.5%}.el-col-lg-push-21{position:relative;left:87.5%}.el-col-lg-22{flex:0 0 91.6667%;max-width:91.6667%;display:block}.el-col-lg-22.is-guttered{display:block}.el-col-lg-offset-22{margin-left:91.6667%}.el-col-lg-pull-22{position:relative;right:91.6667%}.el-col-lg-push-22{position:relative;left:91.6667%}.el-col-lg-23{flex:0 0 95.8333%;max-width:95.8333%;display:block}.el-col-lg-23.is-guttered{display:block}.el-col-lg-offset-23{margin-left:95.8333%}.el-col-lg-pull-23{position:relative;right:95.8333%}.el-col-lg-push-23{position:relative;left:95.8333%}.el-col-lg-24{flex:0 0 100%;max-width:100%;display:block}.el-col-lg-24.is-guttered{display:block}.el-col-lg-offset-24{margin-left:100%}.el-col-lg-pull-24{position:relative;right:100%}.el-col-lg-push-24{position:relative;left:100%}}@media only screen and (min-width:1920px){.el-col-xl-0{flex:0 0;max-width:0%;display:none}.el-col-xl-0.is-guttered{display:none}.el-col-xl-offset-0{margin-left:0%}.el-col-xl-pull-0{position:relative;right:0%}.el-col-xl-push-0{position:relative;left:0%}.el-col-xl-1{flex:0 0 4.16667%;max-width:4.16667%;display:block}.el-col-xl-1.is-guttered{display:block}.el-col-xl-offset-1{margin-left:4.16667%}.el-col-xl-pull-1{position:relative;right:4.16667%}.el-col-xl-push-1{position:relative;left:4.16667%}.el-col-xl-2{flex:0 0 8.33333%;max-width:8.33333%;display:block}.el-col-xl-2.is-guttered{display:block}.el-col-xl-offset-2{margin-left:8.33333%}.el-col-xl-pull-2{position:relative;right:8.33333%}.el-col-xl-push-2{position:relative;left:8.33333%}.el-col-xl-3{flex:0 0 12.5%;max-width:12.5%;display:block}.el-col-xl-3.is-guttered{display:block}.el-col-xl-offset-3{margin-left:12.5%}.el-col-xl-pull-3{position:relative;right:12.5%}.el-col-xl-push-3{position:relative;left:12.5%}.el-col-xl-4{flex:0 0 16.6667%;max-width:16.6667%;display:block}.el-col-xl-4.is-guttered{display:block}.el-col-xl-offset-4{margin-left:16.6667%}.el-col-xl-pull-4{position:relative;right:16.6667%}.el-col-xl-push-4{position:relative;left:16.6667%}.el-col-xl-5{flex:0 0 20.8333%;max-width:20.8333%;display:block}.el-col-xl-5.is-guttered{display:block}.el-col-xl-offset-5{margin-left:20.8333%}.el-col-xl-pull-5{position:relative;right:20.8333%}.el-col-xl-push-5{position:relative;left:20.8333%}.el-col-xl-6{flex:0 0 25%;max-width:25%;display:block}.el-col-xl-6.is-guttered{display:block}.el-col-xl-offset-6{margin-left:25%}.el-col-xl-pull-6{position:relative;right:25%}.el-col-xl-push-6{position:relative;left:25%}.el-col-xl-7{flex:0 0 29.1667%;max-width:29.1667%;display:block}.el-col-xl-7.is-guttered{display:block}.el-col-xl-offset-7{margin-left:29.1667%}.el-col-xl-pull-7{position:relative;right:29.1667%}.el-col-xl-push-7{position:relative;left:29.1667%}.el-col-xl-8{flex:0 0 33.3333%;max-width:33.3333%;display:block}.el-col-xl-8.is-guttered{display:block}.el-col-xl-offset-8{margin-left:33.3333%}.el-col-xl-pull-8{position:relative;right:33.3333%}.el-col-xl-push-8{position:relative;left:33.3333%}.el-col-xl-9{flex:0 0 37.5%;max-width:37.5%;display:block}.el-col-xl-9.is-guttered{display:block}.el-col-xl-offset-9{margin-left:37.5%}.el-col-xl-pull-9{position:relative;right:37.5%}.el-col-xl-push-9{position:relative;left:37.5%}.el-col-xl-10{flex:0 0 41.6667%;max-width:41.6667%;display:block}.el-col-xl-10.is-guttered{display:block}.el-col-xl-offset-10{margin-left:41.6667%}.el-col-xl-pull-10{position:relative;right:41.6667%}.el-col-xl-push-10{position:relative;left:41.6667%}.el-col-xl-11{flex:0 0 45.8333%;max-width:45.8333%;display:block}.el-col-xl-11.is-guttered{display:block}.el-col-xl-offset-11{margin-left:45.8333%}.el-col-xl-pull-11{position:relative;right:45.8333%}.el-col-xl-push-11{position:relative;left:45.8333%}.el-col-xl-12{flex:0 0 50%;max-width:50%;display:block}.el-col-xl-12.is-guttered{display:block}.el-col-xl-offset-12{margin-left:50%}.el-col-xl-pull-12{position:relative;right:50%}.el-col-xl-push-12{position:relative;left:50%}.el-col-xl-13{flex:0 0 54.1667%;max-width:54.1667%;display:block}.el-col-xl-13.is-guttered{display:block}.el-col-xl-offset-13{margin-left:54.1667%}.el-col-xl-pull-13{position:relative;right:54.1667%}.el-col-xl-push-13{position:relative;left:54.1667%}.el-col-xl-14{flex:0 0 58.3333%;max-width:58.3333%;display:block}.el-col-xl-14.is-guttered{display:block}.el-col-xl-offset-14{margin-left:58.3333%}.el-col-xl-pull-14{position:relative;right:58.3333%}.el-col-xl-push-14{position:relative;left:58.3333%}.el-col-xl-15{flex:0 0 62.5%;max-width:62.5%;display:block}.el-col-xl-15.is-guttered{display:block}.el-col-xl-offset-15{margin-left:62.5%}.el-col-xl-pull-15{position:relative;right:62.5%}.el-col-xl-push-15{position:relative;left:62.5%}.el-col-xl-16{flex:0 0 66.6667%;max-width:66.6667%;display:block}.el-col-xl-16.is-guttered{display:block}.el-col-xl-offset-16{margin-left:66.6667%}.el-col-xl-pull-16{position:relative;right:66.6667%}.el-col-xl-push-16{position:relative;left:66.6667%}.el-col-xl-17{flex:0 0 70.8333%;max-width:70.8333%;display:block}.el-col-xl-17.is-guttered{display:block}.el-col-xl-offset-17{margin-left:70.8333%}.el-col-xl-pull-17{position:relative;right:70.8333%}.el-col-xl-push-17{position:relative;left:70.8333%}.el-col-xl-18{flex:0 0 75%;max-width:75%;display:block}.el-col-xl-18.is-guttered{display:block}.el-col-xl-offset-18{margin-left:75%}.el-col-xl-pull-18{position:relative;right:75%}.el-col-xl-push-18{position:relative;left:75%}.el-col-xl-19{flex:0 0 79.1667%;max-width:79.1667%;display:block}.el-col-xl-19.is-guttered{display:block}.el-col-xl-offset-19{margin-left:79.1667%}.el-col-xl-pull-19{position:relative;right:79.1667%}.el-col-xl-push-19{position:relative;left:79.1667%}.el-col-xl-20{flex:0 0 83.3333%;max-width:83.3333%;display:block}.el-col-xl-20.is-guttered{display:block}.el-col-xl-offset-20{margin-left:83.3333%}.el-col-xl-pull-20{position:relative;right:83.3333%}.el-col-xl-push-20{position:relative;left:83.3333%}.el-col-xl-21{flex:0 0 87.5%;max-width:87.5%;display:block}.el-col-xl-21.is-guttered{display:block}.el-col-xl-offset-21{margin-left:87.5%}.el-col-xl-pull-21{position:relative;right:87.5%}.el-col-xl-push-21{position:relative;left:87.5%}.el-col-xl-22{flex:0 0 91.6667%;max-width:91.6667%;display:block}.el-col-xl-22.is-guttered{display:block}.el-col-xl-offset-22{margin-left:91.6667%}.el-col-xl-pull-22{position:relative;right:91.6667%}.el-col-xl-push-22{position:relative;left:91.6667%}.el-col-xl-23{flex:0 0 95.8333%;max-width:95.8333%;display:block}.el-col-xl-23.is-guttered{display:block}.el-col-xl-offset-23{margin-left:95.8333%}.el-col-xl-pull-23{position:relative;right:95.8333%}.el-col-xl-push-23{position:relative;left:95.8333%}.el-col-xl-24{flex:0 0 100%;max-width:100%;display:block}.el-col-xl-24.is-guttered{display:block}.el-col-xl-offset-24{margin-left:100%}.el-col-xl-pull-24{position:relative;right:100%}.el-col-xl-push-24{position:relative;left:100%}}.el-collapse-item.is-disabled .el-collapse-item__header{color:var(--el-text-color-disabled);cursor:not-allowed}.el-collapse-item__header{width:100%;min-height:var(--el-collapse-header-height);line-height:var(--el-collapse-header-height);background-color:var(--el-collapse-header-bg-color);color:var(--el-collapse-header-text-color);cursor:pointer;border:none;border-bottom:1px solid var(--el-collapse-border-color);font-size:var(--el-collapse-header-font-size);transition:border-bottom-color var(--el-transition-duration);box-sizing:border-box;outline:none;align-items:center;padding:0;font-weight:500;display:flex}.el-collapse-item__arrow{transition:transform var(--el-transition-duration);font-weight:300}.el-collapse-item__arrow.is-active{transform:rotate(90deg)}.el-collapse-item__title{text-align:left;flex:auto}.el-collapse-item__header.focusing:focus:not(:hover){color:var(--el-color-primary)}.el-collapse-item__header.is-active{border-bottom-color:#0000}.el-collapse-item__wrap{will-change:height;background-color:var(--el-collapse-content-bg-color);box-sizing:border-box;border-bottom:1px solid var(--el-collapse-border-color);overflow:hidden}.el-collapse-item__content{font-size:var(--el-collapse-content-font-size);color:var(--el-collapse-content-text-color);padding-bottom:25px;line-height:1.76923}.el-collapse-item:last-child{margin-bottom:-1px}.el-collapse{--el-collapse-border-color:var(--el-border-color-lighter);--el-collapse-header-height:48px;--el-collapse-header-bg-color:var(--el-fill-color-blank);--el-collapse-header-text-color:var(--el-text-color-primary);--el-collapse-header-font-size:13px;--el-collapse-content-bg-color:var(--el-fill-color-blank);--el-collapse-content-font-size:13px;--el-collapse-content-text-color:var(--el-text-color-primary);border-top:1px solid var(--el-collapse-border-color);border-bottom:1px solid var(--el-collapse-border-color)}.el-collapse-icon-position-left .el-collapse-item__header{gap:8px}.el-collapse-icon-position-left .el-collapse-item__title{order:1}.el-collapse-icon-position-right .el-collapse-item__header{padding-right:8px}.el-color-picker-panel{--el-colorpicker-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-colorpicker-bg-color);box-sizing:content-box;background:var(--el-colorpicker-bg-color);width:300px;padding:12px}.el-color-picker-panel.is-border{border:solid 1px var(--el-border-color-lighter);border-radius:4px}.el-color-picker-panel__wrapper{margin-bottom:6px}.el-color-picker-panel__footer{text-align:right;justify-content:space-between;margin-top:12px;display:flex}.el-color-picker-panel__footer .el-input{color:#000;width:160px;font-size:12px;line-height:26px}.el-color-picker-panel.is-disabled .el-color-svpanel,.el-color-picker-panel.is-disabled .el-color-hue-slider{cursor:not-allowed;opacity:.3}.el-color-picker-panel.is-disabled .el-color-hue-slider__thumb{cursor:not-allowed}.el-color-picker-panel.is-disabled .el-color-alpha-slider,.el-color-picker-panel.is-disabled .el-color-predefine .el-color-predefine__color-selector{cursor:not-allowed;opacity:.3}.el-color-predefine{width:280px;margin-top:8px;font-size:12px;display:flex}.el-color-predefine__colors{flex-wrap:wrap;flex:1;gap:8px;display:flex}.el-color-predefine__color-selector{border-radius:var(--el-border-radius-base);cursor:pointer;border:none;outline:none;width:20px;height:20px;padding:0;overflow:hidden}.el-color-predefine__color-selector.selected{box-shadow:0 0 3px 2px var(--el-color-primary)}.el-color-predefine__color-selector:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-predefine__color-selector>div{height:100%;display:flex}.el-color-predefine__color-selector.is-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.el-color-hue-slider{box-sizing:border-box;float:right;background-color:red;width:280px;height:12px;padding:0 2px;position:relative}.el-color-hue-slider__bar{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);height:100%;position:relative}.el-color-hue-slider__thumb{cursor:pointer;box-sizing:border-box;border:1px solid var(--el-border-color-lighter);z-index:1;background:#fff;border-radius:1px;width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 2px #0009}.el-color-hue-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-hue-slider.is-vertical{width:12px;height:180px;padding:2px 0}.el-color-hue-slider.is-vertical .el-color-hue-slider__bar{background:linear-gradient(red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb{width:100%;height:4px;top:0;left:0}.el-color-svpanel{background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0);width:280px;height:180px;position:relative}.el-color-svpanel__cursor{cursor:pointer;border-radius:50%;width:4px;height:4px;position:absolute;transform:translate(-2px,-2px);box-shadow:0 0 0 1.5px #fff,inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006}.el-color-svpanel__cursor:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-color-alpha-slider{box-sizing:border-box;background-image:linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px;width:280px;height:12px;position:relative}.el-color-alpha-slider.is-disabled .el-color-alpha-slider__thumb{cursor:not-allowed}.el-color-alpha-slider__bar{background:linear-gradient(to right, #fff0 0%, var(--el-bg-color) 100%);height:100%;position:relative}.el-color-alpha-slider__thumb{cursor:pointer;box-sizing:border-box;border:1px solid var(--el-border-color-lighter);z-index:1;background:#fff;border-radius:1px;width:4px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 2px #0009}.el-color-alpha-slider__thumb:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-alpha-slider.is-vertical{width:20px;height:180px}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar{background:linear-gradient(#fff0 0%,#fff 100%)}.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb{width:100%;height:4px;top:0;left:0}.el-color-picker-panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker-panel{--el-color-picker-alpha-bg-a:#333}.el-color-picker{outline:none;width:32px;height:32px;line-height:normal;display:inline-block;position:relative}.el-color-picker:hover:not(:-webkit-any(.is-disabled,.is-focused)) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:hover:not(:is(.is-disabled,.is-focused)) .el-color-picker__trigger{border-color:var(--el-border-color-hover)}.el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger{outline:2px solid var(--el-color-primary);outline-offset:1px}.el-color-picker.is-focused .el-color-picker__trigger{border-color:var(--el-color-primary)}.el-color-picker.is-disabled .el-color-picker__trigger{cursor:not-allowed;background-color:var(--el-fill-color-light)}.el-color-picker.is-disabled .el-color-picker__color{opacity:.3}.el-color-picker--large{width:40px;height:40px}.el-color-picker--small{width:24px;height:24px}.el-color-picker--small .el-color-picker__icon,.el-color-picker--small .el-color-picker__empty{transform:scale(.8)}.el-color-picker__trigger{box-sizing:border-box;border:1px solid var(--el-border-color);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;padding:4px;font-size:0;display:inline-flex;position:relative}.el-color-picker__color{box-sizing:border-box;border:1px solid var(--el-text-color-secondary);border-radius:var(--el-border-radius-small);text-align:center;width:100%;height:100%;display:block;position:relative}.el-color-picker__color.is-alpha{background-image:linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);background-position:0 0,6px 0,6px -6px,0 6px;background-size:12px 12px}.el-color-picker__color-inner{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}.el-color-picker .el-color-picker__empty{color:var(--el-text-color-secondary);font-size:12px}.el-color-picker .el-color-picker__icon{color:#fff;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.el-color-picker__panel{border-radius:var(--el-border-radius-base);box-shadow:var(--el-box-shadow-light);background-color:#fff}.el-color-picker__panel.el-popper{border:1px solid var(--el-border-color-lighter)}.el-color-picker,.el-color-picker__panel{--el-color-picker-alpha-bg-a:#ccc;--el-color-picker-alpha-bg-b:transparent}.dark .el-color-picker,.dark .el-color-picker__panel{--el-color-picker-alpha-bg-a:#333}.el-container{box-sizing:border-box;flex-direction:row;flex:auto;min-width:0;display:flex}.el-container.is-vertical{flex-direction:column}.el-date-table{-webkit-user-select:none;user-select:none;font-size:12px}.el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover{color:var(--el-datepicker-text-color)}.el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell{border-top-left-radius:15px;border-bottom-left-radius:15px;margin-left:5px}.el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell{border-top-right-radius:15px;border-bottom-right-radius:15px;margin-right:5px}.el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td{box-sizing:border-box;text-align:center;cursor:pointer;width:32px;height:30px;padding:4px 0;position:relative}.el-date-table td .el-date-table-cell{box-sizing:border-box;height:30px;padding:3px 0}.el-date-table td .el-date-table-cell .el-date-table-cell__text{border-radius:50%;width:24px;height:24px;margin:0 auto;line-height:24px;display:block;position:absolute;left:50%;transform:translate(-50%)}.el-date-table td.next-month,.el-date-table td.prev-month{color:var(--el-datepicker-off-text-color)}.el-date-table td.today{position:relative}.el-date-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-date-table td.today.start-date .el-date-table-cell__text,.el-date-table td.today.end-date .el-date-table-cell__text{color:#fff}.el-date-table td.available:hover{color:var(--el-datepicker-hover-text-color)}.el-date-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-date-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-date-table td.current:not(.disabled) .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-date-table td.start-date .el-date-table-cell,.el-date-table td.end-date .el-date-table-cell{color:#fff}.el-date-table td.start-date .el-date-table-cell__text,.el-date-table td.end-date .el-date-table-cell__text{background-color:var(--el-datepicker-active-color)}.el-date-table td.start-date .el-date-table-cell{border-top-left-radius:15px;border-bottom-left-radius:15px;margin-left:5px}.el-date-table td.end-date .el-date-table-cell{border-top-right-radius:15px;border-bottom-right-radius:15px;margin-right:5px}.el-date-table td.disabled .el-date-table-cell{background-color:var(--el-fill-color-light);opacity:1;cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-date-table td.selected .el-date-table-cell{border-radius:15px;margin-left:5px;margin-right:5px}.el-date-table td.selected .el-date-table-cell__text{background-color:var(--el-datepicker-active-color);color:#fff;border-radius:15px}.el-date-table td.week{color:var(--el-datepicker-off-text-color);cursor:default;font-size:80%}.el-date-table td:focus{outline:none}.el-date-table th{color:var(--el-datepicker-header-text-color);border-bottom:solid 1px var(--el-border-color-lighter);padding:5px;font-weight:400}.el-date-table th.el-date-table__week-header{width:24px;padding:0}.el-month-table{border-collapse:collapse;margin:-1px;font-size:12px}.el-month-table td{text-align:center;cursor:pointer;width:68px;padding:8px 0;position:relative}.el-month-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-month-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-month-table td.today.start-date .el-date-table-cell__text,.el-month-table td.today.end-date .el-date-table-cell__text{color:#fff}.el-month-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-month-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-month-table td .el-date-table-cell__text{width:54px;height:36px;color:var(--el-datepicker-text-color);border-radius:18px;margin:0 auto;line-height:36px;display:block;position:absolute;left:50%;transform:translate(-50%)}.el-month-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-month-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-month-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-month-table td.start-date .el-date-table-cell,.el-month-table td.end-date .el-date-table-cell{color:#fff}.el-month-table td.start-date .el-date-table-cell__text,.el-month-table td.end-date .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-month-table td.start-date .el-date-table-cell{border-top-left-radius:24px;border-bottom-left-radius:24px;margin-left:3px}.el-month-table td.end-date .el-date-table-cell{border-top-right-radius:24px;border-bottom-right-radius:24px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell{border-radius:24px;margin-left:3px;margin-right:3px}.el-month-table td.current:not(.disabled) .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-month-table td:focus-visible{outline:none}.el-month-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-year-table{border-collapse:collapse;margin:-1px;font-size:12px}.el-year-table .el-icon{color:var(--el-datepicker-icon-color)}.el-year-table td{text-align:center;cursor:pointer;width:68px;padding:8px 0;position:relative}.el-year-table td .el-date-table-cell{box-sizing:border-box;height:48px;padding:6px 0}.el-year-table td.today .el-date-table-cell__text{color:var(--el-color-primary);font-weight:700}.el-year-table td.today.start-date .el-date-table-cell__text,.el-year-table td.today.end-date .el-date-table-cell__text{color:#fff}.el-year-table td.disabled .el-date-table-cell__text{background-color:var(--el-fill-color-light);cursor:not-allowed;color:var(--el-text-color-placeholder)}.el-year-table td.disabled .el-date-table-cell__text:hover{color:var(--el-text-color-placeholder)}.el-year-table td .el-date-table-cell__text{width:60px;height:36px;color:var(--el-datepicker-text-color);border-radius:18px;margin:0 auto;line-height:36px;display:block;position:absolute;left:50%;transform:translate(-50%)}.el-year-table td .el-date-table-cell__text:hover{color:var(--el-datepicker-hover-text-color)}.el-year-table td.in-range .el-date-table-cell{background-color:var(--el-datepicker-inrange-bg-color)}.el-year-table td.in-range .el-date-table-cell:hover{background-color:var(--el-datepicker-inrange-hover-bg-color)}.el-year-table td.start-date .el-date-table-cell,.el-year-table td.end-date .el-date-table-cell{color:#fff}.el-year-table td.start-date .el-date-table-cell__text,.el-year-table td.end-date .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-year-table td.start-date .el-date-table-cell{border-top-left-radius:24px;border-bottom-left-radius:24px}.el-year-table td.end-date .el-date-table-cell{border-top-right-radius:24px;border-bottom-right-radius:24px}.el-year-table td.current:not(.disabled) .el-date-table-cell__text{color:#fff;background-color:var(--el-datepicker-active-color)}.el-year-table td:focus-visible{outline:none}.el-year-table td:focus-visible .el-date-table-cell__text{outline:2px solid var(--el-datepicker-active-color);outline-offset:1px}.el-time-spinner.has-seconds .el-time-spinner__wrapper{width:33.3%}.el-time-spinner__wrapper{vertical-align:top;width:50%;max-height:192px;display:inline-block;position:relative;overflow:auto}.el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default){padding-bottom:15px}.el-time-spinner__wrapper.is-arrow{box-sizing:border-box;text-align:center;overflow:hidden}.el-time-spinner__wrapper.is-arrow .el-time-spinner__list{transform:translateY(-32px)}.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:default}.el-time-spinner__arrow{color:var(--el-text-color-secondary);width:100%;z-index:var(--el-index-normal);text-align:center;cursor:pointer;height:30px;font-size:12px;line-height:30px;position:absolute;left:0}.el-time-spinner__arrow:hover{color:var(--el-color-primary)}.el-time-spinner__arrow.arrow-up{top:10px}.el-time-spinner__arrow.arrow-down{bottom:10px}.el-time-spinner__input.el-input{width:70%}.el-time-spinner__input.el-input .el-input__inner{text-align:center;padding:0}.el-time-spinner__list{text-align:center;margin:0;padding:0;list-style:none}.el-time-spinner__list:after,.el-time-spinner__list:before{content:"";width:100%;height:80px;display:block}.el-time-spinner__item{height:32px;color:var(--el-text-color-regular);font-size:12px;line-height:32px}.el-time-spinner__item:hover:not(.is-disabled):not(.is-active){background:var(--el-fill-color-light);cursor:pointer}.el-time-spinner__item.is-active:not(.is-disabled){color:var(--el-text-color-primary);font-weight:700}.el-time-spinner__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-picker__popper{--el-datepicker-border-color:var(--el-disabled-border-color)}.el-picker__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-datepicker-border-color);box-shadow:var(--el-box-shadow-light)}.el-picker__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-datepicker-border-color)}.el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:#0000;border-left-color:#0000}.el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:#0000;border-right-color:#0000}.el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:#0000;border-left-color:#0000}.el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-top-color:#0000;border-right-color:#0000}.el-date-editor{--el-date-editor-width:220px;--el-date-editor-monthrange-width:300px;--el-date-editor-daterange-width:350px;--el-date-editor-datetimerange-width:400px;--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;text-align:left;vertical-align:middle;position:relative}.el-date-editor.el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset}.el-date-editor.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-date-editor.is-focus .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-date-editor.el-input,.el-date-editor.el-input__wrapper{width:var(--el-date-editor-width);height:var(--el-input-height,var(--el-component-size))}.el-date-editor--monthrange{--el-date-editor-width:var(--el-date-editor-monthrange-width)}.el-date-editor--daterange,.el-date-editor--timerange{--el-date-editor-width:var(--el-date-editor-daterange-width)}.el-date-editor--datetimerange{--el-date-editor-width:var(--el-date-editor-datetimerange-width)}.el-date-editor--dates .el-input__wrapper{text-overflow:ellipsis;white-space:nowrap}.el-date-editor .close-icon,.el-date-editor .clear-icon{cursor:pointer}.el-date-editor .clear-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__icon{height:inherit;color:var(--el-text-color-placeholder);float:left;font-size:14px}.el-date-editor .el-range__icon svg{vertical-align:middle}.el-date-editor .el-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;width:39%;height:30px;line-height:30px;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);background-color:#0000;border:none;outline:none;margin:0;padding:0;display:inline-block}.el-date-editor .el-range-input::placeholder{color:var(--el-text-color-placeholder)}.el-date-editor .el-range-separator{overflow-wrap:break-word;height:100%;color:var(--el-text-color-primary);flex:1;justify-content:center;align-items:center;margin:0;padding:0 5px;font-size:14px;display:inline-flex}.el-date-editor .el-range__close-icon{color:var(--el-text-color-placeholder);height:inherit;width:unset;cursor:pointer;font-size:14px}.el-date-editor .el-range__close-icon:hover{color:var(--el-input-clear-hover-color)}.el-date-editor .el-range__close-icon svg{vertical-align:middle}.el-date-editor .el-range__close-icon--hidden{opacity:0;visibility:hidden}.el-range-editor.el-input__wrapper{vertical-align:middle;align-items:center;padding:0 10px;display:inline-flex}.el-range-editor.is-active,.el-range-editor.is-active:hover{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-range-editor--large{line-height:var(--el-component-size-large)}.el-range-editor--large.el-input__wrapper{height:var(--el-component-size-large)}.el-range-editor--large .el-range-separator{font-size:14px;line-height:40px}.el-range-editor--large .el-range-input{height:38px;font-size:14px;line-height:38px}.el-range-editor--small{line-height:var(--el-component-size-small)}.el-range-editor--small.el-input__wrapper{height:var(--el-component-size-small)}.el-range-editor--small .el-range-separator{font-size:12px;line-height:24px}.el-range-editor--small .el-range-input{height:22px;font-size:12px;line-height:22px}.el-range-editor.is-disabled{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled:hover,.el-range-editor.is-disabled:focus{border-color:var(--el-disabled-border-color)}.el-range-editor.is-disabled input{background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-range-editor.is-disabled input::placeholder{color:var(--el-text-color-placeholder)}.el-range-editor.is-disabled .el-range-separator{color:var(--el-disabled-text-color)}.el-picker-panel{color:var(--el-text-color-regular);background:var(--el-datepicker-bg-color);border-radius:var(--el-popper-border-radius,var(--el-border-radius-base));line-height:30px}.el-picker-panel .el-time-panel{border:solid 1px var(--el-datepicker-border-color);background-color:var(--el-datepicker-bg-color);box-shadow:var(--el-box-shadow-light);margin:5px 0}.el-picker-panel__body:after,.el-picker-panel__body-wrapper:after{content:"";clear:both;display:table}.el-picker-panel__content{margin:15px;position:relative}.el-picker-panel__footer{border-top:1px solid var(--el-datepicker-inner-border-color);text-align:right;background-color:var(--el-datepicker-bg-color);padding:4px 12px;font-size:0;position:relative}.el-picker-panel__shortcut{width:100%;color:var(--el-datepicker-text-color);text-align:left;cursor:pointer;background-color:#0000;border:0;outline:none;padding-left:12px;font-size:14px;line-height:28px;display:block}.el-picker-panel__shortcut:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__shortcut.active{color:var(--el-datepicker-active-color);background-color:#e6f1fe}.el-picker-panel__btn{border:1px solid var(--el-fill-color-darker);color:var(--el-text-color-primary);cursor:pointer;background-color:#0000;border-radius:2px;outline:none;padding:0 20px;font-size:12px;line-height:24px}.el-picker-panel__btn[disabled]{color:var(--el-text-color-disabled);cursor:not-allowed}.el-picker-panel__icon-btn{color:var(--el-datepicker-icon-color);cursor:pointer;background:0 0;border:0;outline:none;margin-top:8px;padding:1px 6px;font-size:12px;line-height:1}.el-picker-panel__icon-btn:hover{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn:focus-visible{color:var(--el-datepicker-hover-text-color)}.el-picker-panel__icon-btn.is-disabled{color:var(--el-text-color-disabled)}.el-picker-panel__icon-btn.is-disabled:hover{cursor:not-allowed}.el-picker-panel__icon-btn.is-disabled .el-icon{cursor:inherit}.el-picker-panel__icon-btn .el-icon{cursor:pointer;font-size:inherit}.el-picker-panel__link-btn{vertical-align:middle}.el-picker-panel.is-disabled .el-picker-panel__prev-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__prev-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__prev-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__next-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__next-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__next-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__icon-btn{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__icon-btn:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__icon-btn .el-icon{cursor:inherit}.el-picker-panel.is-disabled .el-picker-panel__shortcut{color:var(--el-text-color-disabled)}.el-picker-panel.is-disabled .el-picker-panel__shortcut:hover{cursor:not-allowed}.el-picker-panel.is-disabled .el-picker-panel__shortcut .el-icon{cursor:inherit}.el-picker-panel [slot=sidebar],.el-picker-panel__sidebar{border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;width:110px;padding-top:6px;position:absolute;top:0;bottom:0;overflow:auto}.el-picker-panel [slot=sidebar]+.el-picker-panel__body,.el-picker-panel__sidebar+.el-picker-panel__body{margin-left:110px}.el-date-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);--el-datepicker-bg-color:var(--el-bg-color-overlay);--el-fill-color-blank:var(--el-datepicker-bg-color);width:322px}.el-date-picker.has-sidebar.has-time{width:434px}.el-date-picker.has-sidebar{width:438px}.el-date-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-picker .el-picker-panel__content{width:292px}.el-date-picker table{table-layout:fixed;width:100%}.el-date-picker__editor-wrap{padding:0 5px;display:table-cell;position:relative}.el-date-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;width:100%;padding:8px 5px 5px;font-size:12px;display:table;position:relative}.el-date-picker__header{text-align:center;padding:12px 12px 0}.el-date-picker__header--bordered{border-bottom:solid 1px var(--el-border-color-lighter);margin-bottom:0;padding-bottom:12px}.el-date-picker__header--bordered+.el-picker-panel__content{margin-top:0}.el-date-picker__header-label{text-align:center;cursor:pointer;color:var(--el-text-color-regular);padding:0 5px;font-size:16px;font-weight:500;line-height:22px}.el-date-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-picker__prev-btn{float:left}.el-date-picker__next-btn{float:right}.el-date-picker__time-wrap{text-align:center;padding:10px}.el-date-picker__time-label{float:left;cursor:pointer;margin-left:10px;line-height:30px}.el-date-picker .el-time-panel{position:absolute}.el-date-picker.is-disabled .el-date-picker__header-label{color:var(--el-text-color-disabled)}.el-date-picker.is-disabled .el-date-picker__header-label:hover{cursor:not-allowed}.el-date-picker.is-disabled .el-date-picker__header-label .el-icon{cursor:inherit}.el-date-range-picker{--el-datepicker-text-color:var(--el-text-color-regular);--el-datepicker-off-text-color:var(--el-text-color-placeholder);--el-datepicker-header-text-color:var(--el-text-color-regular);--el-datepicker-icon-color:var(--el-text-color-primary);--el-datepicker-border-color:var(--el-disabled-border-color);--el-datepicker-inner-border-color:var(--el-border-color-light);--el-datepicker-inrange-bg-color:var(--el-border-color-extra-light);--el-datepicker-inrange-hover-bg-color:var(--el-border-color-extra-light);--el-datepicker-active-color:var(--el-color-primary);--el-datepicker-hover-text-color:var(--el-color-primary);--el-datepicker-bg-color:var(--el-bg-color-overlay);width:646px}.el-date-range-picker.has-sidebar{width:756px}.el-date-range-picker.has-time .el-picker-panel__body-wrapper{position:relative}.el-date-range-picker table{table-layout:fixed;width:100%}.el-date-range-picker .el-picker-panel__body{min-width:513px}.el-date-range-picker .el-picker-panel__content{margin:0}.el-date-range-picker__header{text-align:center;height:28px;position:relative}.el-date-range-picker__header [class*=arrow-left]{float:left}.el-date-range-picker__header [class*=arrow-right]{float:right}.el-date-range-picker__header div{margin-right:50px;font-size:16px;font-weight:500}.el-date-range-picker__header-label{text-align:center;cursor:pointer;color:var(--el-text-color-regular);padding:0 5px;font-size:16px;font-weight:500;line-height:22px}.el-date-range-picker__header-label:hover{color:var(--el-datepicker-hover-text-color)}.el-date-range-picker__header-label:focus-visible{color:var(--el-datepicker-hover-text-color);outline:none}.el-date-range-picker__header-label.active{color:var(--el-datepicker-active-color)}.el-date-range-picker__content{box-sizing:border-box;width:50%;margin:0;padding:16px;display:table-cell}.el-date-range-picker__content.is-left{border-right:1px solid var(--el-datepicker-inner-border-color)}.el-date-range-picker__content .el-date-range-picker__header div{margin-left:50px;margin-right:50px}.el-date-range-picker__editors-wrap{box-sizing:border-box;display:table-cell}.el-date-range-picker__editors-wrap.is-right{text-align:right}.el-date-range-picker__time-header{border-bottom:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;width:100%;padding:8px 5px 5px;font-size:12px;display:table;position:relative}.el-date-range-picker__time-header>.el-icon-arrow-right{vertical-align:middle;color:var(--el-datepicker-icon-color);font-size:20px;display:table-cell}.el-date-range-picker__time-picker-wrap{padding:0 5px;display:table-cell;position:relative}.el-date-range-picker__time-picker-wrap .el-picker-panel{z-index:1;background:#fff;position:absolute;top:13px;right:0}.el-date-range-picker__time-picker-wrap .el-time-panel{position:absolute}.el-date-range-picker.is-disabled .el-date-range-picker__header-label{color:var(--el-text-color-disabled)}.el-date-range-picker.is-disabled .el-date-range-picker__header-label:hover{cursor:not-allowed}.el-date-range-picker.is-disabled .el-date-range-picker__header-label .el-icon{cursor:inherit}.el-time-range-picker{width:354px;overflow:visible}.el-time-range-picker__content{text-align:center;z-index:1;padding:10px;position:relative}.el-time-range-picker__cell{box-sizing:border-box;width:50%;margin:0;padding:4px 7px 7px;display:inline-block}.el-time-range-picker__header{text-align:center;margin-bottom:5px;font-size:14px}.el-time-range-picker__body{border:1px solid var(--el-datepicker-border-color);border-radius:2px}.el-time-panel{width:180px;z-index:var(--el-index-top);-webkit-user-select:none;user-select:none;box-sizing:content-box;border-radius:2px;position:relative;left:0}.el-time-panel__content{font-size:0;position:relative;overflow:hidden}.el-time-panel__content:after,.el-time-panel__content:before{content:"";z-index:-1;box-sizing:border-box;text-align:left;height:32px;margin-top:-16px;padding-top:6px;position:absolute;top:50%;left:0;right:0}.el-time-panel__content:after{margin-left:12%;margin-right:12%;left:50%}.el-time-panel__content:before{border-top:1px solid var(--el-border-color-light);border-bottom:1px solid var(--el-border-color-light);margin-left:12%;margin-right:12%;padding-left:50%}.el-time-panel__content.has-seconds:after{left:66.6667%}.el-time-panel__content.has-seconds:before{padding-left:33.3333%}.el-time-panel__footer{border-top:1px solid var(--el-timepicker-inner-border-color,var(--el-border-color-light));text-align:right;box-sizing:border-box;height:36px;padding:4px;line-height:25px}.el-time-panel__btn{cursor:pointer;color:var(--el-text-color-primary);background-color:#0000;border:none;outline:none;margin:0 5px;padding:0 5px;font-size:12px;line-height:28px}.el-time-panel__btn.confirm{color:var(--el-timepicker-active-color,var(--el-color-primary));font-weight:800}.el-picker-panel.is-border{border:solid 1px var(--el-border-color-lighter)}.el-picker-panel.is-border .el-picker-panel__body-wrapper{position:relative}.el-picker-panel.is-border.el-picker-panel [slot=sidebar],.el-picker-panel.is-border.el-picker-panel__sidebar{border-right:1px solid var(--el-datepicker-inner-border-color);box-sizing:border-box;width:110px;height:100%;padding-top:6px;position:absolute;top:0;overflow:auto}.el-descriptions{--el-descriptions-table-border:1px solid var(--el-border-color-lighter);--el-descriptions-item-bordered-label-background:var(--el-fill-color-light);box-sizing:border-box;font-size:var(--el-font-size-base);color:var(--el-text-color-primary)}.el-descriptions__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.el-descriptions__title{color:var(--el-text-color-primary);font-size:16px;font-weight:700}.el-descriptions__body{background-color:var(--el-fill-color-blank)}.el-descriptions__body .el-descriptions__table{border-collapse:collapse;width:100%}.el-descriptions__body .el-descriptions__table .el-descriptions__cell{box-sizing:border-box;text-align:left;font-size:14px;line-height:23px}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left{text-align:left}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center{text-align:center}.el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right{text-align:right}.el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{border:var(--el-descriptions-table-border);padding:8px 11px}.el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:12px}.el-descriptions--large{font-size:14px}.el-descriptions--large .el-descriptions__header{margin-bottom:20px}.el-descriptions--large .el-descriptions__header .el-descriptions__title{font-size:16px}.el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:14px}.el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:12px 15px}.el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:16px}.el-descriptions--small{font-size:12px}.el-descriptions--small .el-descriptions__header{margin-bottom:12px}.el-descriptions--small .el-descriptions__header .el-descriptions__title{font-size:14px}.el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell{font-size:12px}.el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell{padding:4px 7px}.el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell{padding-bottom:8px}.el-descriptions__label.el-descriptions__cell.is-bordered-label{color:var(--el-text-color-regular);background:var(--el-descriptions-item-bordered-label-background);font-weight:700}.el-descriptions__label:not(.is-bordered-label){color:var(--el-text-color-primary);margin-right:16px}.el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:6px}.el-descriptions__content.el-descriptions__cell.is-bordered-content{color:var(--el-text-color-primary)}.el-descriptions__content:not(.is-bordered-label){color:var(--el-text-color-regular)}.el-descriptions--large .el-descriptions__label:not(.is-bordered-label){margin-right:16px}.el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:8px}.el-descriptions--small .el-descriptions__label:not(.is-bordered-label){margin-right:12px}.el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label{padding-bottom:4px}:root{--el-popup-modal-bg-color:var(--el-color-black);--el-popup-modal-opacity:.5}.v-modal-enter{animation:v-modal-in var(--el-transition-duration-fast) ease}.v-modal-leave{animation:v-modal-out var(--el-transition-duration-fast) ease forwards}@keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{width:100%;height:100%;opacity:var(--el-popup-modal-opacity);background:var(--el-popup-modal-bg-color);position:fixed;top:0;left:0}.el-popup-parent--hidden{overflow:hidden}.el-dialog{--el-dialog-width:50%;--el-dialog-margin-top:15vh;--el-dialog-bg-color:var(--el-bg-color);--el-dialog-box-shadow:var(--el-box-shadow);--el-dialog-title-font-size:var(--el-font-size-large);--el-dialog-content-font-size:14px;--el-dialog-font-line-height:var(--el-font-line-height-primary);--el-dialog-padding-primary:16px;--el-dialog-border-radius:var(--el-border-radius-base);margin:var(--el-dialog-margin-top,15vh) auto 50px;background:var(--el-dialog-bg-color);border-radius:var(--el-dialog-border-radius);box-shadow:var(--el-dialog-box-shadow);box-sizing:border-box;padding:var(--el-dialog-padding-primary);width:var(--el-dialog-width,50%);overflow-wrap:break-word;position:relative}.el-dialog:focus{outline:none!important}.el-dialog.is-align-center{margin:auto}.el-dialog.is-fullscreen{--el-dialog-width:100%;--el-dialog-margin-top:0;border-radius:0;height:100%;margin-bottom:0;overflow:auto}.el-dialog__wrapper{margin:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.el-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;user-select:none}.el-dialog__header{padding-bottom:var(--el-dialog-padding-primary)}.el-dialog__header.show-close{padding-right:calc(var(--el-dialog-padding-primary) + var(--el-message-close-size,16px))}.el-dialog__headerbtn{cursor:pointer;width:48px;height:48px;font-size:var(--el-message-close-size,16px);background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.el-dialog__headerbtn .el-dialog__close{color:var(--el-color-info);font-size:inherit}.el-dialog__headerbtn:focus .el-dialog__close,.el-dialog__headerbtn:hover .el-dialog__close{color:var(--el-color-primary)}.el-dialog__title{line-height:var(--el-dialog-font-line-height);font-size:var(--el-dialog-title-font-size);color:var(--el-text-color-primary)}.el-dialog__body{color:var(--el-text-color-regular);font-size:var(--el-dialog-content-font-size)}.el-dialog__footer{padding-top:var(--el-dialog-padding-primary);text-align:right;box-sizing:border-box}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial}.el-dialog--center .el-dialog__footer{text-align:inherit}.el-modal-dialog.is-penetrable{pointer-events:none}.el-modal-dialog.is-penetrable .el-dialog{pointer-events:auto}.el-overlay-dialog{position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.el-overlay-dialog.is-closing .el-dialog{pointer-events:none}.dialog-fade-enter-active{animation:modal-fade-in var(--el-transition-duration)}.dialog-fade-enter-active .el-overlay-dialog{animation:dialog-fade-in var(--el-transition-duration)}.dialog-fade-leave-active{animation:modal-fade-out var(--el-transition-duration)}.dialog-fade-leave-active .el-overlay-dialog{animation:dialog-fade-out var(--el-transition-duration)}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}@keyframes dialog-fade-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-20px)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.el-divider{position:relative}.el-divider--horizontal{border-top:1px var(--el-border-color) var(--el-border-style);width:100%;height:1px;margin:24px 0;display:block}.el-divider--vertical{vertical-align:middle;border-left:1px var(--el-border-color) var(--el-border-style);width:1px;height:1em;margin:0 8px;display:inline-block;position:relative}.el-divider__text{background-color:var(--el-bg-color);color:var(--el-text-color-primary);padding:0 20px;font-size:14px;font-weight:500;position:absolute}.el-divider__text.is-left{left:20px;transform:translateY(-50%)}.el-divider__text.is-center{left:50%;transform:translate(-50%)translateY(-50%)}.el-divider__text.is-right{right:20px;transform:translateY(-50%)}.el-overlay.is-drawer{overflow:hidden}.el-drawer{--el-drawer-bg-color:var(--el-dialog-bg-color,var(--el-bg-color));--el-drawer-padding-primary:var(--el-dialog-padding-primary,20px);--el-drawer-dragger-size:8px;box-sizing:border-box;background-color:var(--el-drawer-bg-color);box-shadow:var(--el-box-shadow-dark);transition:all var(--el-transition-duration);flex-direction:column;display:flex;position:absolute}.el-drawer .rtl,.el-drawer .ltr,.el-drawer .ttb,.el-drawer .btt{transform:translate(0)}.el-drawer__sr-focus:focus{outline:none!important}.el-drawer__header{color:var(--el-text-color-primary);padding:var(--el-drawer-padding-primary);align-items:center;margin-bottom:32px;padding-bottom:0;display:flex;overflow:hidden}.el-drawer__header>:first-child{flex:1}.el-drawer__title{line-height:inherit;flex:1;margin:0;font-size:16px}.el-drawer__footer{padding:var(--el-drawer-padding-primary);text-align:right;padding-top:10px;overflow:hidden}.el-drawer__close-btn{cursor:pointer;font-size:var(--el-font-size-extra-large);color:inherit;background-color:#0000;border:none;outline:none;display:inline-flex}.el-drawer__close-btn:focus i,.el-drawer__close-btn:hover i{color:var(--el-color-primary)}.el-drawer__body{padding:var(--el-drawer-padding-primary);flex:1;overflow:auto}.el-drawer__body>*{box-sizing:border-box}.el-drawer.is-dragging{transition:none}.el-drawer__dragger{-webkit-user-select:none;user-select:none;background-color:#0000;transition:all .2s;position:absolute}.el-drawer__dragger:before{content:"";background-color:#0000;transition:all .2s;position:absolute}.el-drawer__dragger:hover:before{background-color:var(--el-color-primary)}.el-drawer.ltr,.el-drawer.rtl{height:100%;top:0;bottom:0}.el-drawer.ltr>.el-drawer__dragger,.el-drawer.rtl>.el-drawer__dragger{height:100%;width:var(--el-drawer-dragger-size);cursor:ew-resize;top:0;bottom:0}.el-drawer.ltr>.el-drawer__dragger:before,.el-drawer.rtl>.el-drawer__dragger:before{width:3px;top:0;bottom:0}.el-drawer.ttb,.el-drawer.btt{width:100%;left:0;right:0}.el-drawer.ttb>.el-drawer__dragger,.el-drawer.btt>.el-drawer__dragger{width:100%;height:var(--el-drawer-dragger-size);cursor:ns-resize;left:0;right:0}.el-drawer.ttb>.el-drawer__dragger:before,.el-drawer.btt>.el-drawer__dragger:before{height:3px;left:0;right:0}.el-drawer.ltr{left:0}.el-drawer.ltr>.el-drawer__dragger{right:0}.el-drawer.ltr>.el-drawer__dragger:before{right:-2px}.el-drawer.rtl{right:0}.el-drawer.rtl>.el-drawer__dragger{left:0}.el-drawer.rtl>.el-drawer__dragger:before{left:-2px}.el-drawer.ttb{top:0}.el-drawer.ttb>.el-drawer__dragger{bottom:0}.el-drawer.ttb>.el-drawer__dragger:before{bottom:-2px}.el-drawer.btt{bottom:0}.el-drawer.btt>.el-drawer__dragger{top:0}.el-drawer.btt>.el-drawer__dragger:before{top:-2px}.el-modal-drawer.is-penetrable{pointer-events:none}.el-modal-drawer.is-penetrable .el-drawer{pointer-events:auto}.el-drawer-fade-enter-active,.el-drawer-fade-leave-active{transition:all var(--el-transition-duration)}.el-drawer-fade-enter-from,.el-drawer-fade-enter-active,.el-drawer-fade-enter-to,.el-drawer-fade-leave-from,.el-drawer-fade-leave-active,.el-drawer-fade-leave-to{overflow:hidden!important}.el-drawer-fade-enter-from,.el-drawer-fade-leave-to{background-color:#0000!important}.el-drawer-fade-enter-from .rtl,.el-drawer-fade-leave-to .rtl{transform:translate(100%)}.el-drawer-fade-enter-from .ltr,.el-drawer-fade-leave-to .ltr{transform:translate(-100%)}.el-drawer-fade-enter-from .ttb,.el-drawer-fade-leave-to .ttb{transform:translateY(-100%)}.el-drawer-fade-enter-from .btt,.el-drawer-fade-leave-to .btt{transform:translateY(100%)}.el-dropdown{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10;color:var(--el-text-color-regular);font-size:var(--el-font-size-base);vertical-align:top;line-height:1;display:inline-flex;position:relative}.el-dropdown.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-dropdown__popper{--el-dropdown-menu-box-shadow:var(--el-box-shadow-light);--el-dropdown-menuItem-hover-fill:var(--el-color-primary-light-9);--el-dropdown-menuItem-hover-color:var(--el-color-primary);--el-dropdown-menu-index:10}.el-dropdown__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-dropdown-menu-box-shadow)}.el-dropdown__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:#0000;border-left-color:#0000}.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:#0000;border-right-color:#0000}.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:#0000;border-left-color:#0000}.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-top-color:#0000;border-right-color:#0000}.el-dropdown__popper .el-dropdown-menu{border:none}.el-dropdown__popper .el-dropdown__popper-selfdefine{outline:none}.el-dropdown__popper .el-scrollbar__bar{z-index:calc(var(--el-dropdown-menu-index) + 1)}.el-dropdown__popper .el-dropdown__list{box-sizing:border-box;margin:0;padding:0;list-style:none}.el-dropdown .el-dropdown__caret-button{border-left:none;justify-content:center;align-items:center;width:32px;padding-left:0;padding-right:0;display:inline-flex}.el-dropdown .el-dropdown__caret-button>span{display:inline-flex}.el-dropdown .el-dropdown__caret-button:before{content:"";background:var(--el-overlay-color-lighter);width:1px;display:block;position:absolute;top:-1px;bottom:-1px;left:0}.el-dropdown .el-dropdown__caret-button.el-button:before{background:var(--el-border-color);opacity:.5}.el-dropdown .el-dropdown__caret-button .el-dropdown__icon{font-size:inherit;padding-left:0}.el-dropdown .el-dropdown-selfdefine{outline:none}.el-dropdown--large .el-dropdown__caret-button{width:40px}.el-dropdown--small .el-dropdown__caret-button{width:24px}.el-dropdown-menu{z-index:var(--el-dropdown-menu-index);background-color:var(--el-bg-color-overlay);border-radius:var(--el-border-radius-base);box-shadow:none;border:none;margin:0;padding:5px 0;list-style:none;position:relative;top:0;left:0}.el-dropdown-menu__item{white-space:nowrap;line-height:22px;font-size:var(--el-font-size-base);color:var(--el-text-color-regular);cursor:pointer;outline:none;align-items:center;margin:0;padding:5px 16px;list-style:none;display:flex}.el-dropdown-menu__item:not(.is-disabled):hover,.el-dropdown-menu__item:not(.is-disabled):focus{background-color:var(--el-dropdown-menuItem-hover-fill);color:var(--el-dropdown-menuItem-hover-color)}.el-dropdown-menu__item i{margin-right:5px}.el-dropdown-menu__item--divided{border-top:1px solid var(--el-border-color-lighter);margin:6px 0}.el-dropdown-menu__item.is-disabled{cursor:not-allowed;color:var(--el-text-color-disabled)}.el-dropdown-menu--large{padding:7px 0}.el-dropdown-menu--large .el-dropdown-menu__item{padding:7px 20px;font-size:14px;line-height:22px}.el-dropdown-menu--large .el-dropdown-menu__item--divided{margin:8px 0}.el-dropdown-menu--small{padding:3px 0}.el-dropdown-menu--small .el-dropdown-menu__item{padding:2px 12px;font-size:12px;line-height:20px}.el-dropdown-menu--small .el-dropdown-menu__item--divided{margin:4px 0}.el-empty{--el-empty-padding:40px 0;--el-empty-image-width:160px;--el-empty-description-margin-top:20px;--el-empty-bottom-margin-top:20px;--el-empty-fill-color-0:var(--el-color-white);--el-empty-fill-color-1:#fcfcfd;--el-empty-fill-color-2:#f8f9fb;--el-empty-fill-color-3:#f7f8fc;--el-empty-fill-color-4:#eeeff3;--el-empty-fill-color-5:#edeef2;--el-empty-fill-color-6:#e9ebef;--el-empty-fill-color-7:#e5e7e9;--el-empty-fill-color-8:#e0e3e9;--el-empty-fill-color-9:#d5d7de;text-align:center;box-sizing:border-box;padding:var(--el-empty-padding);flex-direction:column;justify-content:center;align-items:center;display:flex}.el-empty__image{width:var(--el-empty-image-width)}.el-empty__image img{-webkit-user-select:none;user-select:none;vertical-align:top;object-fit:contain;width:100%;height:100%}.el-empty__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;vertical-align:top;width:100%;height:100%}.el-empty__description{margin-top:var(--el-empty-description-margin-top)}.el-empty__description p{font-size:var(--el-font-size-base);color:var(--el-text-color-secondary);margin:0}.el-empty__bottom{margin-top:var(--el-empty-bottom-margin-top)}.el-footer{--el-footer-padding:0 20px;--el-footer-height:60px;padding:var(--el-footer-padding);box-sizing:border-box;height:var(--el-footer-height);flex-shrink:0}.el-form-item{--font-size:14px;margin-bottom:18px;display:flex}.el-form-item .el-form-item{margin-bottom:0}.el-form-item .el-input__validateIcon{display:none}.el-form-item--large{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:22px}.el-form-item--large .el-form-item__label{height:40px;line-height:40px}.el-form-item--large .el-form-item__content{line-height:40px}.el-form-item--large .el-form-item__error{padding-top:4px}.el-form-item--default{--font-size:14px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--default .el-form-item__label{height:32px;line-height:32px}.el-form-item--default .el-form-item__content{line-height:32px}.el-form-item--default .el-form-item__error{padding-top:2px}.el-form-item--small{--font-size:12px;--el-form-label-font-size:var(--font-size);margin-bottom:18px}.el-form-item--small .el-form-item__label{height:24px;line-height:24px}.el-form-item--small .el-form-item__content{line-height:24px}.el-form-item--small .el-form-item__error{padding-top:2px}.el-form-item--label-left .el-form-item__label{text-align:left;justify-content:flex-start}.el-form-item--label-right .el-form-item__label{text-align:right;justify-content:flex-end}.el-form-item--label-top{display:block}.el-form-item--label-top .el-form-item__label{text-align:left;width:-moz-fit-content;width:fit-content;height:auto;margin-bottom:8px;padding-right:0;line-height:22px;display:block}.el-form-item__label-wrap{display:flex}.el-form-item__label{font-size:var(--el-form-label-font-size);color:var(--el-text-color-regular);box-sizing:border-box;flex:none;align-items:flex-start;height:32px;padding:0 12px 0 0;line-height:32px;display:inline-flex}.el-form-item__content{line-height:32px;font-size:var(--font-size);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex;position:relative}.el-form-item__content .el-input-group{vertical-align:top}.el-form-item__error{color:var(--el-color-danger);padding-top:2px;font-size:12px;line-height:1;position:absolute;top:100%;left:0}.el-form-item__error--inline{margin-left:10px;display:inline-block;position:relative;top:auto;left:auto}.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before,.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before{content:"*";color:var(--el-color-danger);margin-right:4px}.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label:after,.el-form-item.is-required:not(.is-no-asterisk).asterisk-right>.el-form-item__label-wrap>.el-form-item__label:after{content:"*";color:var(--el-color-danger);margin-left:4px}.el-form-item.is-error .el-form-item__content .el-input__wrapper,.el-form-item.is-error .el-form-item__content .el-input__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-input__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-input__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-textarea__inner,.el-form-item.is-error .el-form-item__content .el-textarea__inner:hover,.el-form-item.is-error .el-form-item__content .el-textarea__inner:focus,.el-form-item.is-error .el-form-item__content .el-textarea__inner.is-focus,.el-form-item.is-error .el-form-item__content .el-select__wrapper,.el-form-item.is-error .el-form-item__content .el-select__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-select__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-select__wrapper.is-focus,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:hover,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper:focus,.el-form-item.is-error .el-form-item__content .el-input-tag__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__wrapper,.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__wrapper{box-shadow:inset 0 0 0 1px #0000}.el-form-item.is-error .el-form-item__content .el-input-group__append .el-input__validateIcon,.el-form-item.is-error .el-form-item__content .el-input-group__prepend .el-input__validateIcon{display:none}.el-form-item.is-error .el-form-item__content .el-input__validateIcon{color:var(--el-color-danger)}.el-form-item--feedback .el-input__validateIcon{display:inline-flex}.el-form{--el-form-label-font-size:var(--el-font-size-base);--el-form-inline-content-width:220px}.el-form--inline .el-form-item{vertical-align:middle;margin-right:32px;display:inline-flex}.el-form--inline.el-form--label-top{flex-wrap:wrap;display:flex}.el-form--inline.el-form--label-top .el-form-item{display:block}.el-header{--el-header-padding:0 20px;--el-header-height:60px;padding:var(--el-header-padding);box-sizing:border-box;height:var(--el-header-height);flex-shrink:0}.el-image-viewer__wrapper{position:fixed;top:0;bottom:0;left:0;right:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{z-index:1;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{width:40px;height:40px;font-size:40px;top:40px;right:40px}.el-image-viewer__canvas{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:static}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;height:44px;padding:0 23px;bottom:30px;left:50%;transform:translate(-50%)}.el-image-viewer__actions__inner{cursor:default;color:#fff;justify-content:space-around;align-items:center;gap:22px;width:100%;height:100%;padding:0 6px;font-size:23px;display:flex}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{cursor:default;color:#fff;bottom:90px;left:50%;transform:translate(-50%)}.el-image-viewer__prev{color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px;top:50%;left:40px;transform:translateY(-50%)}.el-image-viewer__next{text-indent:2px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px;top:50%;right:40px;transform:translateY(-50%)}.el-image-viewer__close{color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px}.el-image-viewer__mask{opacity:.5;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.el-image-viewer-parent--hidden{overflow:hidden}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-20px)}}.el-image__error,.el-image__placeholder,.el-image__wrapper,.el-image__inner{width:100%;height:100%}.el-image{display:inline-block;position:relative;overflow:hidden}.el-image__inner{vertical-align:top;opacity:1}.el-image__inner.is-loading{opacity:0}.el-image__wrapper{position:absolute;top:0;left:0}.el-image__placeholder{background:var(--el-fill-color-light)}.el-image__error{background:var(--el-fill-color-light);color:var(--el-text-color-placeholder);vertical-align:middle;justify-content:center;align-items:center;font-size:14px;display:flex}.el-image__preview{cursor:pointer}.el-textarea{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;vertical-align:bottom;width:100%;font-size:var(--el-font-size-base);display:inline-block;position:relative}.el-textarea__inner{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--el-input-text-color,var(--el-text-color-regular));background-color:var(--el-input-bg-color,var(--el-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;border-radius:var(--el-input-border-radius,var(--el-border-radius-base));transition:var(--el-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.el-textarea__inner.is-clearable{padding:5px 26px 5px 11px}.el-textarea__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-textarea__inner:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-textarea__inner:focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset;outline:none}.el-textarea__clear{color:var(--el-input-icon-color);cursor:pointer;font-size:14px;position:absolute;top:15px;right:11px;transform:translateY(-50%)}.el-textarea__clear:hover{color:var(--el-input-clear-hover-color)}.el-textarea .el-input__count{color:var(--el-color-info);background:var(--el-fill-color-blank);font-size:12px;line-height:14px;position:absolute;bottom:5px;right:10px}.el-textarea .el-input__count.is-outside{top:100%;right:0;bottom:unset;background:0 0;padding-top:2px;line-height:1;position:absolute}.el-textarea.is-disabled .el-textarea__inner{box-shadow:0 0 0 1px var(--el-disabled-border-color) inset;background-color:var(--el-disabled-bg-color);color:var(--el-disabled-text-color);cursor:not-allowed}.el-textarea.is-disabled .el-textarea__inner::placeholder{color:var(--el-text-color-placeholder)}.el-textarea.is-exceed .el-textarea__inner{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-textarea.is-exceed .el-input__count{color:var(--el-color-danger)}.el-input{--el-input-text-color:var(--el-text-color-regular);--el-input-border:var(--el-border);--el-input-hover-border:var(--el-border-color-hover);--el-input-focus-border:var(--el-color-primary);--el-input-transparent-border:0 0 0 1px transparent inset;--el-input-border-color:var(--el-border-color);--el-input-border-radius:var(--el-border-radius-base);--el-input-bg-color:var(--el-fill-color-blank);--el-input-icon-color:var(--el-text-color-placeholder);--el-input-placeholder-color:var(--el-text-color-placeholder);--el-input-hover-border-color:var(--el-border-color-hover);--el-input-clear-hover-color:var(--el-text-color-secondary);--el-input-focus-border-color:var(--el-color-primary);--el-input-width:100%;--el-input-height:var(--el-component-size);font-size:var(--el-font-size-base);width:var(--el-input-width);line-height:var(--el-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.el-input::-webkit-scrollbar{z-index:11;width:6px}.el-input::-webkit-scrollbar:horizontal{height:6px}.el-input::-webkit-scrollbar-thumb{background:var(--el-text-color-disabled);border-radius:5px;width:6px}.el-input::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}.el-input::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}.el-input .el-input__clear,.el-input .el-input__password{color:var(--el-input-icon-color);cursor:pointer;font-size:14px}.el-input .el-input__clear:hover,.el-input .el-input__password:hover{color:var(--el-input-clear-hover-color)}.el-input .el-input__count{height:100%;color:var(--el-color-info);align-items:center;font-size:12px;display:inline-flex}.el-input .el-input__count .el-input__count-inner{background:var(--el-fill-color-blank);line-height:initial;padding-left:8px;display:inline-block}.el-input .el-input__count.is-outside{height:unset;padding-top:2px;position:absolute;top:100%;right:0}.el-input .el-input__count.is-outside .el-input__count-inner{background:0 0;padding-left:0;line-height:1}.el-input__wrapper{background-color:var(--el-input-bg-color,var(--el-fill-color-blank));border-radius:var(--el-input-border-radius,var(--el-border-radius-base));cursor:text;transition:var(--el-transition-box-shadow);box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex;transform:translate(0,0)}.el-input__wrapper:hover{box-shadow:0 0 0 1px var(--el-input-hover-border-color) inset}.el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input{--el-input-inner-height:calc(var(--el-input-height,32px) - 2px)}.el-input__inner{-webkit-appearance:none;width:100%;color:var(--el-input-text-color,var(--el-text-color-regular));font-size:inherit;height:var(--el-input-inner-height);line-height:var(--el-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.el-input__inner:focus{outline:none}.el-input__inner::placeholder{color:var(--el-input-placeholder-color,var(--el-text-color-placeholder))}.el-input__inner[type=password]::-ms-reveal{display:none}.el-input__inner[type=number]{line-height:1}.el-input__prefix{white-space:nowrap;height:100%;line-height:var(--el-input-inner-height);text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none;flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.el-input__prefix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex}.el-input__prefix-inner>:last-child{margin-right:8px}.el-input__prefix-inner>:first-child,.el-input__prefix-inner>:first-child.el-input__icon{margin-left:0}.el-input__suffix{white-space:nowrap;height:100%;line-height:var(--el-input-inner-height);text-align:center;color:var(--el-input-icon-color,var(--el-text-color-placeholder));transition:all var(--el-transition-duration);pointer-events:none;flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.el-input__suffix-inner{pointer-events:all;justify-content:center;align-items:center;display:inline-flex}.el-input__suffix-inner>:first-child{margin-left:8px}.el-input .el-input__icon{height:inherit;line-height:inherit;transition:all var(--el-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.el-input__validateIcon{pointer-events:none}.el-input.is-active .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-color, ) inset}.el-input.is-disabled{cursor:not-allowed}.el-input.is-disabled .el-input__wrapper{background-color:var(--el-disabled-bg-color);cursor:not-allowed;box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.el-input.is-disabled .el-input__inner{color:var(--el-disabled-text-color);-webkit-text-fill-color:var(--el-disabled-text-color);cursor:not-allowed}.el-input.is-disabled .el-input__inner::placeholder{color:var(--el-text-color-placeholder)}.el-input.is-disabled .el-input__icon{cursor:not-allowed}.el-input.is-disabled .el-input__prefix-inner,.el-input.is-disabled .el-input__suffix-inner{pointer-events:none}.el-input.is-exceed .el-input__wrapper{box-shadow:0 0 0 1px var(--el-color-danger) inset}.el-input.is-exceed .el-input__suffix .el-input__count{color:var(--el-color-danger)}.el-input--large{--el-input-height:var(--el-component-size-large);font-size:14px}.el-input--large .el-input__wrapper{padding:1px 15px}.el-input--large{--el-input-inner-height:calc(var(--el-input-height,40px) - 2px)}.el-input--small{--el-input-height:var(--el-component-size-small);font-size:12px}.el-input--small .el-input__wrapper{padding:1px 7px}.el-input--small{--el-input-inner-height:calc(var(--el-input-height,24px) - 2px)}.el-input-group{align-items:stretch;width:100%;display:inline-flex}.el-input-group__append,.el-input-group__prepend{background-color:var(--el-fill-color-light);color:var(--el-color-info);border-radius:var(--el-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.el-input-group__append:focus,.el-input-group__prepend:focus{outline:none}.el-input-group__append .el-select,.el-input-group__append .el-button,.el-input-group__prepend .el-select,.el-input-group__prepend .el-button{flex:1;margin:0 -20px;display:inline-block}.el-input-group__append button.el-button,.el-input-group__append button.el-button:hover,.el-input-group__append div.el-select .el-select__wrapper,.el-input-group__append div.el-select:hover .el-select__wrapper,.el-input-group__prepend button.el-button,.el-input-group__prepend button.el-button:hover,.el-input-group__prepend div.el-select .el-select__wrapper,.el-input-group__prepend div.el-select:hover .el-select__wrapper{color:inherit;background-color:#0000;border-color:#0000}.el-input-group__append .el-button,.el-input-group__append .el-input,.el-input-group__prepend .el-button,.el-input-group__prepend .el-input{font-size:inherit}.el-input-group__prepend{box-shadow:1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group__append{box-shadow:0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend>.el-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper{box-shadow:1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset;border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append>.el-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.el-input-group--append .el-input-group__append .el-select .el-select__wrapper{box-shadow:0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset;border-top-left-radius:0;border-bottom-left-radius:0}.el-input-hidden{display:none!important}.el-input-number{vertical-align:middle;width:150px;line-height:30px;display:inline-flex;position:relative}.el-input-number .el-input__wrapper{padding-left:42px;padding-right:42px}.el-input-number .el-input__inner{-webkit-appearance:none;-moz-appearance:textfield;text-align:center;line-height:1}.el-input-number .el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-input-number .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-input-number.is-left .el-input__inner{text-align:left}.el-input-number.is-right .el-input__inner{text-align:right}.el-input-number.is-center .el-input__inner{text-align:center}.el-input-number__increase,.el-input-number__decrease{z-index:1;background:var(--el-fill-color-light);width:32px;height:auto;color:var(--el-text-color-regular);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;top:1px;bottom:1px}.el-input-number__increase:hover,.el-input-number__decrease:hover{color:var(--el-color-primary)}.el-input-number__increase:hover~.el-input:not(.is-disabled) .el-input__wrapper,.el-input-number__decrease:hover~.el-input:not(.is-disabled) .el-input__wrapper{box-shadow:0 0 0 1px var(--el-input-focus-border-color,var(--el-color-primary)) inset}.el-input-number__increase.is-disabled,.el-input-number__decrease.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-input-number__increase{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0;border-left:var(--el-border);right:1px}.el-input-number__decrease{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);border-right:var(--el-border);left:1px}.el-input-number.is-disabled .el-input-number__increase,.el-input-number.is-disabled .el-input-number__decrease{border-color:var(--el-disabled-border-color);color:var(--el-disabled-border-color)}.el-input-number.is-disabled .el-input-number__increase:hover,.el-input-number.is-disabled .el-input-number__decrease:hover{color:var(--el-disabled-border-color);cursor:not-allowed}.el-input-number--large{width:180px;line-height:38px}.el-input-number--large .el-input-number__increase,.el-input-number--large .el-input-number__decrease{width:40px;font-size:14px}.el-input-number--large.is-controls-right .el-input--large .el-input__wrapper{padding-right:47px}.el-input-number--large .el-input--large .el-input__wrapper{padding-left:47px;padding-right:47px}.el-input-number--small{width:120px;line-height:22px}.el-input-number--small .el-input-number__increase,.el-input-number--small .el-input-number__decrease{width:24px;font-size:12px}.el-input-number--small.is-controls-right .el-input--small .el-input__wrapper{padding-right:31px}.el-input-number--small .el-input--small .el-input__wrapper{padding-left:31px;padding-right:31px}.el-input-number--small .el-input-number__increase [class*=el-icon],.el-input-number--small .el-input-number__decrease [class*=el-icon]{transform:scale(.9)}.el-input-number.is-without-controls .el-input__wrapper{padding-left:15px;padding-right:15px}.el-input-number.is-controls-right .el-input__wrapper{padding-left:15px;padding-right:42px}.el-input-number.is-controls-right .el-input-number__increase,.el-input-number.is-controls-right .el-input-number__decrease{--el-input-number-controls-height:15px;height:var(--el-input-number-controls-height);line-height:var(--el-input-number-controls-height)}.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon],.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon]{transform:scale(.8)}.el-input-number.is-controls-right .el-input-number__increase{border-radius:0 var(--el-border-radius-base) 0 0;border-bottom:var(--el-border);bottom:auto;left:auto}.el-input-number.is-controls-right .el-input-number__decrease{border-right:none;border-left:var(--el-border);border-radius:0 0 var(--el-border-radius-base) 0;top:auto;left:auto;right:1px}.el-input-number.is-controls-right[class*=large] [class*=increase],.el-input-number.is-controls-right[class*=large] [class*=decrease]{--el-input-number-controls-height:19px}.el-input-number.is-controls-right[class*=small] [class*=increase],.el-input-number.is-controls-right[class*=small] [class*=decrease]{--el-input-number-controls-height:11px}.el-input-tag{--el-input-tag-border-color-hover:var(--el-border-color-hover);--el-input-tag-placeholder-color:var(--el-text-color-placeholder);--el-input-tag-disabled-color:var(--el-disabled-text-color);--el-input-tag-disabled-border:var(--el-disabled-border-color);--el-input-tag-font-size:var(--el-font-size-base);--el-input-tag-close-hover-color:var(--el-text-color-secondary);--el-input-tag-text-color:var(--el-text-color-regular);--el-input-tag-input-focus-border-color:var(--el-color-primary);--el-input-tag-width:100%;--el-input-tag-mini-height:var(--el-component-size);--el-input-tag-gap:6px;--el-input-tag-padding:4px;--el-input-tag-inner-padding:8px;--el-input-tag-line-height:24px;box-sizing:border-box;cursor:pointer;font-size:var(--el-input-tag-font-size);padding:var(--el-input-tag-padding);width:var(--el-input-tag-width);min-height:var(--el-input-tag-mini-height);line-height:var(--el-input-tag-line-height);border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-blank);transition:var(--el-transition-duration);box-shadow:0 0 0 1px var(--el-border-color) inset;align-items:center;display:flex;transform:translate(0,0)}.el-input-tag.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-input-tag.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-input-tag.is-disabled{cursor:not-allowed;background-color:var(--el-fill-color-light);box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset}.el-input-tag.is-disabled:hover{box-shadow:0 0 0 1px var(--el-input-tag-disabled-border) inset}.el-input-tag.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-input-tag.is-disabled .el-input-tag__inner .el-input-tag__input,.el-input-tag.is-disabled .el-input-tag__inner .el-tag{cursor:not-allowed}.el-input-tag__prefix{padding:0 var(--el-input-tag-inner-padding);color:var(--el-input-icon-color,var(--el-text-color-placeholder));flex-shrink:0;align-items:center;display:flex}.el-input-tag__suffix{padding:0 var(--el-input-tag-inner-padding);color:var(--el-input-icon-color,var(--el-text-color-placeholder));flex-shrink:0;align-items:center;gap:8px;display:flex}.el-input-tag__collapse-tag{line-height:1}.el-input-tag__input-tag-list{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.el-input-tag__input-tag-list.is-near{margin-left:-8px}.el-input-tag__input-tag-list .el-tag{cursor:pointer;border-color:#0000}.el-input-tag__input-tag-list .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__input-tag-list .el-tag .el-tag__content{min-width:0}.el-input-tag__inner{align-items:center;gap:var(--el-input-tag-gap);flex-wrap:wrap;flex:1;min-width:0;max-width:100%;display:flex;position:relative}.el-input-tag__inner.is-left-space{margin-left:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-right-space{margin-right:var(--el-input-tag-inner-padding)}.el-input-tag__inner.is-draggable .el-tag{cursor:move;-webkit-user-select:none;user-select:none}.el-input-tag__drop-indicator{width:1px;height:var(--el-input-tag-line-height);background-color:var(--el-color-primary);position:absolute;top:0}.el-input-tag__inner .el-tag{cursor:pointer;border-color:#0000;max-width:100%}.el-input-tag__inner .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-input-tag__inner .el-tag .el-tag__content{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:normal;overflow:hidden}.el-input-tag__input-wrapper{flex:1}.el-input-tag__input{color:var(--el-input-tag-text-color);font-size:inherit;font-family:inherit;line-height:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:none;outline:none;width:100%;padding:0}.el-input-tag__input::placeholder{color:var(--el-input-tag-placeholder-color)}.el-input-tag__input-calculator{visibility:hidden;white-space:pre;max-width:100%;position:absolute;top:0;left:0;overflow:hidden}.el-input-tag--large{--el-input-tag-gap:6px;--el-input-tag-padding:8px;--el-input-tag-padding-left:8px;--el-input-tag-font-size:14px}.el-input-tag--small{--el-input-tag-gap:4px;--el-input-tag-padding:2px;--el-input-tag-padding-left:6px;--el-input-tag-font-size:12px;--el-input-tag-line-height:20px;--el-input-tag-mini-height:var(--el-component-size-small)}.el-link{--el-link-font-size:var(--el-font-size-base);--el-link-font-weight:var(--el-font-weight-primary);--el-link-text-color:var(--el-text-color-regular);--el-link-hover-text-color:var(--el-color-primary);--el-link-disabled-text-color:var(--el-text-color-placeholder);vertical-align:middle;cursor:pointer;font-size:var(--el-link-font-size);font-weight:var(--el-link-font-weight);color:var(--el-link-text-color);outline:none;flex-direction:row;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex;position:relative}.el-link.is-hover-underline:hover:after{content:"";border-bottom:1px solid var(--el-link-hover-text-color);height:0;position:absolute;bottom:0;left:0;right:0}.el-link.is-underline:after{content:"";border-bottom:1px solid var(--el-link-text-color);height:0;position:absolute;bottom:0;left:0;right:0}.el-link:hover{color:var(--el-link-hover-text-color)}.el-link:hover:after{border-color:var(--el-link-hover-text-color)}.el-link [class*=el-icon-]+span{margin-left:5px}.el-link__inner{justify-content:center;align-items:center;display:inline-flex}.el-link.el-link--primary{--el-link-text-color:var(--el-color-primary);--el-link-hover-text-color:var(--el-color-primary-light-3);--el-link-disabled-text-color:var(--el-color-primary-light-5)}.el-link.el-link--success{--el-link-text-color:var(--el-color-success);--el-link-hover-text-color:var(--el-color-success-light-3);--el-link-disabled-text-color:var(--el-color-success-light-5)}.el-link.el-link--warning{--el-link-text-color:var(--el-color-warning);--el-link-hover-text-color:var(--el-color-warning-light-3);--el-link-disabled-text-color:var(--el-color-warning-light-5)}.el-link.el-link--danger{--el-link-text-color:var(--el-color-danger);--el-link-hover-text-color:var(--el-color-danger-light-3);--el-link-disabled-text-color:var(--el-color-danger-light-5)}.el-link.el-link--error{--el-link-text-color:var(--el-color-error);--el-link-hover-text-color:var(--el-color-error-light-3);--el-link-disabled-text-color:var(--el-color-error-light-5)}.el-link.el-link--info{--el-link-text-color:var(--el-color-info);--el-link-hover-text-color:var(--el-color-info-light-3);--el-link-disabled-text-color:var(--el-color-info-light-5)}.el-link.is-disabled{color:var(--el-link-disabled-text-color);cursor:not-allowed}.el-link.is-disabled:after{border-color:var(--el-link-disabled-text-color)}:root{--el-loading-spinner-size:42px;--el-loading-fullscreen-spinner-size:50px}.el-loading-parent--relative{position:relative!important}.el-loading-parent--hidden{overflow:hidden!important}.el-loading-mask{z-index:2000;background-color:var(--el-mask-color);transition:opacity var(--el-transition-duration);margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.el-loading-mask.is-fullscreen{position:fixed}.el-loading-mask.is-fullscreen .el-loading-spinner{margin-top:calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2)}.el-loading-mask.is-fullscreen .el-loading-spinner .circular{height:var(--el-loading-fullscreen-spinner-size);width:var(--el-loading-fullscreen-spinner-size)}.el-loading-spinner{margin-top:calc((0px - var(--el-loading-spinner-size)) / 2);text-align:center;width:100%;position:absolute;top:50%}.el-loading-spinner .el-loading-text{color:var(--el-color-primary);margin:3px 0;font-size:14px}.el-loading-spinner .circular{height:var(--el-loading-spinner-size);width:var(--el-loading-spinner-size);animation:2s linear infinite loading-rotate;display:inline}.el-loading-spinner .path{stroke-dasharray:90 150;stroke-dashoffset:0;stroke-width:2px;stroke:var(--el-color-primary);stroke-linecap:round;animation:1.5s ease-in-out infinite loading-dash}.el-loading-spinner i{color:var(--el-color-primary)}.el-loading-fade-enter-from,.el-loading-fade-leave-to{opacity:0}@keyframes loading-rotate{to{transform:rotate(360deg)}}@keyframes loading-dash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-40px}to{stroke-dasharray:90 150;stroke-dashoffset:-120px}}.el-main{--el-main-padding:20px;box-sizing:border-box;padding:var(--el-main-padding);flex:auto;display:block;overflow:auto}:root{--el-menu-active-color:var(--el-color-primary);--el-menu-text-color:var(--el-text-color-primary);--el-menu-hover-text-color:var(--el-color-primary);--el-menu-bg-color:var(--el-fill-color-blank);--el-menu-hover-bg-color:var(--el-color-primary-light-9);--el-menu-item-height:56px;--el-menu-sub-item-height:calc(var(--el-menu-item-height) - 6px);--el-menu-horizontal-height:60px;--el-menu-horizontal-sub-item-height:36px;--el-menu-item-font-size:var(--el-font-size-base);--el-menu-item-hover-fill:var(--el-color-primary-light-9);--el-menu-border-color:var(--el-border-color);--el-menu-base-level-padding:20px;--el-menu-level-padding:20px;--el-menu-icon-width:24px}.el-menu{border-right:solid 1px var(--el-menu-border-color);background-color:var(--el-menu-bg-color);box-sizing:border-box;margin:0;padding-left:0;list-style:none;position:relative}.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title,.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title{white-space:nowrap;padding-left:calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding))}.el-menu:not(.el-menu--collapse) .el-sub-menu__title{padding-right:calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))}.el-menu--horizontal{height:var(--el-menu-horizontal-height);border-right:none;flex-wrap:nowrap;display:flex}.el-menu--horizontal.el-menu--popup-container{height:unset}.el-menu--horizontal.el-menu{border-bottom:solid 1px var(--el-menu-border-color)}.el-menu--horizontal>.el-menu-item{height:100%;color:var(--el-menu-text-color);border-bottom:2px solid #0000;justify-content:center;align-items:center;margin:0;display:inline-flex}.el-menu--horizontal>.el-menu-item a,.el-menu--horizontal>.el-menu-item a:hover{color:inherit}.el-menu--horizontal>.el-sub-menu:focus,.el-menu--horizontal>.el-sub-menu:hover{outline:none}.el-menu--horizontal>.el-sub-menu:hover .el-sub-menu__title{color:var(--el-menu-hover-text-color)}.el-menu--horizontal>.el-sub-menu.is-active .el-sub-menu__title{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title{height:100%;color:var(--el-menu-text-color);border-bottom:2px solid #0000}.el-menu--horizontal>.el-sub-menu .el-sub-menu__title:hover{background-color:var(--el-menu-bg-color)}.el-menu--horizontal .el-menu .el-menu-item,.el-menu--horizontal .el-menu .el-sub-menu__title{background-color:var(--el-menu-bg-color);height:var(--el-menu-horizontal-sub-item-height);line-height:var(--el-menu-horizontal-sub-item-height);color:var(--el-menu-text-color);align-items:center;padding:0 10px;display:flex}.el-menu--horizontal .el-menu .el-sub-menu__title{padding-right:40px}.el-menu--horizontal .el-menu .el-menu-item.is-active,.el-menu--horizontal .el-menu .el-menu-item.is-active:hover,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title,.el-menu--horizontal .el-menu .el-sub-menu.is-active>.el-sub-menu__title:hover{color:var(--el-menu-active-color)}.el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.el-menu--horizontal .el-menu-item:not(.is-disabled):focus{color:var(--el-menu-active-color,var(--el-menu-hover-text-color));background-color:var(--el-menu-hover-bg-color);outline:none}.el-menu--horizontal>.el-menu-item.is-active{border-bottom:2px solid var(--el-menu-active-color);color:var(--el-menu-active-color)!important}.el-menu--collapse{width:calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)}.el-menu--collapse>.el-menu-item [class^=el-icon],.el-menu--collapse>.el-sub-menu>.el-sub-menu__title [class^=el-icon],.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title [class^=el-icon]{vertical-align:middle;width:var(--el-menu-icon-width);text-align:center;margin:0}.el-menu--collapse>.el-menu-item .el-sub-menu__icon-arrow,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title .el-sub-menu__icon-arrow{display:none}.el-menu--collapse>.el-menu-item>span,.el-menu--collapse>.el-sub-menu>.el-sub-menu__title>span,.el-menu--collapse>.el-menu-item-group>ul>.el-sub-menu>.el-sub-menu__title>span{visibility:hidden;width:0;height:0;display:inline-block;overflow:hidden}.el-menu--collapse>.el-menu-item.is-active i{color:inherit}.el-menu--collapse .el-menu .el-sub-menu{min-width:200px}.el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title{color:var(--el-menu-active-color)}.el-menu--popup{z-index:100;border-radius:var(--el-border-radius-small);min-width:200px;box-shadow:var(--el-box-shadow-light);border:none;padding:5px 0}.el-menu .el-icon{flex-shrink:0}.el-menu-item{height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 var(--el-menu-base-level-padding);cursor:pointer;transition:border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap;align-items:center;list-style:none;display:flex;position:relative}.el-menu-item *{vertical-align:bottom}.el-menu-item i{color:inherit}.el-menu-item:hover,.el-menu-item:focus{outline:none}.el-menu-item:hover{background-color:var(--el-menu-hover-bg-color)}.el-menu-item.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-menu-item [class^=el-icon]{width:var(--el-menu-icon-width);text-align:center;vertical-align:middle;margin-right:5px;font-size:18px}.el-menu-item.is-active{color:var(--el-menu-active-color)}.el-menu-item.is-active i{color:inherit}.el-menu-item .el-menu-tooltip__trigger{box-sizing:border-box;width:100%;height:100%;padding:0 var(--el-menu-base-level-padding);align-items:center;display:inline-flex;position:absolute;top:0;left:0}.el-sub-menu{margin:0;padding-left:0;list-style:none}.el-sub-menu__title{height:var(--el-menu-item-height);line-height:var(--el-menu-item-height);font-size:var(--el-menu-item-font-size);color:var(--el-menu-text-color);padding:0 var(--el-menu-base-level-padding);cursor:pointer;transition:border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);box-sizing:border-box;white-space:nowrap;align-items:center;list-style:none;display:flex;position:relative}.el-sub-menu__title *{vertical-align:bottom}.el-sub-menu__title i{color:inherit}.el-sub-menu__title:hover,.el-sub-menu__title:focus{outline:none}.el-sub-menu__title.is-disabled{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu__title:hover{background-color:var(--el-menu-hover-bg-color)}.el-sub-menu .el-menu{border:none}.el-sub-menu .el-menu-item{height:var(--el-menu-sub-item-height);line-height:var(--el-menu-sub-item-height)}.el-sub-menu.el-sub-menu__hide-arrow .el-sub-menu__title{padding-right:var(--el-menu-base-level-padding)}.el-sub-menu__hide-arrow .el-sub-menu__icon-arrow{display:none!important}.el-sub-menu.is-active .el-sub-menu__title{border-bottom-color:var(--el-menu-active-color)}.el-sub-menu.is-disabled .el-sub-menu__title,.el-sub-menu.is-disabled .el-menu-item{opacity:.25;cursor:not-allowed;background:0 0!important}.el-sub-menu .el-icon{vertical-align:middle;width:var(--el-menu-icon-width);text-align:center;margin-right:5px;font-size:18px}.el-sub-menu .el-icon.el-sub-menu__icon-more{margin-right:0!important}.el-sub-menu .el-sub-menu__icon-arrow{top:50%;right:var(--el-menu-base-level-padding);transition:transform var(--el-transition-duration);width:inherit;margin-top:-6px;margin-right:0;font-size:12px;position:absolute}.el-menu-item-group>ul{padding:0}.el-menu-item-group__title{padding:7px 0 7px var(--el-menu-base-level-padding);color:var(--el-text-color-secondary);font-size:12px;line-height:normal}.horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow{transition:var(--el-transition-duration-fast);opacity:0}.el-popper,.el-menu--popup-container,.el-menu{outline:none}.el-message-box{--el-messagebox-title-color:var(--el-text-color-primary);--el-messagebox-width:420px;--el-messagebox-border-radius:4px;--el-messagebox-box-shadow:var(--el-box-shadow);--el-messagebox-font-size:var(--el-font-size-large);--el-messagebox-content-font-size:var(--el-font-size-base);--el-messagebox-content-color:var(--el-text-color-regular);--el-messagebox-error-font-size:12px;--el-messagebox-padding-primary:12px;--el-messagebox-font-line-height:var(--el-font-line-height-primary);max-width:var(--el-messagebox-width);width:100%;padding:var(--el-messagebox-padding-primary);vertical-align:middle;background-color:var(--el-bg-color);border-radius:var(--el-messagebox-border-radius);font-size:var(--el-messagebox-font-size);box-shadow:var(--el-messagebox-box-shadow);text-align:left;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;overflow-wrap:break-word;display:inline-block;position:relative;overflow:hidden}.el-message-box:focus{outline:none!important}.is-message-box .el-overlay-message-box{text-align:center;padding:16px;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.is-message-box .el-overlay-message-box:after{content:"";vertical-align:middle;width:0;height:100%;display:inline-block}.el-message-box.is-draggable .el-message-box__header{cursor:move;-webkit-user-select:none;user-select:none}.el-message-box__header{padding-bottom:var(--el-messagebox-padding-primary)}.el-message-box__header.show-close{padding-right:calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size,16px))}.el-message-box__title{font-size:var(--el-messagebox-font-size);line-height:var(--el-messagebox-font-line-height);color:var(--el-messagebox-title-color)}.el-message-box__headerbtn{width:40px;height:40px;font-size:var(--el-message-close-size,16px);cursor:pointer;background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.el-message-box__headerbtn .el-message-box__close{color:var(--el-color-info);font-size:inherit}.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close{color:var(--el-color-primary)}.el-message-box__content{color:var(--el-messagebox-content-color);font-size:var(--el-messagebox-content-font-size)}.el-message-box__container{align-items:center;gap:12px;display:flex}.el-message-box__input{padding-top:12px}.el-message-box__input div.invalid>input,.el-message-box__input div.invalid>input:focus{border-color:var(--el-color-error)}.el-message-box__status{font-size:24px}.el-message-box__status.el-message-box-icon--primary{--el-messagebox-color:var(--el-color-primary);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--success{--el-messagebox-color:var(--el-color-success);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--info{--el-messagebox-color:var(--el-color-info);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--warning{--el-messagebox-color:var(--el-color-warning);color:var(--el-messagebox-color)}.el-message-box__status.el-message-box-icon--error{--el-messagebox-color:var(--el-color-error);color:var(--el-messagebox-color)}.el-message-box__message{min-width:0;margin:0}.el-message-box__message p{line-height:var(--el-messagebox-font-line-height);margin:0}.el-message-box__errormsg{color:var(--el-color-error);font-size:var(--el-messagebox-error-font-size);line-height:var(--el-messagebox-font-line-height)}.el-message-box__btns{padding-top:var(--el-messagebox-padding-primary);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.el-message-box--center .el-message-box__title{justify-content:center;align-items:center;gap:6px;display:flex}.el-message-box--center .el-message-box__status{font-size:inherit}.el-message-box--center .el-message-box__btns,.el-message-box--center .el-message-box__container{justify-content:center}.el-message-box-parent--hidden{overflow:hidden}.fade-in-linear-enter-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration)}.fade-in-linear-leave-active .el-overlay-message-box{animation:msgbox-fade-in var(--el-transition-duration) reverse}@keyframes msgbox-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}.el-message{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-border-color-lighter);--el-message-padding:11px 15px;--el-message-close-size:16px;--el-message-close-icon-color:var(--el-text-color-placeholder);--el-message-close-hover-color:var(--el-text-color-secondary);box-sizing:border-box;border-radius:var(--el-border-radius-base);border-width:var(--el-border-width);border-style:var(--el-border-style);border-color:var(--el-message-border-color);background-color:var(--el-message-bg-color);width:max-content;max-width:calc(100% - 32px);transition:opacity var(--el-transition-duration), transform .4s, top .4s, bottom .4s;padding:var(--el-message-padding);align-items:center;gap:8px;display:flex;position:fixed}.el-message.is-left{left:16px}.el-message.is-right{right:16px}.el-message.is-center{left:50%;transform:translate(-50%)}.el-message.is-plain{background-color:var(--el-bg-color-overlay);border-color:var(--el-bg-color-overlay);box-shadow:var(--el-box-shadow-light)}.el-message p{margin:0}.el-message--primary{--el-message-bg-color:var(--el-color-primary-light-9);--el-message-border-color:var(--el-color-primary-light-8);--el-message-text-color:var(--el-color-primary)}.el-message--primary .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--primary{color:var(--el-message-text-color)}.el-message--success{--el-message-bg-color:var(--el-color-success-light-9);--el-message-border-color:var(--el-color-success-light-8);--el-message-text-color:var(--el-color-success)}.el-message--success .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--success{color:var(--el-message-text-color)}.el-message--info{--el-message-bg-color:var(--el-color-info-light-9);--el-message-border-color:var(--el-color-info-light-8);--el-message-text-color:var(--el-color-info)}.el-message--info .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--info{color:var(--el-message-text-color)}.el-message--warning{--el-message-bg-color:var(--el-color-warning-light-9);--el-message-border-color:var(--el-color-warning-light-8);--el-message-text-color:var(--el-color-warning)}.el-message--warning .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--warning{color:var(--el-message-text-color)}.el-message--error{--el-message-bg-color:var(--el-color-error-light-9);--el-message-border-color:var(--el-color-error-light-8);--el-message-text-color:var(--el-color-error)}.el-message--error .el-message__content{color:var(--el-message-text-color);overflow-wrap:break-word}.el-message .el-message-icon--error{color:var(--el-message-text-color)}.el-message .el-message__badge{position:absolute;top:-8px;right:-8px}.el-message__content{padding:0;font-size:14px;line-height:1}.el-message__content:focus{outline-width:0}.el-message .el-message__closeBtn{cursor:pointer;color:var(--el-message-close-icon-color);font-size:var(--el-message-close-size)}.el-message .el-message__closeBtn:focus{outline-width:0}.el-message .el-message__closeBtn:hover{color:var(--el-message-close-hover-color)}.el-message-fade-enter-from,.el-message-fade-leave-to{opacity:0}.el-message-fade-enter-from.is-left,.el-message-fade-enter-from.is-right,.el-message-fade-leave-to.is-left,.el-message-fade-leave-to.is-right{transform:translateY(-100%)}.el-message-fade-enter-from.is-left.is-bottom,.el-message-fade-enter-from.is-right.is-bottom,.el-message-fade-leave-to.is-left.is-bottom,.el-message-fade-leave-to.is-right.is-bottom{transform:translateY(100%)}.el-message-fade-enter-from.is-center,.el-message-fade-leave-to.is-center{transform:translate(-50%,-100%)}.el-message-fade-enter-from.is-center.is-bottom,.el-message-fade-leave-to.is-center.is-bottom{transform:translate(-50%,100%)}.el-notification{--el-notification-width:330px;--el-notification-padding:14px 26px 14px 13px;--el-notification-radius:8px;--el-notification-shadow:var(--el-box-shadow-light);--el-notification-border-color:var(--el-border-color-lighter);--el-notification-icon-size:24px;--el-notification-close-font-size:var(--el-message-close-size,16px);--el-notification-group-margin-left:13px;--el-notification-group-margin-right:8px;--el-notification-content-font-size:var(--el-font-size-base);--el-notification-content-color:var(--el-text-color-regular);--el-notification-title-font-size:16px;--el-notification-title-color:var(--el-text-color-primary);--el-notification-close-color:var(--el-text-color-secondary);--el-notification-close-hover-color:var(--el-text-color-regular);width:var(--el-notification-width);padding:var(--el-notification-padding);border-radius:var(--el-notification-radius);box-sizing:border-box;border:1px solid var(--el-notification-border-color);background-color:var(--el-bg-color-overlay);box-shadow:var(--el-notification-shadow);transition:opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);overflow-wrap:break-word;z-index:9999;display:flex;position:fixed;overflow:hidden}.el-notification.right{right:16px}.el-notification.left{left:16px}.el-notification__group{min-width:0;margin-left:var(--el-notification-group-margin-left);margin-right:var(--el-notification-group-margin-right);flex:1}.el-notification__title{font-weight:700;font-size:var(--el-notification-title-font-size);line-height:var(--el-notification-icon-size);color:var(--el-notification-title-color);margin:0}.el-notification__content{font-size:var(--el-notification-content-font-size);color:var(--el-notification-content-color);margin:6px 0 0;line-height:24px}.el-notification__content p{margin:0}.el-notification .el-notification__icon{height:var(--el-notification-icon-size);width:var(--el-notification-icon-size);font-size:var(--el-notification-icon-size);flex-shrink:0}.el-notification .el-notification__closeBtn{cursor:pointer;color:var(--el-notification-close-color);font-size:var(--el-notification-close-font-size);position:absolute;top:18px;right:15px}.el-notification .el-notification__closeBtn:hover{color:var(--el-notification-close-hover-color)}.el-notification .el-notification--primary{--el-notification-icon-color:var(--el-color-primary);color:var(--el-notification-icon-color)}.el-notification .el-notification--success{--el-notification-icon-color:var(--el-color-success);color:var(--el-notification-icon-color)}.el-notification .el-notification--info{--el-notification-icon-color:var(--el-color-info);color:var(--el-notification-icon-color)}.el-notification .el-notification--warning{--el-notification-icon-color:var(--el-color-warning);color:var(--el-notification-icon-color)}.el-notification .el-notification--error{--el-notification-icon-color:var(--el-color-error);color:var(--el-notification-icon-color)}.el-notification-fade-enter-from.right{right:0;transform:translate(100%)}.el-notification-fade-enter-from.left{left:0;transform:translate(-100%)}.el-notification-fade-leave-to{opacity:0}.el-overlay{z-index:2000;background-color:var(--el-overlay-color-lighter);height:100%;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.el-overlay .el-overlay-root{height:0}.el-page-header.is-contentful .el-page-header__main{border-top:1px solid var(--el-border-color-light);margin-top:16px}.el-page-header__header{justify-content:space-between;align-items:center;line-height:24px;display:flex}.el-page-header__left{align-items:center;margin-right:40px;display:flex;position:relative}.el-page-header__back{cursor:pointer;align-items:center;display:flex}.el-page-header__left .el-divider--vertical{margin:0 16px}.el-page-header__icon{align-items:center;margin-right:10px;font-size:16px;display:flex}.el-page-header__icon .el-icon{font-size:inherit}.el-page-header__title{font-size:14px;font-weight:500}.el-page-header__content{color:var(--el-text-color-primary);font-size:18px}.el-page-header__breadcrumb{margin-bottom:16px}.el-pagination{--el-pagination-font-size:14px;--el-pagination-bg-color:var(--el-fill-color-blank);--el-pagination-text-color:var(--el-text-color-primary);--el-pagination-border-radius:2px;--el-pagination-button-color:var(--el-text-color-primary);--el-pagination-button-width:32px;--el-pagination-button-height:32px;--el-pagination-button-disabled-color:var(--el-text-color-placeholder);--el-pagination-button-disabled-bg-color:var(--el-fill-color-blank);--el-pagination-button-bg-color:var(--el-fill-color);--el-pagination-hover-color:var(--el-color-primary);--el-pagination-font-size-small:12px;--el-pagination-button-width-small:24px;--el-pagination-button-height-small:24px;--el-pagination-button-width-large:40px;--el-pagination-button-height-large:40px;--el-pagination-item-gap:16px;white-space:nowrap;color:var(--el-pagination-text-color);font-size:var(--el-pagination-font-size);align-items:center;font-weight:400;display:flex}.el-pagination .el-input__inner{text-align:center;-moz-appearance:textfield}.el-pagination .el-select{width:128px}.el-pagination .btn-prev,.el-pagination .btn-next{font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);color:var(--el-pagination-button-color);background:var(--el-pagination-bg-color);border-radius:var(--el-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box;border:none;justify-content:center;align-items:center;padding:0 4px;display:flex}.el-pagination .btn-prev *,.el-pagination .btn-next *{pointer-events:none}.el-pagination .btn-prev:focus,.el-pagination .btn-next:focus{outline:none}.el-pagination .btn-prev:hover,.el-pagination .btn-next:hover{color:var(--el-pagination-hover-color)}.el-pagination .btn-prev.is-active,.el-pagination .btn-next.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:700}.el-pagination .btn-prev.is-active.is-disabled,.el-pagination .btn-next.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:700}.el-pagination .btn-prev:disabled,.el-pagination .btn-prev.is-disabled,.el-pagination .btn-next:disabled,.el-pagination .btn-next.is-disabled{color:var(--el-pagination-button-disabled-color);background-color:var(--el-pagination-button-disabled-bg-color);cursor:not-allowed}.el-pagination .btn-prev:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-next:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-pagination .btn-prev .el-icon,.el-pagination .btn-next .el-icon{width:inherit;font-size:12px;font-weight:700;display:block}.el-pagination>.is-first{margin-left:0!important}.el-pagination>.is-last{margin-right:0!important}.el-pagination .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination__sizes,.el-pagination__total{margin-left:var(--el-pagination-item-gap);color:var(--el-text-color-regular);font-weight:400}.el-pagination__total[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__jump{margin-left:var(--el-pagination-item-gap);color:var(--el-text-color-regular);align-items:center;font-weight:400;display:flex}.el-pagination__jump[disabled=true]{color:var(--el-text-color-placeholder)}.el-pagination__goto{margin-right:8px}.el-pagination__editor{text-align:center;box-sizing:border-box}.el-pagination__editor.el-input{width:56px}.el-pagination__editor .el-input__inner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.el-pagination__editor .el-input__inner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.el-pagination__classifier{margin-left:8px}.el-pagination__rightwrapper{flex:1;justify-content:flex-end;align-items:center;display:flex}.el-pagination.is-background .btn-prev,.el-pagination.is-background .btn-next,.el-pagination.is-background .el-pager li{background-color:var(--el-pagination-button-bg-color);margin:0 4px}.el-pagination.is-background .btn-prev.is-active,.el-pagination.is-background .btn-next.is-active,.el-pagination.is-background .el-pager li.is-active{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-pagination.is-background .btn-prev:disabled,.el-pagination.is-background .btn-prev.is-disabled,.el-pagination.is-background .btn-next:disabled,.el-pagination.is-background .btn-next.is-disabled,.el-pagination.is-background .el-pager li:disabled,.el-pagination.is-background .el-pager li.is-disabled{color:var(--el-text-color-placeholder);background-color:var(--el-disabled-bg-color)}.el-pagination.is-background .btn-prev:disabled.is-active,.el-pagination.is-background .btn-prev.is-disabled.is-active,.el-pagination.is-background .btn-next:disabled.is-active,.el-pagination.is-background .btn-next.is-disabled.is-active,.el-pagination.is-background .el-pager li:disabled.is-active,.el-pagination.is-background .el-pager li.is-disabled.is-active{color:var(--el-text-color-secondary);background-color:var(--el-fill-color-dark)}.el-pagination.is-background .btn-prev{margin-left:var(--el-pagination-item-gap)}.el-pagination--small .btn-prev,.el-pagination--small .btn-next,.el-pagination--small .el-pager li{height:var(--el-pagination-button-height-small);line-height:var(--el-pagination-button-height-small);font-size:var(--el-pagination-font-size-small);min-width:var(--el-pagination-button-width-small)}.el-pagination--small span:not([class*=suffix]),.el-pagination--small button{font-size:var(--el-pagination-font-size-small)}.el-pagination--small .el-select{width:100px}.el-pagination--large .btn-prev,.el-pagination--large .btn-next,.el-pagination--large .el-pager li{height:var(--el-pagination-button-height-large);line-height:var(--el-pagination-button-height-large);min-width:var(--el-pagination-button-width-large)}.el-pagination--large .el-select .el-input{width:160px}.el-pager{-webkit-user-select:none;user-select:none;align-items:center;margin:0;padding:0;font-size:0;list-style:none;display:flex}.el-pager li{font-size:var(--el-pagination-font-size);min-width:var(--el-pagination-button-width);height:var(--el-pagination-button-height);line-height:var(--el-pagination-button-height);color:var(--el-pagination-button-color);background:var(--el-pagination-bg-color);border-radius:var(--el-pagination-border-radius);cursor:pointer;text-align:center;box-sizing:border-box;border:none;justify-content:center;align-items:center;padding:0 4px;display:flex}.el-pager li *{pointer-events:none}.el-pager li:focus{outline:none}.el-pager li:hover{color:var(--el-pagination-hover-color)}.el-pager li.is-active{color:var(--el-pagination-hover-color);cursor:default;font-weight:700}.el-pager li.is-active.is-disabled{color:var(--el-text-color-secondary);font-weight:700}.el-pager li:disabled,.el-pager li.is-disabled{color:var(--el-pagination-button-disabled-color);background-color:var(--el-pagination-button-disabled-bg-color);cursor:not-allowed}.el-pager li:focus-visible{outline:1px solid var(--el-pagination-hover-color);outline-offset:-1px}.el-popconfirm{outline:none}.el-popconfirm__main{align-items:center;display:flex}.el-popconfirm__icon{margin-right:5px}.el-popconfirm__action{text-align:right;margin-top:8px}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border-radius:var(--el-popover-border-radius);border:1px solid var(--el-popover-border-color);min-width:150px;padding:var(--el-popover-padding);z-index:var(--el-index-popper);color:var(--el-text-color-regular);line-height:1.4;font-size:var(--el-popover-font-size);box-shadow:var(--el-box-shadow-light);overflow-wrap:break-word;box-sizing:border-box}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);margin-bottom:12px;line-height:1}.el-popover__reference:focus:not(.focusing),.el-popover__reference:focus:hover{outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus:active,.el-popover.el-popper:focus{outline-width:0}.el-progress{align-items:center;line-height:1;display:flex;position:relative}.el-progress__text{color:var(--el-text-color-regular);min-width:50px;margin-left:5px;font-size:14px;line-height:1}.el-progress__text i{vertical-align:middle;display:block}.el-progress--circle,.el-progress--dashboard{display:inline-block}.el-progress--circle .el-progress__text,.el-progress--dashboard .el-progress__text{text-align:center;width:100%;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.el-progress--circle .el-progress__text i,.el-progress--dashboard .el-progress__text i{vertical-align:middle;display:inline-block}.el-progress--without-text .el-progress__text{display:none}.el-progress--without-text .el-progress-bar{margin-right:0;padding-right:0;display:block}.el-progress--text-inside .el-progress-bar{margin-right:0;padding-right:0}.el-progress.is-success .el-progress-bar__inner{background-color:var(--el-color-success)}.el-progress.is-success .el-progress__text{color:var(--el-color-success)}.el-progress.is-warning .el-progress-bar__inner{background-color:var(--el-color-warning)}.el-progress.is-warning .el-progress__text{color:var(--el-color-warning)}.el-progress.is-exception .el-progress-bar__inner{background-color:var(--el-color-danger)}.el-progress.is-exception .el-progress__text{color:var(--el-color-danger)}.el-progress-bar{box-sizing:border-box;flex-grow:1}.el-progress-bar__outer{background-color:var(--el-border-color-lighter);vertical-align:middle;border-radius:100px;height:6px;position:relative;overflow:hidden}.el-progress-bar__inner{background-color:var(--el-color-primary);text-align:right;white-space:nowrap;border-radius:100px;height:100%;line-height:1;transition:width .6s;position:absolute;top:0;left:0}.el-progress-bar__inner:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-progress-bar__inner--indeterminate{animation:3s infinite indeterminate;transform:translateZ(0)}.el-progress-bar__inner--striped{background-image:linear-gradient(45deg,#0000001a 25%,#0000 25% 50%,#0000001a 50% 75%,#0000 75%,#0000);background-size:1.25em 1.25em}.el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow{animation:3s linear infinite striped-flow}.el-progress-bar__innerText{vertical-align:middle;color:#fff;margin:0 5px;font-size:12px;display:inline-block}@keyframes progress{0%{background-position:0 0}to{background-position:32px 0}}@keyframes indeterminate{0%{left:-100%}to{left:100%}}@keyframes striped-flow{0%{background-position:-100%}to{background-position:100%}}.el-radio-button{--el-radio-button-checked-bg-color:var(--el-color-primary);--el-radio-button-checked-text-color:var(--el-color-white);--el-radio-button-checked-border-color:var(--el-color-primary);--el-radio-button-disabled-checked-fill:var(--el-border-color-extra-light);outline:none;display:inline-block;position:relative}.el-radio-button__inner{white-space:nowrap;vertical-align:middle;background:var(--el-button-bg-color,var(--el-fill-color-blank));outline:var(--el-border);line-height:1;font-weight:var(--el-button-font-weight,var(--el-font-weight-primary));color:var(--el-button-text-color,var(--el-text-color-regular));-webkit-appearance:none;text-align:center;box-sizing:border-box;cursor:pointer;transition:var(--el-transition-all);-webkit-user-select:none;user-select:none;font-size:var(--el-font-size-base);border-radius:0;margin:0;padding:8px 15px;display:inline-block;position:relative}.el-radio-button__inner.is-round{padding:8px 15px}.el-radio-button__inner:hover{color:var(--el-color-primary)}.el-radio-button__inner [class*=el-icon-]{line-height:.9}.el-radio-button__inner [class*=el-icon-]+span{margin-left:5px}.el-radio-button:first-child .el-radio-button__inner{border-radius:var(--el-border-radius-base) 0 0 var(--el-border-radius-base);box-shadow:none!important}.el-radio-button.is-active .el-radio-button__original-radio:not(:disabled)+.el-radio-button__inner{color:var(--el-radio-button-checked-text-color,var(--el-color-white));background-color:var(--el-radio-button-checked-bg-color,var(--el-color-primary));border-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));box-shadow:-1px 0 0 0 var(--el-radio-button-checked-border-color,var(--el-color-primary))}.el-radio-button__original-radio{opacity:0;z-index:-1;outline:none;position:absolute}.el-radio-button__original-radio:focus-visible+.el-radio-button__inner{border-left:var(--el-border);border-left-color:var(--el-radio-button-checked-border-color,var(--el-color-primary));outline:2px solid var(--el-radio-button-checked-border-color);outline-offset:1px;z-index:2;border-radius:var(--el-border-radius-base);box-shadow:none}.el-radio-button__original-radio:disabled+.el-radio-button__inner{color:var(--el-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--el-button-disabled-bg-color,var(--el-fill-color-blank));border-color:var(--el-button-disabled-border-color,var(--el-border-color-light));box-shadow:none}.el-radio-button__original-radio:disabled:checked+.el-radio-button__inner{background-color:var(--el-radio-button-disabled-checked-fill)}.el-radio-button:last-child .el-radio-button__inner{border-radius:0 var(--el-border-radius-base) var(--el-border-radius-base) 0}.el-radio-button:first-child:last-child .el-radio-button__inner{border-radius:var(--el-border-radius-base)}.el-radio-button--large .el-radio-button__inner{font-size:var(--el-font-size-base);border-radius:0;padding:12px 19px}.el-radio-button--large .el-radio-button__inner.is-round{padding:12px 19px}.el-radio-button--small .el-radio-button__inner{border-radius:0;padding:5px 11px;font-size:12px}.el-radio-button--small .el-radio-button__inner.is-round{padding:5px 11px}.el-radio-group{flex-wrap:wrap;align-items:center;font-size:0;display:inline-flex}.el-radio{--el-radio-font-size:var(--el-font-size-base);--el-radio-text-color:var(--el-text-color-regular);--el-radio-font-weight:var(--el-font-weight-primary);--el-radio-input-height:14px;--el-radio-input-width:14px;--el-radio-input-border-radius:var(--el-border-radius-circle);--el-radio-input-bg-color:var(--el-fill-color-blank);--el-radio-input-border:var(--el-border);--el-radio-input-border-color:var(--el-border-color);--el-radio-input-border-color-hover:var(--el-color-primary);color:var(--el-radio-text-color);font-weight:var(--el-radio-font-weight);cursor:pointer;white-space:nowrap;font-size:var(--el-font-size-base);-webkit-user-select:none;user-select:none;outline:none;align-items:center;height:32px;margin-right:30px;display:inline-flex;position:relative}.el-radio.el-radio--large{height:40px}.el-radio.el-radio--small{height:24px}.el-radio.is-bordered{border-radius:var(--el-border-radius-base);border:var(--el-border);box-sizing:border-box;padding:0 15px 0 9px}.el-radio.is-bordered.is-checked{border-color:var(--el-color-primary)}.el-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--el-border-color-lighter)}.el-radio.is-bordered.el-radio--large{border-radius:var(--el-border-radius-base);padding:0 19px 0 11px}.el-radio.is-bordered.el-radio--large .el-radio__label{font-size:var(--el-font-size-base)}.el-radio.is-bordered.el-radio--large .el-radio__inner{width:14px;height:14px}.el-radio.is-bordered.el-radio--small{border-radius:var(--el-border-radius-base);padding:0 11px 0 7px}.el-radio.is-bordered.el-radio--small .el-radio__label{font-size:12px}.el-radio.is-bordered.el-radio--small .el-radio__inner{width:12px;height:12px}.el-radio:last-child{margin-right:0}.el-radio__input{white-space:nowrap;cursor:pointer;vertical-align:middle;outline:none;display:inline-flex;position:relative}.el-radio__input.is-disabled .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color);cursor:not-allowed}.el-radio__input.is-disabled .el-radio__inner:after{cursor:not-allowed;background-color:var(--el-disabled-bg-color)}.el-radio__input.is-disabled .el-radio__inner+.el-radio__label{cursor:not-allowed}.el-radio__input.is-disabled.is-checked .el-radio__inner{background-color:var(--el-disabled-bg-color);border-color:var(--el-disabled-border-color)}.el-radio__input.is-disabled.is-checked .el-radio__inner:after{background-color:var(--el-text-color-placeholder)}.el-radio__input.is-disabled+span.el-radio__label{color:var(--el-text-color-placeholder);cursor:not-allowed}.el-radio__input.is-checked .el-radio__inner{border-color:var(--el-color-primary);background:var(--el-color-primary)}.el-radio__input.is-checked .el-radio__inner:after{background-color:var(--el-color-white);transform:translate(-50%,-50%)scale(1)}.el-radio__input.is-checked+.el-radio__label{color:var(--el-color-primary)}.el-radio__input.is-focus .el-radio__inner{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner{border:var(--el-radio-input-border);border-radius:var(--el-radio-input-border-radius);width:var(--el-radio-input-width);height:var(--el-radio-input-height);background-color:var(--el-radio-input-bg-color);cursor:pointer;box-sizing:border-box;transition:all .3s;display:inline-block;position:relative}.el-radio__inner:hover{border-color:var(--el-radio-input-border-color-hover)}.el-radio__inner:after{border-radius:var(--el-radio-input-border-radius);content:"";width:4px;height:4px;transition:transform .15s ease-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.el-radio__original{opacity:0;z-index:-1;outline:none;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.el-radio__original:focus-visible+.el-radio__inner{outline:2px solid var(--el-radio-input-border-color-hover);outline-offset:1px;border-radius:var(--el-radio-input-border-radius)}.el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner{box-shadow:0 0 2px 2px var(--el-radio-input-border-color-hover)}.el-radio__label{font-size:var(--el-radio-font-size);padding-left:8px}.el-radio.el-radio--large .el-radio__label{font-size:14px}.el-radio.el-radio--large .el-radio__inner{width:14px;height:14px}.el-radio.el-radio--small .el-radio__label{font-size:12px}.el-radio.el-radio--small .el-radio__inner{width:12px;height:12px}.el-rate{--el-rate-height:20px;--el-rate-font-size:var(--el-font-size-base);--el-rate-icon-size:18px;--el-rate-icon-margin:6px;--el-rate-void-color:var(--el-border-color-darker);--el-rate-fill-color:#f7ba2a;--el-rate-disabled-void-color:var(--el-fill-color);--el-rate-text-color:var(--el-text-color-primary);--el-rate-outline-color:var(--el-color-primary-light-5);align-items:center;height:32px;display:inline-flex}.el-rate:focus,.el-rate:active{outline:none}.el-rate:focus-visible .el-rate__item .el-rate__icon.is-focus-visible{outline:2px solid var(--el-rate-outline-color);transition:outline-offset,outline}.el-rate__item{cursor:pointer;vertical-align:middle;color:var(--el-rate-void-color);font-size:0;line-height:normal;display:inline-block;position:relative}.el-rate .el-rate__icon{font-size:var(--el-rate-icon-size);margin-right:var(--el-rate-icon-margin);transition:var(--el-transition-duration);display:inline-block;position:relative}.el-rate .el-rate__icon.hover{transform:scale(1.15)}.el-rate .el-rate__icon .path2{position:absolute;top:0;left:0}.el-rate .el-rate__icon.is-active{color:var(--el-rate-fill-color)}.el-rate__decimal{color:var(--el-rate-fill-color);display:inline-block;position:absolute;top:0;left:0;overflow:hidden}.el-rate__decimal--box{position:absolute;top:0;left:0}.el-rate__text{font-size:var(--el-rate-font-size);vertical-align:middle;color:var(--el-rate-text-color)}.el-rate--large{height:40px}.el-rate--small{height:24px}.el-rate--small .el-rate__icon{font-size:14px}.el-rate.is-disabled .el-rate__item{cursor:not-allowed;color:var(--el-rate-disabled-void-color)}.el-result{--el-result-padding:40px 30px;--el-result-icon-font-size:64px;--el-result-title-font-size:20px;--el-result-title-margin-top:20px;--el-result-subtitle-margin-top:10px;--el-result-extra-margin-top:30px;text-align:center;box-sizing:border-box;padding:var(--el-result-padding);flex-direction:column;justify-content:center;align-items:center;display:flex}.el-result__icon svg{width:var(--el-result-icon-font-size);height:var(--el-result-icon-font-size)}.el-result__title{margin-top:var(--el-result-title-margin-top)}.el-result__title p{font-size:var(--el-result-title-font-size);color:var(--el-text-color-primary);margin:0;line-height:1.3}.el-result__subtitle{margin-top:var(--el-result-subtitle-margin-top)}.el-result__subtitle p{font-size:var(--el-font-size-base);color:var(--el-text-color-regular);margin:0;line-height:1.3}.el-result__extra{margin-top:var(--el-result-extra-margin-top)}.el-result .icon-primary{--el-result-color:var(--el-color-primary);color:var(--el-result-color)}.el-result .icon-success{--el-result-color:var(--el-color-success);color:var(--el-result-color)}.el-result .icon-warning{--el-result-color:var(--el-color-warning);color:var(--el-result-color)}.el-result .icon-danger{--el-result-color:var(--el-color-danger);color:var(--el-result-color)}.el-result .icon-error{--el-result-color:var(--el-color-error);color:var(--el-result-color)}.el-result .icon-info{--el-result-color:var(--el-color-info);color:var(--el-result-color)}.el-row{box-sizing:border-box;flex-wrap:wrap;display:flex;position:relative}.el-row.is-justify-center{justify-content:center}.el-row.is-justify-end{justify-content:flex-end}.el-row.is-justify-space-between{justify-content:space-between}.el-row.is-justify-space-around{justify-content:space-around}.el-row.is-justify-space-evenly{justify-content:space-evenly}.el-row.is-align-top{align-items:flex-start}.el-row.is-align-middle{align-items:center}.el-row.is-align-bottom{align-items:flex-end}.el-scrollbar{--el-scrollbar-opacity:.3;--el-scrollbar-bg-color:var(--el-text-color-secondary);--el-scrollbar-hover-opacity:.5;--el-scrollbar-hover-bg-color:var(--el-text-color-secondary);height:100%;position:relative;overflow:hidden}.el-scrollbar__wrap{height:100%;overflow:auto}.el-scrollbar__wrap--hidden-default{scrollbar-width:none}.el-scrollbar__wrap--hidden-default::-webkit-scrollbar{display:none}.el-scrollbar__thumb{cursor:pointer;border-radius:inherit;background-color:var(--el-scrollbar-bg-color,var(--el-text-color-secondary));width:0;height:0;transition:var(--el-transition-duration) background-color;opacity:var(--el-scrollbar-opacity,.3);display:block;position:relative}.el-scrollbar__thumb:hover{background-color:var(--el-scrollbar-hover-bg-color,var(--el-text-color-secondary));opacity:var(--el-scrollbar-hover-opacity,.5)}.el-scrollbar__bar{z-index:1;border-radius:4px;position:absolute;bottom:2px;right:2px}.el-scrollbar__bar.is-vertical{width:6px;top:2px}.el-scrollbar__bar.is-vertical>div{width:100%}.el-scrollbar__bar.is-horizontal{height:6px;left:2px}.el-scrollbar__bar.is-horizontal>div{height:100%}.el-scrollbar-fade-enter-active{transition:opacity .34s ease-out}.el-scrollbar-fade-leave-active{transition:opacity .12s ease-out}.el-scrollbar-fade-enter-from,.el-scrollbar-fade-leave-active{opacity:0}.el-select-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list{padding:0}.el-select-dropdown__loading,.el-select-dropdown__empty{text-align:center;color:var(--el-text-color-secondary);font-size:var(--el-select-font-size);margin:0;padding:10px 0}.el-select-dropdown__wrap{max-height:274px}.el-select-dropdown__list{box-sizing:border-box;margin:0;padding:6px 0;list-style:none}.el-select-dropdown__list.el-vl__window{margin:6px 0;padding:0}.el-select-dropdown__header{border-bottom:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__footer{border-top:1px solid var(--el-border-color-light);padding:10px}.el-select-dropdown__item{font-size:var(--el-font-size-base);white-space:nowrap;text-overflow:ellipsis;color:var(--el-text-color-regular);box-sizing:border-box;cursor:pointer;height:34px;padding:0 32px 0 20px;line-height:34px;position:relative;overflow:hidden}.el-select-dropdown__item.is-hovering{background-color:var(--el-fill-color-light)}.el-select-dropdown__item.is-selected{color:var(--el-color-primary);font-weight:700}.el-select-dropdown__item.is-disabled{color:var(--el-text-color-placeholder);cursor:not-allowed;background-color:unset}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after{content:"";background-position:50%;background-repeat:no-repeat;background-color:var(--el-color-primary);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") 0 0/100% 100% no-repeat;border-top:none;border-right:none;width:12px;height:12px;position:absolute;top:50%;right:20px;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") 0 0/100% 100% no-repeat}.el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after{background-color:var(--el-text-color-placeholder)}.el-select-group{margin:0;padding:0}.el-select-group__wrap{margin:0;padding:0;list-style:none;position:relative}.el-select-group__title{box-sizing:border-box;color:var(--el-color-info);text-overflow:ellipsis;white-space:nowrap;padding:0 20px;font-size:12px;line-height:34px;overflow:hidden}.el-select-group .el-select-dropdown__item{padding-left:20px}.el-select{--el-select-border-color-hover:var(--el-border-color-hover);--el-select-disabled-color:var(--el-disabled-text-color);--el-select-disabled-border:var(--el-disabled-border-color);--el-select-font-size:var(--el-font-size-base);--el-select-close-hover-color:var(--el-text-color-secondary);--el-select-input-color:var(--el-text-color-placeholder);--el-select-multiple-input-color:var(--el-text-color-regular);--el-select-input-focus-border-color:var(--el-color-primary);--el-select-input-font-size:14px;--el-select-width:100%;vertical-align:middle;width:var(--el-select-width);display:inline-block;position:relative}.el-select__wrapper{box-sizing:border-box;cursor:pointer;text-align:left;border-radius:var(--el-border-radius-base);background-color:var(--el-fill-color-blank);min-height:32px;transition:var(--el-transition-duration);box-shadow:0 0 0 1px var(--el-border-color) inset;align-items:center;gap:6px;padding:4px 12px;font-size:14px;line-height:24px;display:flex;position:relative;transform:translate(0,0)}.el-select__wrapper.is-filterable{cursor:text}.el-select__wrapper.is-focused{box-shadow:0 0 0 1px var(--el-color-primary) inset}.el-select__wrapper.is-hovering:not(.is-focused){box-shadow:0 0 0 1px var(--el-border-color-hover) inset}.el-select__wrapper.is-disabled{cursor:not-allowed;background-color:var(--el-fill-color-light);color:var(--el-text-color-placeholder);box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled:hover{box-shadow:0 0 0 1px var(--el-select-disabled-border) inset}.el-select__wrapper.is-disabled.is-focus{box-shadow:0 0 0 1px var(--el-input-focus-border-color) inset}.el-select__wrapper.is-disabled .el-select__selected-item{color:var(--el-select-disabled-color)}.el-select__wrapper.is-disabled .el-select__caret,.el-select__wrapper.is-disabled .el-tag,.el-select__wrapper.is-disabled input{cursor:not-allowed}.el-select__wrapper.is-disabled .el-select__prefix,.el-select__wrapper.is-disabled .el-select__suffix{pointer-events:none}.el-select__prefix,.el-select__suffix{color:var(--el-input-icon-color,var(--el-text-color-placeholder));flex-shrink:0;align-items:center;gap:6px;display:flex}.el-select__caret{color:var(--el-select-input-color);font-size:var(--el-select-input-font-size);transition:var(--el-transition-duration);cursor:pointer;transform:rotate(0)}.el-select__caret.is-reverse{transform:rotate(180deg)}.el-select__clear{cursor:pointer}.el-select__clear:hover{color:var(--el-select-close-hover-color)}.el-select__selection{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex;position:relative}.el-select__selection.is-near{margin-left:-8px}.el-select__selection .el-tag{cursor:pointer;border-color:#0000}.el-select__selection .el-tag.el-tag--plain{border-color:var(--el-tag-border-color)}.el-select__selection .el-tag .el-tag__content{min-width:0}.el-select__selected-item{-webkit-user-select:none;user-select:none;flex-wrap:wrap;display:flex}.el-select__tags-text{text-overflow:ellipsis;white-space:nowrap;line-height:normal;display:block;overflow:hidden}.el-select__placeholder{z-index:-1;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--el-input-text-color,var(--el-text-color-regular));display:block;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.el-select__placeholder.is-transparent{-webkit-user-select:none;user-select:none;color:var(--el-text-color-placeholder)}.el-select__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-select__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:#0000;border-left-color:#0000}.el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:#0000;border-right-color:#0000}.el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:#0000;border-left-color:#0000}.el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-top-color:#0000;border-right-color:#0000}.el-select__input-wrapper{flex:1}.el-select__input-wrapper.is-hidden{opacity:0;z-index:-1;position:absolute}.el-select__input{color:var(--el-select-multiple-input-color);font-size:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;border:none;outline:none;width:100%;height:24px;padding:0;font-family:inherit}.el-select__input-calculator{visibility:hidden;white-space:pre;max-width:100%;position:absolute;top:0;left:0;overflow:hidden}.el-select--large .el-select__wrapper{gap:6px;min-height:40px;padding:8px 16px;font-size:14px;line-height:24px}.el-select--large .el-select__selection{gap:6px}.el-select--large .el-select__selection.is-near{margin-left:-8px}.el-select--large .el-select__prefix,.el-select--large .el-select__suffix{gap:6px}.el-select--large .el-select__input{height:24px}.el-select--small .el-select__wrapper{gap:4px;min-height:24px;padding:2px 8px;font-size:12px;line-height:20px}.el-select--small .el-select__selection{gap:4px}.el-select--small .el-select__selection.is-near{margin-left:-6px}.el-select--small .el-select__prefix,.el-select--small .el-select__suffix{gap:4px}.el-select--small .el-select__input{height:20px}.el-skeleton{--el-skeleton-circle-size:var(--el-avatar-size)}.el-skeleton__item{background:var(--el-skeleton-color);border-radius:var(--el-border-radius-base);width:100%;height:16px;display:inline-block}.el-skeleton__circle{width:var(--el-skeleton-circle-size);height:var(--el-skeleton-circle-size);line-height:var(--el-skeleton-circle-size);border-radius:50%}.el-skeleton__button{border-radius:4px;width:64px;height:40px}.el-skeleton__p{width:100%}.el-skeleton__p.is-last{width:61%}.el-skeleton__p.is-first{width:33%}.el-skeleton__text{width:100%;height:var(--el-font-size-small)}.el-skeleton__caption{height:var(--el-font-size-extra-small)}.el-skeleton__h1{height:var(--el-font-size-extra-large)}.el-skeleton__h3{height:var(--el-font-size-large)}.el-skeleton__h5{height:var(--el-font-size-medium)}.el-skeleton__image{width:unset;border-radius:0;justify-content:center;align-items:center;display:flex}.el-skeleton__image svg{color:var(--el-svg-monochrome-grey);fill:currentColor;width:22%;height:22%}.el-skeleton{--el-skeleton-color:var(--el-fill-color);--el-skeleton-to-color:var(--el-fill-color-darker)}@keyframes el-skeleton-loading{0%{background-position:100%}to{background-position:0}}.el-skeleton{width:100%}.el-skeleton__first-line,.el-skeleton__paragraph{background:var(--el-skeleton-color);height:16px;margin-top:16px}.el-skeleton.is-animated .el-skeleton__item{background:linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);background-size:400% 100%;animation:1.4s infinite el-skeleton-loading}.el-slider{--el-slider-main-bg-color:var(--el-color-primary);--el-slider-runway-bg-color:var(--el-border-color-light);--el-slider-stop-bg-color:var(--el-color-white);--el-slider-disabled-color:var(--el-text-color-placeholder);--el-slider-border-radius:3px;--el-slider-height:6px;--el-slider-button-size:20px;--el-slider-button-wrapper-size:36px;--el-slider-button-wrapper-offset:-15px;align-items:center;width:100%;height:32px;display:flex}.el-slider__runway{height:var(--el-slider-height);background-color:var(--el-slider-runway-bg-color);border-radius:var(--el-slider-border-radius);cursor:pointer;flex:1;position:relative}.el-slider__runway.show-input{width:auto;margin-right:30px}.el-slider__runway.is-disabled{cursor:default}.el-slider__runway.is-disabled .el-slider__bar{background-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button{border-color:var(--el-slider-disabled-color)}.el-slider__runway.is-disabled .el-slider__button-wrapper:hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.hover,.el-slider__runway.is-disabled .el-slider__button-wrapper.dragging{cursor:not-allowed}.el-slider__runway.is-disabled .el-slider__button:hover,.el-slider__runway.is-disabled .el-slider__button.hover,.el-slider__runway.is-disabled .el-slider__button.dragging{cursor:not-allowed;transform:scale(1)}.el-slider__input{flex-shrink:0;width:130px}.el-slider__bar{height:var(--el-slider-height);background-color:var(--el-slider-main-bg-color);border-top-left-radius:var(--el-slider-border-radius);border-bottom-left-radius:var(--el-slider-border-radius);position:absolute}.el-slider__button-wrapper{height:var(--el-slider-button-wrapper-size);width:var(--el-slider-button-wrapper-size);z-index:1;top:var(--el-slider-button-wrapper-offset);text-align:center;-webkit-user-select:none;user-select:none;background-color:#0000;outline:none;line-height:normal;position:absolute;transform:translate(-50%)}.el-slider__button-wrapper:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-slider__button-wrapper:hover,.el-slider__button-wrapper.hover{cursor:grab}.el-slider__button-wrapper.dragging{cursor:grabbing}.el-slider__button{width:var(--el-slider-button-size);height:var(--el-slider-button-size);vertical-align:middle;border:solid 2px var(--el-slider-main-bg-color);background-color:var(--el-color-white);box-sizing:border-box;transition:var(--el-transition-duration-fast);-webkit-user-select:none;user-select:none;border-radius:50%;display:inline-block}.el-slider__button:hover,.el-slider__button.hover,.el-slider__button.dragging{transform:scale(1.2)}.el-slider__button:hover,.el-slider__button.hover{cursor:grab}.el-slider__button.dragging{cursor:grabbing}.el-slider__stop{height:var(--el-slider-height);width:var(--el-slider-height);border-radius:var(--el-border-radius-circle);background-color:var(--el-slider-stop-bg-color);position:absolute;transform:translate(-50%)}.el-slider__marks{width:18px;height:100%;top:0;left:12px}.el-slider__marks-text{color:var(--el-color-info);white-space:pre;margin-top:15px;font-size:14px;position:absolute;transform:translate(-50%)}.el-slider.is-vertical{flex:0;width:auto;height:100%;display:inline-flex;position:relative}.el-slider.is-vertical .el-slider__runway{width:var(--el-slider-height);height:100%;margin:0 16px}.el-slider.is-vertical .el-slider__bar{width:var(--el-slider-height);border-radius:0 0 3px 3px;height:auto}.el-slider.is-vertical .el-slider__button-wrapper{top:auto;left:var(--el-slider-button-wrapper-offset);transform:translateY(50%)}.el-slider.is-vertical .el-slider__stop{transform:translateY(50%)}.el-slider.is-vertical .el-slider__marks-text{margin-top:0;left:15px;transform:translateY(50%)}.el-slider--large{height:40px}.el-slider--small{height:24px}.el-space{vertical-align:top;display:inline-flex}.el-space__item{flex-wrap:wrap;display:flex}.el-space__item>*{flex:1}.el-space--vertical{flex-direction:column}.el-time-spinner{white-space:nowrap;width:100%}.el-spinner{vertical-align:middle;display:inline-block}.el-spinner-inner{width:50px;height:50px;animation:2s linear infinite rotate}.el-spinner-inner .path{stroke:var(--el-border-color-lighter);stroke-linecap:round;animation:1.5s ease-in-out infinite dash}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}.el-step{flex-shrink:1;position:relative}.el-step:last-of-type .el-step__line{display:none}.el-step:last-of-type.is-flex{flex-grow:0;flex-shrink:0;flex-basis:auto!important}.el-step:last-of-type .el-step__main,.el-step:last-of-type .el-step__description{padding-right:0}.el-step__head{width:100%;position:relative}.el-step__head.is-process{color:var(--el-text-color-primary);border-color:var(--el-text-color-primary)}.el-step__head.is-wait{color:var(--el-text-color-placeholder);border-color:var(--el-text-color-placeholder)}.el-step__head.is-success{color:var(--el-color-success);border-color:var(--el-color-success)}.el-step__head.is-error{color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-step__head.is-finish{color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-step__icon{z-index:1;box-sizing:border-box;background:var(--el-bg-color);justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .15s ease-out;display:inline-flex;position:relative}.el-step__icon.is-text{border:2px solid;border-radius:50%}.el-step__icon.is-icon{width:40px}.el-step__icon-inner{-webkit-user-select:none;user-select:none;text-align:center;color:inherit;font-weight:700;line-height:1;display:inline-block}.el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:25px;font-weight:400}.el-step__icon-inner.is-status{transform:translateY(1px)}.el-step__line{background-color:var(--el-text-color-placeholder);border-color:currentColor;position:absolute}.el-step__line-inner{box-sizing:border-box;border:1px solid;width:0;height:0;transition:all .15s ease-out;display:block}.el-step__main{white-space:normal;text-align:left}.el-step__title{font-size:16px;line-height:38px}.el-step__title.is-process{color:var(--el-text-color-primary);font-weight:700}.el-step__title.is-wait{color:var(--el-text-color-placeholder)}.el-step__title.is-success{color:var(--el-color-success)}.el-step__title.is-error{color:var(--el-color-danger)}.el-step__title.is-finish{color:var(--el-color-primary)}.el-step__description{margin-top:-5px;padding-right:10%;font-size:12px;font-weight:400;line-height:20px}.el-step__description.is-process{color:var(--el-text-color-primary)}.el-step__description.is-wait{color:var(--el-text-color-placeholder)}.el-step__description.is-success{color:var(--el-color-success)}.el-step__description.is-error{color:var(--el-color-danger)}.el-step__description.is-finish{color:var(--el-color-primary)}.el-step.is-horizontal{display:inline-block}.el-step.is-horizontal .el-step__line{height:2px;top:11px;left:0;right:0}.el-step.is-vertical{display:flex}.el-step.is-vertical .el-step__head{flex-grow:0;width:24px}.el-step.is-vertical .el-step__main{flex-grow:1;padding-left:10px}.el-step.is-vertical .el-step__title{padding-bottom:8px;line-height:24px}.el-step.is-vertical .el-step__line{width:2px;top:0;bottom:0;left:11px}.el-step.is-vertical .el-step__icon.is-icon{width:24px}.el-step.is-vertical .el-step__description{padding-right:0}.el-step.is-center .el-step__head,.el-step.is-center .el-step__main{text-align:center}.el-step.is-center .el-step__description{padding-left:20%;padding-right:20%}.el-step.is-center .el-step__line{left:50%;right:-50%}.el-step.is-simple{align-items:center;display:flex}.el-step.is-simple .el-step__head{width:auto;padding-right:10px;font-size:0}.el-step.is-simple .el-step__icon{background:0 0;width:16px;height:16px;font-size:12px}.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status){font-size:18px}.el-step.is-simple .el-step__icon-inner.is-status{transform:scale(.8)translateY(1px)}.el-step.is-simple .el-step__main{flex-grow:1;align-items:stretch;display:flex;position:relative}.el-step.is-simple .el-step__title{font-size:16px;line-height:20px}.el-step.is-simple:not(:last-of-type) .el-step__title{overflow-wrap:break-word;max-width:50%}.el-step.is-simple .el-step__arrow{flex-grow:1;justify-content:center;align-items:center;display:flex}.el-step.is-simple .el-step__arrow:before,.el-step.is-simple .el-step__arrow:after{content:"";background:var(--el-text-color-placeholder);width:1px;height:15px;display:inline-block;position:absolute}.el-step.is-simple .el-step__arrow:before{transform-origin:0 0;transform:rotate(-45deg)translateY(-4px)}.el-step.is-simple .el-step__arrow:after{transform-origin:100% 100%;transform:rotate(45deg)translateY(4px)}.el-step.is-simple:last-of-type .el-step__arrow{display:none}.el-steps{line-height:normal;display:flex}.el-steps--simple{background:var(--el-fill-color-light);border-radius:4px;padding:13px 8%}.el-steps--horizontal{white-space:nowrap}.el-steps--vertical{flex-flow:column;height:100%}.el-switch{--el-switch-on-color:var(--el-color-primary);--el-switch-off-color:var(--el-border-color);vertical-align:middle;align-items:center;height:32px;font-size:14px;line-height:20px;display:inline-flex;position:relative}.el-switch.is-disabled .el-switch__core,.el-switch.is-disabled .el-switch__label{cursor:not-allowed}.el-switch__label{transition:var(--el-transition-duration-fast);cursor:pointer;vertical-align:middle;height:20px;color:var(--el-text-color-primary);font-size:14px;font-weight:500;display:inline-block}.el-switch__label.is-active{color:var(--el-color-primary)}.el-switch__label--left{margin-right:10px}.el-switch__label--right{margin-left:10px}.el-switch__label *{font-size:14px;line-height:1;display:inline-block}.el-switch__label .el-icon{height:inherit}.el-switch__label .el-icon svg{vertical-align:middle}.el-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.el-switch__input:focus-visible~.el-switch__core{outline:2px solid var(--el-switch-on-color);outline-offset:1px}.el-switch__core{border:1px solid var(--el-switch-border-color,var(--el-switch-off-color));box-sizing:border-box;background:var(--el-switch-off-color);cursor:pointer;min-width:40px;height:20px;transition:border-color var(--el-transition-duration), background-color var(--el-transition-duration);border-radius:10px;outline:none;align-items:center;display:inline-flex;position:relative}.el-switch__core .el-switch__inner{width:100%;transition:all var(--el-transition-duration);justify-content:center;align-items:center;height:16px;padding:0 4px 0 18px;display:flex;overflow:hidden}.el-switch__core .el-switch__inner-wrapper{color:var(--el-color-white);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;align-items:center;font-size:12px;display:flex;overflow:hidden}.el-switch__core .el-switch__action{border-radius:var(--el-border-radius-circle);transition:all var(--el-transition-duration);background-color:var(--el-color-white);width:16px;height:16px;color:var(--el-switch-off-color);justify-content:center;align-items:center;display:flex;position:absolute;left:1px}.el-switch.is-checked .el-switch__core{border-color:var(--el-switch-border-color,var(--el-switch-on-color));background-color:var(--el-switch-on-color)}.el-switch.is-checked .el-switch__core .el-switch__action{color:var(--el-switch-on-color);left:calc(100% - 17px)}.el-switch.is-checked .el-switch__core .el-switch__inner{padding:0 18px 0 4px}.el-switch.is-disabled{opacity:.6}.el-switch--wide .el-switch__label.el-switch__label--left span{left:10px}.el-switch--wide .el-switch__label.el-switch__label--right span{right:10px}.el-switch .label-fade-enter-from,.el-switch .label-fade-leave-active{opacity:0}.el-switch--large{height:40px;font-size:14px;line-height:24px}.el-switch--large .el-switch__label{height:24px;font-size:14px}.el-switch--large .el-switch__label *{font-size:14px}.el-switch--large .el-switch__core{border-radius:12px;min-width:50px;height:24px}.el-switch--large .el-switch__core .el-switch__inner{height:20px;padding:0 6px 0 22px}.el-switch--large .el-switch__core .el-switch__action{width:20px;height:20px}.el-switch--large.is-checked .el-switch__core .el-switch__action{left:calc(100% - 21px)}.el-switch--large.is-checked .el-switch__core .el-switch__inner{padding:0 22px 0 6px}.el-switch--small{height:24px;font-size:12px;line-height:16px}.el-switch--small .el-switch__label{height:16px;font-size:12px}.el-switch--small .el-switch__label *{font-size:12px}.el-switch--small .el-switch__core{border-radius:8px;min-width:30px;height:16px}.el-switch--small .el-switch__core .el-switch__inner{height:12px;padding:0 2px 0 14px}.el-switch--small .el-switch__core .el-switch__action{width:12px;height:12px}.el-switch--small.is-checked .el-switch__core .el-switch__action{left:calc(100% - 13px)}.el-switch--small.is-checked .el-switch__core .el-switch__inner{padding:0 14px 0 2px}.el-table-column--selection .cell{padding-left:14px;padding-right:14px}.el-table-filter{border:solid 1px var(--el-border-color-lighter);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;background-color:#fff;border-radius:2px}.el-table-filter__list{outline:none;min-width:100px;margin:0;padding:5px 0;list-style:none}.el-table-filter__list-item{cursor:pointer;line-height:36px;font-size:var(--el-font-size-base);outline:none;padding:0 10px}.el-table-filter__list-item:hover,.el-table-filter__list-item:focus{background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}.el-table-filter__list-item.is-active{background-color:var(--el-color-primary);color:#fff}.el-table-filter__multiple{outline:none}.el-table-filter__content{min-width:100px}.el-table-filter__bottom{border-top:1px solid var(--el-border-color-lighter);padding:8px}.el-table-filter__bottom button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--el-border-radius-base);transition:transform var(--el-transition-duration-fast) ease-in-out;background-color:#0000;border:none;outline:none;margin:0;padding:0}.el-table-filter__bottom button:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-filter__bottom button{color:var(--el-text-color-regular);font-size:var(--el-font-size-small);padding:0 3px}.el-table-filter__bottom button:hover{color:var(--el-color-primary)}.el-table-filter__bottom button.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table-filter__wrap{max-height:280px}.el-table-filter__checkbox-group{padding:10px}.el-table-filter__checkbox-group label.el-checkbox{height:unset;align-items:center;margin-bottom:12px;margin-left:5px;margin-right:5px;display:flex}.el-table-filter__checkbox-group .el-checkbox:last-child{margin-bottom:0}.el-table{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-fill-color-blank);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-fill-color-blank);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px #00000026;--el-table-fixed-right-column:inset -10px 0 10px -10px #00000026;--el-table-index:var(--el-index-normal);box-sizing:border-box;background-color:var(--el-table-bg-color);width:100%;max-width:100%;height:-moz-fit-content;height:fit-content;font-size:var(--el-font-size-base);color:var(--el-table-text-color);position:relative;overflow:hidden}.el-table__inner-wrapper{flex-direction:column;height:100%;display:flex;position:relative}.el-table__inner-wrapper:before{height:1px;bottom:0;left:0}.el-table tbody:focus-visible{outline:none}.el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell,.el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell{border-bottom-color:#0000}.el-table__empty-block{text-align:center;justify-content:center;align-items:center;width:100%;min-height:60px;display:flex;position:sticky;left:0}.el-table__empty-text{width:50%;color:var(--el-text-color-secondary);line-height:60px}.el-table__expand-column .cell{text-align:center;-webkit-user-select:none;user-select:none;padding:0}.el-table__expand-icon{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--el-border-radius-base);transition:transform var(--el-transition-duration-fast) ease-in-out;background-color:#0000;border:none;outline:none;margin:0;padding:0}.el-table__expand-icon:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:-2px}.el-table__expand-icon{color:var(--el-text-color-regular);width:min(23px,100%);height:23px;font-size:12px;line-height:12px}.el-table__expand-icon.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-table__expand-icon--expanded{transform:rotate(90deg)}.el-table__expand-icon>.el-icon{font-size:12px}.el-table__expanded-cell{background-color:var(--el-table-expanded-cell-bg-color)}.el-table__expanded-cell[class*=cell]{padding:20px 50px}.el-table__expanded-cell:hover{background-color:#0000!important}.el-table__placeholder{width:20px;display:inline-block}.el-table__append-wrapper{overflow:hidden}.el-table--fit{border-bottom:0;border-right:0}.el-table--fit .el-table__cell.gutter{border-right-width:1px}.el-table--fit .el-table__inner-wrapper:before{width:100%}.el-table thead{color:var(--el-table-header-text-color)}.el-table thead th{font-weight:600}.el-table thead.is-group th.el-table__cell{background:var(--el-fill-color-light)}.el-table .el-table__cell{box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;text-align:left;min-width:0;z-index:var(--el-table-index);padding:8px 0;position:relative}.el-table .el-table__cell.is-center{text-align:center}.el-table .el-table__cell.is-right{text-align:right}.el-table .el-table__cell.gutter{border-bottom-width:0;border-right-width:0;width:15px;padding:0}.el-table .el-table__cell.is-hidden>*{visibility:hidden}.el-table .cell{box-sizing:border-box;text-overflow:ellipsis;white-space:normal;overflow-wrap:break-word;padding:0 12px;line-height:23px;overflow:hidden}.el-table .cell.el-tooltip{white-space:nowrap;min-width:50px}.el-table--large{font-size:var(--el-font-size-base)}.el-table--large .el-table__cell{padding:12px 0}.el-table--large .cell{padding:0 16px}.el-table--default{font-size:var(--el-font-size-base)}.el-table--default .el-table__cell{padding:8px 0}.el-table--default .cell{padding:0 12px}.el-table--small{font-size:var(--el-font-size-extra-small)}.el-table--small .el-table__cell{padding:4px 0}.el-table--small .cell{padding:0 8px}.el-table tr{background-color:var(--el-table-tr-bg-color)}.el-table tr input[type=checkbox]{margin:0}.el-table th.el-table__cell.is-leaf,.el-table td.el-table__cell{border-bottom:var(--el-table-border)}.el-table th.el-table__cell.is-sortable{cursor:pointer}.el-table th.el-table__cell{background-color:var(--el-table-header-bg-color)}.el-table th.el-table__cell>.cell.highlight{color:var(--el-color-primary)}.el-table th.el-table__cell.required>div:before{content:"";vertical-align:middle;background:#ff4d51;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.el-table td.el-table__cell div{box-sizing:border-box}.el-table td.el-table__cell.gutter{width:0}.el-table--border:after,.el-table--border:before,.el-table--border .el-table__inner-wrapper:after,.el-table__inner-wrapper:before{content:"";background-color:var(--el-table-border-color);z-index:calc(var(--el-table-index) + 2);position:absolute}.el-table--border .el-table__inner-wrapper:after{width:100%;height:1px;z-index:calc(var(--el-table-index) + 2);top:0;left:0}.el-table--border:before{width:1px;height:100%;top:-1px;left:0}.el-table--border:after{width:1px;height:100%;top:-1px;right:0}.el-table--border .el-table__inner-wrapper{border-bottom:none;border-right:none}.el-table--border .el-table__footer-wrapper{flex-shrink:0;position:relative}.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table--border th.el-table__cell.gutter:last-of-type{border-bottom:var(--el-table-border);border-bottom-width:1px}.el-table--border th.el-table__cell{border-bottom:var(--el-table-border)}.el-table--hidden{visibility:hidden}.el-table__header-wrapper,.el-table__body-wrapper,.el-table__footer-wrapper{width:100%}.el-table__header-wrapper tr td.el-table-fixed-column--left,.el-table__header-wrapper tr td.el-table-fixed-column--right,.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right,.el-table__body-wrapper tr td.el-table-fixed-column--left,.el-table__body-wrapper tr td.el-table-fixed-column--right,.el-table__body-wrapper tr th.el-table-fixed-column--left,.el-table__body-wrapper tr th.el-table-fixed-column--right,.el-table__footer-wrapper tr td.el-table-fixed-column--left,.el-table__footer-wrapper tr td.el-table-fixed-column--right,.el-table__footer-wrapper tr th.el-table-fixed-column--left,.el-table__footer-wrapper tr th.el-table-fixed-column--right{background:inherit;z-index:calc(var(--el-table-index) + 1);position:sticky!important}.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before{content:"";width:10px;box-shadow:none;touch-action:none;pointer-events:none;position:absolute;top:0;bottom:0;overflow:hidden}.el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before{left:-10px}.el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before,.el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before{right:-10px}.el-table__header-wrapper tr td.el-table__fixed-right-patch,.el-table__header-wrapper tr th.el-table__fixed-right-patch,.el-table__body-wrapper tr td.el-table__fixed-right-patch,.el-table__body-wrapper tr th.el-table__fixed-right-patch,.el-table__footer-wrapper tr td.el-table__fixed-right-patch,.el-table__footer-wrapper tr th.el-table__fixed-right-patch{z-index:calc(var(--el-table-index) + 1);background:#fff;right:0;position:sticky!important}.el-table__header-wrapper{flex-shrink:0}.el-table__header-wrapper tr th.el-table-fixed-column--left,.el-table__header-wrapper tr th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__header,.el-table__body,.el-table__footer{table-layout:fixed;border-collapse:separate}.el-table__header-wrapper{overflow:hidden}.el-table__header-wrapper tbody td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__footer-wrapper{flex-shrink:0;overflow:hidden}.el-table__footer-wrapper tfoot td.el-table__cell{background-color:var(--el-table-row-hover-bg-color);color:var(--el-table-text-color)}.el-table__header-wrapper .el-table-column--selection>.cell,.el-table__body-wrapper .el-table-column--selection>.cell{align-items:center;height:23px;display:inline-flex}.el-table__header-wrapper .el-table-column--selection .el-checkbox,.el-table__body-wrapper .el-table-column--selection .el-checkbox{height:unset}.el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:var(--el-table-border)}.el-table.is-scrolling-left th.el-table-fixed-column--left{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-right th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell{border-right:none}.el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before{box-shadow:var(--el-table-fixed-right-column)}.el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before{box-shadow:var(--el-table-fixed-left-column)}.el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before,.el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before{box-shadow:none}.el-table.is-scrolling-none th.el-table-fixed-column--left,.el-table.is-scrolling-none th.el-table-fixed-column--right{background-color:var(--el-table-header-bg-color)}.el-table__body-wrapper{flex:1;position:relative;overflow:hidden}.el-table__body-wrapper .el-scrollbar__bar{z-index:calc(var(--el-table-index) + 2)}.el-table .caret-wrapper{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--el-border-radius-base);transition:transform var(--el-transition-duration-fast) ease-in-out;background-color:#0000;border:none;outline:none;margin:0;padding:0}.el-table .caret-wrapper:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table .caret-wrapper{vertical-align:middle;width:24px;height:14px;overflow:initial;flex-direction:column;align-items:center;display:inline-flex;position:relative}.el-table .sort-caret{border:5px solid #0000;width:0;height:0;position:absolute;left:7px}.el-table .sort-caret.ascending{border-bottom-color:var(--el-text-color-placeholder);top:-5px}.el-table .sort-caret.descending{border-top-color:var(--el-text-color-placeholder);bottom:-3px}.el-table .ascending .sort-caret.ascending{border-bottom-color:var(--el-color-primary)}.el-table .descending .sort-caret.descending{border-top-color:var(--el-color-primary)}.el-table .hidden-columns{visibility:hidden;z-index:-1;position:absolute}.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:var(--el-fill-color-lighter)}.el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table__body tr.hover-row>td.el-table__cell,.el-table__body tr.hover-row.current-row>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped>td.el-table__cell,.el-table__body tr.hover-row.el-table__row--striped.current-row>td.el-table__cell,.el-table__body tr>td.hover-cell{background-color:var(--el-table-row-hover-bg-color)}.el-table__body tr.current-row>td.el-table__cell{background-color:var(--el-table-current-row-bg-color)}.el-table.el-table--scrollable-y .el-table__body-header{z-index:calc(var(--el-table-index) + 2);position:sticky;top:0}.el-table.el-table--scrollable-y .el-table__body-footer{z-index:calc(var(--el-table-index) + 2);position:sticky;bottom:0}.el-table__column-resize-proxy{border-left:var(--el-table-border);width:0;z-index:calc(var(--el-table-index) + 9);position:absolute;top:0;bottom:0;left:200px}.el-table__column-filter-trigger{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--el-border-radius-base);transition:transform var(--el-transition-duration-fast) ease-in-out;background-color:#0000;border:none;outline:none;margin:0;padding:0}.el-table__column-filter-trigger:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table__column-filter-trigger{display:inline-block}.el-table__column-filter-trigger i{color:var(--el-color-info);vertical-align:middle;font-size:14px}.el-table__border-left-patch{width:1px;height:100%;z-index:calc(var(--el-table-index) + 2);background-color:var(--el-table-border-color);position:absolute;top:0;left:0}.el-table__border-bottom-patch{height:1px;z-index:calc(var(--el-table-index) + 2);background-color:var(--el-table-border-color);position:absolute;left:0}.el-table__border-right-patch{width:1px;height:100%;z-index:calc(var(--el-table-index) + 2);background-color:var(--el-table-border-color);position:absolute;top:0}.el-table--enable-row-transition .el-table__body td.el-table__cell{transition:background-color .25s 1ms}.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background-color:var(--el-table-row-hover-bg-color)}.el-table [class*=el-table__row--level] .el-table__expand-icon{text-align:center;width:20px;display:inline-block}.el-table .el-table.el-table--border .el-table__cell{border-right:var(--el-table-border)}.el-table:not(.el-table--border) .el-table__cell{border-right:none}.el-table:not(.el-table--border)>.el-table__inner-wrapper:after{content:none}.el-table-v2{--el-table-border-color:var(--el-border-color-lighter);--el-table-border:1px solid var(--el-table-border-color);--el-table-text-color:var(--el-text-color-regular);--el-table-header-text-color:var(--el-text-color-secondary);--el-table-row-hover-bg-color:var(--el-fill-color-light);--el-table-current-row-bg-color:var(--el-color-primary-light-9);--el-table-header-bg-color:var(--el-fill-color-blank);--el-table-fixed-box-shadow:var(--el-box-shadow-light);--el-table-bg-color:var(--el-fill-color-blank);--el-table-tr-bg-color:var(--el-fill-color-blank);--el-table-expanded-cell-bg-color:var(--el-fill-color-blank);--el-table-fixed-left-column:inset 10px 0 10px -10px #00000026;--el-table-fixed-right-column:inset -10px 0 10px -10px #00000026;--el-table-index:var(--el-index-normal);font-size:var(--el-font-size-base)}.el-table-v2 *{box-sizing:border-box}.el-table-v2__root{position:relative}.el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar{opacity:1}.el-table-v2__main{background-color:var(--el-bg-color);flex-direction:column-reverse;display:flex;position:absolute;top:0;left:0;overflow:hidden}.el-table-v2__main .el-vl__horizontal,.el-table-v2__main .el-vl__vertical{z-index:2}.el-table-v2__left{background-color:var(--el-bg-color);flex-direction:column-reverse;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:2px 0 4px #0000000f}.el-table-v2__left .el-virtual-scrollbar{opacity:0}.el-table-v2__left .el-vl__vertical,.el-table-v2__left .el-vl__horizontal{z-index:-1}.el-table-v2__right{background-color:var(--el-bg-color);flex-direction:column-reverse;display:flex;position:absolute;top:0;right:0;overflow:hidden;box-shadow:-2px 0 4px #0000000f}.el-table-v2__right .el-virtual-scrollbar{opacity:0}.el-table-v2__right .el-vl__vertical,.el-table-v2__right .el-vl__horizontal{z-index:-1}.el-table-v2__header-row,.el-table-v2__row{padding-inline-end:var(--el-table-scrollbar-size)}.el-table-v2__header-wrapper{overflow:hidden}.el-table-v2__header{position:relative;overflow:hidden}.el-table-v2__header .el-checkbox{z-index:0}.el-table-v2__footer{position:absolute;bottom:0;left:0;right:0;overflow:hidden}.el-table-v2__empty{position:absolute;left:0}.el-table-v2__overlay{z-index:9999;position:absolute;top:0;bottom:0;left:0;right:0}.el-table-v2__header-row{border-bottom:var(--el-table-border);display:flex}.el-table-v2__header-cell{-webkit-user-select:none;user-select:none;background-color:var(--el-table-header-bg-color);height:100%;color:var(--el-table-header-text-color);align-items:center;padding:0 8px;font-weight:700;display:flex;overflow:hidden}.el-table-v2__header-cell.is-align-center{text-align:center;justify-content:center}.el-table-v2__header-cell.is-align-right{text-align:right;justify-content:flex-end}.el-table-v2__header-cell.is-sortable{cursor:pointer}.el-table-v2__header-cell:hover .el-icon{display:block}.el-table-v2__sort-icon{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--el-border-radius-base);transition:transform var(--el-transition-duration-fast) ease-in-out;background-color:#0000;border:none;outline:none;margin:0;padding:0}.el-table-v2__sort-icon:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-v2__sort-icon{transition:opacity, display var(--el-transition-duration);opacity:.6;display:none}.el-table-v2__sort-icon.is-sorting{opacity:1;display:flex}.el-table-v2__row{border-bottom:var(--el-table-border);transition:background-color var(--el-transition-duration);align-items:center;display:flex}.el-table-v2__row.is-hovered,.el-table-v2__row:hover{background-color:var(--el-table-row-hover-bg-color)}.el-table-v2__row-cell{align-items:center;height:100%;padding:0 8px;display:flex;overflow:hidden}.el-table-v2__row-cell.is-align-center{text-align:center;justify-content:center}.el-table-v2__row-cell.is-align-right{text-align:right;justify-content:flex-end}.el-table-v2__expand-icon{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--el-border-radius-base);transition:transform var(--el-transition-duration-fast) ease-in-out;background-color:#0000;border:none;outline:none;margin:0;padding:0}.el-table-v2__expand-icon:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-table-v2__expand-icon{-webkit-user-select:none;user-select:none;margin:0 4px}.el-table-v2__expand-icon svg{transition:transform var(--el-transition-duration)}.el-table-v2__expand-icon.is-expanded svg{transform:rotate(90deg)}.el-table-v2:not(.is-dynamic) .el-table-v2__cell-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row{align-items:stretch;overflow:hidden}.el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell{overflow-wrap:break-word}.el-tabs{--el-tabs-header-height:40px;display:flex}.el-tabs__header{justify-content:space-between;align-items:center;margin:0 0 15px;padding:0;display:flex;position:relative}.el-tabs__header-vertical{flex-direction:column}.el-tabs__active-bar{background-color:var(--el-color-primary);z-index:1;height:2px;transition:width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);list-style:none;position:absolute;bottom:0;left:0}.el-tabs__active-bar.is-bottom{bottom:auto}.el-tabs__new-tab{border:1px solid var(--el-border-color);text-align:center;width:20px;height:20px;color:var(--el-text-color-primary);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin:10px 0 10px 10px;font-size:12px;line-height:20px;transition:all .15s;display:flex}.el-tabs__new-tab .is-icon-plus{height:inherit;width:inherit;transform:scale(.8)}.el-tabs__new-tab .is-icon-plus svg{vertical-align:middle}.el-tabs__new-tab:hover{color:var(--el-color-primary)}.el-tabs__new-tab-vertical{margin-left:0}.el-tabs__nav-wrap{flex:auto;margin-bottom:-1px;position:relative;overflow:hidden}.el-tabs__nav-wrap:after{content:"";background-color:var(--el-border-color-light);width:100%;height:2px;z-index:var(--el-index-normal);position:absolute;bottom:0;left:0}.el-tabs__nav-wrap.is-bottom:after{top:0;bottom:auto}.el-tabs__nav-wrap.is-scrollable{box-sizing:border-box;padding:0 20px}.el-tabs__nav-scroll{overflow:hidden}.el-tabs__nav-next,.el-tabs__nav-prev{cursor:pointer;color:var(--el-text-color-secondary);text-align:center;width:20px;font-size:12px;line-height:44px;position:absolute}.el-tabs__nav-next.is-disabled,.el-tabs__nav-prev.is-disabled{color:var(--el-text-color-disabled);cursor:not-allowed}.el-tabs__nav-next{right:0}.el-tabs__nav-prev{left:0}.el-tabs__nav{white-space:nowrap;transition:transform var(--el-transition-duration);float:left;z-index:calc(var(--el-index-normal) + 1);display:flex;position:relative}.el-tabs__nav.is-stretch{min-width:100%;display:flex}.el-tabs__nav.is-stretch>*{text-align:center;flex:1}.el-tabs__item{height:var(--el-tabs-header-height);box-sizing:border-box;font-size:var(--el-font-size-base);color:var(--el-text-color-primary);justify-content:center;align-items:center;padding:0 20px;font-weight:500;list-style:none;display:flex;position:relative}.el-tabs__item:focus,.el-tabs__item:focus:active{outline:none}.el-tabs__item:focus-visible{box-shadow:0 0 2px 2px var(--el-color-primary) inset;border-radius:3px}.el-tabs__item .is-icon-close{text-align:center;transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);border-radius:50%;margin-left:5px}.el-tabs__item .is-icon-close:before{display:inline-block;transform:scale(.9)}.el-tabs__item .is-icon-close:hover{background-color:var(--el-text-color-placeholder);color:#fff}.el-tabs__item.is-active{color:var(--el-color-primary)}.el-tabs__item:hover{color:var(--el-color-primary);cursor:pointer}.el-tabs__item.is-disabled{color:var(--el-disabled-text-color);cursor:not-allowed}.el-tabs__content{flex-grow:1;position:relative;overflow:hidden}.el-tabs--top>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:0}.el-tabs--top>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom>.el-tabs__header .el-tabs__item:last-child{padding-right:0}.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2){padding-left:20px}.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child{padding-right:20px}.el-tabs--card>.el-tabs__header{border-bottom:1px solid var(--el-border-color-light);height:var(--el-tabs-header-height);box-sizing:border-box}.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--card>.el-tabs__header .el-tabs__nav{border:1px solid var(--el-border-color-light);box-sizing:border-box;border-bottom:none;border-radius:4px 4px 0 0}.el-tabs--card>.el-tabs__header .el-tabs__active-bar{display:none}.el-tabs--card>.el-tabs__header .el-tabs__item .is-icon-close{transform-origin:100%;width:0;height:14px;font-size:12px;position:relative;right:-2px;overflow:hidden}.el-tabs--card>.el-tabs__header .el-tabs__item{border-bottom:1px solid #0000;border-left:1px solid var(--el-border-color-light);transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);margin-top:-1px}.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{border-left:none}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover{padding-left:13px;padding-right:13px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close{width:14px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{border-bottom-color:var(--el-bg-color)}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable{padding-left:20px;padding-right:20px}.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close{width:14px}.el-tabs--border-card{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color)}.el-tabs--border-card>.el-tabs__content{padding:15px}.el-tabs--border-card>.el-tabs__header{background-color:var(--el-fill-color-light);border-bottom:1px solid var(--el-border-color-light);margin:0}.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after{content:none}.el-tabs--border-card>.el-tabs__header .el-tabs__item{transition:all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);color:var(--el-text-color-secondary);border:1px solid #0000;margin-top:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child,.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item{margin-left:-1px}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-bg-color-overlay);border-right-color:var(--el-border-color);border-left-color:var(--el-border-color)}.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover{color:var(--el-color-primary)}.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled{color:var(--el-disabled-text-color)}.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child{margin-left:0}.el-tabs--bottom{flex-direction:column}.el-tabs--bottom .el-tabs__header.is-bottom{margin-top:10px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom{border-bottom:0;border-top:1px solid var(--el-border-color)}.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom{margin-top:-1px;margin-bottom:0}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active){border:1px solid #0000}.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom{margin:0 -1px -1px}.el-tabs--left,.el-tabs--right{overflow:hidden}.el-tabs--left .el-tabs__header.is-left,.el-tabs--left .el-tabs__header.is-right,.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--left .el-tabs__nav-scroll,.el-tabs--right .el-tabs__header.is-left,.el-tabs--right .el-tabs__header.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-scroll{height:100%}.el-tabs--left .el-tabs__active-bar.is-left,.el-tabs--left .el-tabs__active-bar.is-right,.el-tabs--right .el-tabs__active-bar.is-left,.el-tabs--right .el-tabs__active-bar.is-right{width:2px;height:auto;top:0;bottom:auto}.el-tabs--left .el-tabs__nav-wrap.is-left,.el-tabs--left .el-tabs__nav-wrap.is-right,.el-tabs--right .el-tabs__nav-wrap.is-left,.el-tabs--right .el-tabs__nav-wrap.is-right{margin-bottom:0}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{text-align:center;cursor:pointer;width:100%;height:30px;line-height:30px}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i{transform:rotate(90deg)}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev.is-disabled,.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next.is-disabled,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev.is-disabled,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next.is-disabled,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev.is-disabled,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next.is-disabled,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev.is-disabled,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next.is-disabled{cursor:not-allowed}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev{top:0;left:auto}.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next{bottom:0;right:auto}.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable{padding:30px 0}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__nav-wrap.is-right:after,.el-tabs--right .el-tabs__nav-wrap.is-left:after,.el-tabs--right .el-tabs__nav-wrap.is-right:after{width:2px;height:100%;top:0;bottom:auto}.el-tabs--left .el-tabs__nav.is-left,.el-tabs--left .el-tabs__nav.is-right,.el-tabs--right .el-tabs__nav.is-left,.el-tabs--right .el-tabs__nav.is-right{flex-direction:column}.el-tabs--left .el-tabs__item.is-left,.el-tabs--right .el-tabs__item.is-left{justify-content:flex-end}.el-tabs--left .el-tabs__item.is-right,.el-tabs--right .el-tabs__item.is-right{justify-content:flex-start}.el-tabs--left{flex-direction:row}.el-tabs--left .el-tabs__header.is-left{margin-bottom:0;margin-right:10px}.el-tabs--left .el-tabs__nav-wrap.is-left{margin-right:-1px}.el-tabs--left .el-tabs__nav-wrap.is-left:after,.el-tabs--left .el-tabs__active-bar.is-left{left:auto;right:0}.el-tabs--left .el-tabs__item.is-left{text-align:right}.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left{display:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left{border-left:none;border-right:1px solid var(--el-border-color-light);border-bottom:none;border-top:1px solid var(--el-border-color-light);text-align:left}.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child{border-right:1px solid var(--el-border-color-light);border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left:none;border-right-color:#fff}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child{border-top:none}.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child{border-bottom:none}.el-tabs--left.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-right:none;border-radius:4px 0 0 4px}.el-tabs--left.el-tabs--card .el-tabs__new-tab{float:none}.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left{border-right:1px solid var(--el-border-color)}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left{border:1px solid #0000;margin:-1px 0 -1px -1px}.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active{border-color:#d1dbe5 #0000}.el-tabs--left>.el-tabs__content+.el-tabs__header{order:-1}.el-tabs--right .el-tabs__header.is-right{margin-bottom:0;margin-left:10px}.el-tabs--right .el-tabs__nav-wrap.is-right{margin-left:-1px}.el-tabs--right .el-tabs__nav-wrap.is-right:after{left:0;right:auto}.el-tabs--right .el-tabs__active-bar.is-right{left:0}.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right{display:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right{border-bottom:none;border-top:1px solid var(--el-border-color-light)}.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child{border-left:1px solid var(--el-border-color-light);border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active{border:1px solid var(--el-border-color-light);border-bottom:none;border-left-color:#fff;border-right:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child{border-top:none}.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child{border-bottom:none}.el-tabs--right.el-tabs--card .el-tabs__nav{border-bottom:1px solid var(--el-border-color-light);border-left:none;border-radius:0 4px 4px 0}.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right{border-left:1px solid var(--el-border-color)}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right{border:1px solid #0000;margin:-1px -1px -1px 0}.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active{border-color:#d1dbe5 #0000}.el-tabs--top{flex-direction:column}.el-tabs--top>.el-tabs__content+.el-tabs__header{order:-1}.slideInRight-transition,.slideInLeft-transition{display:inline-block}.slideInRight-enter{animation:slideInRight-enter var(--el-transition-duration)}.slideInRight-leave{animation:slideInRight-leave var(--el-transition-duration);position:absolute;left:0;right:0}.slideInLeft-enter{animation:slideInLeft-enter var(--el-transition-duration)}.slideInLeft-leave{animation:slideInLeft-leave var(--el-transition-duration);position:absolute;left:0;right:0}@keyframes slideInRight-enter{0%{opacity:0;transform-origin:0 0;transform:translate(100%)}to{opacity:1;transform-origin:0 0;transform:translate(0)}}@keyframes slideInRight-leave{0%{transform-origin:0 0;opacity:1;transform:translate(0)}to{transform-origin:0 0;opacity:0;transform:translate(100%)}}@keyframes slideInLeft-enter{0%{opacity:0;transform-origin:0 0;transform:translate(-100%)}to{opacity:1;transform-origin:0 0;transform:translate(0)}}@keyframes slideInLeft-leave{0%{transform-origin:0 0;opacity:1;transform:translate(0)}to{transform-origin:0 0;opacity:0;transform:translate(-100%)}}.el-tag{--el-tag-font-size:12px;--el-tag-border-radius:4px;--el-tag-border-radius-rounded:9999px;background-color:var(--el-tag-bg-color);border-color:var(--el-tag-border-color);color:var(--el-tag-text-color);vertical-align:middle;height:24px;font-size:var(--el-tag-font-size);border-radius:var(--el-tag-border-radius);box-sizing:border-box;white-space:nowrap;--el-icon-size:14px;--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary);border-style:solid;border-width:1px;justify-content:center;align-items:center;padding:0 9px;line-height:1;display:inline-flex}.el-tag.el-tag--primary{--el-tag-bg-color:var(--el-color-primary-light-9);--el-tag-border-color:var(--el-color-primary-light-8);--el-tag-hover-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-bg-color:var(--el-color-success-light-9);--el-tag-border-color:var(--el-color-success-light-8);--el-tag-hover-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-bg-color:var(--el-color-warning-light-9);--el-tag-border-color:var(--el-color-warning-light-8);--el-tag-hover-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-bg-color:var(--el-color-danger-light-9);--el-tag-border-color:var(--el-color-danger-light-8);--el-tag-hover-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-bg-color:var(--el-color-error-light-9);--el-tag-border-color:var(--el-color-error-light-8);--el-tag-hover-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-bg-color:var(--el-color-info-light-9);--el-tag-border-color:var(--el-color-info-light-8);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-hit{border-color:var(--el-color-primary)}.el-tag.is-round{border-radius:var(--el-tag-border-radius-rounded)}.el-tag .el-tag__close{color:var(--el-tag-text-color);flex-shrink:0}.el-tag .el-tag__close:hover{color:var(--el-color-white);background-color:var(--el-tag-hover-color)}.el-tag.el-tag--primary{--el-tag-text-color:var(--el-color-primary)}.el-tag.el-tag--success{--el-tag-text-color:var(--el-color-success)}.el-tag.el-tag--warning{--el-tag-text-color:var(--el-color-warning)}.el-tag.el-tag--danger{--el-tag-text-color:var(--el-color-danger)}.el-tag.el-tag--error{--el-tag-text-color:var(--el-color-error)}.el-tag.el-tag--info{--el-tag-text-color:var(--el-color-info)}.el-tag .el-icon{cursor:pointer;font-size:calc(var(--el-icon-size) - 2px);height:var(--el-icon-size);width:var(--el-icon-size);border-radius:50%}.el-tag .el-tag__close{background-color:#0000;border:none;border-radius:50%;outline:none;margin-left:6px;padding:0;overflow:hidden}.el-tag .el-tag__close:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:2px}.el-tag .el-tag__close .el-icon{display:flex}.el-tag--dark{--el-tag-text-color:var(--el-color-white);--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--primary{--el-tag-bg-color:var(--el-color-primary);--el-tag-border-color:var(--el-color-primary);--el-tag-hover-color:var(--el-color-primary-light-3)}.el-tag--dark.el-tag--success{--el-tag-bg-color:var(--el-color-success);--el-tag-border-color:var(--el-color-success);--el-tag-hover-color:var(--el-color-success-light-3)}.el-tag--dark.el-tag--warning{--el-tag-bg-color:var(--el-color-warning);--el-tag-border-color:var(--el-color-warning);--el-tag-hover-color:var(--el-color-warning-light-3)}.el-tag--dark.el-tag--danger{--el-tag-bg-color:var(--el-color-danger);--el-tag-border-color:var(--el-color-danger);--el-tag-hover-color:var(--el-color-danger-light-3)}.el-tag--dark.el-tag--error{--el-tag-bg-color:var(--el-color-error);--el-tag-border-color:var(--el-color-error);--el-tag-hover-color:var(--el-color-error-light-3)}.el-tag--dark.el-tag--info{--el-tag-bg-color:var(--el-color-info);--el-tag-border-color:var(--el-color-info);--el-tag-hover-color:var(--el-color-info-light-3)}.el-tag--dark.el-tag--primary,.el-tag--dark.el-tag--success,.el-tag--dark.el-tag--warning,.el-tag--dark.el-tag--danger,.el-tag--dark.el-tag--error,.el-tag--dark.el-tag--info{--el-tag-text-color:var(--el-color-white)}.el-tag--plain,.el-tag--plain.el-tag--primary{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-primary-light-5);--el-tag-hover-color:var(--el-color-primary)}.el-tag--plain.el-tag--success{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-success-light-5);--el-tag-hover-color:var(--el-color-success)}.el-tag--plain.el-tag--warning{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-warning-light-5);--el-tag-hover-color:var(--el-color-warning)}.el-tag--plain.el-tag--danger{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-danger-light-5);--el-tag-hover-color:var(--el-color-danger)}.el-tag--plain.el-tag--error{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-error-light-5);--el-tag-hover-color:var(--el-color-error)}.el-tag--plain.el-tag--info{--el-tag-bg-color:var(--el-fill-color-blank);--el-tag-border-color:var(--el-color-info-light-5);--el-tag-hover-color:var(--el-color-info)}.el-tag.is-closable{padding-right:5px}.el-tag--large{--el-icon-size:16px;height:32px;padding:0 11px}.el-tag--large .el-tag__close{margin-left:8px}.el-tag--large.is-closable{padding-right:7px}.el-tag--small{--el-icon-size:12px;height:20px;padding:0 7px}.el-tag--small .el-tag__close{margin-left:4px}.el-tag--small.is-closable{padding-right:3px}.el-tag--small .el-icon-close{transform:scale(.8)}.el-tag.el-tag--primary.is-hit{border-color:var(--el-color-primary)}.el-tag.el-tag--success.is-hit{border-color:var(--el-color-success)}.el-tag.el-tag--warning.is-hit{border-color:var(--el-color-warning)}.el-tag.el-tag--danger.is-hit{border-color:var(--el-color-danger)}.el-tag.el-tag--error.is-hit{border-color:var(--el-color-error)}.el-tag.el-tag--info.is-hit{border-color:var(--el-color-info)}.el-text{--el-text-font-size:var(--el-font-size-base);--el-text-color:var(--el-text-color-regular);font-size:var(--el-text-font-size);color:var(--el-text-color);overflow-wrap:break-word;align-self:center;margin:0;padding:0}.el-text.is-truncated{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block;overflow:hidden}.el-text.is-line-clamp{-webkit-box-orient:vertical;display:-webkit-inline-box;overflow:hidden}.el-text--large{--el-text-font-size:var(--el-font-size-medium)}.el-text--default{--el-text-font-size:var(--el-font-size-base)}.el-text--small{--el-text-font-size:var(--el-font-size-extra-small)}.el-text.el-text--primary{--el-text-color:var(--el-color-primary)}.el-text.el-text--success{--el-text-color:var(--el-color-success)}.el-text.el-text--warning{--el-text-color:var(--el-color-warning)}.el-text.el-text--danger{--el-text-color:var(--el-color-danger)}.el-text.el-text--error{--el-text-color:var(--el-color-error)}.el-text.el-text--info{--el-text-color:var(--el-color-info)}.el-text>.el-icon{vertical-align:-2px}.time-select{min-width:0;margin:5px 0}.time-select .el-picker-panel__content{max-height:200px;margin:0}.time-select-item{padding:8px 10px;font-size:14px;line-height:20px}.time-select-item.disabled{color:var(--el-datepicker-border-color);cursor:not-allowed}.time-select-item:hover{background-color:var(--el-fill-color-light);cursor:pointer;font-weight:700}.time-select .time-select-item.selected:not(.disabled){color:var(--el-color-primary);font-weight:700}.el-timeline-item{padding-bottom:20px;position:relative}.el-timeline-item__wrapper{box-sizing:content-box;position:relative;top:-3px}.el-timeline-item__tail{border-left:2px solid var(--el-timeline-node-color);height:100%;position:absolute}.el-timeline-item .el-timeline-item__icon{color:var(--el-color-white);font-size:var(--el-font-size-small)}.el-timeline-item__node{background-color:var(--el-timeline-node-color);border-color:var(--el-timeline-node-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__node--normal{width:var(--el-timeline-node-size-normal);height:var(--el-timeline-node-size-normal)}.el-timeline-item__node--large{width:var(--el-timeline-node-size-large);height:var(--el-timeline-node-size-large)}.el-timeline-item__node.is-hollow{background:var(--el-color-white);border-style:solid;border-width:2px}.el-timeline-item__node--primary{background-color:var(--el-color-primary);border-color:var(--el-color-primary)}.el-timeline-item__node--success{background-color:var(--el-color-success);border-color:var(--el-color-success)}.el-timeline-item__node--warning{background-color:var(--el-color-warning);border-color:var(--el-color-warning)}.el-timeline-item__node--danger{background-color:var(--el-color-danger);border-color:var(--el-color-danger)}.el-timeline-item__node--info{background-color:var(--el-color-info);border-color:var(--el-color-info)}.el-timeline-item__dot{justify-content:center;align-items:center;display:flex;position:absolute}.el-timeline-item__content{color:var(--el-text-color-primary)}.el-timeline-item__timestamp{color:var(--el-text-color-secondary);line-height:1;font-size:var(--el-font-size-small)}.el-timeline-item__timestamp.is-top{margin-bottom:8px;padding-top:4px}.el-timeline-item__timestamp.is-bottom{margin-top:8px}.el-timeline-item.is-start .el-timeline-item__wrapper{padding-left:28px}.el-timeline-item.is-start .el-timeline-item__tail{left:4px}.el-timeline-item.is-start .el-timeline-item__node--normal{left:-1px}.el-timeline-item.is-start .el-timeline-item__node--large{left:-2px}.el-timeline-item.is-end .el-timeline-item__wrapper{text-align:right;padding-right:28px}.el-timeline-item.is-end .el-timeline-item__tail{right:4px}.el-timeline-item.is-end .el-timeline-item__node--normal{right:-1px}.el-timeline-item.is-end .el-timeline-item__node--large{right:-2px}.el-timeline-item.is-alternate .el-timeline-item__tail,.el-timeline-item.is-alternate .el-timeline-item__node,.el-timeline-item.is-alternate-reverse .el-timeline-item__tail,.el-timeline-item.is-alternate-reverse .el-timeline-item__node{left:50%;transform:translate(-50%)}.el-timeline{--el-timeline-node-size-normal:12px;--el-timeline-node-size-large:14px;--el-timeline-node-color:var(--el-border-color-light);font-size:var(--el-font-size-base);margin:0;list-style:none}.el-timeline .el-timeline-item:last-child .el-timeline-item__tail{display:none}.el-timeline .el-timeline-item__center{align-items:center;display:flex}.el-timeline .el-timeline-item__center .el-timeline-item__wrapper{width:100%}.el-timeline .el-timeline-item__center .el-timeline-item__tail{top:0}.el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail{height:calc(50% + 10px);top:calc(50% - 10px)}.el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail{height:calc(50% - 10px);display:block}.el-timeline.is-start{padding-left:40px;padding-right:0}.el-timeline.is-end{padding-left:0;padding-right:40px}.el-timeline.is-alternate{padding-left:20px;padding-right:20px}.el-timeline.is-alternate .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-timeline.is-alternate .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse{padding-left:20px;padding-right:20px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(odd) .el-timeline-item__wrapper{width:calc(50% - 28px + var(--el-timeline-node-size-large) / 2);text-align:right;padding-right:28px}.el-timeline.is-alternate-reverse .el-timeline-item:nth-child(2n) .el-timeline-item__wrapper{width:calc(50% - 28px);left:calc(50% - var(--el-timeline-node-size-large) / 2);padding-left:28px}.el-transfer{--el-transfer-border-color:var(--el-border-color-lighter);--el-transfer-border-radius:var(--el-border-radius-base);--el-transfer-panel-width:200px;--el-transfer-panel-header-height:40px;--el-transfer-panel-header-bg-color:var(--el-fill-color-light);--el-transfer-panel-footer-height:40px;--el-transfer-panel-body-height:278px;--el-transfer-item-height:30px;--el-transfer-filter-height:32px;font-size:var(--el-font-size-base)}.el-transfer__buttons{vertical-align:middle;padding:0 30px;display:inline-block}.el-transfer__button{vertical-align:top}.el-transfer__button:nth-child(2){margin:0 0 0 10px}.el-transfer__button i,.el-transfer__button span{font-size:14px}.el-transfer__button .el-icon+span{margin-left:0}.el-transfer-panel{background:var(--el-bg-color-overlay);text-align:left;vertical-align:middle;width:var(--el-transfer-panel-width);box-sizing:border-box;max-height:100%;display:inline-block;position:relative;overflow:hidden}.el-transfer-panel__body{height:var(--el-transfer-panel-body-height);border-left:1px solid var(--el-transfer-border-color);border-right:1px solid var(--el-transfer-border-color);border-bottom:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);overflow:hidden}.el-transfer-panel__body.is-with-footer{border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0}.el-transfer-panel__list{height:var(--el-transfer-panel-body-height);box-sizing:border-box;margin:0;padding:6px 0;list-style:none;overflow:auto}.el-transfer-panel__list.is-filterable{height:calc(100% - var(--el-transfer-filter-height) - 30px);padding-top:0}.el-transfer-panel__item{height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);padding-left:15px;display:block!important}.el-transfer-panel__item+.el-transfer-panel__item{margin-left:0}.el-transfer-panel__item.el-checkbox{color:var(--el-text-color-regular);margin-right:30px}.el-transfer-panel__item:hover{color:var(--el-color-primary)}.el-transfer-panel__item.el-checkbox .el-checkbox__label{text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;width:100%;line-height:var(--el-transfer-item-height);padding-left:22px;display:block;overflow:hidden}.el-transfer-panel__item .el-checkbox__input{position:absolute;top:8px}.el-transfer-panel__filter{text-align:center;box-sizing:border-box;padding:15px}.el-transfer-panel__filter .el-input__inner{height:var(--el-transfer-filter-height);box-sizing:border-box;width:100%;font-size:12px;display:inline-block}.el-transfer-panel__filter .el-icon-circle-close{cursor:pointer}.el-transfer-panel .el-transfer-panel__header{height:var(--el-transfer-panel-header-height);background:var(--el-transfer-panel-header-bg-color);border:1px solid var(--el-transfer-border-color);border-top-left-radius:var(--el-transfer-border-radius);border-top-right-radius:var(--el-transfer-border-radius);box-sizing:border-box;color:var(--el-color-black);align-items:center;margin:0;padding-left:15px;display:flex}.el-transfer-panel .el-transfer-panel__header .el-checkbox{align-items:center;width:100%;display:flex;position:relative}.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label{min-width:0;color:var(--el-text-color-primary);flex:1;align-items:center;font-size:16px;font-weight:400;display:flex}.el-transfer-panel .el-transfer-panel__header-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.el-transfer-panel .el-transfer-panel__header-count{color:var(--el-text-color-secondary);flex-shrink:0;margin-left:8px;margin-right:15px;font-size:12px}.el-transfer-panel .el-transfer-panel__footer{height:var(--el-transfer-panel-footer-height);background:var(--el-bg-color-overlay);border:1px solid var(--el-transfer-border-color);border-bottom-left-radius:var(--el-transfer-border-radius);border-bottom-right-radius:var(--el-transfer-border-radius);margin:0;padding:0}.el-transfer-panel .el-transfer-panel__footer:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-transfer-panel .el-transfer-panel__footer .el-checkbox{color:var(--el-text-color-regular);padding-left:20px}.el-transfer-panel .el-transfer-panel__empty{height:var(--el-transfer-item-height);line-height:var(--el-transfer-item-height);color:var(--el-text-color-secondary);text-align:center;margin:0;padding:6px 15px 0}.el-transfer-panel .el-checkbox__label{padding-left:8px}.el-tree{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder);cursor:default;background:var(--el-fill-color-blank);color:var(--el-tree-text-color);font-size:var(--el-font-size-base);position:relative}.el-tree__empty-block{text-align:center;width:100%;height:100%;min-height:60px;position:relative}.el-tree__empty-text{color:var(--el-text-color-secondary);font-size:var(--el-font-size-base);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-tree__drop-indicator{background-color:var(--el-color-primary);height:1px;position:absolute;left:0;right:0}.el-tree-node{white-space:nowrap;outline:none}.el-tree-node:focus>.el-tree-node__content{background-color:var(--el-tree-node-hover-bg-color)}.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label{background-color:var(--el-color-primary);color:#fff}.el-tree-node__content{--el-checkbox-height:var(--el-tree-node-content-height);height:var(--el-tree-node-content-height);cursor:pointer;align-items:center;display:flex}.el-tree-node__content>.el-tree-node__expand-icon{box-sizing:content-box;padding:6px}.el-tree-node__content>label.el-checkbox{margin-right:8px}.el-tree-node__content:hover{background-color:var(--el-tree-node-hover-bg-color)}.el-tree.is-dragging .el-tree-node__content{cursor:move}.el-tree.is-dragging .el-tree-node__content *{pointer-events:none}.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content{cursor:not-allowed}.el-tree-node__expand-icon{cursor:pointer;color:var(--el-tree-expand-icon-color);transition:transform var(--el-transition-duration) ease-in-out;font-size:12px;transform:rotate(0)}.el-tree-node__expand-icon.expanded{transform:rotate(90deg)}.el-tree-node__expand-icon.is-leaf{color:#0000;cursor:default;visibility:hidden}.el-tree-node__expand-icon.is-hidden{visibility:hidden}.el-tree-node__loading-icon{font-size:var(--el-font-size-base);color:var(--el-tree-expand-icon-color);margin-right:8px}.el-tree-node>.el-tree-node__children{background-color:#0000;overflow:hidden}.el-tree-node.is-expanded>.el-tree-node__children{display:block}.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:var(--el-color-primary-light-9)}.el-tree-select{--el-tree-node-content-height:26px;--el-tree-node-hover-bg-color:var(--el-fill-color-light);--el-tree-text-color:var(--el-text-color-regular);--el-tree-expand-icon-color:var(--el-text-color-placeholder)}.el-tree-select__popper .el-tree-node__expand-icon{margin-left:8px}.el-tree-select__popper .el-tree-node.is-checked>.el-tree-node__content .el-select-dropdown__item.selected:after{content:none}.el-tree-select__popper .el-select-dropdown__list>.el-select-dropdown__item{padding-left:32px}.el-tree-select__popper .el-select-dropdown__item{flex:1;height:20px;padding-left:0;line-height:20px;background:0 0!important}.el-upload{--el-upload-dragger-padding-horizontal:10px;--el-upload-dragger-padding-vertical:40px;--el-upload-list-picture-card-size:var(--el-upload-picture-card-size);--el-upload-picture-card-size:148px;cursor:pointer;outline:none;justify-content:center;align-items:center;display:inline-flex}.el-upload.is-disabled{cursor:not-allowed}.el-upload.is-disabled:focus{border-color:var(--el-border-color-darker);color:inherit}.el-upload.is-disabled:focus .el-upload-dragger{border-color:var(--el-border-color-darker)}.el-upload.is-disabled .el-upload-dragger{cursor:not-allowed;background-color:var(--el-disabled-bg-color)}.el-upload.is-disabled .el-upload-dragger .el-upload__text{color:var(--el-text-color-placeholder)}.el-upload.is-disabled .el-upload-dragger .el-upload__text em{color:var(--el-disabled-text-color)}.el-upload.is-disabled .el-upload-dragger:hover{border-color:var(--el-border-color-darker)}.el-upload__input{display:none}.el-upload__tip{color:var(--el-text-color-regular);margin-top:7px;font-size:12px}.el-upload iframe{z-index:-1;opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0}.el-upload--picture-card{background-color:var(--el-fill-color-lighter);border:1px dashed var(--el-border-color-darker);box-sizing:border-box;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);cursor:pointer;vertical-align:top;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.el-upload--picture-card>i{color:var(--el-text-color-secondary);font-size:28px}.el-upload--picture-card:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload.is-drag{display:block}.el-upload:focus{border-color:var(--el-color-primary);color:var(--el-color-primary)}.el-upload:focus .el-upload-dragger{border-color:var(--el-color-primary)}.el-upload-dragger{padding:var(--el-upload-dragger-padding-vertical) var(--el-upload-dragger-padding-horizontal);background-color:var(--el-fill-color-blank);border:1px dashed var(--el-border-color);box-sizing:border-box;text-align:center;cursor:pointer;border-radius:6px;position:relative;overflow:hidden}.el-upload-dragger .el-icon--upload{color:var(--el-text-color-placeholder);margin-bottom:16px;font-size:67px;line-height:50px}.el-upload-dragger+.el-upload__tip{text-align:center}.el-upload-dragger~.el-upload__files{border-top:var(--el-border);margin-top:7px;padding-top:5px}.el-upload-dragger .el-upload__text{color:var(--el-text-color-regular);text-align:center;font-size:14px}.el-upload-dragger .el-upload__text em{color:var(--el-color-primary);font-style:normal}.el-upload-dragger:hover{border-color:var(--el-color-primary)}.el-upload-dragger.is-dragover{padding:calc(var(--el-upload-dragger-padding-vertical) - 1px) calc(var(--el-upload-dragger-padding-horizontal) - 1px);background-color:var(--el-color-primary-light-9);border:2px dashed var(--el-color-primary)}.el-upload-list{--el-upload-dragger-padding-horizontal:10px;--el-upload-dragger-padding-vertical:40px;--el-upload-list-picture-card-size:var(--el-upload-picture-card-size);--el-upload-picture-card-size:148px;margin:10px 0 0;padding:0;list-style:none;position:relative}.el-upload-list__item{color:var(--el-text-color-regular);box-sizing:border-box;border-radius:4px;width:100%;margin-bottom:5px;font-size:14px;transition:all .5s cubic-bezier(.55,0,.1,1);position:relative}.el-upload-list__item .el-progress{width:100%;position:absolute;top:20px}.el-upload-list__item .el-progress__text{position:absolute;top:-13px;right:0}.el-upload-list__item .el-progress-bar{margin-right:0;padding-right:0}.el-upload-list__item .el-icon--upload-success{color:var(--el-color-success)}.el-upload-list__item .el-icon--close{cursor:pointer;opacity:.75;color:var(--el-text-color-regular);transition:opacity var(--el-transition-duration);display:none;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.el-upload-list__item .el-icon--close:hover{opacity:1;color:var(--el-color-primary)}.el-upload-list__item .el-icon--close-tip{cursor:pointer;opacity:1;color:var(--el-color-primary);font-size:12px;font-style:normal;display:none;position:absolute;top:1px;right:5px}.el-upload-list__item:hover,.el-upload-list__item:focus-within{background-color:var(--el-fill-color-light)}.el-upload-list__item:hover .el-icon--close,.el-upload-list__item:focus-within .el-icon--close{display:inline-flex}.el-upload-list__item:hover .el-icon--close-tip,.el-upload-list__item:focus-within .el-icon--close-tip{right:24px}.el-upload-list__item:hover .el-progress__text,.el-upload-list__item:focus-within .el-progress__text{display:none}.el-upload-list__item .el-upload-list__item-info{flex-direction:column;justify-content:center;width:calc(100% - 30px);margin-left:4px;display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-status-label{display:inline-flex}.el-upload-list__item.is-success .el-upload-list__item-name:hover,.el-upload-list__item.is-success .el-upload-list__item-name:focus{color:var(--el-color-primary);cursor:pointer}.el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip{display:inline-block}.el-upload-list__item.is-success:not(.focusing):focus,.el-upload-list__item.is-success:active{outline-width:0}.el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip,.el-upload-list__item.is-success:active .el-icon--close-tip{display:none}.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,.el-upload-list__item.is-success:focus-within .el-upload-list__item-status-label{opacity:0;display:none}.el-upload-list__item-name{color:var(--el-text-color-regular);text-align:center;transition:color var(--el-transition-duration);font-size:var(--el-font-size-base);align-items:center;padding:0 4px;display:inline-flex}.el-upload-list__item-name .el-icon{color:var(--el-text-color-secondary);margin-right:6px}.el-upload-list__item-file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.el-upload-list__item-status-label{line-height:inherit;height:100%;transition:opacity var(--el-transition-duration);justify-content:center;align-items:center;display:none;position:absolute;top:0;right:5px}.el-upload-list__item-delete{color:var(--el-text-color-regular);font-size:12px;display:none;position:absolute;top:0;right:10px}.el-upload-list__item-delete:hover{color:var(--el-color-primary)}.el-upload-list--picture-card{flex-wrap:wrap;margin:0;display:inline-flex}.el-upload-list--picture-card .el-upload-list__item{background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);box-sizing:border-box;width:var(--el-upload-list-picture-card-size);height:var(--el-upload-list-picture-card-size);border-radius:6px;margin:0 8px 8px 0;padding:0;display:inline-flex;overflow:hidden}.el-upload-list--picture-card .el-upload-list__item .el-icon--check,.el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture-card .el-upload-list__item .el-icon--close{display:none}.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label{opacity:0;display:block}.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name{display:none}.el-upload-list--picture-card .el-upload-list__item-thumbnail{object-fit:contain;width:100%;height:100%}.el-upload-list--picture-card .el-upload-list__item-status-label{background:var(--el-color-success);text-align:center;width:40px;height:24px;top:-6px;right:-15px;transform:rotate(45deg)}.el-upload-list--picture-card .el-upload-list__item-status-label i{margin-top:11px;font-size:12px;transform:rotate(-45deg)}.el-upload-list--picture-card .el-upload-list__item-actions{cursor:default;color:#fff;opacity:0;background-color:var(--el-overlay-color-lighter);width:100%;height:100%;transition:opacity var(--el-transition-duration);justify-content:center;align-items:center;font-size:20px;display:inline-flex;position:absolute;top:0;left:0}.el-upload-list--picture-card .el-upload-list__item-actions span{cursor:pointer;display:none}.el-upload-list--picture-card .el-upload-list__item-actions span+span{margin-left:16px}.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete{font-size:inherit;color:inherit;position:static}.el-upload-list--picture-card .el-upload-list__item-actions:hover{opacity:1}.el-upload-list--picture-card .el-upload-list__item-actions:hover span{display:inline-flex}.el-upload-list--picture-card .el-progress{width:126px;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.el-upload-list--picture-card .el-progress .el-progress__text{top:50%}.el-upload-list--picture .el-upload-list__item{z-index:0;background-color:var(--el-fill-color-blank);border:1px solid var(--el-border-color);box-sizing:border-box;border-radius:6px;align-items:center;margin-top:10px;padding:10px;display:flex;overflow:hidden}.el-upload-list--picture .el-upload-list__item .el-icon--check,.el-upload-list--picture .el-upload-list__item .el-icon--circle-check{color:#fff}.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label{opacity:0;display:inline-flex}.el-upload-list--picture .el-upload-list__item:hover .el-progress__text{display:block}.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i{display:none}.el-upload-list--picture .el-upload-list__item .el-icon--close{top:5px;transform:translateY(0)}.el-upload-list--picture .el-upload-list__item-thumbnail{object-fit:contain;z-index:1;background-color:var(--el-color-white);justify-content:center;align-items:center;width:70px;height:70px;display:inline-flex;position:relative}.el-upload-list--picture .el-upload-list__item-status-label{background:var(--el-color-success);text-align:center;width:46px;height:26px;position:absolute;top:-7px;right:-17px;transform:rotate(45deg)}.el-upload-list--picture .el-upload-list__item-status-label i{margin-top:12px;font-size:12px;transform:rotate(-45deg)}.el-upload-list--picture .el-progress{position:relative;top:-7px}.el-upload-cover{z-index:10;cursor:default;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.el-upload-cover:after{content:"";vertical-align:middle;height:100%;display:inline-block}.el-upload-cover img{width:100%;height:100%;display:block}.el-upload-cover__label{background:var(--el-color-success);text-align:center;width:40px;height:24px;top:-6px;right:-15px;transform:rotate(45deg)}.el-upload-cover__label i{color:#fff;margin-top:11px;font-size:12px;transform:rotate(-45deg)}.el-upload-cover__progress{vertical-align:middle;width:243px;display:inline-block;position:static}.el-upload-cover__progress+.el-upload__inner{opacity:0}.el-upload-cover__content{width:100%;height:100%;position:absolute;top:0;left:0}.el-upload-cover__interact{background-color:var(--el-overlay-color-light);text-align:center;width:100%;height:100%;position:absolute;bottom:0;left:0}.el-upload-cover__interact .btn{color:#fff;cursor:pointer;vertical-align:middle;transition:var(--el-transition-md-fade);margin-top:60px;font-size:14px;display:inline-block}.el-upload-cover__interact .btn i{margin-top:0}.el-upload-cover__interact .btn span{opacity:0;transition:opacity .15s linear}.el-upload-cover__interact .btn:not(:first-child){margin-left:35px}.el-upload-cover__interact .btn:hover{transform:translateY(-13px)}.el-upload-cover__interact .btn:hover span{opacity:1}.el-upload-cover__interact .btn i{color:#fff;font-size:24px;line-height:inherit;margin:0 auto 5px;display:block}.el-upload-cover__title{text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%;height:36px;color:var(--el-text-color-primary);background-color:#fff;margin:0;padding:0 10px;font-size:14px;font-weight:400;line-height:36px;position:absolute;bottom:0;left:0;overflow:hidden}.el-upload-cover+.el-upload__inner{opacity:0;z-index:1;position:relative}.el-vl__wrapper{position:relative}.el-vl__wrapper:hover .el-virtual-scrollbar,.el-vl__wrapper.always-on .el-virtual-scrollbar{opacity:1}.el-vl__window{scrollbar-width:none}.el-vl__window::-webkit-scrollbar{display:none}.el-virtual-scrollbar{opacity:0;transition:opacity .34s ease-out}.el-virtual-scrollbar.always-on{opacity:1}.el-vg__wrapper{position:relative}.el-popper{--el-popper-border-radius:var(--el-popover-border-radius,4px);--el-popper-bg-color-light:var(--el-bg-color-overlay);--el-popper-bg-color-dark:var(--el-text-color-primary);border-radius:var(--el-popper-border-radius);z-index:2000;overflow-wrap:break-word;word-break:normal;visibility:visible;min-width:10px;padding:5px 11px;font-size:12px;line-height:20px;position:absolute}.el-popper.is-dark{--el-fill-color-blank:var(--el-popper-bg-color-dark);color:var(--el-bg-color);background:var(--el-popper-bg-color-dark);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{border:1px solid var(--el-text-color-primary);background:var(--el-popper-bg-color-dark);right:0}.el-popper.is-light{--el-fill-color-blank:var(--el-popper-bg-color-light);background:var(--el-popper-bg-color-light);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{border:1px solid var(--el-border-color-light);background:var(--el-popper-bg-color-light);right:0}.el-popper.is-pure{padding:0}.el-popper__arrow{z-index:-1;width:10px;height:10px;position:absolute}.el-popper__arrow:before{z-index:-1;content:" ";background:var(--el-text-color-primary);box-sizing:border-box;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-bottom-right-radius:2px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-top-left-radius:2px}.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-top-right-radius:2px}.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-bottom-left-radius:2px}.el-popper[data-popper-placement^=top]>.el-popper__arrow:before{border-top-color:#0000!important;border-left-color:#0000!important}.el-popper[data-popper-placement^=bottom]>.el-popper__arrow:before{border-bottom-color:#0000!important;border-right-color:#0000!important}.el-popper[data-popper-placement^=left]>.el-popper__arrow:before{border-bottom-color:#0000!important;border-left-color:#0000!important}.el-popper[data-popper-placement^=right]>.el-popper__arrow:before{border-top-color:#0000!important;border-right-color:#0000!important}.el-statistic{--el-statistic-title-font-weight:400;--el-statistic-title-font-size:var(--el-font-size-extra-small);--el-statistic-title-color:var(--el-text-color-regular);--el-statistic-content-font-weight:400;--el-statistic-content-font-size:var(--el-font-size-extra-large);--el-statistic-content-color:var(--el-text-color-primary)}.el-statistic__head{font-weight:var(--el-statistic-title-font-weight);font-size:var(--el-statistic-title-font-size);color:var(--el-statistic-title-color);margin-bottom:4px;line-height:20px}.el-statistic__content{font-weight:var(--el-statistic-content-font-weight);font-size:var(--el-statistic-content-font-size);color:var(--el-statistic-content-color)}.el-statistic__value{display:inline-block}.el-statistic__prefix{margin-right:4px;display:inline-block}.el-statistic__suffix{margin-left:4px;display:inline-block}.el-tour{--el-tour-width:520px;--el-tour-padding-primary:12px;--el-tour-font-line-height:var(--el-font-line-height-primary);--el-tour-title-font-size:16px;--el-tour-title-text-color:var(--el-text-color-primary);--el-tour-title-font-weight:400;--el-tour-close-color:var(--el-color-info);--el-tour-font-size:14px;--el-tour-color:var(--el-text-color-primary);--el-tour-bg-color:var(--el-bg-color);--el-tour-border-radius:4px}.el-tour__hollow{transition:all var(--el-transition-duration) ease}.el-tour__content{border-radius:var(--el-tour-border-radius);width:var(--el-tour-width);padding:var(--el-tour-padding-primary);background:var(--el-tour-bg-color);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;overflow-wrap:break-word;outline:none}.el-tour__arrow{background:var(--el-tour-bg-color);pointer-events:none;box-sizing:border-box;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.el-tour__content[data-side^=top] .el-tour__arrow{border-top-color:#0000;border-left-color:#0000}.el-tour__content[data-side^=bottom] .el-tour__arrow{border-bottom-color:#0000;border-right-color:#0000}.el-tour__content[data-side^=left] .el-tour__arrow{border-bottom-color:#0000;border-left-color:#0000}.el-tour__content[data-side^=right] .el-tour__arrow{border-top-color:#0000;border-right-color:#0000}.el-tour__content[data-side^=top] .el-tour__arrow{bottom:-5px}.el-tour__content[data-side^=bottom] .el-tour__arrow{top:-5px}.el-tour__content[data-side^=left] .el-tour__arrow{right:-5px}.el-tour__content[data-side^=right] .el-tour__arrow{left:-5px}.el-tour__closebtn{cursor:pointer;width:40px;height:40px;font-size:var(--el-message-close-size,16px);background:0 0;border:none;outline:none;padding:0;position:absolute;top:0;right:0}.el-tour__closebtn .el-tour__close{color:var(--el-tour-close-color);font-size:inherit}.el-tour__closebtn:focus .el-tour__close,.el-tour__closebtn:hover .el-tour__close{color:var(--el-color-primary)}.el-tour__header{padding-bottom:var(--el-tour-padding-primary)}.el-tour__header.show-close{padding-right:calc(var(--el-tour-padding-primary) + var(--el-message-close-size,16px))}.el-tour__title{line-height:var(--el-tour-font-line-height);font-size:var(--el-tour-title-font-size);color:var(--el-tour-title-text-color);font-weight:var(--el-tour-title-font-weight)}.el-tour__body{color:var(--el-tour-text-color);font-size:var(--el-tour-font-size)}.el-tour__body img,.el-tour__body video{max-width:100%}.el-tour__footer{padding-top:var(--el-tour-padding-primary);box-sizing:border-box;justify-content:space-between;display:flex}.el-tour__content .el-tour-indicators{flex:1;display:inline-block}.el-tour__content .el-tour-indicator{background:var(--el-color-info-light-9);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.el-tour__content .el-tour-indicator.is-active{background:var(--el-color-primary)}.el-tour.el-tour--primary{--el-tour-title-text-color:#fff;--el-tour-text-color:#fff;--el-tour-bg-color:var(--el-color-primary);--el-tour-close-color:#fff}.el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close,.el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close{color:var(--el-tour-title-text-color)}.el-tour.el-tour--primary .el-button--default{color:var(--el-color-primary);border-color:var(--el-color-primary);background:#fff}.el-tour.el-tour--primary .el-button--primary{border-color:#fff}.el-tour.el-tour--primary .el-tour-indicator{background:#ffffff26}.el-tour.el-tour--primary .el-tour-indicator.is-active{background:#fff}.el-tour-parent--hidden{overflow:hidden}.el-anchor{--el-anchor-bg-color:var(--el-bg-color);--el-anchor-padding-indent:14px;--el-anchor-line-height:22px;--el-anchor-font-size:12px;--el-anchor-color:var(--el-text-color-secondary);--el-anchor-active-color:var(--el-color-primary);--el-anchor-hover-color:var(--el-text-color-regular);--el-anchor-marker-bg-color:var(--el-color-primary);background-color:var(--el-anchor-bg-color);position:relative}.el-anchor__marker{background-color:var(--el-anchor-marker-bg-color);opacity:0;z-index:0;border-radius:4px;position:absolute}.el-anchor.el-anchor--vertical .el-anchor__marker{width:4px;height:14px;transition:top .25s ease-in-out,opacity .25s;top:8px;left:0}.el-anchor.el-anchor--vertical .el-anchor__list{padding-left:var(--el-anchor-padding-indent)}.el-anchor.el-anchor--vertical.el-anchor--underline:before{content:"";background-color:#0505050f;width:2px;height:100%;position:absolute;left:0}.el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker{border-radius:unset;width:2px}.el-anchor.el-anchor--horizontal .el-anchor__marker{width:20px;height:2px;transition:left .25s ease-in-out,opacity .25s,width .25s;bottom:0}.el-anchor.el-anchor--horizontal .el-anchor__list{padding-bottom:4px;display:flex}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item{padding-left:16px}.el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child{padding-left:0}.el-anchor.el-anchor--horizontal.el-anchor--underline:before{content:"";background-color:#0505050f;width:100%;height:2px;position:absolute;bottom:0}.el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker{border-radius:unset;height:2px}.el-anchor__item{flex-direction:column;display:flex}.el-anchor__link{font-size:var(--el-anchor-font-size);line-height:var(--el-anchor-line-height);color:var(--el-anchor-color);transition:color var(--el-transition-duration);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;outline:none;max-width:100%;padding:4px 0;text-decoration:none;overflow:hidden}.el-anchor__link:hover,.el-anchor__link:focus{color:var(--el-hover-color)}.el-anchor__link:focus-visible{border-radius:var(--el-border-radius-base);outline:2px solid var(--el-color-primary)}.el-anchor__link.is-active{color:var(--el-anchor-active-color)}.el-anchor .el-anchor__list .el-anchor__item a{display:inline-block}.el-segmented--vertical{flex-direction:column}.el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented{--el-segmented-color:var(--el-text-color-regular);--el-segmented-bg-color:var(--el-fill-color-light);--el-segmented-padding:2px;--el-segmented-item-selected-color:var(--el-color-white);--el-segmented-item-selected-bg-color:var(--el-color-primary);--el-segmented-item-selected-disabled-bg-color:var(--el-color-primary-light-5);--el-segmented-item-hover-color:var(--el-text-color-primary);--el-segmented-item-hover-bg-color:var(--el-fill-color-dark);--el-segmented-item-active-bg-color:var(--el-fill-color-darker);--el-segmented-item-disabled-color:var(--el-text-color-placeholder);background:var(--el-segmented-bg-color);min-height:32px;padding:var(--el-segmented-padding);border-radius:var(--el-border-radius-base);color:var(--el-segmented-color);box-sizing:border-box;align-items:stretch;font-size:14px;display:inline-flex}.el-segmented__group{align-items:stretch;width:100%;display:flex;position:relative}.el-segmented__item-selected{background:var(--el-segmented-item-selected-bg-color);border-radius:calc(var(--el-border-radius-base) - 2px);pointer-events:none;width:10px;height:100%;transition:all .3s;position:absolute;top:0;left:0}.el-segmented__item-selected.is-disabled{background:var(--el-segmented-item-selected-disabled-bg-color)}.el-segmented__item-selected.is-focus-visible:before{content:"";border-radius:inherit;outline:2px solid var(--el-segmented-item-selected-bg-color);outline-offset:1px;position:absolute;top:0;bottom:0;left:0;right:0}.el-segmented__item{cursor:pointer;border-radius:calc(var(--el-border-radius-base) - 2px);flex:1;align-items:center;padding:0 11px;display:flex}.el-segmented__item:not(.is-disabled):not(.is-selected):hover{color:var(--el-segmented-item-hover-color);background:var(--el-segmented-item-hover-bg-color)}.el-segmented__item:not(.is-disabled):not(.is-selected):active{background:var(--el-segmented-item-active-bg-color)}.el-segmented__item.is-selected,.el-segmented__item.is-selected.is-disabled{color:var(--el-segmented-item-selected-color)}.el-segmented__item.is-disabled{cursor:not-allowed;color:var(--el-segmented-item-disabled-color)}.el-segmented__item-input{opacity:0;pointer-events:none;width:0;height:0;margin:0;position:absolute}.el-segmented__item-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;flex:1;line-height:normal;transition:color .3s;overflow:hidden}.el-segmented.is-block{display:flex}.el-segmented.is-block .el-segmented__item{min-width:0}.el-segmented--large{border-radius:var(--el-border-radius-base);min-height:40px;font-size:16px}.el-segmented--large .el-segmented__item-selected{border-radius:calc(var(--el-border-radius-base) - 2px)}.el-segmented--large .el-segmented--vertical .el-segmented__item{padding:11px}.el-segmented--large .el-segmented__item{border-radius:calc(var(--el-border-radius-base) - 2px);padding:0 11px}.el-segmented--small{border-radius:calc(var(--el-border-radius-base) - 1px);min-height:24px;font-size:14px}.el-segmented--small .el-segmented__item-selected{border-radius:calc(calc(var(--el-border-radius-base) - 1px) - 2px)}.el-segmented--small .el-segmented--vertical .el-segmented__item{padding:7px}.el-segmented--small .el-segmented__item{border-radius:calc(calc(var(--el-border-radius-base) - 1px) - 2px);padding:0 7px}.el-mention{width:100%;position:relative}.el-mention__popper.el-popper{background:var(--el-bg-color-overlay);border:1px solid var(--el-border-color-light);box-shadow:var(--el-box-shadow-light)}.el-mention__popper.el-popper .el-popper__arrow:before{border:1px solid var(--el-border-color-light)}.el-mention__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before{border-top-color:#0000;border-left-color:#0000}.el-mention__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before{border-bottom-color:#0000;border-right-color:#0000}.el-mention__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before{border-bottom-color:#0000;border-left-color:#0000}.el-mention__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before{border-top-color:#0000;border-right-color:#0000}.el-mention-dropdown{--el-mention-font-size:var(--el-font-size-base);--el-mention-bg-color:var(--el-bg-color-overlay);--el-mention-shadow:var(--el-box-shadow-light);--el-mention-border:1px solid var(--el-border-color-light);--el-mention-option-color:var(--el-text-color-regular);--el-mention-option-height:34px;--el-mention-option-min-width:100px;--el-mention-option-hover-background:var(--el-fill-color-light);--el-mention-option-selected-color:var(--el-color-primary);--el-mention-option-disabled-color:var(--el-text-color-placeholder);--el-mention-option-loading-color:var(--el-text-color-secondary);--el-mention-option-loading-padding:10px 0;--el-mention-max-height:174px;--el-mention-padding:6px 0;--el-mention-header-padding:10px;--el-mention-footer-padding:10px}.el-mention-dropdown__item{font-size:var(--el-mention-font-size);white-space:nowrap;text-overflow:ellipsis;color:var(--el-mention-option-color);height:var(--el-mention-option-height);line-height:var(--el-mention-option-height);box-sizing:border-box;min-width:var(--el-mention-option-min-width);cursor:pointer;padding:0 20px;position:relative;overflow:hidden}.el-mention-dropdown__item.is-hovering{background-color:var(--el-mention-option-hover-background)}.el-mention-dropdown__item.is-selected{color:var(--el-mention-option-selected-color);font-weight:700}.el-mention-dropdown__item.is-disabled{color:var(--el-mention-option-disabled-color);cursor:not-allowed;background-color:unset}.el-mention-dropdown{z-index:calc(var(--el-index-top) + 1);border-radius:var(--el-border-radius-base);box-sizing:border-box}.el-mention-dropdown__loading{text-align:center;color:var(--el-mention-option-loading-color);min-width:var(--el-mention-option-min-width);margin:0;padding:10px 0;font-size:12px}.el-mention-dropdown__wrap{max-height:var(--el-mention-max-height)}.el-mention-dropdown__list{padding:var(--el-mention-padding);box-sizing:border-box;margin:0;list-style:none}.el-mention-dropdown__header{padding:var(--el-mention-header-padding);border-bottom:var(--el-mention-border)}.el-mention-dropdown__footer{padding:var(--el-mention-footer-padding);border-top:var(--el-mention-border)}.el-splitter{width:100%;height:100%;margin:0;padding:0;display:flex;position:relative}.el-splitter__mask{z-index:999;position:absolute;top:0;bottom:0;left:0;right:0}.el-splitter__mask-horizontal{cursor:ew-resize}.el-splitter__mask-vertical{cursor:ns-resize}.el-splitter__horizontal{flex-direction:row}.el-splitter__vertical{flex-direction:column}.el-splitter-bar{-webkit-user-select:none;user-select:none;flex:none;position:relative}.el-splitter-bar__dragger{z-index:1;background:0 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-splitter-bar__dragger:before,.el-splitter-bar__dragger:after{content:"";background-color:var(--el-border-color-light);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.el-splitter-bar__dragger:not(.is-lazy):after{display:none}.el-splitter-bar__dragger:after{opacity:.4}.el-splitter-bar__dragger:hover:not(.is-disabled):before{background-color:var(--el-color-primary-light-5)}.el-splitter-bar__dragger-horizontal:before,.el-splitter-bar__dragger-horizontal:after{width:2px;height:100%}.el-splitter-bar__dragger-vertical:before,.el-splitter-bar__dragger-vertical:after{width:100%;height:2px}.el-splitter-bar__dragger-active:before,.el-splitter-bar__dragger-active:after{background-color:var(--el-color-primary-light-3)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal:after{transform:translate(calc(-50% + var(--el-splitter-bar-offset)), -50%)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical:after{transform:translate(-50%, calc(-50% + var(--el-splitter-bar-offset)))}.el-splitter-bar:hover .el-splitter-bar__collapse-icon{opacity:1}.el-splitter-bar__collapse-icon{background:var(--el-border-color-light);cursor:pointer;opacity:0;z-index:9;border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute}.el-splitter-bar__collapse-icon:hover{opacity:1;background-color:var(--el-color-primary-light-5)}.el-splitter-bar__horizontal-collapse-icon-start{width:16px;height:24px;top:50%;left:-12px;transform:translate(-50%,-50%)}.el-splitter-bar__horizontal-collapse-icon-end{width:16px;height:24px;top:50%;left:12px;transform:translate(-50%,-50%)}.el-splitter-bar__vertical-collapse-icon-start{width:24px;height:16px;top:-12px;right:50%;transform:translate(50%,-50%)}.el-splitter-bar__vertical-collapse-icon-end{width:24px;height:16px;top:12px;right:50%;transform:translate(50%,-50%)}.el-splitter-panel{scrollbar-width:thin;box-sizing:border-box;flex-grow:0;overflow:auto}
.social-box-inner[data-v-8861a67f] { text-align: center;
}
.qr-wrap[data-v-8861a67f] { position: relative; width: 200px; height: 200px; margin: 0 auto 12px; border: 1px solid var(--border-primary, #e5e7eb); border-radius: 8px; overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.qr-img[data-v-8861a67f] { width: 100%; height: 100%; object-fit: contain;
}
.qr-mask[data-v-8861a67f] { position: absolute; inset: 0; background: rgba(0,0,0,.55); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 13px; line-height: 1.6;
}
.social-tip[data-v-8861a67f] { font-size: 14px; font-weight: 600; color: var(--text-primary, #1f2329); margin: 4px 0;
}
.social-tip.is-scanned[data-v-8861a67f] { color: #1677ff;
}
.social-tip.is-error[data-v-8861a67f] { color: #f5222d;
}
.social-tip.is-success[data-v-8861a67f] { color: #18a058;
}
.social-sub[data-v-8861a67f] { font-size: 12px; color: var(--text-tertiary, #8a919f); margin: 0;
}
.wx-code-area[data-v-8861a67f] { margin: 8px auto 10px;
}
.wx-code-label[data-v-8861a67f] { font-size: 12px; color: var(--text-tertiary, #8a919f); margin: 0 0 4px;
}
.wx-code[data-v-8861a67f] { font-size: 28px; font-weight: 800; letter-spacing: 6px; color: var(--accent-primary, #1677ff); font-family: monospace;
}
.wx-progress[data-v-8861a67f] { height: 4px; background: #eee; border-radius: 999px; overflow: hidden; margin: 8px auto 4px; width: 80%;
}
.wx-progress-bar[data-v-8861a67f] { height: 100%; background: var(--accent-primary, #1677ff); transition: width .3s linear;
}
.wx-countdown[data-v-8861a67f] { font-size: 12px; color: var(--text-tertiary, #8a919f); margin: 0;
}
.social-switch[data-v-8861a67f] { text-align: center; margin-top: 12px; font-size: 12px; color: var(--accent-primary, #1677ff); cursor: pointer;
}
.social-switch span[data-v-8861a67f]:hover { text-decoration: underline;
}
.social-back[data-v-8861a67f] { margin-left: 14px; color: var(--text-tertiary, #8a919f);
}
/* Generated by tools/font-subset/build_font_subsets.py. Do not edit manually. */
/* Browsers request only the font files whose unicode-range matches rendered text. */

/* Base / ASCII: 95 code points, 4896 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/base-ascii-fcb22701ce.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0020-007E;
}

/* Common / L1: 500 code points, 68220 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l1-01-834c319028.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E00, U+4E09-4E0B, U+4E0D-4E0E, U+4E13, U+4E1A-4E1B, U+4E2A, U+4E2D, U+4E3A-4E3B, U+4E4B, U+4E71, U+4E89, U+4E8B-4E8C, U+4E8E, U+4E91, U+4E94, U+4E9A, U+4EA4, U+4EA7, U+4EBA, U+4EC5, U+4ED6, U+4ED8, U+4EE5, U+4EEC, U+4EF6-4EF7, U+4EFB, U+4F18, U+4F1A, U+4F20, U+4F24, U+4F4D, U+4F5C, U+4F60, U+4F7F, U+4F8B, U+4F9B, U+4F9D, U+4FB5, U+4FDD, U+4FE1, U+4FEE, U+503C, U+50A8, U+5148, U+514B, U+514D, U+5165, U+5168, U+516C, U+5173, U+5176-5177, U+5185, U+518C-518D, U+51B3, U+51B7, U+51FA-51FB, U+5206-5207, U+5217, U+5219, U+521B, U+5220, U+5229, U+5230, U+5236-5237, U+524A, U+524D, U+529B, U+529F-52A1, U+52A8-52A9, U+52B1, U+5316, U+533A, U+5347, U+534F, U+5353, U+5355, U+5361, U+5373-5374, U+5386, U+539F, U+53C2, U+53CA-53CD, U+53D1, U+53D6, U+53D8, U+53E3, U+53EC, U+53EF-53F0, U+53F2, U+53F7, U+5408-5409, U+540C-540E, U+542F, U+543E, U+544A, U+5458, U+5468, U+548C, U+5524, U+5546, U+5668, U+56DB, U+56DE, U+56E0, U+56FE, U+5728, U+5730, U+573A, U+5740, U+5747, U+578B, U+57CE, U+57DF, U+586B, U+589E, U+58F0, U+5904, U+5907, U+590D, U+591A, U+5927, U+5929, U+592B, U+5931, U+5956-5957, U+597D, U+5982, U+59CB, U+5B58, U+5B66, U+5B88-5B89, U+5B8C, U+5B98, U+5B9A, U+5B9E, U+5BA2, U+5BB3, U+5BB6, U+5BB9, U+5BC6, U+5BF9, U+5C01, U+5C06, U+5C0F, U+5C11, U+5C14, U+5C3C, U+5C40, U+5C55, U+5C5E, U+5CE1, U+5DC5, U+5DE2, U+5DE5, U+5DE8, U+5DF2, U+5E03, U+5E08, U+5E38, U+5E73-5E74, U+5E76, U+5E94, U+5EA6, U+5EFA, U+5F00, U+5F02, U+5F0F, U+5F17, U+5F31, U+5F3A, U+5F53, U+5F55, U+5F69, U+5F71, U+5F81, U+5F8B, U+5F97, U+5FAE, U+5FB7, U+5FC3, U+5FC5, U+5FD7, U+5FEB, U+6001, U+6027, U+603B, U+606F, U+60A8, U+60C5, U+610F, U+620F-6211, U+6216, U+6218, U+622A, U+6237, U+6240, U+624B, U+6253, U+626D, U+6279, U+627F-6280, U+6295, U+62A4, U+62C9, U+62E9, U+6301, U+6309, U+6362, U+636E, U+6377, U+6388, U+6392, U+63A5, U+63A8, U+63D0, U+641C, U+64CD, U+652F, U+6536, U+6539, U+653B, U+653F, U+6545, U+6548, U+6559, U+6570, U+6574, U+6587, U+6597, U+65AF-65B0, U+65B9, U+65BD, U+65E0, U+65E5, U+65F6, U+660E, U+662F, U+663E, U+6676, U+6682, U+66F2, U+66F4, U+6700, U+6709, U+670D, U+671F, U+672A, U+672C, U+672F, U+673A, U+6743, U+6761, U+6765, U+677F, U+6781, U+6790, U+6797, U+679C, U+67E5, U+6807, U+6838, U+683C, U+68F1, U+6A21, U+6B21, U+6B27, U+6B3E, U+6B63, U+6BB5, U+6BD4, U+6C34, U+6C38, U+6C42, U+6C83, U+6CD5, U+6CE8, U+6D3B, U+6D3E, U+6D41, U+6D4B, U+6D4E-6D4F, U+6D77, U+6D88, U+6DAF, U+6E05, U+6E38, U+7075, U+70B9, U+7235, U+7247-7248, U+7279, U+72B6, U+7387, U+739B, U+73A9, U+73AB, U+73B0, U+7406, U+7470, U+751F, U+7528, U+7531, U+7537, U+754F, U+767B, U+767D, U+7684, U+76AE, U+76D8, U+76DF, U+76EE, U+76F8, U+770B, U+77E5, U+7801, U+786E, U+793A, U+7981, U+79C1, U+79D2, U+79F0, U+79FB, U+7A0D, U+7A7A, U+7ACB, U+7AD9, U+7ADE, U+7AEF, U+7B26, U+7B2C, U+7B49, U+7B56, U+7B7E, U+7BA1, U+7BB1, U+7C7B, U+7CFB, U+7D22, U+7EA7, U+7EC3, U+7ECF, U+7ED1, U+7ED3, U+7EDF, U+7EE7, U+7EE9, U+7EED, U+7EF4, U+7EFC, U+7F16, U+7F51, U+7F5A, U+7F6E, U+8005, U+8054, U+805A, U+80DC, U+80FD, U+81EA, U+81F3-81F4, U+8272, U+827E, U+82F1, U+8303, U+8350, U+83B7, U+85CF, U+884C, U+8861, U+8865, U+8868, U+88AB, U+88C5, U+897F, U+8981, U+89C4, U+89C8, U+89E3, U+8B66, U+8BA1-8BA2, U+8BA4, U+8BAE, U+8BB0, U+8BBE-8BBF, U+8BC1, U+8BC4, U+8BC6, U+8BC9, U+8BD5, U+8BDD, U+8BE2, U+8BE5-8BE6, U+8BF4, U+8BF7, U+8BFB, U+8C03, U+8C37, U+8D1F, U+8D23, U+8D25-8D26, U+8D39, U+8D44, U+8D5E, U+8D60, U+8DEF, U+8EAB, U+8F7D, U+8F85, U+8F93, U+8FBE, U+8FC7, U+8FD1, U+8FD4, U+8FDB, U+9000-9002, U+9009, U+901A, U+901F, U+9047, U+9080, U+90AE, U+90E8, U+914D, U+91CD-91CF, U+91D1, U+94A2, U+94C1, U+94F6, U+94FE, U+950B, U+9519, U+957F, U+95E8, U+95ED-95EE, U+95F4, U+9605, U+961F, U+9633, U+9650, U+9662, U+9664, U+9690, U+96C4, U+96F7, U+9700, U+9762, U+9875, U+9886, U+9898, U+98CE, U+9910, U+9988, U+9A8C, U+9AD8, U+9B42, U+9EC4, U+9ED1, U+9F99;
}

/* Common / L1: 500 code points, 70824 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l1-02-c709cdea7c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E01, U+4E03, U+4E07-4E08, U+4E14, U+4E16, U+4E22, U+4E24, U+4E34, U+4E3D, U+4E43, U+4E45, U+4E49, U+4E50, U+4E59, U+4E5D, U+4E5F-4E60, U+4E66, U+4E70, U+4E86, U+4E8F, U+4E92, U+4E9B, U+4EA6, U+4EAB-4EAC, U+4EAE, U+4EC0, U+4ECA-4ECB, U+4ECD-4ECE, U+4ED4, U+4EE3, U+4EFD, U+4F0D, U+4F17, U+4F30, U+4F46, U+4F4E-4F4F, U+4F55, U+4F59, U+4FA7, U+4FBF, U+4FD7, U+500D, U+5019, U+504F, U+505C, U+5077, U+507F, U+50B2, U+50CF, U+513F, U+5141, U+5143, U+5145, U+5149, U+516B, U+516D, U+5171, U+5175, U+5178, U+5199, U+51B2, U+51BB, U+51C6, U+51CC, U+51CF, U+51E0-51E1, U+51ED, U+51EF, U+5200-5201, U+5212, U+521A, U+521D, U+5224, U+522B, U+523A-523B, U+5269-526A, U+526F, U+52AA, U+52BF, U+52C7, U+52FF, U+5305, U+5315, U+5339, U+533F, U+5341, U+534E, U+5357, U+535C, U+5360, U+536B, U+5370, U+5378, U+5382, U+539A, U+53BB, U+53C8, U+53D7, U+53E6, U+53EA, U+53F3, U+5404, U+5411, U+5417, U+5426, U+542B, U+5438, U+5448, U+547D, U+5496, U+54C1, U+54CD, U+54E5, U+54EA, U+552E-552F, U+5561, U+5584, U+56E2, U+56F4, U+56FD, U+5706, U+571F, U+574F, U+5757, U+575A, U+5766, U+57FA, U+5854, U+585E, U+5883, U+5899, U+58EB, U+5916, U+5934, U+5947, U+59A5, U+59A8, U+59D4, U+5A31, U+5ACC, U+5B50, U+5B57, U+5B63, U+5B97, U+5B9D, U+5BA1, U+5BDF, U+5BF8, U+5BFC, U+5C04, U+5C1A, U+5C1D, U+5C3D-5C3E, U+5C42, U+5C45, U+5C48, U+5C65, U+5C71, U+5C81, U+5C9B, U+5CF0, U+5DE6, U+5DEE, U+5DF1, U+5DFE, U+5E01, U+5E26, U+5E2E, U+5E45, U+5E72, U+5E7F, U+5E8F, U+5E93, U+5E95, U+5EF6, U+5F03, U+5F15, U+5F20, U+5F39, U+5F52, U+5F62, U+5F80, U+5F84-5F85, U+5FA1, U+5FAA, U+5FD8, U+5FFD, U+601D, U+6025, U+602A, U+6055, U+6062, U+6076, U+60F3, U+611F, U+614E, U+624D, U+6258, U+6267, U+626B, U+6270, U+627E, U+6293, U+6297, U+62C5-62C6, U+62D2, U+62D6, U+62EC, U+62F3, U+62FC-62FD, U+6307, U+6324, U+635F, U+638C, U+63A7, U+63AA, U+63CF, U+63D2, U+63E1, U+64AD, U+64CE, U+653E, U+654F, U+6551, U+6563, U+6599, U+65AD, U+6613, U+6628, U+6668, U+666E-6670, U+6697, U+66B4, U+66FC, U+66FF, U+6708, U+670B, U+671B, U+6728, U+672B, U+6740, U+6750, U+675F, U+676F, U+6784, U+67B6, U+680F, U+6837, U+6848, U+6863, U+68AF, U+68C0, U+6982, U+699C, U+6B22, U+6B62, U+6B64-6B65, U+6B67, U+6BCD, U+6BCF, U+6C11, U+6C47, U+6C60, U+6CA1, U+6CBB, U+6D1E, U+6D89, U+6DF1, U+6DFB, U+6E20, U+6E90, U+6ED1, U+6EDA, U+6EE1, U+6EE5, U+6F0F, U+706B, U+707E, U+70AB, U+70C8, U+7136, U+7167, U+719F, U+724C, U+7269, U+72AF, U+72C2, U+72EC, U+738B, U+73AF, U+73ED, U+745E-745F, U+7532-7533, U+7535, U+754C, U+7559, U+7565, U+7597, U+75D5, U+767E, U+76CA, U+76D1, U+76D6, U+76F4, U+76FE, U+771F, U+773C, U+77ED, U+77F3, U+7834, U+7840, U+793E, U+7956, U+795E, U+79BB, U+79CD, U+7A0B, U+7A33, U+7A76, U+7A81, U+7A97, U+7AE0, U+7AE5, U+7B54, U+7B5B, U+7B97, U+7BC7, U+7C98, U+7CBE, U+7D20, U+7D27, U+7E41, U+7EA0, U+7EA2, U+7EA6, U+7EB3, U+7EBF, U+7EC4, U+7EC6-7EC8, U+7ECD, U+7ED5, U+7ED9, U+7EDC-7EDD, U+7F13, U+7F29, U+7F3A, U+7F8E, U+7FA4, U+7FE0, U+8000, U+8003, U+800C, U+804A, U+8089, U+8096, U+80A4, U+80B2, U+80CC, U+8106, U+811A, U+822A, U+826F, U+8282, U+82E5, U+8363, U+8425, U+8428, U+8457, U+84DD, U+865A, U+866B, U+8840, U+88C1, U+8986, U+89C1-89C2, U+89C6, U+89D2, U+89E6, U+8BA9, U+8BAF, U+8BB8, U+8BBA, U+8BCD, U+8BEF, U+8BFA, U+8C22, U+8C61, U+8D28, U+8D2D, U+8D34-8D35, U+8D54, U+8D5B, U+8D74, U+8D77, U+8D85, U+8D8A-8D8B, U+8DB3, U+8DD1, U+8DDF, U+8DF3, U+8DF5, U+8E2A, U+8F6C, U+8F6E-8F6F, U+8F7B, U+8F83, U+8F91, U+8F96, U+8F9B, U+8FB9, U+8FC1, U+8FCE, U+8FD0, U+8FD8-8FD9, U+8FDC-8FDF, U+8FF0, U+8FF7, U+8FFD, U+9003, U+9014, U+9017, U+9020, U+9053, U+9057, U+9075, U+907F, U+90FD, U+91C7, U+91CA, U+91CC, U+949F, U+94A5, U+94AE, U+94BB, U+94DC, U+94ED, U+9500, U+9510, U+9526, U+952E, U+95EA, U+9632, U+963F, U+9644-9645, U+964D, U+9669, U+968F, U+9694, U+969C, U+96B6, U+96C6, U+9752, U+975E, U+978B, U+97E7, U+97F3, U+9876, U+9879-987A, U+987F, U+9884, U+9891, U+989D, U+9996, U+9A9A, U+9B54, U+9ED8, U+9F50;
}

/* Common / L1: 500 code points, 58220 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l1-03-899baff5d3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E10-4E11, U+4E18-4E19, U+4E1C-4E1D, U+4E25, U+4E2B, U+4E30, U+4E32, U+4E38-4E39, U+4E48, U+4E4C-4E4F, U+4E52-4E54, U+4E5E, U+4E61, U+4E88, U+4E95, U+4EA1-4EA2, U+4EA5, U+4EA9, U+4EBF, U+4EC1, U+4EC6-4EC7, U+4ED1, U+4ED3, U+4ED7, U+4ED9, U+4EE4, U+4EEA, U+4EF0, U+4EF2, U+4EFF, U+4F01, U+4F0A, U+4F0F-4F11, U+4F19, U+4F1E-4F1F, U+4F26, U+4F2A, U+4F2F, U+4F34, U+4F36, U+4F38, U+4F3A, U+4F3C, U+4F43, U+4F50-4F51, U+4F53, U+4F5B, U+4F63, U+5144, U+5146, U+5151, U+5170, U+5174, U+5188-5189, U+5197, U+519B-519C, U+51AC, U+51AF-51B0, U+51B5-51B6, U+51E4, U+51F6, U+51F8-51F9, U+5203, U+520A, U+5211, U+5218, U+5228, U+529D-529E, U+52A3, U+52AB, U+52B2-52B3, U+52FA, U+52FE, U+5300, U+5306, U+5308, U+5317, U+5320, U+5323, U+533B, U+5343, U+5348-534A, U+5362, U+5364, U+536F, U+5371, U+5375, U+5385, U+5389, U+538B-538C, U+53BF, U+53C9, U+53E4-53E5, U+53E8-53E9, U+53EB, U+53ED-53EE, U+53F6, U+53F8-53F9, U+53FC-53FD, U+5401, U+5403, U+5406, U+540A, U+540F-5410, U+5413, U+5415, U+541B, U+541D-5420, U+5427-5429, U+542C-542E, U+5431, U+5434-5435, U+5439, U+543B-543C, U+5440, U+5446, U+5450, U+5455, U+545B-545C, U+56DA, U+56E4, U+56ED, U+56F0-56F1, U+5723, U+573E, U+574A, U+574E, U+5750-5751, U+575B, U+575D, U+575F-5760, U+58EC, U+58EE, U+58F3, U+5915, U+592A, U+592D-592F, U+5937-593A, U+5973-5974, U+5976, U+5978-5979, U+5983-5984, U+5986-5988, U+5992-5993, U+5996, U+5999, U+59CA, U+5B54-5B55, U+5B59, U+5B5D, U+5B81, U+5B83, U+5B85, U+5B87, U+5B8B, U+5B8F, U+5BFA-5BFB, U+5BFF, U+5C16, U+5C18, U+5C24, U+5C27, U+5C2C, U+5C38, U+5C3A, U+5C3F, U+5C41, U+5C6F, U+5C79, U+5C7F, U+5C82, U+5C94, U+5C96-5C97, U+5DDD-5DDE, U+5DE1, U+5DE7, U+5DE9, U+5DEB, U+5DF3-5DF4, U+5E02, U+5E05-5E06, U+5E0C, U+5E10, U+5E7B-5E7C, U+5E84, U+5E86-5E87, U+5E8A, U+5E90, U+5EF7, U+5F04, U+5F13, U+5F18, U+5F1B, U+5F1F, U+5F64, U+5F79, U+5F7B, U+5FC6, U+5FCC-5FCD, U+5FD9, U+5FE7, U+5FF1, U+6000, U+6208, U+620A, U+620C, U+620E, U+6212, U+624E, U+6251-6252, U+6254, U+625B, U+6263, U+6269, U+626C, U+626E-626F, U+6273, U+6276, U+627C, U+6284, U+628A, U+6291-6292, U+6296, U+6298, U+629A-629B, U+62A0-62A2, U+62A5, U+62DF, U+65A4-65A5, U+65E6-65E9, U+65EC-65ED, U+65F1, U+65F7, U+66F0, U+6731, U+6734-6735, U+673D, U+6742, U+6746, U+6749, U+674E-674F, U+6751, U+6756, U+675C, U+6760, U+6768, U+6B20, U+6B79, U+6B7B-6B7C, U+6BD5, U+6BDB, U+6C0F, U+6C14, U+6C41, U+6C49, U+6C57, U+6C5B, U+6C5D-6C5F, U+6C61, U+6C64, U+6C6A, U+6C70, U+6C79, U+6C7D, U+6C81, U+6C88-6C89, U+6C90, U+6C99, U+6C9B, U+6C9F, U+6CA5-6CA7, U+6CAA, U+6CDB, U+706D, U+706F-7070, U+7076, U+7078, U+707C, U+707F, U+722A, U+7236-7237, U+7259, U+725B, U+7261-7262, U+72AC, U+72B9, U+72C8, U+7384, U+7389, U+7396, U+74DC, U+74E6, U+7518, U+7529, U+752B, U+7530, U+7538, U+7682, U+76BF, U+76EF, U+77DB, U+77E2-77E3, U+793C, U+7940, U+79BE, U+79C0, U+79C3, U+7A74, U+7A77, U+7AF9, U+7C73, U+7EA4, U+7EAA-7EAC, U+7F55, U+7F8A, U+7FBD, U+8001, U+8033, U+808B-808C, U+8098, U+809A-809B, U+809D, U+80A0, U+81E3, U+81FC, U+820C, U+821F, U+827A, U+828B, U+8292, U+8299, U+829C-829D, U+82A5-82A6, U+82AC-82AD, U+82AF, U+82B1, U+82B3, U+82B9, U+82BD, U+82C7, U+82CD, U+82CF, U+8863, U+8A00, U+8BA5, U+8BA8, U+8BAD, U+8BB2-8BB3, U+8BB6, U+8BB9, U+8BBC-8BBD, U+8BC0, U+8BC8, U+8BCA, U+8BD1, U+8C46, U+8D1D-8D1E, U+8D21-8D22, U+8D64, U+8D70, U+8F66-8F69, U+8FB0, U+8FBD, U+8FC2, U+8FC4-8FC5, U+8FC8, U+9091, U+9093, U+90A3, U+90A6, U+90AA, U+90BB, U+9149, U+9488-9489, U+95EF-95F0, U+95F2, U+95F7, U+9634-9636, U+963B, U+9646, U+9648, U+98DE, U+9965, U+996D-996E, U+9A6C, U+9A6E-9A71, U+9E1F, U+9E21, U+9EA6, U+9F9F;
}

/* Common / L2: 500 code points, 72060 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l2-01-dc28c60b15.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E27, U+4E56, U+4E73, U+4EAD, U+4EB2, U+4F69, U+4F73, U+4F84, U+4F88, U+4F8D, U+4FA0, U+4FA3, U+4FA5-4FA6, U+4FA8, U+4FAE-4FAF, U+4FC3-4FC4, U+4FCA, U+4FCF-4FD0, U+4FD8, U+4FE9, U+4FED, U+5154, U+517B, U+5192, U+51C0, U+51FD, U+522E, U+5238-5239, U+5242, U+5251, U+52C3, U+52C9, U+52CB, U+5351-5352, U+5356, U+5366-5367, U+5377, U+5395, U+5398, U+53C1, U+53D4, U+53D9, U+53DB, U+5462, U+5473, U+5475, U+547B-547C, U+5484, U+548B, U+548F-5490, U+5492, U+5495, U+5499, U+54A7-54A8, U+54AA, U+54AC, U+54B1, U+54B3, U+54B8, U+54BD, U+54C0, U+54C4, U+54C6-54C9, U+54CE, U+54D1, U+54D7, U+54DF, U+56FA, U+5761, U+5764, U+576A, U+576F, U+5777, U+5782-5784, U+579B, U+57A2, U+57AB, U+57AE, U+591C, U+5948-5949, U+594B, U+594F, U+5951, U+5954, U+59AE, U+59B9, U+59BB, U+59C6, U+59D0-59D1, U+59D3, U+59DC, U+59FF, U+5A01, U+5A04, U+5B5F, U+5B64, U+5B99, U+5B9B-5B9C, U+5BA0, U+5C49-5C4A, U+5CA9, U+5CAD, U+5CB3, U+5CB8, U+5CE6, U+5DF7, U+5E15-5E16, U+5E18, U+5E1A, U+5E1C-5E1D, U+5E78, U+5E7D, U+5E97, U+5E99-5E9A, U+5E9C, U+5E9E-5E9F, U+5EAD, U+5F25-5F27, U+5F2F, U+5F7C, U+5F88, U+5F8A, U+5FE0, U+5FF5, U+5FFF, U+600E, U+6014-6016, U+601C, U+6021, U+6028, U+602F, U+623F, U+62AB-62AC, U+62B1, U+62B5, U+62B9, U+62BC-62BD, U+62C2, U+62C4, U+62C7, U+62CC-62CE, U+62D0, U+62D3-62D4, U+62D7-62D9, U+62DB-62DC, U+62E2-62E3, U+62E5-62E8, U+62ED, U+62EF, U+62F1, U+62F4, U+62F7, U+62FE, U+6302, U+630E, U+6311, U+6316, U+631F-6321, U+6323, U+6325, U+632A, U+633A, U+65A7, U+65A9, U+65FA, U+6602, U+6606, U+660C, U+660F, U+6614, U+661F-6620, U+6625, U+6627, U+662D, U+676D, U+6770, U+677E, U+6789, U+6795, U+679A, U+679D, U+67A2-67A3, U+67AA-67AB, U+67AF, U+67C4, U+67CF-67D1, U+67DC, U+67E0, U+67EC, U+67F1, U+67F3, U+67FF, U+6805, U+6808, U+680B, U+6811, U+6B23, U+6B66, U+6B6A, U+6B83, U+6B8B, U+6BB4, U+6BD2, U+6BE1, U+6C13, U+6C1B, U+6C22, U+6CAB, U+6CAE, U+6CB3, U+6CB8-6CB9, U+6CBC-6CBF, U+6CC4, U+6CC9-6CCA, U+6CCC, U+6CDE, U+6CE1-6CE3, U+6CE5, U+6CEA, U+6CF3, U+6CF5, U+6CFB-6CFD, U+6D45, U+7089-708A, U+708E, U+7092, U+7095, U+70AC-70AD, U+722C, U+7238, U+7267, U+7272, U+7275, U+72D0, U+72D7, U+72DE, U+72E0-72E1, U+72ED-72EE, U+72F0-72F1, U+73B2, U+73B7, U+73BB, U+73CA, U+73CD, U+751A, U+753B, U+7545, U+7599-759A, U+759F, U+75A4, U+75AB, U+75AE-75AF, U+7686-7687, U+76C6, U+76F2, U+76F9, U+76FC, U+7701, U+7728, U+77E9, U+77FE-77FF, U+7802, U+780C-780D, U+7814, U+7816, U+781A, U+7948, U+79B9, U+79C6, U+79C9, U+79CB, U+79D1, U+7AD6, U+7AFF, U+7C7D, U+7EAF, U+7EB1-7EB2, U+7EB5, U+7EB7-7EBA, U+7EBD, U+7EC5, U+7ECA, U+7ECE, U+7F38, U+7F57, U+800D, U+8010, U+8083, U+80A1-80A2, U+80A5, U+80A9-80AA, U+80AE-80AF, U+80B4, U+80BA, U+80BE-80C1, U+80C3, U+80C6, U+80CE, U+80D6, U+80DA, U+80DE, U+80E1, U+80E7, U+8109, U+820D, U+8270, U+82D1, U+82D4, U+82D7, U+82DB, U+82DE-82DF, U+82E6, U+82F9, U+8301-8302, U+8304-8305, U+8309, U+830E, U+8327, U+832B-832C, U+8335-8336, U+8338, U+8346, U+8349, U+8352, U+8354, U+8361, U+8364, U+8367, U+836B, U+836F, U+864E-8650, U+8679, U+867D-867E, U+8680-8682, U+884D, U+886B-886C, U+89C5, U+8BD7, U+8BDA, U+8BDE, U+8BE1, U+8D24, U+8D27, U+8D29-8D2C, U+8D2E-8D31, U+8D37-8D38, U+8D3B, U+8D75, U+8DB4, U+8F70, U+8F74, U+8FE2, U+8FEA-8FEB, U+8FED, U+8FF9, U+90C1, U+90CA, U+90CE, U+90D1, U+9493, U+9499, U+949D-949E, U+94A0, U+94A6-94A7, U+94A9, U+95F8-95FB, U+95FD, U+9600-9601, U+964B-964C, U+9655, U+96E8, U+9769, U+97ED, U+9877, U+987B, U+98DF, U+9970-9972, U+9975-9976, U+997A, U+997C, U+9999, U+9A73-9A74, U+9A76, U+9A79, U+9A7B-9A7C, U+9A7E, U+9A82, U+9AA8, U+9B3C, U+9C7C, U+9E23, U+9E25-9E26, U+9F7F;
}

/* Common / L2: 500 code points, 82024 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l2-02-b5f4fff593.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E3E, U+4E58, U+4E7E, U+4FEF, U+4FF1, U+4FFA, U+5012, U+5014, U+5018, U+501A, U+501F, U+5021, U+5026, U+503A, U+503E, U+5065, U+515A, U+5179, U+517C, U+51A0, U+51A4-51A5, U+51C4, U+51C9, U+5243, U+5254, U+5256, U+5265, U+5267, U+52D2, U+52D8, U+5319, U+532A, U+533E, U+537F, U+53A2, U+54E6, U+54E8-54E9, U+54ED-54EE, U+54F2, U+54FA, U+54FC, U+5501, U+5506-5507, U+5509, U+5510, U+5520, U+5527, U+552C, U+5531, U+553E, U+5543-5544, U+554A, U+5564-5566, U+556A, U+5570, U+5578, U+5703, U+5792, U+57A6, U+57C2-57C3, U+57CB, U+57E0, U+57F9, U+5802, U+5806, U+5835, U+58F6, U+590F, U+5962, U+59DA, U+59E5, U+59E8, U+59FB, U+5A03, U+5A07, U+5A18, U+5A1C, U+5A1F, U+5A25, U+5A36, U+5A6A, U+5B69, U+5BA3-5BA4, U+5BA6, U+5BAA-5BAB, U+5BB0, U+5BB4-5BB5, U+5BBD-5BBE, U+5C4B, U+5C4E-5C4F, U+5C51, U+5CE8, U+5CED, U+5CFB, U+5D0E, U+5D16, U+5D2D, U+5E2D, U+5EA7, U+5F6A, U+5F6C, U+5F90, U+5F92, U+6012, U+6020, U+6043, U+604B, U+604D, U+6050, U+6052, U+6064, U+6068-6069, U+606C-606D, U+6070, U+6073, U+607C, U+6084, U+608D, U+6094, U+6096, U+609F, U+60A3, U+60A6, U+60AC, U+60AF, U+621A, U+6241, U+6247, U+62FF, U+631A, U+6328, U+632B, U+632F, U+633D, U+6342, U+6345-6346, U+6349, U+634C-6350, U+6355, U+635E, U+6361, U+6363, U+6367, U+6376, U+637A-637B, U+6380, U+6382, U+6389, U+638F-6390, U+6398, U+63A0, U+63A2, U+63A9, U+63B7, U+63BA, U+654C, U+658B, U+65C1, U+65C5, U+65E2, U+663C, U+6643, U+664B-664C, U+6652-6653, U+6655, U+665A, U+6666, U+66F9, U+6717, U+67D2-67D4, U+67F4, U+6813, U+6816-6817, U+6821, U+682A, U+6839, U+683D, U+6842-6843, U+6846, U+684C, U+6850-6851, U+6854, U+6865-6866, U+6868-6869, U+6876, U+6885-6886, U+6897, U+68A2, U+68A6-68A7, U+68AD, U+68B0, U+68B3, U+6B89-6B8A, U+6BB7, U+6BD9, U+6C27-6C28, U+6CF0, U+6D01, U+6D0B, U+6D12, U+6D17, U+6D1B, U+6D25, U+6D2A, U+6D32, U+6D3C-6D3D, U+6D46-6D47, U+6D4A, U+6D51, U+6D53, U+6D59, U+6D66, U+6D69-6D6A, U+6D6E, U+6D74, U+6D78, U+6D82, U+6D8C, U+6D95, U+6D9B, U+6D9D, U+6DA1, U+6DA3-6DA4, U+6DA6-6DA9, U+70AE, U+70B8, U+70BC, U+70C1-70C2, U+70D8-70D9, U+70DB, U+70DF, U+70E4, U+70E6-70E7, U+70EB, U+70ED, U+7109, U+7231, U+7239, U+723D, U+727A, U+72F8, U+72FC, U+73E0, U+7403, U+7405, U+7409, U+7410, U+74F6-74F7, U+7554, U+755C, U+75B2, U+75B9, U+75BC, U+75BE, U+75C5, U+75C7, U+7678, U+76B1, U+76C8, U+76CF-76D0, U+76D4, U+76DB, U+7709, U+7720, U+772F, U+7736, U+7741, U+7830, U+7838, U+783E, U+7845, U+7855, U+795D, U+795F-7960, U+7965, U+7968, U+79D8, U+79DF, U+79E4, U+79E6-79E7, U+79E9, U+79EF, U+7A7F, U+7A83-7A84, U+7A8D, U+7B0B, U+7B11, U+7B14, U+7C89, U+7D0A, U+7D2F, U+7ED2, U+7ED8, U+7EDA, U+7EDE, U+7EE2-7EE3, U+7F62, U+7F94, U+7F9E, U+7FC1, U+7FC5, U+8015, U+8017-8019, U+8038, U+803B, U+803D, U+803F, U+8042, U+8046, U+804B-804C, U+80F0, U+80F3, U+80F6, U+80F8, U+8102, U+810A, U+810F-8111, U+8113, U+81ED, U+8200, U+822C, U+8230-8231, U+8273, U+8377, U+8389, U+83AB, U+83B1-83B2, U+83B9-83BA, U+83BD, U+83C7, U+83CA, U+83CC, U+83DC, U+83E0, U+83E9, U+83F1-83F2, U+8404, U+840C-840E, U+841D, U+8424, U+8427, U+8651, U+868A, U+868C, U+8693, U+8695, U+86A3-86A4, U+86AA, U+86AF, U+86C0, U+86C7, U+8870, U+8877, U+8881, U+8884, U+888D, U+8896, U+889C, U+88AD, U+89C9, U+8BEB-8BED, U+8BF1-8BF2, U+8BF5, U+8BF8, U+8BFD-8BFE, U+8C01, U+8C05-8C06, U+8C08, U+8C0A, U+8C79-8C7A, U+8D3A, U+8D3C, U+8D3E-8D3F, U+8D41-8D43, U+8D66, U+8D76, U+8DBE, U+8DC3, U+8DDD, U+8EAC, U+8F7F, U+8F86, U+8FB1, U+9006, U+900A, U+900F-9010, U+9012, U+901B, U+901D-901E, U+9022, U+903B, U+90ED, U+9102, U+914C, U+9152, U+9157, U+915D, U+94B1, U+94B3, U+94BE, U+94C3, U+94C5, U+9661, U+9668, U+966A, U+9675-9677, U+96BE, U+96C0, U+96EA, U+987D-987E, U+9881-9882, U+9885, U+997F, U+9981, U+9A84, U+9A86-9A87, U+9A8F, U+9E2D, U+9E2F, U+9E33, U+9E35;
}

/* Common / L3: 500 code points, 90616 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l3-01-e734190b91.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5047, U+504E, U+505A, U+5076, U+5085, U+508D, U+515C, U+517D, U+51D1, U+51F0, U+51FF, U+5272, U+52DF, U+52E4, U+535A, U+53A6, U+53A8, U+557C, U+5582, U+5587, U+5589-558A, U+5598, U+559C-559D, U+55A7, U+55B3, U+55B7, U+55BB, U+55C5, U+55DC, U+55E1, U+55E6, U+5708, U+5815, U+5821, U+5824, U+582A, U+5830, U+584C, U+5858, U+5893, U+58F9, U+591F, U+5960, U+5965, U+5A46, U+5A49, U+5A5A, U+5A74, U+5A76, U+5A7F, U+5A92, U+5A9A, U+5AC2, U+5BBF, U+5BC2, U+5BC4-5BC5, U+5BC7, U+5BCC, U+5BD2-5BD3, U+5C09-5C0A, U+5C31, U+5C34, U+5C60-5C61, U+5D07, U+5D14, U+5D1B, U+5D29, U+5D4C, U+5E37, U+5E3D, U+5E55, U+5EB5-5EB8, U+5ECA, U+5F6D, U+5F98-5F99, U+6089, U+60A0, U+60B2, U+60B4, U+60BC, U+60CA-60CB, U+60D1, U+60D5, U+60DC, U+60DF-60E0, U+60E6-60E9, U+60EB, U+60ED, U+60EF-60F0, U+60F6, U+60F9, U+6109, U+6115, U+611A, U+6123-6124, U+6127, U+614C, U+6168, U+63B0, U+63C9, U+63CD, U+63E3, U+63E9-63EA, U+63ED, U+63F4, U+63FD, U+6400-6402, U+6405, U+640F, U+6413-6414, U+641E, U+642C-642D, U+643A, U+6444, U+6446-6447, U+644A, U+6478, U+655B, U+655E, U+6562, U+6566, U+656C, U+658C, U+6591, U+659C, U+659F, U+65CB, U+65CF, U+6674, U+667A, U+667E, U+6687, U+6691, U+6696, U+66FE, U+671D, U+6881, U+68A8, U+68C9, U+68CB, U+68CD, U+68D2, U+68D5, U+68D8, U+68DA, U+68E0, U+68EE, U+68F5, U+68FA, U+6905, U+690D-690E, U+6912, U+692D, U+6930, U+693F, U+695A, U+6977, U+697C, U+6984, U+6986, U+6994, U+69D0, U+6B32, U+6B3A, U+6B47, U+6B96, U+6BEB, U+6BEF, U+6C2E-6C2F, U+6DAE, U+6DB2, U+6DB5, U+6DC0, U+6DC6, U+6DCB-6DCC, U+6DD1, U+6DD8, U+6DE1, U+6DE4, U+6DEB, U+6DEE, U+6DF3, U+6DF7, U+6DF9, U+6E0A, U+6E10, U+6E14, U+6E17, U+6E1D, U+6E21, U+6E23-6E24, U+6E29, U+6E2F, U+6E32, U+6E34, U+6E3A, U+6E43, U+6E56, U+6E58, U+6E7E-6E7F, U+6E83, U+6E85, U+6E89, U+6ECB, U+6EDE, U+70F9, U+710A, U+7115, U+711A, U+7126, U+7130, U+716E, U+7280-7281, U+730E, U+7316, U+731B-731C, U+7329-732C, U+732E, U+7334, U+733E, U+7422, U+7433-7434, U+743C, U+7459, U+751C, U+7525, U+756A, U+7574, U+7578, U+758F, U+75CA, U+75D2, U+75D8, U+75DB, U+75E2, U+75EA, U+7693, U+7696, U+76D2, U+76D7, U+7737, U+7740, U+7750, U+775B, U+7761, U+7763, U+7766, U+776B-776C, U+7779, U+7784, U+77EB, U+785D, U+786B-786C, U+788C-788E, U+7891, U+7897-7898, U+78B0, U+796D, U+7977-7978, U+7984-7985, U+79BD, U+79F8, U+79FD, U+7A00, U+7A0E, U+7A91-7A92, U+7A96, U+7A98, U+7A9C-7A9D, U+7ADF, U+7AE3, U+7B19, U+7B1B, U+7B28, U+7B3C, U+7B4B, U+7B4F-7B52, U+7B5D, U+7C92, U+7C97, U+7C9F, U+7CA4-7CA5, U+7CAA, U+7D2B, U+7D6E, U+7EEA, U+7EF0, U+7EF3, U+7EF5, U+7EF7-7EF8, U+7EFD, U+7EFF-7F00, U+7F05-7F06, U+7F09, U+7F0E, U+7F14-7F15, U+7F18, U+7F9A, U+7FA1, U+7FD4, U+7FD8, U+8058, U+8086, U+8116, U+812F, U+8131, U+8138, U+813E, U+814A-814B, U+8154-8155, U+8212, U+8235-8236, U+8239, U+8247, U+843D, U+845B, U+8461, U+8463, U+846B-846C, U+8471, U+8475, U+8482, U+848B, U+8499, U+849C, U+84B2, U+84B8, U+84C4, U+84C9, U+84EC, U+86CB, U+86D9, U+86DB, U+86E4, U+86EE, U+86FE, U+8702, U+8708, U+8712-8713, U+8715, U+8717, U+8845, U+8854, U+8857, U+888B, U+88B1, U+88C2, U+88D5, U+88D9, U+88E4, U+8C0B, U+8C0D-8C0E, U+8C10, U+8C13, U+8C1A, U+8C1C, U+8C23-8C24, U+8C26, U+8C5A, U+8D4B-8D4C, U+8D4E-8D50, U+8D56, U+8D81, U+8DCB-8DCC, U+8DDB, U+8DE4, U+8DE8, U+8DEA, U+8DF7, U+8DFA, U+8EAF, U+8F88-8F89, U+8F90, U+8F9C, U+902E, U+9038, U+903C, U+903E, U+9042, U+904D, U+904F, U+9063, U+9119, U+9163, U+9165, U+916A, U+916C, U+9274, U+94D0, U+94DB, U+94DD, U+94F2, U+94F8, U+94FA, U+9501, U+9504-9505, U+9508, U+950C, U+960E, U+9610, U+9614, U+9685-9686, U+968B, U+9698-9699, U+96C1, U+96C5, U+96C7, U+96F3, U+96F6, U+96F9, U+96FE, U+9774, U+9776, U+97E9, U+9887-9888, U+988A, U+9985-9986, U+998B, U+9A91, U+9A97, U+9C81, U+9E3D, U+9E3F, U+9E43, U+9E45, U+9E49-9E4A, U+9E7F, U+9EBB, U+9F0E, U+9F13, U+9F84;
}

/* Common / L3: 500 code points, 107452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/common-l3-02-b663211b3d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+50AC, U+50BB, U+50DA, U+50E7, U+50F5, U+50FB, U+5112, U+5162, U+5180, U+51DB, U+51DD, U+51F3, U+527F, U+5288, U+53E0, U+55D3, U+55FD, U+5600, U+5609, U+561B, U+5631-5632, U+5634, U+5636, U+5639, U+563B, U+563F, U+5669-566A, U+568E, U+56A3, U+56B7, U+56BC, U+56CA, U+5851, U+5885, U+589F, U+58A8-58A9, U+58C1, U+58E4, U+5AB3, U+5AC1, U+5AC9, U+5AE9, U+5B75, U+5B7D, U+5BDD-5BDE, U+5BE1, U+5BE5, U+5BE8, U+5DCD, U+5E4C, U+5E62, U+5EC9, U+5ED3, U+5F0A, U+5F70, U+5FBD, U+6101, U+6108, U+613F, U+6148, U+6155, U+6162, U+6167, U+6170, U+6177, U+618B, U+618E, U+6194, U+61A8, U+61BE, U+61C2, U+61C8, U+61CA, U+61D2, U+61E6, U+6233-6234, U+6454, U+6458, U+6467, U+6469, U+6479, U+6487, U+6491-6492, U+6495, U+649E, U+64A4, U+64A9, U+64AC, U+64AE, U+64B0, U+64B5, U+64BC, U+64C2, U+64C5, U+64D2, U+64E6, U+6500, U+6572, U+6577, U+65D7, U+66AE, U+66D9, U+66DD, U+6726, U+6995, U+69A8, U+69B4, U+69DB, U+69FD, U+6A1F, U+6A2A, U+6A31, U+6A44, U+6A58-6A59, U+6A61, U+6A71, U+6A80, U+6A90, U+6AAC, U+6B49, U+6B4C, U+6BBF, U+6BC1, U+6BC5, U+6E9C, U+6EA2, U+6EAA, U+6EAF, U+6EB6, U+6EBA, U+6EC7, U+6ED4, U+6EE4, U+6EE8-6EE9, U+6EF4, U+6F02, U+6F06, U+6F13-6F14, U+6F20, U+6F2B, U+6F31, U+6F3E, U+6F47, U+6F58, U+6F5C, U+6F6D-6F6E, U+6F84, U+6F88, U+6F8E, U+6F9C, U+6FA1, U+6FB3, U+6FC0, U+6FD2, U+7011, U+704C, U+714C, U+714E, U+715E, U+7164, U+717D, U+7184, U+718A, U+718F, U+7194, U+7199, U+71AC, U+71C3, U+71D5, U+71E5, U+7206, U+733F, U+7483, U+74A7, U+74E2-74E4, U+7586, U+7591, U+75F0, U+75F4, U+75F9, U+761F, U+7624, U+7626, U+7629-762B, U+7638, U+763E, U+764C, U+7663, U+7785, U+778E, U+7792, U+77A7, U+77A9-77AA, U+77AC-77AD, U+77B3, U+77BB, U+77D7, U+77EE, U+789F, U+78A7, U+78B1, U+78B3, U+78BE, U+78C1, U+78C5, U+78CA, U+78D5, U+78E8, U+78F7, U+7901, U+7980, U+798F, U+7A1A, U+7A20, U+7A3B-7A3D, U+7A3F, U+7A46, U+7A57, U+7A9F, U+7AA5, U+7ABF, U+7AED, U+7B77, U+7B79, U+7B80, U+7B95, U+7BA9, U+7BAB, U+7BAD, U+7BD3, U+7BE1, U+7BEE, U+7BF1, U+7BF7, U+7C07, U+7C27, U+7C38, U+7C3F, U+7C4D, U+7CAE, U+7CB1, U+7CB9, U+7CCA, U+7CD5-7CD6, U+7CD9, U+7CDF-7CE0, U+7CEF, U+7F1A, U+7F1D, U+7F20, U+7F24, U+7F2D, U+7F30, U+7F34, U+7F50, U+7F69-7F6A, U+7F72, U+7FB9, U+7FE9, U+7FF0, U+7FFB-7FFC, U+806A, U+8087, U+8150, U+8165, U+816E, U+8170, U+8179-817B, U+817E-8180, U+818A, U+818F, U+819B-819D, U+81A8, U+81C0, U+81C2, U+81CA, U+8205-8206, U+8214, U+821E, U+8258, U+8511, U+8513, U+8517, U+851A, U+8521, U+852C, U+853C-853D, U+8549-854A, U+8574, U+857E, U+8584, U+8587, U+859B, U+85AA, U+85AF, U+85C9, U+85D0, U+85D5, U+85E4, U+85FB, U+8611, U+8700, U+8718, U+871C, U+8721, U+873B, U+8747, U+8749, U+874C, U+874E, U+8757, U+8759, U+8760, U+8774, U+8776, U+8783, U+878D, U+87BA, U+87C0, U+87C6, U+87CB, U+87F9, U+8815, U+8822, U+8859, U+88F3, U+88F8-88F9, U+8902, U+8910, U+8912, U+8925, U+892A, U+895F, U+8A89-8A8A, U+8A93, U+8B6C, U+8C28, U+8C2C-8C2D, U+8C31, U+8C34, U+8C41, U+8C4C, U+8C6A-8C6B, U+8C8C, U+8D58, U+8D5A, U+8D61-8D63, U+8D6B, U+8D9F, U+8DA3, U+8E0A, U+8E0F, U+8E22, U+8E29, U+8E31, U+8E42, U+8E44, U+8E48, U+8E4B, U+8E66, U+8E6C-8E6D, U+8E72, U+8E81, U+8E8F, U+8EB2, U+8EBA, U+8F97, U+8F99, U+8F9E-8F9F, U+8FA3, U+8FA8-8FA9, U+8FAB, U+9065, U+906D-906E, U+9171, U+9175, U+9177-9178, U+917F, U+9187, U+9189, U+918B, U+9192, U+951A, U+9521, U+9523-9525, U+952F-9530, U+9539, U+953B, U+9540, U+9547, U+9550-9551, U+955C, U+9570, U+9576, U+96A7, U+96CC, U+96CF, U+96D5, U+9704, U+9707, U+9709, U+970D-970E, U+971C, U+971E, U+9732, U+9738-9739, U+9756, U+9759, U+9760-9761, U+978D, U+97A0, U+97AD, U+97F5, U+9893, U+9896-9897, U+989C, U+98A0, U+98A4, U+98D8, U+998D, U+998F, U+9992, U+99A8, U+9AA1, U+9AA4, U+9AD3, U+9B13, U+9B41, U+9B44-9B45, U+9B4F, U+9C8D, U+9C9C, U+9CA4, U+9CA8, U+9CAB, U+9CB8, U+9CC4, U+9CCD, U+9CD6, U+9CDE, U+9E4F, U+9E64, U+9E66, U+9E70, U+9ECE, U+9ED4, U+9EEF, U+9F20, U+9F3B;
}

/* Rare: 200 code points, 6848 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-001-3e0e96008a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+00A0-0167;
}

/* Rare: 200 code points, 7792 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-002-5504339daf.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0168-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01CD-01DC, U+01E5, U+01E7, U+01E9, U+01EF-01F0, U+01F9-01FF, U+0218-021B, U+021F, U+0232-0233, U+0237, U+0251, U+0259, U+0261, U+0292, U+02BC, U+02C6-02C7, U+02C9-02CB, U+02D8-02DD, U+02F3, U+0300-0304, U+0306-030C, U+030F, U+0312, U+031B, U+0323, U+0326-0329, U+0334-0335, U+0337-0338, U+0374-0375, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D4, U+03D6, U+0400-040C;
}

/* Rare: 200 code points, 7980 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-003-0eb8a5db1e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+040D-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0, U+04C3-04C4, U+04C7-04C8, U+04CA, U+04D0-04D3, U+04D6-04DF, U+04E2-04EB, U+04EE-04F5, U+04F8-04F9, U+0E3F, U+1E00-1E03, U+1E0A-1E0B, U+1E1E-1E1F, U+1E3E-1E41, U+1E56-1E57, U+1E6A-1E6B, U+1E80-1E85, U+1E9E, U+1EA0-1EAA;
}

/* Rare: 200 code points, 7768 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-004-e0603f3a24.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+1EAB-1EF9, U+1F4D, U+1FDE, U+2002-200A, U+2010-2022, U+2025-2027, U+2030-2037, U+2039-203A, U+203C, U+2042-2044, U+2047-2049, U+204E, U+2051-2052, U+2055, U+2070, U+2074-208E, U+20A1-20A4, U+20A6-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BC-20BD, U+20BF, U+2103, U+2105, U+2109, U+2113-2114, U+2116-2117, U+211E, U+2120-2122, U+2126, U+212E, U+2153-2155;
}

/* Rare: 200 code points, 5484 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-005-d3e2654898.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2156-2179, U+2180-2182, U+2190-2193, U+2196-2199, U+21C4, U+2202, U+2205-2206, U+2208, U+220F, U+2211-2212, U+2215, U+221A, U+221D-2220, U+2223, U+2225, U+2227-222B, U+222E, U+2234-2237, U+223D, U+2248, U+224C, U+2252, U+2260-2261, U+2264-2267, U+226E-226F, U+2295, U+2299, U+22A5, U+22BF, U+2500-254B, U+2550-2572;
}

/* Rare: 200 code points, 13656 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-006-c4d1aa7a64.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2573, U+2581-258F, U+2593-2595, U+25A0-25A1, U+25B2-25B3, U+25BC-25BD, U+25C6-25C7, U+25CA-25CB, U+25CE-25CF, U+25E2-25E5, U+2605-2606, U+2609, U+2640, U+2642, U+2713, U+2715, U+275B-275E, U+2780-2788, U+278A-2792, U+27E8-27E9, U+2E81, U+2E84, U+2E88, U+2E8B-2E8C, U+2E97, U+2EA7, U+2EAA, U+2EAE, U+2EB3, U+2EB6-2EB7, U+2EBB, U+2ECA, U+2FF0-2FFB, U+3000-3003, U+3005, U+3007-3017, U+301D-301E, U+30FB, U+3105-3129, U+3231, U+32A3, U+338E-338F, U+339C-339E, U+33A1, U+33C4, U+33CE, U+33D1-33D2, U+33D5, U+3400-3420;
}

/* Rare: 200 code points, 34212 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-007-ff60e181aa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3421-34E8;
}

/* Rare: 200 code points, 32344 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-008-156caad796.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+34E9-35B0;
}

/* Rare: 200 code points, 37068 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-009-af849ae4d0.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+35B1-3678;
}

/* Rare: 200 code points, 40452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-010-d146661b44.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3679-3740;
}

/* Rare: 200 code points, 31912 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-011-9905379611.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3741-3808;
}

/* Rare: 200 code points, 37464 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-012-55310ec3ff.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3809-38D0;
}

/* Rare: 200 code points, 39840 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-013-e6078ae2a8.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+38D1-3998;
}

/* Rare: 200 code points, 42512 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-014-43a514ee77.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3999-3A60;
}

/* Rare: 200 code points, 37092 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-015-080118a835.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3A61-3B28;
}

/* Rare: 200 code points, 40476 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-016-59148c8e7d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3B29-3BF0;
}

/* Rare: 200 code points, 45988 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-017-5a84b5fff7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3BF1-3CB8;
}

/* Rare: 200 code points, 43296 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-018-97a1faeadc.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3CB9-3D80;
}

/* Rare: 200 code points, 45708 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-019-e87aa84539.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3D81-3E48;
}

/* Rare: 200 code points, 41828 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-020-0053d8e783.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3E49-3F10;
}

/* Rare: 200 code points, 44152 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-021-bd76094453.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3F11-3FD8;
}

/* Rare: 200 code points, 35968 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-022-ac67276dc1.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3FD9-40A0;
}

/* Rare: 200 code points, 40116 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-023-f6e8313a67.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+40A1-4168;
}

/* Rare: 200 code points, 45604 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-024-5ea65f6e35.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4169-4230;
}

/* Rare: 200 code points, 53520 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-025-ff4594fc9e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4231-42F8;
}

/* Rare: 200 code points, 49556 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-026-47f420fda2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+42F9-43C0;
}

/* Rare: 200 code points, 41128 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-027-98c4b946fa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+43C1-4488;
}

/* Rare: 200 code points, 32792 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-028-7510f61535.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4489-4550;
}

/* Rare: 200 code points, 48724 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-029-9fcab0fd70.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4551-4618;
}

/* Rare: 200 code points, 42540 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-030-201526cacc.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4619-46E0;
}

/* Rare: 200 code points, 44160 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-031-a2acdfa8df.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+46E1-47A8;
}

/* Rare: 200 code points, 39744 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-032-91890132b9.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+47A9-4870;
}

/* Rare: 200 code points, 41452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-033-87a5dce37f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4871-4938;
}

/* Rare: 200 code points, 44772 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-034-154a87751f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4939-4A00;
}

/* Rare: 200 code points, 39568 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-035-84a1ec1a16.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4A01-4AC8;
}

/* Rare: 200 code points, 52016 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-036-720f553f2c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4AC9-4B90;
}

/* Rare: 200 code points, 51352 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-037-f20ace9b58.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4B91-4C58;
}

/* Rare: 200 code points, 56956 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-038-3ec0ea1d4a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4C59-4D20;
}

/* Rare: 200 code points, 48156 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-039-4039f5afac.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4D21-4DB5, U+4E02, U+4E04-4E06, U+4E0C, U+4E0F, U+4E12, U+4E15, U+4E17, U+4E1E-4E21, U+4E23, U+4E26, U+4E28-4E29, U+4E2C, U+4E2E-4E2F, U+4E31, U+4E33, U+4E35-4E37, U+4E3C, U+4E3F-4E42, U+4E44, U+4E46-4E47, U+4E4A, U+4E51, U+4E55, U+4E57, U+4E5A-4E5C, U+4E62-4E65, U+4E67-4E6D;
}

/* Rare: 200 code points, 25340 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-040-882a1fe549.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E6E-4E6F, U+4E72, U+4E74-4E7D, U+4E7F-4E85, U+4E87, U+4E8A, U+4E8D, U+4E90, U+4E93, U+4E96-4E99, U+4E9C-4EA0, U+4EA3, U+4EA8, U+4EAA, U+4EAF-4EB1, U+4EB3-4EB9, U+4EBB-4EBE, U+4EC2-4EC4, U+4EC8-4EC9, U+4ECC, U+4ECF-4ED0, U+4ED2, U+4ED5, U+4EDA-4EE2, U+4EE6-4EE9, U+4EEB, U+4EED-4EEF, U+4EF1, U+4EF3-4EF5, U+4EF8-4EFA, U+4EFC, U+4EFE, U+4F00, U+4F02-4F09, U+4F0B-4F0C, U+4F0E, U+4F12-4F16, U+4F1B-4F1D, U+4F21-4F23, U+4F25, U+4F27-4F29, U+4F2B-4F2E, U+4F31-4F33, U+4F35, U+4F37, U+4F39, U+4F3B, U+4F3D-4F42, U+4F44-4F45, U+4F47-4F4C, U+4F52, U+4F54, U+4F56-4F58, U+4F5A, U+4F5D-4F5F, U+4F61-4F62, U+4F64-4F68, U+4F6A-4F72, U+4F74-4F7E, U+4F80-4F83, U+4F85-4F87, U+4F89-4F8A, U+4F8C, U+4F8E-4F9A, U+4F9C, U+4F9E;
}

/* Rare: 200 code points, 30876 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-041-f1a2bbdfc5.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4F9F, U+4FA1-4FA2, U+4FA4, U+4FA9-4FAD, U+4FB0-4FB4, U+4FB6-4FBE, U+4FC0-4FC2, U+4FC5-4FC9, U+4FCB-4FCE, U+4FD1-4FD6, U+4FD9-4FDC, U+4FDE-4FE0, U+4FE2-4FE8, U+4FEA-4FEC, U+4FF0, U+4FF2-4FF9, U+4FFB-500C, U+500E-5011, U+5013, U+5015-5017, U+501B-501E, U+5020, U+5022-5025, U+5027-5039, U+503B, U+503D, U+503F-5046, U+5048-504D, U+5050-5059, U+505B, U+505D-5064, U+5066-5075, U+5078-507E, U+5080-5084, U+5086-508C, U+508E-5096;
}

/* Rare: 200 code points, 40872 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-042-3952313715.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5097-50A7, U+50A9-50AB, U+50AD-50B1, U+50B3-50BA, U+50BC-50CE, U+50D0-50D9, U+50DB-50E6, U+50E8-50F4, U+50F6-50FA, U+50FC-5111, U+5113-513E, U+5140, U+5142, U+5147, U+514A, U+514C, U+514E-5150, U+5152-5153, U+5155-5159, U+515B, U+515D-5161, U+5163-5164, U+5166-5167, U+5169-516A, U+516E-516F, U+5172, U+517A, U+517E-517F, U+5181-5184, U+5186-5187, U+518A-518B, U+518E;
}

/* Rare: 200 code points, 32452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-043-962a5e81b7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+518F-5191, U+5193-5196, U+5198, U+519A, U+519D-519F, U+51A1-51A3, U+51A6-51AB, U+51AD-51AE, U+51B1, U+51B4, U+51B8-51BA, U+51BC-51BF, U+51C1-51C3, U+51C5, U+51C7-51C8, U+51CA-51CB, U+51CD-51CE, U+51D0, U+51D2-51DA, U+51DC, U+51DE-51DF, U+51E2-51E3, U+51E5-51EC, U+51EE, U+51F1-51F2, U+51F4-51F5, U+51F7, U+51FC, U+51FE, U+5202, U+5204-5205, U+5208-5209, U+520B-5210, U+5213-5216, U+521C, U+521E-521F, U+5221-5223, U+5225-5227, U+522A, U+522C-522D, U+522F, U+5231-5235, U+523C-5241, U+5244-5249, U+524B-524C, U+524E-5250, U+5252-5253, U+5255, U+5257-5264, U+5266, U+5268, U+526B-526E, U+5270-5271, U+5273-527E, U+5280-5287, U+5289-529A, U+529C, U+52A2, U+52A4-52A7, U+52AC-52B0, U+52B4-52B6;
}

/* Rare: 200 code points, 33296 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-044-30bda7941a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+52B7-52BE, U+52C0-52C2, U+52C4-52C6, U+52C8, U+52CA, U+52CC-52D1, U+52D3-52D7, U+52D9-52DE, U+52E0-52E3, U+52E5-52F9, U+52FB-52FD, U+5301-5304, U+5307, U+5309-5314, U+5318, U+531A-531F, U+5321-5322, U+5324-5329, U+532B-5338, U+533C-533D, U+5340, U+5342, U+5344-5346, U+534B-534D, U+5350, U+5354, U+5358-5359, U+535B, U+535D-535F, U+5363, U+5365, U+5368-536A, U+536C-536E, U+5372, U+5376, U+5379-537E, U+5380-5381, U+5383-5384, U+5387-5388, U+538A, U+538D-5394, U+5396-5397, U+5399, U+539B-539E, U+53A0-53A1, U+53A3-53A5, U+53A7, U+53A9-53BA, U+53BC-53BE, U+53C0, U+53C3-53C7, U+53CE-53D0, U+53D2;
}

/* Rare: 200 code points, 23212 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-045-9426909e68.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+53D3, U+53D5, U+53DA, U+53DC-53DF, U+53E1-53E2, U+53E7, U+53F1, U+53F4-53F5, U+53FA-53FB, U+53FE-5400, U+5402, U+5405, U+5407, U+540B, U+5412, U+5414, U+5416, U+5418-541A, U+541C, U+5421-5425, U+542A, U+5430, U+5432-5433, U+5436-5437, U+543A, U+543D, U+543F, U+5441-5445, U+5447, U+5449, U+544B-544F, U+5451-5454, U+5456-5457, U+5459-545A, U+545D-5461, U+5463-5467, U+5469-5472, U+5474, U+5476-547A, U+547E-5483, U+5485-548A, U+548D-548E, U+5491, U+5493-5494, U+5497-5498, U+549A-54A6, U+54A9, U+54AB, U+54AD-54B0, U+54B2, U+54B4-54B7, U+54B9-54BC, U+54BE-54BF, U+54C2-54C3, U+54C5, U+54CA-54CC, U+54CF-54D0, U+54D2-54D6, U+54D8-54DE, U+54E0-54E4, U+54E7, U+54EB-54EC, U+54EF-54F1, U+54F3-54F9, U+54FB, U+54FD-5500, U+5502-5505, U+5508, U+550A-550F, U+5511-5518;
}

/* Rare: 200 code points, 30188 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-046-481951264f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5519-551F, U+5521-5523, U+5525-5526, U+5528-552B, U+552D, U+5530, U+5532-553D, U+553F-5542, U+5545, U+5547-5549, U+554B-5560, U+5562-5563, U+5567-5569, U+556B-556F, U+5571-5577, U+5579-557B, U+557D-5581, U+5583, U+5585-5586, U+5588, U+558B-5597, U+5599-559B, U+559E-55A6, U+55A8-55B2, U+55B4-55B6, U+55B8-55BA, U+55BC-55C4, U+55C6-55D2, U+55D4-55DB, U+55DD-55E0, U+55E2-55E5, U+55E7-55FC, U+55FE-55FF, U+5601-5607;
}

/* Rare: 200 code points, 39980 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-047-a972115007.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5608, U+560A-561A, U+561C-5630, U+5633, U+5635, U+5637-5638, U+563A, U+563C-563E, U+5640-5667, U+566B-568D, U+568F-56A2, U+56A4-56B6, U+56B8-56BB, U+56BD-56C9, U+56CB-56D9, U+56DC-56DD, U+56DF, U+56E1, U+56E3, U+56E5-56E6;
}

/* Rare: 200 code points, 26312 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-048-2d6968303c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+56E7-56EC, U+56EE-56EF, U+56F2-56F3, U+56F5-56F9, U+56FB-56FC, U+56FF-5702, U+5704-5705, U+5707, U+5709-571E, U+5720-5722, U+5724-5727, U+5729-572F, U+5731-5739, U+573B-573D, U+573F, U+5741-5746, U+5748-5749, U+574B-574D, U+5752-5756, U+5758-5759, U+575C, U+575E, U+5762-5763, U+5765, U+5767-5769, U+576B-576E, U+5770-5776, U+5778-5781, U+5785-578A, U+578C-5791, U+5793-579A, U+579C-57A1, U+57A3-57A5, U+57A7-57AA, U+57AC-57AD, U+57AF-57C1, U+57C4-57CA, U+57CC-57CD, U+57CF-57DE, U+57E1;
}

/* Rare: 200 code points, 35508 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-049-025813988b.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+57E2-57F8, U+57FB-5801, U+5803-5805, U+5807-5814, U+5816-5820, U+5822-5823, U+5825-5829, U+582B-582F, U+5831-5834, U+5836-584B, U+584D-5850, U+5852-5853, U+5855-5857, U+5859-585D, U+585F-586A, U+586C-5882, U+5884, U+5886-5892, U+5894-5898, U+589A-589D, U+58A0-58A7, U+58AA-58C0, U+58C2;
}

/* Rare: 200 code points, 34668 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-050-047cbbb9d2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+58C3-58E3, U+58E5-58EA, U+58ED, U+58EF, U+58F1-58F2, U+58F4-58F5, U+58F7-58F8, U+58FA-5903, U+5905-5906, U+5908-590C, U+590E, U+5910-5914, U+5917-5919, U+591B, U+591D-591E, U+5920-5926, U+5928, U+592C, U+5930, U+5932-5933, U+5935-5936, U+593B-5946, U+594A, U+594C-594E, U+5950, U+5952-5953, U+5955, U+5958-595F, U+5961, U+5963-5964, U+5966-5972, U+5975, U+5977, U+597A-597C, U+597E-5981, U+5985, U+5989-5991, U+5994-5995, U+5997-5998, U+599A-59A4, U+59A6-59A7, U+59A9-59AD, U+59AF-59B8, U+59BA, U+59BC-59C5, U+59C7-59C9, U+59CC;
}

/* Rare: 200 code points, 36844 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-051-77cc6ebf2a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+59CD-59CF, U+59D2, U+59D5-59D9, U+59DB, U+59DD-59E4, U+59E6-59E7, U+59E9-59FA, U+59FC-59FE, U+5A00, U+5A02, U+5A05-5A06, U+5A08-5A17, U+5A19-5A1B, U+5A1D-5A1E, U+5A20-5A24, U+5A26-5A30, U+5A32-5A35, U+5A37-5A45, U+5A47-5A48, U+5A4A-5A59, U+5A5B-5A69, U+5A6B-5A73, U+5A75, U+5A77-5A7E, U+5A80-5A91, U+5A93-5A99, U+5A9B-5AB1;
}

/* Rare: 200 code points, 45848 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-052-b562a366cd.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5AB2, U+5AB4-5AC0, U+5AC3-5AC8, U+5ACA-5ACB, U+5ACD-5AE8, U+5AEA-5B4F, U+5B51-5B53, U+5B56, U+5B5A-5B5C, U+5B5E, U+5B60-5B62, U+5B65, U+5B67-5B68, U+5B6A-5B74, U+5B76-5B7C, U+5B7E-5B80, U+5B82, U+5B84, U+5B86, U+5B8A, U+5B8D-5B8E, U+5B90-5B96;
}

/* Rare: 200 code points, 30532 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-053-a57d090ca7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5B9F, U+5BA5, U+5BA7-5BA9, U+5BAC-5BAF, U+5BB1-5BB2, U+5BB7-5BB8, U+5BBA-5BBC, U+5BC0-5BC1, U+5BC3, U+5BC8-5BCB, U+5BCD-5BD1, U+5BD4-5BDC, U+5BE0, U+5BE2-5BE4, U+5BE6-5BE7, U+5BE9-5BF7, U+5BFD-5BFE, U+5C00, U+5C02-5C03, U+5C05, U+5C07-5C08, U+5C0B-5C0E, U+5C10, U+5C12-5C13, U+5C15, U+5C17, U+5C19, U+5C1B-5C1C, U+5C1E-5C23, U+5C25-5C26, U+5C28-5C2B, U+5C2D-5C30, U+5C32-5C33, U+5C35-5C37, U+5C39, U+5C3B, U+5C43-5C44, U+5C46-5C47, U+5C4C-5C4D, U+5C50, U+5C52-5C54, U+5C56-5C5D, U+5C5F, U+5C62-5C64, U+5C66-5C6E, U+5C70, U+5C72-5C78, U+5C7A-5C7E, U+5C80, U+5C83-5C93, U+5C95, U+5C98-5C9A, U+5C9C-5CA8, U+5CAA-5CAC, U+5CAE-5CB2, U+5CB4-5CB7, U+5CB9-5CC0;
}

/* Rare: 200 code points, 30756 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-054-7087190da3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5CC1-5CE0, U+5CE2-5CE5, U+5CE7, U+5CE9-5CEC, U+5CEE-5CEF, U+5CF1-5CFA, U+5CFC-5D06, U+5D08-5D0D, U+5D0F-5D13, U+5D15, U+5D17-5D1A, U+5D1C-5D28, U+5D2A-5D2C, U+5D2E-5D4B, U+5D4D-5D96;
}

/* Rare: 200 code points, 38376 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-055-5e6fff6b78.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5D97-5DC4, U+5DC6-5DCC, U+5DCE-5DDC, U+5DDF-5DE0, U+5DE3-5DE4, U+5DEA, U+5DEC-5DED, U+5DEF-5DF0, U+5DF5-5DF6, U+5DF8-5DFD, U+5DFF-5E00, U+5E04, U+5E07, U+5E09-5E0B, U+5E0D-5E0F, U+5E11-5E14, U+5E17, U+5E19, U+5E1B, U+5E1E-5E25, U+5E27-5E2C, U+5E2F-5E36, U+5E39-5E3C, U+5E3E-5E44, U+5E46-5E4B, U+5E4D-5E54, U+5E56-5E61, U+5E63-5E71, U+5E75, U+5E77, U+5E79-5E7A, U+5E7E, U+5E80-5E83, U+5E85, U+5E88-5E89, U+5E8B-5E8E, U+5E91-5E92, U+5E96, U+5E98, U+5E9B, U+5E9D, U+5EA0-5EA1;
}

/* Rare: 200 code points, 36192 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-056-481a9639e7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5EA2-5EA5, U+5EA8-5EAC, U+5EAE-5EB4, U+5EB9-5EC8, U+5ECB-5ED2, U+5ED4-5EF5, U+5EF8-5EF9, U+5EFB-5EFF, U+5F01, U+5F05-5F09, U+5F0B-5F0E, U+5F10-5F12, U+5F14, U+5F16, U+5F19-5F1A, U+5F1C-5F1E, U+5F21-5F24, U+5F28-5F2E, U+5F30, U+5F32-5F38, U+5F3B-5F51, U+5F54, U+5F56-5F61, U+5F63, U+5F65-5F68, U+5F6B, U+5F6E-5F6F, U+5F72-5F78, U+5F7A, U+5F7D-5F7F, U+5F82-5F83, U+5F86-5F87, U+5F89, U+5F8C-5F8F, U+5F91, U+5F93-5F96, U+5F9A-5FA0, U+5FA2-5FA5;
}

/* Rare: 200 code points, 34236 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-057-5fd9bb6348.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5FA6-5FA9, U+5FAB-5FAD, U+5FAF-5FB6, U+5FB8-5FBC, U+5FBE-5FC2, U+5FC4, U+5FC7-5FCB, U+5FCE-5FD6, U+5FDA-5FDF, U+5FE1-5FE6, U+5FE8-5FEA, U+5FEC-5FF0, U+5FF2-5FF4, U+5FF6-5FFC, U+5FFE, U+6002-600D, U+600F-6011, U+6013, U+6017-601B, U+601E-601F, U+6022-6024, U+6026, U+6029, U+602B-602E, U+6030-603A, U+603C-6042, U+6044-604A, U+604C, U+604E-604F, U+6051, U+6053-6054, U+6056-6061, U+6063, U+6065-6067, U+606A-606B, U+606E, U+6071-6072, U+6074-6075, U+6077-607B, U+607D-6083, U+6085-6088, U+608A-608C, U+608E-6093, U+6095, U+6097-609E, U+60A1-60A2, U+60A4-60A5, U+60A7, U+60A9-60AB, U+60AD;
}

/* Rare: 200 code points, 44168 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-058-b1d66dd7ff.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+60AE, U+60B0-60B1, U+60B3, U+60B5-60BB, U+60BD-60C4, U+60C6-60C9, U+60CC-60D0, U+60D2-60D4, U+60D6-60DB, U+60DD-60DE, U+60E1-60E5, U+60EA, U+60EC, U+60EE, U+60F1-60F2, U+60F4-60F5, U+60F7-60F8, U+60FA-6100, U+6102-6107, U+610A-610E, U+6110-6114, U+6116-6119, U+611B-611E, U+6120-6122, U+6125-6126, U+6128-613E, U+6140-6147, U+6149-614B, U+614D, U+614F-6154, U+6156-6161, U+6163-6166, U+6169-616F, U+6171-6176, U+6178-618A, U+618C-618D, U+618F-6193, U+6195-61A3;
}

/* Rare: 200 code points, 42676 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-059-1f1b46276e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+61A4-61A7, U+61A9-61BD, U+61BF-61C1, U+61C3-61C7, U+61C9, U+61CB-61D1, U+61D3-61E5, U+61E7-6207, U+6209, U+620B, U+620D, U+6213-6215, U+6217, U+6219, U+621B-6229, U+622B-6232, U+6235-6236, U+6238-623E, U+6242-6246, U+6248-624A, U+624C, U+624F-6250, U+6255-6257, U+6259-625A, U+625C-6262, U+6264-6266, U+6268, U+626A, U+6271-6272, U+6274-6275, U+6277-6278, U+627A-627B, U+627D, U+6281-6283, U+6285-6289, U+628B-6290, U+6294, U+6299, U+629C-629F, U+62A3, U+62A6-62AA, U+62AD-62B0;
}

/* Rare: 200 code points, 34680 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-060-3e528a4a12.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+62B2-62B4, U+62B6-62B8, U+62BA-62BB, U+62BE-62C1, U+62C3, U+62C8, U+62CA-62CB, U+62CF, U+62D1, U+62D5, U+62DA, U+62DD-62DE, U+62E0-62E1, U+62E4, U+62EA-62EB, U+62EE, U+62F0, U+62F2, U+62F5-62F6, U+62F8-62FB, U+6300, U+6303-6306, U+6308, U+630A-630D, U+630F-6310, U+6312-6315, U+6317-6319, U+631B-631E, U+6322, U+6326-6327, U+6329, U+632C-632E, U+6330-6339, U+633B-633C, U+633E-6341, U+6343-6344, U+6347-6348, U+634A-634B, U+6351-6354, U+6356-635D, U+6360, U+6364-6366, U+6368-636D, U+636F-6375, U+6378-6379, U+637C-637F, U+6381, U+6383-6387, U+638A-638B, U+638D-638E, U+6391, U+6393-6397, U+6399-639F, U+63A1, U+63A3-63A4, U+63A6, U+63AB-63AF, U+63B1-63B6, U+63B8-63B9, U+63BB-63C8, U+63CA-63CC, U+63CE, U+63D1, U+63D3-63E0, U+63E2, U+63E4-63E6;
}

/* Rare: 200 code points, 44020 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-061-4be3faa27e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+63E7-63E8, U+63EB-63EC, U+63EE-63F3, U+63F5-63FC, U+63FE-63FF, U+6403-6404, U+6406-640E, U+6410-6412, U+6415-641B, U+641D, U+641F-642B, U+642E-6439, U+643B-6443, U+6445, U+6448-6449, U+644B-6453, U+6455-6457, U+6459-6466, U+6468, U+646A-6477, U+647A-6486, U+6488-6490, U+6493-6494, U+6496-649D, U+649F-64A3, U+64A5-64A8, U+64AA-64AB, U+64AF, U+64B1-64B4, U+64B6-64BB, U+64BD-64C1, U+64C3-64C4, U+64C6-64CC, U+64CF-64D1, U+64D3-64DB;
}

/* Rare: 200 code points, 47300 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-062-f4ec4d2c05.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+64DC-64E5, U+64E7-64FF, U+6501-652E, U+6530-6535, U+6537-6538, U+653A, U+653C-653D, U+6540-6544, U+6546-6547, U+6549-654B, U+654D-654E, U+6550, U+6552-6558, U+655A, U+655C-655D, U+655F-6561, U+6564-6565, U+6567-656B, U+656D-656F, U+6571, U+6573, U+6575-6576, U+6578-6586, U+6588-658A, U+658D-6590, U+6592-6596, U+6598, U+659A-659B, U+659D-659E, U+65A0-65A3, U+65A6, U+65A8, U+65AA-65AC, U+65AE, U+65B1-65B8, U+65BA-65BC, U+65BE-65C0, U+65C2-65C4, U+65C6-65CA, U+65CC-65CE, U+65D0;
}

/* Rare: 200 code points, 30236 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-063-e5db32e3a0.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+65D1-65D6, U+65D8-65DF, U+65E1, U+65E3-65E4, U+65EA-65EB, U+65EE-65F0, U+65F2-65F5, U+65F8-65F9, U+65FB-6601, U+6603-6605, U+6607-660B, U+660D, U+6610-6612, U+6615-661E, U+6621-6624, U+6626, U+6629-662C, U+662E, U+6630-663B, U+663D, U+663F-6642, U+6644-664A, U+664D-6651, U+6654, U+6656-6659, U+665B-6665, U+6667, U+6669-666D, U+6671-6673, U+6675, U+6677-6679, U+667B-667D, U+667F-6681, U+6683-6686, U+6688-6690, U+6692-6695, U+6698-66AD, U+66AF-66B3, U+66B5-66CD;
}

/* Rare: 200 code points, 32628 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-064-650cd135ec.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+66CE-66D8, U+66DA-66DC, U+66DE-66EF, U+66F1, U+66F3, U+66F5-66F8, U+66FA-66FB, U+66FD, U+6701-6707, U+670A, U+670C, U+670E-6716, U+6718-671A, U+671C, U+671E, U+6720-6725, U+6727, U+6729, U+672D-672E, U+6730, U+6732-6733, U+6736-6739, U+673B-673C, U+673E-673F, U+6741, U+6744-6745, U+6747-6748, U+674A-674D, U+6752-6755, U+6757-675B, U+675D-675E, U+6762-6764, U+6766-6767, U+6769-676C, U+676E, U+6771-677D, U+6780, U+6782-6783, U+6785-6788, U+678A-678F, U+6791-6794, U+6796, U+6798-6799, U+679B, U+679E-67A1, U+67A4-67A9, U+67AC-67AE, U+67B0-67B5, U+67B7-67C3, U+67C5-67CE, U+67D5-67DB, U+67DD-67DE;
}

/* Rare: 200 code points, 33724 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-065-a297c6d6ff.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+67DF, U+67E1-67E4, U+67E6-67EB, U+67ED-67F0, U+67F2, U+67F5-67FE, U+6800-6804, U+6806, U+6809-680A, U+680C-680E, U+6810, U+6812, U+6814-6815, U+6818-6820, U+6822-6829, U+682B-6836, U+683A-683B, U+683E-6841, U+6844-6845, U+6847, U+6849-684B, U+684D-684F, U+6852-6853, U+6855-6862, U+6864, U+6867, U+686A-6875, U+6877-6880, U+6882-6884, U+6887-6896, U+6898-68A1, U+68A3-68A5, U+68A9-68AC, U+68AE, U+68B1-68B2, U+68B4-68BF, U+68C1-68C8, U+68CA, U+68CC, U+68CE-68D1, U+68D3-68D4, U+68D6-68D7, U+68D9, U+68DB-68DF;
}

/* Rare: 200 code points, 38800 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-066-34aba3d8a3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+68E1-68ED, U+68EF-68F0, U+68F2-68F4, U+68F6-68F9, U+68FB-6904, U+6906-690C, U+690F-6911, U+6913-692C, U+692E-692F, U+6931-693E, U+6940-6959, U+695B-6976, U+6978-697B, U+697D-6981, U+6983, U+6985, U+6987-6993, U+6996-699B, U+699D-69A7, U+69A9-69B3, U+69B5-69BE;
}

/* Rare: 200 code points, 45104 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-067-9ce96aff69.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+69BF-69CF, U+69D1-69DA, U+69DC-69FC, U+69FE-6A1E, U+6A20, U+6A22-6A29, U+6A2B-6A30, U+6A32-6A43, U+6A45-6A57, U+6A5A-6A60, U+6A62-6A70, U+6A72-6A7F, U+6A81-6A8F, U+6A91-6A94;
}

/* Rare: 200 code points, 50192 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-068-be28638807.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6A95-6AAB, U+6AAD-6B1F, U+6B24-6B26, U+6B28-6B31, U+6B33-6B39, U+6B3B-6B3D, U+6B3F-6B46, U+6B48, U+6B4A-6B4B, U+6B4D-6B61, U+6B68-6B69, U+6B6B-6B6F;
}

/* Rare: 200 code points, 38936 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-069-96c087dbab.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6B70-6B78, U+6B7A, U+6B7D-6B82, U+6B84-6B88, U+6B8C-6B95, U+6B97-6BB3, U+6BB6, U+6BB8-6BBE, U+6BC0, U+6BC2-6BC4, U+6BC6-6BCC, U+6BCE, U+6BD0-6BD1, U+6BD3, U+6BD6-6BD8, U+6BDA, U+6BDC-6BE0, U+6BE2-6BEA, U+6BEC-6BEE, U+6BF0-6C0E, U+6C10, U+6C12, U+6C15-6C1A, U+6C1C-6C21, U+6C23-6C26, U+6C29-6C2D, U+6C30-6C33, U+6C35-6C37, U+6C39-6C40, U+6C43-6C46, U+6C48, U+6C4A-6C56, U+6C58-6C5A, U+6C5C, U+6C62-6C63, U+6C65-6C67;
}

/* Rare: 200 code points, 32900 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-070-b1c8fa149b.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6C68-6C69, U+6C6B-6C6F, U+6C71-6C78, U+6C7A-6C7C, U+6C7E-6C80, U+6C82, U+6C84-6C87, U+6C8A-6C8F, U+6C91-6C98, U+6C9A, U+6C9C-6C9E, U+6CA0, U+6CA2-6CA4, U+6CA8-6CA9, U+6CAC-6CAD, U+6CAF-6CB2, U+6CB4-6CB7, U+6CBA, U+6CC0-6CC3, U+6CC5-6CC8, U+6CCB, U+6CCD-6CD4, U+6CD6-6CDA, U+6CDC-6CDD, U+6CDF-6CE0, U+6CE4, U+6CE6-6CE7, U+6CE9, U+6CEB-6CEF, U+6CF1-6CF2, U+6CF4, U+6CF6-6CFA, U+6CFE-6D00, U+6D02-6D0A, U+6D0C-6D11, U+6D13-6D16, U+6D18-6D1A, U+6D1C-6D1D, U+6D1F-6D24, U+6D26-6D29, U+6D2B-6D31, U+6D33-6D3A, U+6D3F-6D40, U+6D42-6D44, U+6D48-6D49, U+6D4C-6D4D, U+6D50, U+6D52, U+6D54-6D58, U+6D5A-6D65, U+6D67-6D68, U+6D6B-6D6D, U+6D6F-6D73, U+6D75-6D76, U+6D79-6D7C;
}

/* Rare: 200 code points, 38176 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-071-5ca9df0263.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6D7D-6D81, U+6D83-6D87, U+6D8A-6D8B, U+6D8D-6D94, U+6D96-6D9A, U+6D9C, U+6D9E-6DA0, U+6DA2, U+6DA5, U+6DAA-6DAD, U+6DB0-6DB1, U+6DB3-6DB4, U+6DB6-6DBF, U+6DC1-6DC5, U+6DC7-6DCA, U+6DCD-6DD0, U+6DD2-6DD7, U+6DD9-6DE0, U+6DE2-6DE3, U+6DE5-6DEA, U+6DEC-6DED, U+6DEF-6DF0, U+6DF2, U+6DF4-6DF6, U+6DF8, U+6DFA, U+6DFC-6E04, U+6E06-6E09, U+6E0B-6E0F, U+6E11-6E13, U+6E15-6E16, U+6E18-6E1C, U+6E1E-6E1F, U+6E22, U+6E25-6E28, U+6E2A-6E2E, U+6E30-6E31, U+6E33, U+6E35-6E37, U+6E39, U+6E3B-6E42, U+6E44-6E55, U+6E57, U+6E59-6E78;
}

/* Rare: 200 code points, 46532 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-072-d2f2bbcc8d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6E79-6E7D, U+6E80-6E82, U+6E84, U+6E86-6E88, U+6E8A-6E8F, U+6E91-6E9B, U+6E9D-6EA1, U+6EA3-6EA9, U+6EAB-6EAE, U+6EB0-6EB5, U+6EB7-6EB9, U+6EBB-6EC6, U+6EC8-6ECA, U+6ECC-6ED0, U+6ED2-6ED3, U+6ED5-6ED9, U+6EDB-6EDD, U+6EDF-6EE0, U+6EE2-6EE3, U+6EE6-6EE7, U+6EEA-6EF3, U+6EF5-6F01, U+6F03-6F05, U+6F07-6F0E, U+6F10-6F12, U+6F15-6F1F, U+6F21-6F2A, U+6F2C-6F30, U+6F32-6F3D, U+6F3F-6F46, U+6F48-6F57, U+6F59-6F5B, U+6F5D-6F64;
}

/* Rare: 200 code points, 50972 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-073-bc27616334.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6F65-6F6C, U+6F6F-6F83, U+6F85-6F87, U+6F89-6F8D, U+6F8F-6F9B, U+6F9D-6FA0, U+6FA2-6FB2, U+6FB4-6FBF, U+6FC1-6FD1, U+6FD3-7010, U+7012-7037;
}

/* Rare: 200 code points, 45112 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-074-6ad53e4dbb.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7038-704B, U+704D-706A, U+706C, U+706E, U+7071-7074, U+7077, U+7079-707B, U+707D, U+7080-7088, U+708B-708D, U+708F-7091, U+7093-7094, U+7096-70AA, U+70AF-70B7, U+70BA-70BB, U+70BD-70C0, U+70C3-70C7, U+70C9-70D7, U+70DA, U+70DC-70DE, U+70E0-70E3, U+70E5, U+70E8-70EA, U+70EC, U+70EE-70F8, U+70FA-7108, U+710B-7114, U+7116-7119, U+711B-7125, U+7127-7128;
}

/* Rare: 200 code points, 48156 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-075-d7242b2bdc.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7129-712F, U+7131-7135, U+7137-714B, U+714D, U+714F-715D, U+715F-7163, U+7165-7166, U+7168-716D, U+716F-717C, U+717E-7183, U+7185-7189, U+718B-718E, U+7190-7193, U+7195-7198, U+719A-719E, U+71A0-71AB, U+71AD-71C2, U+71C4-71D4, U+71D6-71E4, U+71E6-7203;
}

/* Rare: 200 code points, 42888 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-076-17c4e48124.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7204-7205, U+7207-7229, U+722B, U+722D-7230, U+7232-7234, U+723A-723C, U+723E-7246, U+7249-724B, U+724D-7258, U+725A, U+725C-7260, U+7263-7266, U+7268, U+726A-7271, U+7273-7274, U+7276-7278, U+727B-727F, U+7282-72AB, U+72AD-72AE, U+72B0-72B5, U+72B7-72B8, U+72BA-72C1, U+72C3-72C7, U+72C9-72CF, U+72D1-72D6, U+72D8-72DD, U+72DF, U+72E2-72EB, U+72EF, U+72F2-72F4;
}

/* Rare: 200 code points, 41304 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-077-b6f1b7d268.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+72F5-72F7, U+72F9-72FB, U+72FD-730D, U+730F-7315, U+7317-731A, U+731D-7328, U+732D, U+732F-7333, U+7335-733D, U+7340-7383, U+7385-7386, U+7388, U+738A, U+738C-7395, U+7397-739A, U+739C-73A8, U+73AA, U+73AC-73AE, U+73B1, U+73B3-73B6, U+73B8-73BA, U+73BC-73C9, U+73CB-73CC, U+73CE-73D9;
}

/* Rare: 200 code points, 36504 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-078-f4bfb3dc02.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+73DA-73DF, U+73E1-73EC, U+73EE-7402, U+7404, U+7407-7408, U+740A-740F, U+7411-7421, U+7423-7432, U+7435-743B, U+743D-7458, U+745A-745D, U+7460-746F, U+7471-7482, U+7484-74A6, U+74A8-74B2;
}

/* Rare: 200 code points, 37332 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-079-c23c9bcbd6.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+74B3-74DB, U+74DD-74E1, U+74E5, U+74E7-74F5, U+74F8-7517, U+7519, U+751B, U+751D-751E, U+7520-7524, U+7526-7527, U+752A, U+752C-752F, U+7534, U+7536, U+7539-753A, U+753C-7544, U+7546-754B, U+754D-754E, U+7550-7553, U+7555-7558, U+755A-755B, U+755D-7564, U+7566-7569, U+756B-7573, U+7575-7577, U+7579-7585, U+7587-758E, U+7590, U+7592-7596, U+7598, U+759B-759E, U+75A0-75A2;
}

/* Rare: 200 code points, 45856 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-080-64edc5ef47.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+75A3, U+75A5-75AA, U+75AC-75AD, U+75B0-75B1, U+75B3-75B8, U+75BA-75BB, U+75BD, U+75BF-75C4, U+75C6, U+75C8-75C9, U+75CB-75D1, U+75D3-75D4, U+75D6-75D7, U+75D9-75DA, U+75DC-75E1, U+75E3-75E9, U+75EB-75EF, U+75F1-75F3, U+75F5-75F8, U+75FA-761E, U+7620-7623, U+7625, U+7627-7628, U+762C-7637, U+7639-763D, U+763F-764B, U+764D-7662, U+7664-7677, U+7679-767A, U+767C, U+767F-7681, U+7683, U+7685, U+7688-7690;
}

/* Rare: 200 code points, 31524 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-081-5aee7d0fbb.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7691-7692, U+7694-7695, U+7697-76AD, U+76AF-76B0, U+76B2-76BE, U+76C0-76C5, U+76C7, U+76C9, U+76CB-76CE, U+76D3, U+76D5, U+76D9-76DA, U+76DC-76DE, U+76E0-76ED, U+76F0-76F1, U+76F3, U+76F5-76F7, U+76FA-76FB, U+76FD, U+76FF-7700, U+7702-7708, U+770A, U+770C-771E, U+7721-7727, U+7729-772E, U+7730-7735, U+7738-773B, U+773D-773F, U+7742-774F, U+7751-775A, U+775C-7760, U+7762, U+7764-7765, U+7767-776A, U+776D-7778, U+777A-7783, U+7786-7788;
}

/* Rare: 200 code points, 33160 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-082-4f47853311.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7789-778D, U+778F-7791, U+7793-77A6, U+77A8, U+77AB, U+77AE-77B2, U+77B4-77BA, U+77BC-77D6, U+77D8-77DA, U+77DC-77E1, U+77E4, U+77E6-77E8, U+77EA, U+77EC, U+77EF-77F2, U+77F4-77FD, U+7800, U+7803-780B, U+780E-7813, U+7815, U+7817-7819, U+781B-782F, U+7831-7833, U+7835-7837, U+7839-783D, U+783F, U+7841-7844, U+7846-7854, U+7856-785C, U+785E-786A, U+786D, U+786F-7877;
}

/* Rare: 200 code points, 39628 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-083-9d2b7c7fc5.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7878-788B, U+788F-7890, U+7892-7896, U+7899-789E, U+78A0-78A6, U+78A8-78AF, U+78B2, U+78B4-78BD, U+78BF-78C0, U+78C2-78C4, U+78C6-78C9, U+78CB-78D4, U+78D6-78E7, U+78E9-78F6, U+78F8-7900, U+7902-7939, U+793B, U+793D, U+793F, U+7941-7947, U+7949-7955, U+7957-7958;
}

/* Rare: 200 code points, 39768 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-084-87f2806a6c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7959-795C, U+7961-7964, U+7966-7967, U+7969-796C, U+796E-7976, U+7979-797F, U+7982-7983, U+7986-798E, U+7990-79B8, U+79BA, U+79BC, U+79BF, U+79C2, U+79C4-79C5, U+79C7-79C8, U+79CA, U+79CC, U+79CE-79D0, U+79D3-79D7, U+79D9-79DE, U+79E0-79E3, U+79E5, U+79E8, U+79EA-79EE, U+79F1-79F7, U+79F9-79FA, U+79FC, U+79FE-79FF, U+7A01-7A0A, U+7A0C, U+7A0F-7A19, U+7A1B-7A1F, U+7A21-7A32, U+7A34-7A3A, U+7A3E, U+7A40-7A45, U+7A47-7A52;
}

/* Rare: 200 code points, 43868 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-085-446b39d65e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7A53-7A56, U+7A58-7A73, U+7A75, U+7A78-7A79, U+7A7B-7A7E, U+7A80, U+7A82, U+7A85-7A8C, U+7A8E-7A90, U+7A93-7A95, U+7A99-7A9B, U+7A9E, U+7AA0-7AA4, U+7AA6-7ABE, U+7AC0-7ACA, U+7ACC-7AD5, U+7AD7-7AD8, U+7ADA-7ADD, U+7AE1-7AE2, U+7AE4, U+7AE6-7AEC, U+7AEE, U+7AF0-7AF8, U+7AFA-7AFE, U+7B00-7B0A, U+7B0C-7B10, U+7B12-7B13, U+7B15-7B18, U+7B1A, U+7B1C-7B25, U+7B27, U+7B29-7B2B, U+7B2D-7B3B, U+7B3D-7B43;
}

/* Rare: 200 code points, 44968 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-086-6aba6a566a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7B44-7B48, U+7B4A, U+7B4C-7B4E, U+7B53, U+7B55, U+7B57-7B5A, U+7B5C, U+7B5E-7B76, U+7B78, U+7B7A-7B7D, U+7B7F, U+7B81-7B94, U+7B96, U+7B98-7BA0, U+7BA2-7BA8, U+7BAA, U+7BAC, U+7BAE-7BB0, U+7BB2-7BC6, U+7BC8-7BD2, U+7BD4-7BE0, U+7BE2-7BED, U+7BEF-7BF0, U+7BF2-7BF6, U+7BF8-7C06, U+7C08-7C26, U+7C28;
}

/* Rare: 200 code points, 49468 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-087-b685cd543f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7C29-7C37, U+7C39-7C3E, U+7C40-7C4C, U+7C4E-7C72, U+7C74-7C7A, U+7C7C, U+7C7E-7C88, U+7C8A-7C91, U+7C93-7C96, U+7C99-7C9E, U+7CA0-7CA3, U+7CA6-7CA9, U+7CAB-7CAD, U+7CAF-7CB0, U+7CB2-7CB8, U+7CBA-7CBD, U+7CBF-7CC9, U+7CCB-7CD4, U+7CD7-7CD8, U+7CDA-7CDE, U+7CE1-7CEE, U+7CF0-7CFA, U+7CFC-7D09, U+7D0B;
}

/* Rare: 200 code points, 54248 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-088-ad1e0ef511.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7D0C-7D1F, U+7D21, U+7D23-7D26, U+7D28-7D2A, U+7D2C-7D2E, U+7D30-7D6D, U+7D6F-7DD9;
}

/* Rare: 200 code points, 65224 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-089-a874b6746c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7DDA-7E40, U+7E42-7E9F, U+7EA1, U+7EA3, U+7EA5;
}

/* Rare: 200 code points, 41392 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-090-a35a6787e3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7EA8-7EA9, U+7EAD-7EAE, U+7EB0, U+7EB4, U+7EB6, U+7EBB-7EBC, U+7EBE, U+7EC0-7EC2, U+7EC9, U+7ECB-7ECC, U+7ED0, U+7ED4, U+7ED6-7ED7, U+7EDB, U+7EE0-7EE1, U+7EE4-7EE6, U+7EE8, U+7EEB-7EEC, U+7EEE-7EEF, U+7EF1-7EF2, U+7EF6, U+7EF9-7EFB, U+7EFE, U+7F01-7F04, U+7F07-7F08, U+7F0A-7F0D, U+7F0F-7F12, U+7F17, U+7F19, U+7F1B-7F1C, U+7F1E-7F1F, U+7F21-7F23, U+7F25-7F28, U+7F2A-7F2C, U+7F2E-7F2F, U+7F31-7F33, U+7F35-7F37, U+7F39, U+7F3B-7F4F, U+7F52-7F54, U+7F56, U+7F58-7F59, U+7F5B-7F61, U+7F63-7F68, U+7F6B-7F6D, U+7F6F-7F71, U+7F73-7F89, U+7F8B-7F8D, U+7F8F-7F93, U+7F95-7F99, U+7F9B-7F9D, U+7F9F-7FA0, U+7FA2-7FA3, U+7FA5-7FB8, U+7FBA-7FBC, U+7FBE-7FC0, U+7FC2-7FC4, U+7FC6-7FCA;
}

/* Rare: 200 code points, 39436 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-091-942eb00a3f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7FCB-7FD3, U+7FD5-7FD7, U+7FD9-7FDF, U+7FE1-7FE8, U+7FEA-7FEF, U+7FF1-7FFA, U+7FFD-7FFF, U+8002, U+8004, U+8006-800B, U+800E-800F, U+8011-8014, U+8016, U+801A-8032, U+8034-8037, U+8039-803A, U+803C, U+803E, U+8040-8041, U+8043-8045, U+8047-8049, U+804D-8053, U+8055-8057, U+8059, U+805B-8069, U+806B-8082, U+8084-8085, U+8088, U+808A, U+808D-8095, U+8097, U+8099, U+809C, U+809E-809F, U+80A3, U+80A6-80A8, U+80AB-80AD, U+80B0-80B1, U+80B3, U+80B5-80B9, U+80BB-80BD, U+80C2, U+80C4-80C5, U+80C7-80CB, U+80CD, U+80CF-80D1;
}

/* Rare: 200 code points, 39232 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-092-5fa4dd0641.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+80D2-80D5, U+80D7-80D9, U+80DB, U+80DD, U+80DF-80E0, U+80E2-80E6, U+80E8-80EF, U+80F1-80F2, U+80F4-80F5, U+80F7, U+80F9-80FC, U+80FE-8101, U+8103-8105, U+8107-8108, U+810B-810E, U+8112, U+8114-8115, U+8117-8119, U+811B-812E, U+8130, U+8132-8137, U+8139-813D, U+813F-8149, U+814C-814F, U+8151-8153, U+8156-8164, U+8166-816D, U+816F, U+8171-8178, U+817C-817D, U+8181-8189, U+818B-818E, U+8190-819A, U+819E-81A7, U+81A9-81BF, U+81C1, U+81C3-81C8;
}

/* Rare: 200 code points, 38928 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-093-8746aaa1f7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+81C9, U+81CB-81E2, U+81E4-81E9, U+81EB-81EC, U+81EE-81F2, U+81F5-81FB, U+81FD-81FF, U+8201-8204, U+8207-820B, U+820E-8211, U+8213, U+8215-821D, U+8220-8229, U+822B, U+822D-822F, U+8232-8234, U+8237-8238, U+823A-8246, U+8248-8257, U+8259-826E, U+8271, U+8274-8279, U+827B-827D, U+827F-8281, U+8283-828A, U+828C-8291, U+8293-8298, U+829A-829B, U+829E-82A4, U+82A7-82AB, U+82AE, U+82B0, U+82B2, U+82B4-82B8, U+82BA-82BC, U+82BE;
}

/* Rare: 200 code points, 26020 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-094-34b0e5c990.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+82BF-82C6, U+82C8-82CC, U+82CE, U+82D0, U+82D2-82D3, U+82D5-82D6, U+82D8-82DA, U+82DC-82DD, U+82E0-82E4, U+82E7-82F0, U+82F2-82F8, U+82FA-8300, U+8306-8308, U+830A-830D, U+830F-8326, U+8328-832A, U+832D-8334, U+8337, U+8339-8345, U+8347-8348, U+834A-834F, U+8351, U+8353, U+8355-8360, U+8362, U+8365-8366, U+8368-836A, U+836C-836E, U+8370-8376, U+8378-8388, U+838A-83AA, U+83AC-83AE;
}

/* Rare: 200 code points, 32064 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-095-25d14d7218.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+83AF-83B0, U+83B3-83B6, U+83B8, U+83BB-83BC, U+83BE-83C6, U+83C8-83C9, U+83CB, U+83CD-83DB, U+83DD-83DF, U+83E1-83E8, U+83EA-83F0, U+83F3-8403, U+8405-840B, U+840F-841C, U+841E-8423, U+8426, U+8429-843C, U+843E-8456, U+8458-845A, U+845C-8460, U+8462, U+8464-846A, U+846D-8470, U+8472-8474, U+8476-8481, U+8483-848A, U+848C-8498;
}

/* Rare: 200 code points, 38556 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-096-fda11fd996.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+849A-849B, U+849D-84B1, U+84B3-84B7, U+84B9-84C3, U+84C5-84C8, U+84CA-84DC, U+84DE-84EB, U+84ED-8510, U+8512, U+8514-8516, U+8518-8519, U+851B-8520, U+8522-852B, U+852D-853B, U+853E-8548, U+854B-8572;
}

/* Rare: 200 code points, 47264 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-097-ccf677be3b.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8573, U+8575-857D, U+857F-8583, U+8585-8586, U+8588-859A, U+859C-85A9, U+85AB-85AE, U+85B0-85C8, U+85CA-85CE, U+85D1-85D4, U+85D6-85E3, U+85E5-85FA, U+85FC-8610, U+8612-8648;
}

/* Rare: 200 code points, 38628 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-098-4c07509e3a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8649-864D, U+8652-8659, U+865B-866A, U+866C-8678, U+867A-867C, U+867F, U+8683-8689, U+868B, U+868D-8692, U+8694, U+8696-86A2, U+86A5-86A9, U+86AB-86AE, U+86B0-86BF, U+86C1-86C6, U+86C8-86CA, U+86CC-86D8, U+86DA, U+86DC-86E3, U+86E5-86ED, U+86EF-86FD, U+86FF, U+8701, U+8703-8707, U+8709-8711, U+8714, U+8716, U+8719-871B, U+871D-8720, U+8722-8736;
}

/* Rare: 200 code points, 46088 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-099-34e79be688.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8737-873A, U+873C-8746, U+8748, U+874A-874B, U+874D, U+874F-8756, U+8758, U+875A-875F, U+8761-8773, U+8775, U+8777-8782, U+8784-878C, U+878E-87B9, U+87BB-87BF, U+87C1-87C5, U+87C7-87CA, U+87CC-87F8, U+87FA-880F;
}

/* Rare: 200 code points, 44320 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-100-8b81036840.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8810-8814, U+8816-8821, U+8823-883F, U+8841-8844, U+8846-884B, U+884E-8853, U+8855-8856, U+8858, U+885A-8860, U+8862, U+8864, U+8866-8867, U+8869-886A, U+886D-886F, U+8871-8876, U+8878-8880, U+8882-8883, U+8885-888A, U+888C, U+888E-8895, U+8897-889B, U+889D-88AA, U+88AC, U+88AE-88B0, U+88B2-88C0, U+88C3-88C4, U+88C6-88D4, U+88D6-88D8, U+88DA-88E3, U+88E5-88F2, U+88F4-88F7, U+88FA;
}

/* Rare: 200 code points, 48424 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-101-4a1709fb82.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+88FB-8901, U+8903-890F, U+8911, U+8913-8924, U+8926-8929, U+892B-895E, U+8960-897E, U+8980, U+8982-8985, U+8987-89C0, U+89C3, U+89C7, U+89CA-89D1, U+89D3;
}

/* Rare: 200 code points, 32800 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-102-07a678a6aa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+89D4-89E2, U+89E4-89E5, U+89E7-89FF, U+8A01-8A88, U+8A8B-8A92, U+8A94-8AA1;
}

/* Rare: 200 code points, 37408 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-103-7e11d64fa6.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8AA2-8B65, U+8B67-8B6A;
}

/* Rare: 200 code points, 42976 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-104-9985e568ae.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8B6B, U+8B6D-8BA0, U+8BA3, U+8BA6-8BA7, U+8BAA-8BAC, U+8BB1, U+8BB4-8BB5, U+8BB7, U+8BBB, U+8BC2-8BC3, U+8BC5, U+8BC7, U+8BCB-8BCC, U+8BCE-8BD0, U+8BD2-8BD4, U+8BD6, U+8BD8-8BD9, U+8BDB-8BDC, U+8BDF-8BE0, U+8BE3-8BE4, U+8BE7-8BEA, U+8BEE, U+8BF0, U+8BF3, U+8BF6, U+8BF9, U+8BFC, U+8BFF-8C00, U+8C02, U+8C04, U+8C07, U+8C09, U+8C0C, U+8C0F, U+8C11-8C12, U+8C14-8C19, U+8C1B, U+8C1D-8C21, U+8C25, U+8C27, U+8C29-8C2B, U+8C2E-8C30, U+8C32-8C33, U+8C35-8C36, U+8C38-8C40, U+8C42-8C45, U+8C47-8C4B, U+8C4D-8C59, U+8C5B-8C60, U+8C62-8C69, U+8C6C-8C78, U+8C7B-8C87;
}

/* Rare: 200 code points, 40236 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-105-3cb0fbd012.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8C88-8C8B, U+8C8D-8D1C, U+8D20, U+8D32-8D33, U+8D36, U+8D3D, U+8D40, U+8D45-8D4A, U+8D4D, U+8D51-8D53, U+8D55, U+8D57, U+8D59, U+8D5C-8D5D, U+8D5F, U+8D65, U+8D67-8D6A, U+8D6C-8D6F, U+8D71-8D73, U+8D78-8D80, U+8D82-8D84, U+8D86-8D89, U+8D8C-8D8D;
}

/* Rare: 200 code points, 38016 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-106-3ae0bc96aa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8D8E-8D9E, U+8DA0-8DA2, U+8DA4-8DB2, U+8DB5-8DBD, U+8DBF-8DC2, U+8DC4-8DCA, U+8DCD-8DD0, U+8DD2-8DDA, U+8DDC, U+8DDE, U+8DE0-8DE3, U+8DE5-8DE7, U+8DE9, U+8DEB-8DEE, U+8DF0-8DF2, U+8DF4, U+8DF6, U+8DF8-8DF9, U+8DFB-8E09, U+8E0B-8E0E, U+8E10-8E21, U+8E23-8E28, U+8E2B-8E30, U+8E32-8E41, U+8E43, U+8E45-8E47, U+8E49-8E4A, U+8E4C-8E65, U+8E67-8E6B, U+8E6E-8E71, U+8E73-8E77;
}

/* Rare: 200 code points, 38104 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-107-a00b45a5b9.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8E78-8E80, U+8E82-8E8E, U+8E90-8EAA, U+8EAD-8EAE, U+8EB0-8EB1, U+8EB3-8EB9, U+8EBB-8F46;
}

/* Rare: 200 code points, 38100 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-108-3c0b5862ec.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8F47-8F65, U+8F6A-8F6B, U+8F6D, U+8F71-8F73, U+8F75-8F7A, U+8F7C, U+8F7E, U+8F80-8F82, U+8F84, U+8F87, U+8F8A-8F8F, U+8F92, U+8F94-8F95, U+8F98, U+8F9A, U+8F9D, U+8FA0-8FA2, U+8FA4-8FA7, U+8FAA, U+8FAC-8FAF, U+8FB2-8FB8, U+8FBA-8FBC, U+8FBF-8FC0, U+8FC3, U+8FC6, U+8FC9-8FCD, U+8FCF, U+8FD2-8FD3, U+8FD5-8FD7, U+8FDA, U+8FE0-8FE1, U+8FE3-8FE9, U+8FEC, U+8FEE-8FEF, U+8FF1-8FF6, U+8FF8, U+8FFA-8FFC, U+8FFE-8FFF, U+9004-9005, U+9007-9008, U+900B-900E, U+9011, U+9013, U+9015-9016, U+9018-9019, U+901C, U+9021, U+9023-902D, U+902F-9037, U+9039-903A, U+903D, U+903F-9041, U+9043-9046, U+9048-904C, U+904E, U+9050-9052, U+9054-9056, U+9058-9062, U+9064, U+9066-906B;
}

/* Rare: 200 code points, 39516 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-109-98de12a0e2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+906C, U+906F-9074, U+9076-907E, U+9081-9090, U+9092, U+9094-90A2, U+90A4-90A5, U+90A7-90A9, U+90AB-90AD, U+90AF-90BA, U+90BC-90C0, U+90C2-90C9, U+90CB-90CD, U+90CF-90D0, U+90D2-90E7, U+90E9-90EC, U+90EE-90FC, U+90FE-9101, U+9103-9118, U+911A-9148;
}

/* Rare: 200 code points, 42548 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-110-392b01ed58.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+914A-914B, U+914E-9151, U+9153-9156, U+9158-915C, U+915E-9162, U+9164, U+9166-9169, U+916B, U+916D-9170, U+9172-9174, U+9176, U+9179-917E, U+9180-9186, U+9188, U+918A, U+918C-9191, U+9193-91C6, U+91C8-91C9, U+91CB, U+91D0, U+91D2-922A;
}

/* Rare: 200 code points, 44864 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-111-45afa68839.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+922B-9273, U+9275-92F3;
}

/* Rare: 200 code points, 51208 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-112-51a08dfdd2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+92F4-93BB;
}

/* Rare: 200 code points, 60188 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-113-8020f0e4bb.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+93BC-9483;
}

/* Rare: 200 code points, 36748 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-114-cbfc77c885.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9484-9487, U+948A-9492, U+9494-9498, U+949A-949C, U+94A1, U+94A3-94A4, U+94A8, U+94AA-94AD, U+94AF-94B0, U+94B2, U+94B4-94BA, U+94BC-94BD, U+94BF-94C0, U+94C2, U+94C4, U+94C6-94CF, U+94D1-94DA, U+94DE-94EC, U+94EE-94F1, U+94F3-94F5, U+94F7, U+94F9, U+94FB-94FD, U+94FF, U+9502-9503, U+9506-9507, U+9509-950A, U+950D-950F, U+9511-9518, U+951B-9520, U+9522, U+9527-952D, U+9531-9538, U+953A, U+953C-953F, U+9541-9546, U+9548-954F, U+9552-955B, U+955D-956F, U+9571-9575, U+9577-957E, U+9580-9586;
}

/* Rare: 200 code points, 32952 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-115-d89996a129.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9587-95E7, U+95E9, U+95EB-95EC, U+95F1, U+95F3, U+95F5-95F6, U+95FC, U+95FE-95FF, U+9602-9604, U+9606-960D, U+960F, U+9611-9613, U+9615-961E, U+9620-9631, U+9637-963A, U+963C-963E, U+9640-9643, U+9647, U+9649-964A, U+964E-964F, U+9651-9654, U+9656-9660, U+9663, U+9665-9667, U+966B-9674, U+9678-967C;
}

/* Rare: 200 code points, 40600 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-116-1aa6fbf247.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+967D-9684, U+9687-968A, U+968C-968E, U+9691-9693, U+9695-9697, U+969A-969B, U+969D-96A6, U+96A8-96B5, U+96B7-96BD, U+96BF, U+96C2-96C3, U+96C8-96CB, U+96CD-96CE, U+96D0-96D4, U+96D6-96E7, U+96E9, U+96EB-96F2, U+96F4-96F5, U+96F8, U+96FA-96FD, U+96FF, U+9701-9703, U+9705-9706, U+9708, U+970A-970C, U+970F-971B, U+971D, U+971F-9731, U+9733-9737, U+973A-9751, U+9753-9755, U+9757-9758, U+975A-975D, U+975F, U+9763-9768, U+976A-9773;
}

/* Rare: 200 code points, 36588 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-117-f760b5fb14.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9775, U+9777-978A, U+978C, U+978E-979F, U+97A1-97AC, U+97AE-97E6, U+97E8, U+97EA-97EC, U+97EE-97F2, U+97F4, U+97F6-9846;
}

/* Rare: 200 code points, 51508 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-118-06ce23eb88.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9847-9874, U+9878, U+987C, U+9880, U+9883, U+9889, U+988B-9890, U+9892, U+9894-9895, U+9899-989B, U+989E-989F, U+98A1-98A3, U+98A5-98CD, U+98CF-98D7, U+98D9-98DD, U+98E0-990F, U+9911-992D;
}

/* Rare: 200 code points, 47140 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-119-bec67dca2d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+992E-9964, U+9966-996C, U+996F, U+9973-9974, U+9977-9979, U+997B, U+997D-997E, U+9980, U+9982-9984, U+9987, U+9989-998A, U+998C, U+998E, U+9990-9991, U+9993-9995, U+9997-9998, U+999A-99A7, U+99A9-9A0B;
}

/* Rare: 200 code points, 49964 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-120-6ccd8ac611.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9A0C-9A6B, U+9A6D, U+9A72, U+9A75, U+9A77-9A78, U+9A7A, U+9A7D, U+9A7F-9A81, U+9A83, U+9A85, U+9A88-9A8B, U+9A8D-9A8E, U+9A90, U+9A92-9A96, U+9A98-9A99, U+9A9B-9AA0, U+9AA2-9AA3, U+9AA5-9AA7, U+9AA9-9AD2, U+9AD4-9AD7, U+9AD9-9AED;
}

/* Rare: 200 code points, 51668 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-121-d19a5d812a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9AEE-9B12, U+9B14-9B3B, U+9B3D-9B40, U+9B43, U+9B46-9B4E, U+9B50-9B53, U+9B55-9BBD;
}

/* Rare: 200 code points, 56708 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-122-3bfb6c858d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9BBE-9C7B, U+9C7D-9C80, U+9C82-9C87;
}

/* Rare: 200 code points, 46148 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-123-c6aad4cef0.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9C88-9C8C, U+9C8E-9C9B, U+9C9D-9CA3, U+9CA5-9CA7, U+9CA9-9CAA, U+9CAC-9CB7, U+9CB9-9CC3, U+9CC5-9CCC, U+9CCE-9CD5, U+9CD7-9CDD, U+9CDF-9D59;
}

/* Rare: 200 code points, 60272 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-124-6fbf06078a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9D5A-9E1E, U+9E20, U+9E22, U+9E24;
}

/* Rare: 200 code points, 53996 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-125-0576ab75af.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9E27-9E2C, U+9E2E, U+9E30-9E32, U+9E34, U+9E36-9E3C, U+9E3E, U+9E40-9E42, U+9E44, U+9E46-9E48, U+9E4B-9E4E, U+9E50-9E63, U+9E65, U+9E67-9E6F, U+9E71-9E7E, U+9E80-9EA5, U+9EA7-9EBA, U+9EBC-9EC3, U+9EC5-9ECD, U+9ECF-9ED0, U+9ED2-9ED3, U+9ED5-9ED7, U+9ED9-9EEE, U+9EF0-9F05;
}

/* Rare: 200 code points, 49724 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-126-04abe9fe49.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9F06-9F0D, U+9F0F-9F12, U+9F14-9F1F, U+9F21-9F3A, U+9F3C-9F4F, U+9F51-9F7E, U+9F80-9F83, U+9F85-9F98, U+9F9A-9F9E, U+9FA0-9FD6;
}

/* Rare: 200 code points, 17120 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-127-024a467323.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9FD7-9FEF, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23-FA24, U+FA27-FA29, U+FB01-FB02, U+FE10-FE19, U+FE30-FE31, U+FE33-FE44, U+FE49-FE52, U+FE54-FE57, U+FE59-FE66, U+FE68-FE6B, U+FF01-FF5E, U+FFE0-FFE4;
}

/* Rare: 200 code points, 39156 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-128-e5f48a8f4e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+FFE5, U+20087, U+20089, U+200CC, U+20164, U+20676, U+20CD0, U+2139A, U+21413, U+215D7, U+2298F, U+235CB, U+23C97-23C98, U+23E23, U+241FE, U+249DB, U+24A7D, U+24AC9, U+25532, U+25562, U+255A8, U+25ED7, U+26221, U+2648D, U+26676, U+2677C, U+26B5C, U+26C21, U+27FF9, U+28408, U+28678, U+28695, U+287E0, U+28B49, U+28C47, U+28C4F, U+28C51, U+28C54, U+28E99, U+29F7E, U+29F83, U+29F8C, U+2A7DD, U+2A8FB, U+2A917, U+2AA30, U+2AA36, U+2AA58, U+2AFA2, U+2B127-2B128, U+2B137-2B138, U+2B1ED, U+2B300, U+2B363, U+2B36F, U+2B372, U+2B37D, U+2B404, U+2B410, U+2B413, U+2B461, U+2B4E7, U+2B4EF, U+2B4F6, U+2B4F9, U+2B50D-2B50E, U+2B536, U+2B5AE-2B5AF, U+2B5B3, U+2B5E7, U+2B5F4, U+2B61C-2B61D, U+2B626-2B628, U+2B62A, U+2B62C, U+2B695-2B696, U+2B6AD, U+2B6ED, U+2B7A9, U+2B7C5, U+2B7E6, U+2B7F9, U+2B7FC, U+2B806, U+2B80A, U+2B81C, U+2B8B8, U+2BAC7, U+2BB5F, U+2BB62, U+2BB7C, U+2BB83, U+2BC1B, U+2BD77, U+2BD87, U+2BDF7, U+2BE29, U+2C029-2C02A, U+2C0A9, U+2C0CA, U+2C1D5, U+2C1D9, U+2C1F9, U+2C27C, U+2C288, U+2C2A4, U+2C317, U+2C35B, U+2C361, U+2C364, U+2C488, U+2C494, U+2C497, U+2C542, U+2C613, U+2C618, U+2C621, U+2C629, U+2C62B-2C62D, U+2C62F, U+2C642, U+2C64A-2C64B, U+2C72C, U+2C72F, U+2C79F, U+2C7C1, U+2C7FD, U+2C8D9, U+2C8DE, U+2C8E1, U+2C8F3, U+2C907, U+2C90A, U+2C91D, U+2CA02, U+2CA0E, U+2CA7D, U+2CAA9, U+2CB29, U+2CB2D-2CB2E, U+2CB31, U+2CB38-2CB39, U+2CB3B, U+2CB3F, U+2CB41, U+2CB4A, U+2CB4E, U+2CB5A-2CB5B, U+2CB64, U+2CB69, U+2CB6C, U+2CB6F, U+2CB73, U+2CB76, U+2CB78, U+2CB7C, U+2CBB1, U+2CBBF-2CBC0, U+2CBCE, U+2CC56, U+2CC5F, U+2CCF5-2CCF6, U+2CCFD, U+2CCFF, U+2CD02-2CD03, U+2CD0A, U+2CD8B, U+2CD8D, U+2CD8F-2CD90, U+2CD9F-2CDA0, U+2CDA8, U+2CDAD-2CDAE, U+2CDD5, U+2CE18, U+2CE1A, U+2CE23, U+2CE26, U+2CE2A;
}

/* Rare: 3 code points, 1348 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/api/static-data/fonts/oppo-sans-sc/rare-129-f4c02bd12a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2CE7C, U+2CE88, U+2CE93;
}
/* 登录提示相关（独立全局样式，避免被 App.vue 大型 style 块嵌套吞掉 / tooltip teleport 到 body 不生效） */

.transfer-entry {
  margin: 10px 0 0;
  text-align: center;
}

.transfer-link {
  display: inline-block;
  font-size: 12px;
  color: #909399;
  cursor: pointer;
  border-bottom: 1px dashed #c0c4cc;
  padding-bottom: 1px;
  transition: color 0.2s;
}
.transfer-link:hover {
  color: #409eff;
  border-bottom-color: #409eff;
}
.transfer-link--blue {
  color: #1677ff;
  border-bottom-color: #91caff;
  font-weight: 600;
}
.transfer-link--blue:hover {
  color: #4096ff;
  border-bottom-color: #4096ff;
}
.transfer-link--red {
  color: #f5222d;
  border-bottom-color: #ffccc7;
  font-weight: 600;
}
.transfer-link--red:hover {
  color: #ff4d4f;
  border-bottom-color: #ff4d4f;
}

.transfer-tip {
  max-width: 480px;
  line-height: 1.7;
  font-size: 12.5px;
  color: #4a4a4a;
  white-space: normal;
}
.transfer-tip p {
  display: block !important;
  margin: 5px 0 !important;
  white-space: normal !important;
  color: #4a4a4a !important;
}
.transfer-tip .transfer-tip-title {
  display: block !important;
  font-weight: 700 !important;
  color: #1677ff !important;
  margin-top: 14px !important;
  margin-bottom: 6px !important;
}
.transfer-tip .transfer-tip-title:first-child {
  margin-top: 0 !important;
  font-size: 13.5px !important;
}

/* 暗色主题（html 无 light-theme 类）下说明正文改为白色，问题标题保持蓝色 */
html:not(.light-theme) .transfer-tip {
  color: #ffffff !important;
}
html:not(.light-theme) .transfer-tip p:not(.transfer-tip-title) {
  color: #ffffff !important;
}
* {
  font-family: "OPPOSans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.logo, .logo-large {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
:root {
  transition: --bg-primary 0.5s ease, --bg-secondary 0.5s ease, --bg-tertiary 0.5s ease, --bg-hover 0.5s ease, --bg-elevated 0.5s ease, --text-primary 0.5s ease, --text-secondary 0.5s ease, --text-tertiary 0.5s ease, --border-primary 0.5s ease, --border-secondary 0.5s ease, --accent-primary 0.5s ease;
  --bg-primary: #08090c;
  --bg-secondary: #101116;
  --bg-tertiary: #171920;
  --bg-hover: #20232c;
  --bg-elevated: #1f222b;
  --bg-card: #12141a;
  --panel-bg: rgba(16, 17, 22, 0.88);
  --surface-soft: rgba(255, 255, 255, 0.045);
  --border-primary: rgba(255, 255, 255, 0.055);
  --border-secondary: rgba(255, 255, 255, 0.035);
  --border-focus: rgba(83, 131, 232, 0.45);
  --text-primary: #ffffff;
  --text-secondary: #a1a1aa;
  --text-tertiary: #71717a;
  --text-muted: #52525b;
  --accent-primary: #5383e8;
  --accent-secondary: #3a6fd4;
  --accent-brass: #c9a45d;
  --accent-success: #22c55e;
  --accent-warning: #eab308;
  --accent-error: #ef4444;
  --radius-xs: 4px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --shadow-sm: 0 4px 18px rgba(0, 0, 0, 0.22);
  --shadow-md: 0 14px 42px rgba(0, 0, 0, 0.26);
  --shadow-lg: 0 26px 80px rgba(0, 0, 0, 0.34);
  --shadow-panel: 0 24px 80px rgba(0, 0, 0, 0.28);
}
:root.light-theme {
  --bg-primary: #f6f7f9;
  --bg-secondary: #ffffff;
  --bg-tertiary: #eef1f5;
  --bg-hover: #e7ebf1;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --panel-bg: rgba(255, 255, 255, 0.9);
  --surface-soft: rgba(15, 23, 42, 0.045);
  --border-primary: rgba(15, 23, 42, 0.07);
  --border-secondary: rgba(15, 23, 42, 0.045);
  --border-focus: rgba(83, 131, 232, 0.42);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-tertiary: #64748b;
  --text-muted: #94a3b8;
  --shadow-sm: 0 4px 18px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 14px 42px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 26px 80px rgba(15, 23, 42, 0.11);
  --shadow-panel: 0 24px 70px rgba(15, 23, 42, 0.1);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;
  background: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
  transition: background 0.3s ease, color 0.3s ease;
  display: flex;
  flex-direction: column;
}
html.no-page-scroll,
body.no-page-scroll {
  height: 100%;
  overflow: hidden;
}
html.light-theme,
html.light-theme body,
html.light-theme #app {
  background: #f6f7f9;
}
html.light-theme .modal-overlay,
html.light-theme .history-modal-overlay,
html.light-theme .favorites-panel-overlay,
html.light-theme .announcement-dropdown-overlay,
html.light-theme .captcha-overlay {
  background: rgba(246, 247, 249, 0.86) !important;
  backdrop-filter: blur(10px);
}
html.light-theme .loading-container {
  background: #f6f7f9 !important;
  backdrop-filter: none !important;
}
.el-button,
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner,
.el-popper,
.el-message,
.el-message-box {
  border-radius: var(--radius-md) !important;
}
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner {
  background: var(--bg-tertiary) !important;
  box-shadow: inset 0 0 0 1px var(--border-secondary) !important;
  border: 0 !important;
}
.el-input__wrapper:hover,
.el-select__wrapper:hover,
.el-textarea__inner:hover {
  box-shadow: inset 0 0 0 1px var(--border-primary) !important;
}
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused,
.el-textarea__inner:focus {
  box-shadow: inset 0 0 0 1px var(--border-focus) !important;
}
.el-input__inner,
.el-select__placeholder,
.el-select__selected-item,
.el-textarea__inner {
  color: var(--text-primary) !important;
}
.el-popper,
.el-select-dropdown,
.el-picker__popper {
  background: var(--bg-elevated) !important;
  border: 1px solid var(--border-secondary) !important;
  box-shadow: var(--shadow-lg) !important;
}
.el-message.access-limit-message {
  width: min(420px, 100vw - 32px);
  padding: 14px 16px !important;
  align-items: flex-start;
  border-radius: 6px !important;
  border: 1px solid rgba(201, 164, 93, 0.22) !important;
  background: linear-gradient(135deg, rgba(201, 164, 93, 0.14), rgba(83, 131, 232, 0.08)), rgba(17, 21, 29, 0.92) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(14px);
}
.access-limit-toast {
  display: grid;
  gap: 4px;
  min-width: 0;
}
.access-limit-toast strong {
  color: #d8bd7a;
  font-size: 14px;
  line-height: 1.35;
}
.access-limit-toast span {
  color: rgba(235, 239, 245, 0.76);
  font-size: 13px;
  line-height: 1.65;
}
html.light-theme .el-message.access-limit-message {
  border-color: rgba(138, 106, 37, 0.18) !important;
  background: linear-gradient(135deg, rgba(201, 164, 93, 0.12), rgba(37, 99, 235, 0.06)), rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12) !important;
}
html.light-theme .access-limit-toast strong {
  color: #8a6a25;
}
html.light-theme .access-limit-toast span {
  color: #64748b;
}
.el-overlay-message-box {
  background: rgba(3, 6, 12, 0.58) !important;
  backdrop-filter: blur(10px) saturate(112%);
  -webkit-backdrop-filter: blur(10px) saturate(112%);
}
html.light-theme .el-overlay-message-box {
  background: rgba(246, 247, 249, 0.78) !important;
}
.security-session-dialog {
  width: min(420px, 100vw - 36px) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-elevated) 90%, transparent) !important;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.34), inset 0 0 0 1px rgba(148, 163, 184, 0.14) !important;
  overflow: hidden;
  backdrop-filter: blur(16px) saturate(116%);
  -webkit-backdrop-filter: blur(16px) saturate(116%);
}
.security-session-dialog .el-message-box__header {
  display: none;
}
.security-session-dialog .el-message-box__content {
  padding: 28px 30px 20px !important;
}
.security-session-dialog .el-message-box__message {
  padding: 0 !important;
}
.security-session-body {
  display: grid;
  gap: 10px;
  color: var(--text-primary);
}
.security-session-kicker {
  width: fit-content;
  padding: 5px 8px;
  border-radius: 4px;
  background: rgba(216, 189, 122, 0.12);
  color: #d8bd7a;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.security-session-title {
  margin-top: 2px;
  color: var(--text-primary);
  font-size: 22px;
  line-height: 1.28;
  font-weight: 800;
}
.security-session-desc {
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.75;
}
.security-session-note {
  margin-top: 8px;
  padding: 12px 13px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.65;
}
.security-session-dialog .el-message-box__btns {
  padding: 0 30px 28px !important;
}
.security-session-dialog .el-button {
  width: 100%;
  height: 40px;
  border: 0 !important;
  border-radius: 5px !important;
  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)) !important;
  color: #fff !important;
  font-weight: 700;
  box-shadow: none !important;
}
html.light-theme .security-session-dialog {
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.13), inset 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
}
html.light-theme .security-session-kicker {
  background: rgba(138, 106, 37, 0.1);
  color: #8a6a25;
}
html.light-theme .security-session-note {
  background: rgba(15, 23, 42, 0.045);
}
.el-select-dropdown__item {
  color: var(--text-secondary) !important;
}
.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover,
.el-select-dropdown__item.is-selected {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}
.el-button--primary {
  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary)) !important;
  border: 0 !important;
  box-shadow: none !important;
}
#app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.legal-section {
  background: var(--bg-tertiary);
  padding: 40px 20px;
  border-top: 1px solid var(--border-primary);
}
.legal-section .legal-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.legal-section .legal-card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}
.legal-section .legal-card:hover {
  border-color: var(--accent-primary);
  transform: translateY(-2px);
}
.legal-section .legal-title {
  color: var(--text-primary);
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  gap: 8px;
}
.legal-section .legal-content p {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 8px;
}
.legal-section .legal-content p:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
.legal-section {
    padding: 24px 16px;
}
.legal-section .legal-container {
    grid-template-columns: 1fr;
    gap: 16px;
}
.legal-section .legal-card {
    padding: 20px;
}
}
.sponsor-section {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.sponsor-modal {
  max-width: 380px !important;
}
.sponsor-desc {
  margin-bottom: 16px;
  padding: 12px;
  background: var(--bg-tertiary);
  border-radius: 4px;
  border: 1px solid var(--border-secondary);
}
.sponsor-desc p {
  margin: 0;
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.6;
}
.sponsor-packages {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}
.package-card {
  background: var(--bg-tertiary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  padding: 14px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.package-card:hover {
  border-color: var(--border-primary);
}
.package-card.selected {
  border-color: var(--accent-primary);
  background: rgba(59, 130, 246, 0.05);
}
.package-card .package-name {
  font-size: 13px;
  font-weight: 500;
  color: var(--text-primary);
}
.package-card .package-right {
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.package-card .package-price {
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.package-card .price-symbol {
  font-size: 12px;
  font-weight: 500;
  color: var(--accent-primary);
}
.package-card .price-number {
  font-size: 18px;
  font-weight: 600;
  color: var(--accent-primary);
}
.package-card .package-days {
  font-size: 12px;
  color: var(--text-tertiary);
}
.pay-methods {
  display: flex;
  flex-direction: row;
  gap: 10px;
  border-top: 1px solid var(--border-secondary);
  padding-top: 16px;
}
.pay-btn {
  flex: 1;
  height: 44px;
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  background: var(--bg-tertiary);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.pay-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.pay-btn:hover:not(:disabled) {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}
.pay-btn .pay-icon {
  width: 18px;
  height: 18px;
}
.pay-qrcode-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 0 0;
  border-top: 1px solid var(--border-secondary);
  margin-top: 20px;
}
.order-no-box {
  width: 100%;
  background: var(--bg-tertiary);
  border-radius: 4px;
  border: 1px solid var(--border-secondary);
  margin-bottom: 16px;
}
.order-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
}
.order-row + .order-row {
  border-top: 1px solid var(--border-secondary);
}
.order-row.countdown-row.warning .countdown-value {
  color: #ef4444;
  font-weight: 600;
}
.order-no-label {
  font-size: 12px;
  color: var(--text-tertiary);
}
.order-no-value {
  font-size: 12px;
  color: var(--text-primary);
  font-family: "Consolas", "Monaco", monospace;
  letter-spacing: 0.5px;
}
.order-no-value.money {
  color: var(--accent-primary);
  font-weight: 600;
}
.cancel-pay-btn {
  margin-top: 12px;
  width: 100%;
  height: 40px;
  background: transparent;
  color: var(--text-tertiary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.cancel-pay-btn:hover {
  color: var(--text-secondary);
  border-color: var(--border-primary);
}
.qrcode-box {
  background: white;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 16px;
}
.qrcode-image {
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.qrcode-tip-text {
  font-size: 13px;
  color: var(--text-secondary);
  margin-bottom: 12px;
}
.pay-status-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text-tertiary);
}
.pay-loading-dot {
  width: 8px;
  height: 8px;
  background: var(--accent-primary);
  border-radius: 50%;
  animation: payPulse 1.5s ease-in-out infinite;
}
@keyframes payPulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.5;
    transform: scale(1.2);
}
}
@media (max-width: 768px) {
.legal-title {
    font-size: 14px;
}
.legal-content p {
    font-size: 11px;
}
}
.site-footer {
  position: relative;
  z-index: 3;
  order: 2;
  margin-top: auto;
  padding: 18px 24px;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: all 0.3s ease;
}
.site-footer .footer-content {
  max-width: 1640px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: nowrap;
  min-width: 0;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.4;
}
.site-footer .footer-separator {
  display: none;
}
.site-footer .footer-main {
  color: var(--text-primary);
  font-weight: 500;
  white-space: nowrap;
}
.site-footer .footer-main strong {
  color: var(--accent-primary);
}
.site-footer .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  white-space: nowrap;
}
.site-footer .footer-links .footer-link {
  color: var(--text-secondary);
  text-decoration: none;
  transition: color 0.2s;
}
.site-footer .footer-links .footer-link:hover {
  color: var(--accent-primary);
}
.site-footer .footer-icp {
  color: var(--text-secondary);
  white-space: nowrap;
}
.site-footer .footer-icp .icp-link {
  color: var(--text-secondary);
  text-decoration: none;
  transition: color 0.2s;
}
.site-footer .footer-icp .icp-link:hover {
  color: var(--accent-primary);
}
.site-footer .footer-disclaimer {
  color: var(--text-secondary);
  white-space: nowrap;
}
.site-footer .footer-disclaimer strong {
  color: var(--text-primary);
  font-weight: 500;
}
.site-footer .footer-copyright {
  color: var(--text-tertiary);
  white-space: nowrap;
}
.site-footer .footer-contact {
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.5;
}
.site-footer .footer-contact a {
  color: var(--accent-primary);
  text-decoration: none;
  transition: all 0.2s ease;
}
.site-footer .footer-contact a:hover {
  filter: brightness(1.2);
  text-decoration: underline;
}
@media (max-width: 768px) {
.site-footer {
    padding: 16px;
}
.site-footer .footer-content {
    justify-content: flex-start;
    overflow-x: auto;
    scrollbar-width: none;
}
.site-footer .footer-content::-webkit-scrollbar {
    display: none;
}
}
.page-scroll-actions {
  position: fixed;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3000;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: color-mix(in srgb, var(--bg-secondary) 66%, transparent);
  box-shadow: none;
  backdrop-filter: blur(14px) saturate(116%);
  -webkit-backdrop-filter: blur(14px) saturate(116%);
}
.page-scroll-actions .page-scroll-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--text-secondary);
  box-shadow: none;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.page-scroll-actions .page-scroll-btn svg {
  width: 18px;
  height: 18px;
}
.page-scroll-actions .page-scroll-btn:hover {
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-primary);
  transform: translateX(-1px);
}
.page-scroll-actions .page-scroll-btn.ai {
  position: relative;
  color: var(--text-primary);
  background: rgba(148, 163, 184, 0.08);
  box-shadow: none;
  overflow: visible;
}
.page-scroll-actions .page-scroll-btn.ai .ai-text-mark {
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}
.page-scroll-actions .page-scroll-btn.ai .ai-new-badge {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 28px;
  height: 14px;
  padding: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: color-mix(in srgb, var(--accent-primary) 18%, var(--bg-secondary));
  color: var(--accent-primary);
  font-size: 8px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 28%, transparent);
  pointer-events: none;
  animation: aiNewBadgePulse 2.4s ease-in-out infinite;
}
.page-scroll-actions .page-scroll-btn.ai:hover {
  color: var(--text-primary);
  background: rgba(148, 163, 184, 0.1);
}
.page-scroll-actions .page-scroll-btn:disabled {
  opacity: 0.55;
  cursor: wait;
  transform: none;
}
.page-scroll-actions .floating-summoner-search {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  width: min(312px, 100vw - 94px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  align-items: center;
  gap: 6px;
  padding: 6px;
  border-radius: 8px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.16);
}
.page-scroll-actions .floating-summoner-search .floating-region-select {
  position: relative;
  width: 100%;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  padding: 0 9px 0 10px;
  border: 0;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.06);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1);
  color: var(--text-primary);
  cursor: pointer;
  transition: background 0.18s ease, box-shadow 0.18s ease;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger:hover {
  background: rgba(148, 163, 184, 0.095);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.14);
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger svg {
  width: 14px;
  height: 14px;
  color: var(--text-tertiary);
  flex: 0 0 auto;
  transition: transform 0.16s ease, color 0.16s ease;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger svg.open {
  transform: rotate(180deg);
  color: var(--text-secondary);
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% + 8px);
  max-height: 214px;
  overflow-y: auto;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  background: color-mix(in srgb, var(--bg-elevated) 88%, transparent);
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.22);
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.28) transparent;
  z-index: 1;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu::-webkit-scrollbar {
  width: 6px;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.28);
  border-radius: 999px;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu button {
  width: 100%;
  height: 30px;
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease;
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu button:hover {
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-primary);
}
.page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu button.active {
  background: rgba(83, 131, 232, 0.12);
  color: var(--text-primary);
}
.page-scroll-actions .floating-summoner-search input {
  width: 100%;
  height: 36px;
  border: 0;
  outline: none;
  border-radius: 6px;
  padding: 0 12px;
  background: rgba(148, 163, 184, 0.07);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
  transition: background 0.18s ease, box-shadow 0.18s ease;
}
.page-scroll-actions .floating-summoner-search input::placeholder {
  color: var(--text-tertiary);
}
.page-scroll-actions .floating-summoner-search input:focus {
  background: rgba(83, 131, 232, 0.08);
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.22);
}
.page-scroll-actions .floating-summoner-search > button {
  height: 36px;
  border: 0;
  border-radius: 6px;
  background: rgba(83, 131, 232, 0.14);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease;
}
.page-scroll-actions .floating-summoner-search > button:hover {
  background: rgba(83, 131, 232, 0.22);
}
@keyframes aiNewBadgePulse {
0%, 100% {
    transform: translateY(0);
    filter: brightness(1);
}
50% {
    transform: translateY(-1px);
    filter: brightness(1.08);
}
}
html.light-theme .page-scroll-actions .page-scroll-btn {
  background: rgba(255, 255, 255, 0.64);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.1);
}
html.light-theme .page-scroll-actions .page-scroll-btn:hover {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(15, 23, 42, 0.12);
}
html.light-theme .page-scroll-actions .floating-summoner-search {
  background: rgba(255, 255, 255, 0.56);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.1);
}
html.light-theme .page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger {
  background: rgba(255, 255, 255, 0.36);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}
html.light-theme .page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-trigger:hover {
  background: rgba(255, 255, 255, 0.52);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.08);
}
html.light-theme .page-scroll-actions .floating-summoner-search .floating-region-select .floating-region-menu {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(15, 23, 42, 0.08);
  box-shadow: 0 18px 44px rgba(15, 23, 42, 0.14);
}
html.light-theme .page-scroll-actions .floating-summoner-search input {
  background: rgba(255, 255, 255, 0.38);
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.06);
}
html.light-theme .page-scroll-actions .floating-summoner-search input:focus {
  background: rgba(255, 255, 255, 0.54);
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.18);
}
html.light-theme .page-scroll-actions .floating-summoner-search > button {
  background: rgba(83, 131, 232, 0.12);
}
html.light-theme .page-scroll-actions .floating-summoner-search > button:hover {
  background: rgba(83, 131, 232, 0.18);
}
body.screenshot-capturing .page-scroll-actions,
body.screenshot-capturing .floating-summoner-search,
body.screenshot-capturing .announcement-popup,
body.screenshot-capturing .el-message,
body.screenshot-capturing .el-message-box,
body.screenshot-capturing .el-popper {
  visibility: hidden !important;
}
body.screenshot-capturing .screenshot-target {
  overflow: visible !important;
}
:deep(.el-select-dropdown) {
  background: var(--bg-elevated) !important;
  border: 1px solid var(--border-primary) !important;
  box-shadow: var(--shadow-lg) !important;
}
:deep(.el-select-dropdown) .el-select-dropdown__item {
  color: var(--text-primary) !important;
}
:deep(.el-select-dropdown) .el-select-dropdown__item.is-selected, :deep(.el-select-dropdown) .el-select-dropdown__item.is-hovering {
  background: var(--bg-hover) !important;
  color: var(--accent-primary) !important;
}
:deep(.el-select-dropdown) .el-select-dropdown__item.is-disabled {
  color: var(--text-tertiary) !important;
}
:deep(.el-select-dropdown) .el-select-dropdown__empty {
  color: var(--text-secondary) !important;
}
.mobile-notice-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  padding: 20px;
}
.mobile-notice-page .mobile-notice-content {
  text-align: center;
  max-width: 400px;
}
.mobile-notice-page .mobile-notice-content .notice-icon {
  font-size: 80px;
  margin-bottom: 20px;
}
.mobile-notice-page .mobile-notice-content h1 {
  color: var(--text-primary);
  font-size: 28px;
  margin-bottom: 16px;
  font-weight: 600;
}
.mobile-notice-page .mobile-notice-content p {
  color: var(--text-secondary);
  font-size: 15px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.mobile-notice-page .mobile-notice-content .small {
  color: var(--text-muted);
  font-size: 13px;
  margin-top: 16px;
}
.maintenance-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}
.maintenance-page .maintenance-content {
  text-align: center;
}
.maintenance-page .maintenance-content .maintenance-icon {
  font-size: 80px;
  margin-bottom: 20px;
}
.maintenance-page .maintenance-content h1 {
  color: var(--text-primary);
  font-size: 32px;
  margin-bottom: 16px;
}
.maintenance-page .maintenance-content p {
  color: var(--text-secondary);
  font-size: 16px;
  margin-bottom: 8px;
}
.maintenance-page .maintenance-content .small {
  font-size: 14px;
  color: var(--text-tertiary);
}
.maintenance-page .maintenance-content .announcement-list {
  text-align: left;
  max-width: 500px;
  margin: 0 auto;
}
.maintenance-page .maintenance-content .announcement-list .announcement-item {
  background: rgba(234, 179, 8, 0.1);
  border: 1px solid rgba(234, 179, 8, 0.3);
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 12px;
}
.maintenance-page .maintenance-content .announcement-list .announcement-item h4 {
  color: var(--accent-warning);
  font-size: 15px;
  margin-bottom: 8px;
}
.maintenance-page .maintenance-content .announcement-list .announcement-item p {
  color: var(--text-secondary);
  font-size: 13px;
  margin: 0;
}
#app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
@keyframes themeIconFlip {
0% {
    transform: rotate(0deg) scale(1);
}
42% {
    transform: rotate(120deg) scale(0.72);
}
100% {
    transform: rotate(0deg) scale(1);
}
}
.header {
  background: transparent !important;
  border-bottom: 1px solid transparent;
  backdrop-filter: none;
  box-shadow: none;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 12px 0;
}
:root.light-theme .header {
  background: transparent;
}
.header.header-scrolled {
  background: rgba(10, 11, 15, 0.82) !important;
  border-bottom-color: var(--border-primary);
}
:root.light-theme .header.header-scrolled {
  background: rgba(255, 255, 255, 0.82) !important;
}
.header.header-follow-band {
  background: #ffffff !important;
  border-bottom-color: var(--border-primary);
}
:root.light-theme .header.header-follow-band {
  background: #ffffff !important;
}
:root:not(.light-theme) .header.header-follow-band {
  background: #30313a !important;
}
.header > .container {
  width: 75%;
  max-width: none;
  padding: 0;
}
.header .header-content {
  display: flex;
  align-items: center;
  gap: 14px;
}
.header .logo {
  color: var(--text-primary);
  font-family: "Arial Black", Arial, Helvetica, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 24px;
  font-weight: 900;
  cursor: pointer;
  letter-spacing: 0;
  font-synthesis-weight: none;
  text-rendering: geometricPrecision;
}
.header .header-nav {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
}
.header .header-nav .nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 8px;
  border-radius: var(--radius-sm);
  font-size: 15px;
  font-weight: 500;
  color: var(--text-secondary);
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}
.header .header-nav .nav-item:hover {
  color: var(--text-primary);
}
.header .header-nav .nav-item.active {
  color: var(--accent-primary);
  font-weight: 600;
}
.header .header-nav .data-center-nav {
  gap: 5px;
}
.header .header-nav .nav-new-badge {
  height: 15px;
  display: inline-flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--accent-primary);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  transform: translateY(-5px);
}
.header.header-scrolled .header-nav .nav-item.active {
  background: transparent;
}
.header .header-right {
  margin-left: auto;
  padding-left: 56px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.header .theme-toggle {
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-sm);
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--text-secondary);
  cursor: pointer;
  transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
  flex-shrink: 0;
  margin-right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.header .theme-toggle .theme-icon {
  position: absolute;
  width: 19px;
  height: 19px;
  inset: 6.5px;
  fill: none;
  stroke: currentColor;
  transition: opacity 0.26s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}
.header .theme-toggle .theme-icon.moon-icon {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.header .theme-toggle .theme-icon.sun-icon {
  opacity: 0;
  transform: rotate(-120deg) scale(0.62);
}
.header .theme-toggle:hover {
  color: var(--text-primary);
  transform: translateY(-1px);
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.header .theme-toggle.switching .theme-icon {
  animation: themeIconFlip 0.46s cubic-bezier(0.22, 1, 0.36, 1);
}
.header .theme-toggle.light-theme {
  color: #111827;
}
.header .theme-toggle.light-theme .theme-icon.moon-icon {
  opacity: 0;
  transform: rotate(120deg) scale(0.62);
}
.header .theme-toggle.light-theme .theme-icon.sun-icon {
  transform: rotate(0deg) scale(1);
  opacity: 1;
}
.header .notification-icon {
  position: relative;
  cursor: pointer;
  padding: 6px;
  border-radius: 6px;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-primary);
}
.header .notification-icon:hover {
  background: var(--bg-hover);
}
.header .notification-icon .badge {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: var(--accent-error);
  border-radius: 50%;
  animation: pulse 2s infinite;
}
.header .history-btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 6px;
  transition: all 0.2s;
  margin-left: 2px;
}
.header .history-btn:hover {
  background: var(--bg-hover);
}
.header .favorites-dropdown {
  position: relative;
}
.header .favorites-dropdown .favorites-btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 6px;
  transition: all 0.2s;
  margin-left: 2px;
}
.header .favorites-dropdown .favorites-btn:hover {
  background: var(--bg-hover);
}
.header .favorites-dropdown .favorites-panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9997;
}
.header .favorites-dropdown .favorites-panel {
  position: absolute;
  top: 100%;
  left: 0;
  width: 300px;
  max-height: 450px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  box-shadow: var(--shadow-lg);
  z-index: 9998;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.header .favorites-dropdown .favorites-panel .favorites-header {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-primary);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .favorites-dropdown .favorites-panel .favorites-header .favorites-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.header .favorites-dropdown .favorites-panel .favorites-header .favorites-close {
  font-size: 20px;
  color: var(--text-secondary);
  cursor: pointer;
  line-height: 1;
  transition: color 0.2s;
}
.header .favorites-dropdown .favorites-panel .favorites-header .favorites-close:hover {
  color: var(--text-primary);
}
.header .favorites-dropdown .favorites-panel .favorites-list {
  flex: 1;
  overflow-y: auto;
  padding: 8px;
}
.header .favorites-dropdown .favorites-panel .favorites-list .empty-favorites {
  padding: 40px 16px;
  text-align: center;
  color: var(--text-secondary);
  font-size: 14px;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item:hover {
  background: var(--bg-hover);
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item:hover .favorite-delete {
  opacity: 1;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-avatar-placeholder {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--border-primary);
  flex-shrink: 0;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info {
  flex: 1;
  min-width: 0;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info .favorite-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info .favorite-name .favorite-tag {
  color: var(--text-secondary);
  font-size: 12px;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info .favorite-remark {
  font-size: 12px;
  color: var(--accent-primary);
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info .favorite-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  line-height: 1;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info .favorite-meta .favorite-region {
  font-size: 12px;
  color: var(--accent-warning);
  line-height: 1;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-info .favorite-meta .favorite-level {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-delete {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-tertiary);
  font-size: 14px;
  line-height: 1;
  transition: all 0.2s;
  opacity: 0;
}
.header .favorites-dropdown .favorites-panel .favorites-list .favorite-item .favorite-delete:hover {
  background: var(--accent-error);
  color: var(--text-primary);
}
.header .auth-buttons {
  display: flex;
  align-items: center;
  gap: 6px;
}
.header .auth-buttons .auth-btn {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  padding: 6px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.header .auth-buttons .auth-btn.login {
  color: var(--text-primary);
  background: transparent;
}
.header .auth-buttons .auth-btn.login:hover {
  background: var(--bg-hover);
}
.header .auth-buttons .auth-btn.register {
  color: var(--text-primary);
  background: transparent;
}
.header .auth-buttons .auth-btn.register:hover {
  background: var(--bg-hover);
}
.header .auth-buttons .auth-btn.admin {
  color: white;
  background: var(--accent-error);
}
.header .auth-buttons .auth-btn.admin:hover {
  background: #dc2626;
}
.header .auth-buttons .auth-btn.user {
  color: var(--text-primary);
  background: transparent;
  cursor: default;
  display: flex;
  align-items: center;
  gap: 6px;
}
.header .auth-buttons .auth-btn.user:hover {
  background: var(--bg-hover);
}
.header .auth-buttons .auth-btn.user .user-icon {
  width: 18px;
  height: 18px;
}
.header .auth-buttons .auth-btn.user .user-avatar {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid var(--border-primary);
}
.header .auth-buttons .auth-btn.logout {
  color: var(--text-secondary);
  background: transparent;
  display: flex;
  align-items: center;
  gap: 4px;
}
.header .auth-buttons .auth-btn.logout:hover {
  color: var(--text-primary);
  background: var(--bg-hover);
}
.container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 16px;
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: overlayFadeIn 0.14s ease-out both;
  will-change: opacity;
}
.modal-overlay.auth-page-shell {
  order: 1;
  position: static;
  flex: 1 0 auto;
  width: 100%;
  height: calc(100vh - 60px - 146px);
  min-height: 0;
  max-height: calc(100vh - 60px - 146px);
  overflow: hidden;
  padding: 32px 32px;
  background: var(--bg-primary);
  align-items: center;
  justify-content: center;
  gap: 48px;
  z-index: auto;
}
.modal-overlay.auth-page-shell .auth-enterprise-panel {
  width: min(520px, 42vw);
  min-height: 390px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 34px 0;
}
.modal-overlay.auth-page-shell .auth-brand-block .auth-kicker {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 4px;
  background: var(--surface-soft);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}
.modal-overlay.auth-page-shell .auth-brand-block h2 {
  margin: 18px 0 12px;
  color: var(--text-primary);
  font-size: 34px;
  line-height: 1.18;
  font-weight: 760;
  letter-spacing: 0;
  max-width: 420px;
}
.modal-overlay.auth-page-shell .auth-brand-block p {
  max-width: 430px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.8;
}
.modal-overlay.auth-page-shell .auth-capability-list {
  display: grid;
  gap: 10px;
}
.modal-overlay.auth-page-shell .auth-capability-item {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 5px;
  background: var(--surface-soft);
  box-shadow: inset 0 0 0 1px var(--border-secondary);
}
.modal-overlay.auth-page-shell .auth-capability-item span {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 650;
}
.modal-overlay.auth-page-shell .auth-capability-item strong {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-overlay.auth-page-shell .modal {
  width: min(430px, 100%);
  max-width: 430px;
  padding: 30px 34px 28px;
  border-top: 0;
  border-radius: 6px;
  background: var(--bg-secondary);
  box-shadow: inset 0 0 0 1px var(--border-secondary), var(--shadow-panel);
  animation: none;
}
.modal-overlay.auth-page-shell .modal-content .modal-title {
  text-align: left;
  font-size: 24px;
  font-weight: 720;
  margin-bottom: 6px;
}
.modal-overlay.auth-page-shell .modal-content .modal-subtitle {
  text-align: left;
  margin-bottom: 20px;
}
.modal-overlay.auth-page-shell .modal-content .form-group {
  margin-bottom: 12px;
}
.modal-overlay.auth-page-shell .modal-content .submit-btn {
  margin-top: 4px;
}
.modal-overlay.auth-page-shell .modal-content .oauth-divider {
  margin: 16px 0 4px;
}
.modal-overlay.auth-page-shell .modal-content .auth-links {
  margin-top: 10px;
}
:root.light-theme .modal-overlay.auth-page-shell {
  background: #f6f7f9;
}
:root.light-theme .modal-overlay.auth-page-shell .auth-capability-item,
:root.light-theme .modal-overlay.auth-page-shell .auth-kicker {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.055);
}
:root.light-theme .modal-overlay.auth-page-shell .modal {
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.055), 0 18px 52px rgba(15, 23, 42, 0.08);
}
@media (max-width: 1024px) {
.modal-overlay.auth-page-shell {
    flex-direction: column;
    align-items: stretch;
    gap: 28px;
    padding: 44px 20px 56px;
    height: auto;
    max-height: none;
    overflow: visible;
}
.modal-overlay.auth-page-shell .auth-enterprise-panel,
  .modal-overlay.auth-page-shell .modal {
    width: min(520px, 100%);
    max-width: 520px;
    margin: 0 auto;
}
.modal-overlay.auth-page-shell .auth-enterprise-panel {
    min-height: auto;
    padding: 0;
    gap: 22px;
}
.modal-overlay.auth-page-shell .auth-brand-block h2 {
    font-size: 28px;
    max-width: none;
    white-space: normal;
}
.modal-overlay.auth-page-shell .auth-brand-block p {
    max-width: none;
}
}
@media (max-width: 560px) {
.modal-overlay.auth-page-shell {
    padding: 32px 14px 44px;
}
.modal-overlay.auth-page-shell .auth-brand-block h2 {
    font-size: 24px;
}
.modal-overlay.auth-page-shell .auth-capability-list {
    display: none;
}
.modal-overlay.auth-page-shell .modal {
    padding: 28px 20px 24px;
}
}
@media (min-width: 1025px) and (max-height: 780px) {
.modal-overlay.auth-page-shell {
    padding-top: 28px;
    padding-bottom: 28px;
}
.modal-overlay.auth-page-shell .auth-enterprise-panel {
    min-height: 380px;
    padding: 18px 0;
}
.modal-overlay.auth-page-shell .auth-brand-block h2 {
    font-size: 30px;
    margin: 18px 0 10px;
}
.modal-overlay.auth-page-shell .auth-capability-item {
    min-height: 46px;
}
.modal-overlay.auth-page-shell .modal {
    padding: 28px 30px 26px;
}
}
.modal {
  background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
  border: 1px solid var(--border-primary);
  border-top: 2px solid var(--accent-primary);
  border-radius: 2px;
  width: 360px;
  max-width: 90%;
  padding: 36px 32px 28px;
  position: relative;
  animation: modalIn 0.14s ease-out both;
  box-shadow: var(--shadow-lg);
  will-change: transform, opacity;
}
.modal .close-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary);
  font-size: 18px;
  cursor: pointer;
  border-radius: 2px;
  transition: all 0.15s ease;
  line-height: 1;
  padding-bottom: 2px;
}
.modal .close-btn:hover {
  background: transparent;
  color: var(--text-primary);
}
.modal .modal-content .modal-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-primary);
  text-align: center;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}
.modal .modal-content .modal-subtitle {
  font-size: 13px;
  color: var(--text-tertiary);
  text-align: center;
  margin-bottom: 28px;
}
.modal .modal-content .form-group {
  margin-bottom: 16px;
}
.modal .modal-content .form-group.code-group {
  display: flex;
  gap: 10px;
}
.modal .modal-content .form-group.code-group .code-input {
  flex: 1;
}
.modal .modal-content .form-group.code-group .send-code-btn {
  flex-shrink: 0;
  width: 100px;
  height: 44px;
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal .modal-content .form-group.code-group .send-code-btn:hover:not(:disabled) {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.modal .modal-content .form-group.code-group .send-code-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.modal .modal-content .form-group.email-group {
  display: flex;
  gap: 8px;
  position: relative;
}
.modal .modal-content .form-group.email-group .email-prefix-input {
  flex: 1;
}
.modal .modal-content .form-group.email-group .email-suffix-select {
  flex-shrink: 0;
  width: 130px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 12px;
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  background: var(--bg-tertiary);
  color: var(--text-primary);
  font-size: 13px;
  cursor: pointer;
  transition: all 0.15s ease;
  user-select: none;
}
.modal .modal-content .form-group.email-group .email-suffix-select:hover {
  background: var(--bg-hover);
}
.modal .modal-content .form-group.email-group .email-suffix-select .suffix-text {
  font-size: 12px;
}
.modal .modal-content .form-group.email-group .email-suffix-select .dropdown-arrow {
  width: 14px;
  height: 14px;
  fill: var(--text-muted);
  transition: transform 0.2s;
}
.modal .modal-content .form-group.email-group .email-suffix-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  width: 160px;
  max-height: 240px;
  overflow-y: auto;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
.modal .modal-content .form-group.email-group .email-suffix-dropdown .suffix-item {
  padding: 10px 14px;
  font-size: 12px;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 0.15s ease;
}
.modal .modal-content .form-group.email-group .email-suffix-dropdown .suffix-item:hover, .modal .modal-content .form-group.email-group .email-suffix-dropdown .suffix-item.active {
  background: var(--accent-primary);
  color: #fff;
}
.modal .modal-content .form-group.email-group .email-suffix-dropdown .suffix-item.active {
  font-weight: 600;
}
.modal .modal-content .form-group.invite-code-group {
  position: relative;
}
.modal .modal-content .form-group.invite-code-group .invite-code-input {
  padding-right: 72px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.modal .modal-content .form-group.invite-code-group .invite-code-badge {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 24px;
  padding: 0 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
  color: var(--accent-primary);
  font-size: 11px;
  line-height: 1;
  pointer-events: none;
}
.modal .modal-content .form-group .form-input {
  width: 100%;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  font-size: 13px;
  color: var(--text-primary);
  background: var(--bg-tertiary);
  transition: all 0.15s ease;
  outline: none;
}
.modal .modal-content .form-group .form-input:focus {
  border-color: var(--border-focus);
  background: var(--bg-hover);
}
.modal .modal-content .form-group .form-input::placeholder {
  color: var(--text-muted);
}
.modal .modal-content .submit-btn {
  width: 100%;
  height: 44px;
  background: var(--accent-primary);
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.15s ease;
  letter-spacing: 0.3px;
}
.modal .modal-content .submit-btn:hover:not(:disabled) {
  background: var(--accent-secondary);
}
.modal .modal-content .submit-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.modal .modal-content .checkbox-group {
  margin-top: 12px;
  margin-bottom: 4px;
}
.modal .modal-content .checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.modal .modal-content .checkbox-input {
  width: 16px;
  height: 16px;
  margin-right: 8px;
  accent-color: var(--accent-primary);
  cursor: pointer;
}
.modal .modal-content .checkbox-text {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.5;
}
.modal .modal-content .terms-hint {
  text-align: center;
  font-size: 11px;
  color: var(--text-muted);
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.4;
}
.modal .modal-content .terms-link {
  color: var(--accent-primary);
  text-decoration: none;
}
.modal .modal-content .terms-link:hover {
  text-decoration: underline;
}
.modal .modal-content .oauth-divider {
  display: flex;
  align-items: center;
  margin: 20px 0 5px;
  color: #999;
  font-size: 12px;
}
.modal .modal-content .oauth-divider::before, .modal .modal-content .oauth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #eee;
}
.modal .modal-content .oauth-divider span {
  padding: 0 16px;
}
.modal .modal-content .oauth-buttons {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-bottom: 0;
}
.modal .modal-content .bind-panel {
  margin-top: 14px;
}
.modal .modal-content .bind-panel .bind-panel-title {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.modal .modal-content .bind-panel .bind-panel-sub {
  margin: 0 0 12px;
  font-size: 12px;
  color: var(--text-tertiary);
}
.modal .modal-content .bind-panel .bind-tabs {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--text-tertiary);
  cursor: pointer;
}
.modal .modal-content .bind-panel .bind-tabs span.active {
  color: var(--accent-primary);
  font-weight: 600;
  border-bottom: 2px solid var(--accent-primary);
  padding-bottom: 2px;
}
.modal .modal-content .bind-panel .bind-back {
  display: inline-block;
  margin-top: 12px;
  font-size: 12px;
  color: var(--text-tertiary);
  cursor: pointer;
}
.modal .modal-content .bind-panel .bind-back:hover {
  color: var(--accent-primary);
}
.modal .modal-content .oauth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s, opacity 0.2s;
}
.modal .modal-content .oauth-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.modal .modal-content .oauth-btn:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.modal .modal-content .qq-btn {
  background: transparent;
}
.modal .modal-content .wx-btn {
  background: transparent;
}
.modal .modal-content .oauth-icon {
  width: 32px;
  height: 32px;
}
.modal .modal-content .qrcode-section {
  text-align: center;
  padding: 10px 0 0;
}
.modal .modal-content .qrcode-container {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  display: inline-block;
  margin-bottom: 16px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}
.modal .modal-content .login-qrcode {
  width: 180px;
  height: 180px;
  display: block;
}
.modal .modal-content .qrcode-tip {
  margin: 5px 0 0;
  color: #666;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.modal .modal-content .tip-icon {
  width: 16px;
  height: 16px;
}
.modal .modal-content .switch-login-btn {
  background: none;
  border: none;
  color: #409eff;
  font-size: 13px;
  cursor: pointer;
  padding: 8px 16px;
  margin-bottom: 5px;
}
.modal .modal-content .switch-login-btn:hover {
  text-decoration: underline;
}
.modal .modal-content .bind-section {
  text-align: center;
}
.modal .modal-content .bind-section .bind-social-info {
  padding: 16px;
  margin-bottom: 20px;
  background: var(--bg-tertiary);
  border-radius: 6px;
  border: 1px solid var(--border-secondary);
}
.modal .modal-content .bind-section .bind-social-info .bind-social-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 8px;
}
.modal .modal-content .bind-section .bind-social-info .bind-social-icon {
  width: 28px;
  height: 28px;
}
.modal .modal-content .bind-section .bind-social-info .bind-social-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
.modal .modal-content .bind-section .bind-social-info .bind-tip-text {
  font-size: 12px;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.4;
  text-align: center;
}
.modal .modal-content .bind-section .bind-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  font-size: 14px;
}
.modal .modal-content .bind-section .bind-switch span {
  padding: 4px 8px;
  cursor: pointer;
  color: var(--text-tertiary);
  transition: all 0.2s;
}
.modal .modal-content .bind-section .bind-switch span.active {
  color: var(--accent-primary);
  font-weight: 600;
}
.modal .modal-content .bind-section .bind-switch span.divider {
  color: var(--border-secondary);
  cursor: default;
  padding: 4px;
}
.modal .modal-content .bind-section .bind-form .form-group {
  margin-bottom: 14px;
}
.modal .modal-content .bind-section .agreement-text {
  font-size: 12px;
  color: var(--text-tertiary);
  margin: -4px 0 16px;
  text-align: center;
}
.modal .modal-content .bind-section .agreement-text a {
  color: var(--accent-primary);
  text-decoration: none;
}
.modal .modal-content .bind-section .agreement-checkbox {
  margin: -4px 0 16px;
  text-align: left;
}
.modal .modal-content .bind-section .agreement-checkbox .checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
  font-size: 12px;
  color: var(--text-tertiary);
  line-height: 1.5;
}
.modal .modal-content .bind-section .agreement-checkbox .checkbox-label input {
  display: none;
}
.modal .modal-content .bind-section .agreement-checkbox .checkbox-label .checkmark {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  border: 1.5px solid var(--border-secondary);
  border-radius: 4px;
  margin-top: 1px;
  position: relative;
  transition: all 0.2s;
}
.modal .modal-content .bind-section .agreement-checkbox .checkbox-label input:checked + .checkmark {
  background: var(--accent-primary);
  border-color: var(--accent-primary);
}
.modal .modal-content .bind-section .agreement-checkbox .checkbox-label input:checked + .checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.modal .modal-content .bind-section .agreement-checkbox .checkbox-label .agreement-label a {
  color: var(--accent-primary);
  text-decoration: none;
}
.modal .modal-content .bind-section .bind-submit-btn {
  margin-top: 8px;
}
.modal .modal-content .bind-section .bind-back-btn {
  width: 100%;
  background: transparent;
  border: none;
  color: var(--text-tertiary);
  font-size: 12px;
  padding: 12px;
  cursor: pointer;
  margin-top: 4px;
  transition: color 0.2s;
}
.modal .modal-content .bind-section .bind-back-btn:hover {
  color: var(--text-secondary);
}
.modal .modal-content .binding-waiting {
  padding: 40px 20px;
  text-align: center;
}
.modal .modal-content .binding-waiting .binding-tip {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.modal .modal-content .binding-waiting .binding-tip .loading-icon {
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
}
.modal .modal-content .binding-waiting .binding-tip p {
  margin: 0;
  font-size: 14px;
  color: var(--text-secondary);
}
.modal .modal-content .binding-waiting .binding-tip .tip-small {
  font-size: 12px;
  color: var(--text-tertiary);
}
@keyframes spin {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.modal .modal-content .auth-links {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
}
.modal .modal-content .auth-links .forgot-password {
  font-size: 12px;
  margin: 0;
}
.modal .modal-content .auth-links .forgot-password span {
  color: var(--text-secondary);
  cursor: pointer;
}
.modal .modal-content .auth-links .forgot-password span:hover {
  color: var(--text-primary);
}
.modal .modal-content .auth-links .switch-mode {
  font-size: 12px;
  color: var(--text-muted);
  margin: 0;
}
.modal .modal-content .auth-links .switch-mode span {
  color: var(--text-secondary);
  cursor: pointer;
  font-weight: 400;
}
.modal .modal-content .auth-links .switch-mode span:hover {
  color: var(--text-primary);
}
.captcha-overlay {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.52);
  backdrop-filter: blur(12px);
}
.captcha-modal {
  width: min(380px, 100vw - 32px);
  padding: 30px 30px 26px;
  border: 0;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.024)), rgba(16, 19, 25, 0.88);
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(18px);
}
.captcha-modal .close-btn {
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  color: var(--text-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 18px;
  padding-bottom: 2px;
}
.captcha-modal .close-btn:hover {
  color: var(--text-primary);
  background: transparent;
}
.captcha-modal .modal-title {
  color: var(--text-primary);
  font-size: 22px;
  font-weight: 760;
  letter-spacing: 0;
  text-align: left;
  margin-bottom: 8px;
}
.captcha-modal .modal-subtitle {
  color: var(--text-tertiary);
  text-align: left;
  margin-bottom: 22px;
  line-height: 1.7;
}
.captcha-modal .captcha-slider-container {
  margin: 20px 0 14px;
  padding: 10px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.045);
}
.captcha-modal .slider-track {
  position: relative;
  width: 100%;
  height: 42px;
  background: rgba(255, 255, 255, 0.055);
  border: 0;
  border-radius: 5px;
  overflow: hidden;
  user-select: none;
  touch-action: none;
}
.captcha-modal .slider-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: linear-gradient(90deg, rgba(83, 131, 232, 0.24), rgba(83, 131, 232, 0.1));
  transition: background 0.2s;
  pointer-events: none;
  will-change: width;
}
.captcha-modal .slider-target {
  position: absolute;
  top: 8px;
  width: 4px;
  height: 26px;
  border-radius: 999px;
  background: rgba(83, 131, 232, 0.92);
  z-index: 1;
  pointer-events: none;
  box-shadow: 0 0 14px rgba(83, 131, 232, 0.36);
}
.captcha-modal .slider-button {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 38px;
  height: 34px;
  background: var(--accent-primary);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 700;
  font-size: 16px;
  cursor: grab;
  transition: background 0.2s, box-shadow 0.2s;
  z-index: 2;
  box-shadow: 0 10px 22px rgba(83, 131, 232, 0.2);
  will-change: transform;
}
.captcha-modal .slider-button:active {
  cursor: grabbing;
  box-shadow: 0 12px 26px rgba(83, 131, 232, 0.28);
}
.captcha-modal .slider-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--text-muted);
  font-size: 12px;
  pointer-events: none;
}
.captcha-modal .captcha-status {
  text-align: center;
  font-size: 13px;
  min-height: 20px;
}
.captcha-modal .captcha-status .status-success {
  color: #22c55e;
  font-weight: 700;
}
.captcha-modal .captcha-status .status-verifying {
  color: var(--accent-primary);
}
.captcha-modal .captcha-status .status-pending {
  color: var(--text-muted);
}
html.light-theme .captcha-modal {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.86)), rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
}
html.light-theme .captcha-modal .captcha-slider-container {
  background: rgba(15, 23, 42, 0.045);
}
html.light-theme .captcha-modal .slider-track {
  background: rgba(15, 23, 42, 0.055);
}
.user-profile-modal {
  background: linear-gradient(180deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);
  border: 1px solid var(--border-primary);
  border-top: 2px solid var(--accent-primary);
  border-radius: 2px;
  box-shadow: var(--shadow-lg);
  max-height: 90vh;
  overflow-y: auto;
}
.user-profile-modal .modal-title {
  margin-bottom: 28px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: var(--text-primary);
}
.user-profile-modal .user-info {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-secondary);
}
.user-profile-modal .user-avatar {
  width: 48px;
  height: 48px;
  border-radius: 3px;
  background: var(--bg-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}
.user-profile-modal .user-avatar:hover {
  filter: brightness(0.8);
}
.user-profile-modal .user-avatar:hover .avatar-overlay {
  opacity: 1;
}
.user-profile-modal .user-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-profile-modal .user-avatar .avatar-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #fff;
  opacity: 0;
  transition: opacity 0.2s;
}
.user-profile-modal .user-details {
  flex: 1;
}
.user-profile-modal .user-details .username {
  font-size: 15px;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 3px;
}
.user-profile-modal .user-details .user-email {
  font-size: 12px;
  color: var(--text-tertiary);
}
.user-profile-modal .avatar-selector {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  width: 420px;
  background: var(--bg-tertiary);
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--border-secondary);
  box-shadow: var(--shadow-lg);
}
.user-profile-modal .avatar-selector .selector-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--bg-secondary);
  border-bottom: 1px solid var(--border-secondary);
}
.user-profile-modal .avatar-selector .selector-header .selector-title {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-primary);
}
.user-profile-modal .avatar-selector .selector-header .selector-close {
  cursor: pointer;
  font-size: 18px;
  color: var(--text-tertiary);
  line-height: 1;
}
.user-profile-modal .avatar-selector .selector-header .selector-close:hover {
  color: var(--text-primary);
}
.user-profile-modal .avatar-selector .avatar-grid {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 8px;
  padding: 16px;
  max-height: 280px;
  overflow-y: auto;
}
.user-profile-modal .avatar-selector .avatar-grid .avatar-item {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: all 0.2s;
}
.user-profile-modal .avatar-selector .avatar-grid .avatar-item:hover {
  transform: scale(1.1);
  border-color: var(--accent-primary);
}
.user-profile-modal .avatar-selector .avatar-grid .avatar-item.selected {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 2px rgba(83, 131, 232, 0.3);
}
.user-profile-modal .avatar-selector .avatar-grid .avatar-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-profile-modal .fade-enter-active,
.user-profile-modal .fade-leave-active {
  transition: opacity 0.2s, transform 0.2s;
}
.user-profile-modal .fade-enter-from,
.user-profile-modal .fade-leave-to {
  opacity: 0;
  transform: translateY(-10px);
}
.user-profile-modal .user-stats {
  display: flex;
  gap: 1px;
  margin-bottom: 24px;
  background: var(--border-secondary);
  padding: 1px;
  border-radius: 3px;
}
.user-profile-modal .stat-item {
  flex: 1;
  text-align: center;
  padding: 16px 5px;
  background: var(--bg-tertiary);
  border-radius: 2px;
}
.user-profile-modal .stat-item .stat-value {
  font-size: 13px;
  font-weight: 400;
  color: var(--text-primary);
  margin-bottom: 6px;
  min-height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.user-profile-modal .stat-item .stat-value.privacy-agreed {
  color: #22c55e;
  font-weight: 600;
}
.user-profile-modal .stat-item .stat-label {
  font-size: 11px;
  color: var(--text-tertiary);
  letter-spacing: 0.3px;
}
.user-profile-modal .profile-actions {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}
.user-profile-modal .checked-in-box {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  background: var(--bg-tertiary);
  border-radius: 4px;
  border: 1px solid var(--border-secondary);
  border-color: rgba(34, 197, 94, 0.15);
  color: var(--accent-success);
  font-size: 13px;
  font-weight: 400;
}
.user-profile-modal .check-in-btn,
.user-profile-modal .sponsor-btn {
  flex: 1;
  height: 44px;
  background: var(--bg-tertiary);
  color: var(--text-primary);
  border: 1px solid var(--border-secondary);
  border-radius: 4px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.user-profile-modal .check-in-btn:hover:not(:disabled),
.user-profile-modal .sponsor-btn:hover:not(:disabled) {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
  background: rgba(59, 130, 246, 0.03);
}
.user-profile-modal .check-in-btn:disabled,
.user-profile-modal .sponsor-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.user-profile-modal .account-binding-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  margin-top: 8px;
}
.user-profile-modal .account-binding-section .binding-label {
  font-size: 13px;
  color: var(--text-secondary);
  font-weight: 400;
  letter-spacing: 0.3px;
}
.user-profile-modal .account-binding-section .binding-icons {
  display: flex;
  gap: 8px;
}
.user-profile-modal .account-binding-section .binding-item {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.user-profile-modal .account-binding-section .binding-item.unbound {
  opacity: 0.6;
  background: var(--bg-tertiary);
}
.user-profile-modal .account-binding-section .binding-item.unbound:hover {
  opacity: 1;
  background: var(--bg-secondary);
}
.user-profile-modal .account-binding-section .binding-item.bound {
  background: transparent;
}
.user-profile-modal .account-binding-section .binding-item.bound .binding-icon-svg {
  opacity: 1;
}
.user-profile-modal .account-binding-section .binding-item.bound .bind-text {
  color: #22c55e;
}
.user-profile-modal .account-binding-section .binding-item .binding-icon-svg {
  width: 16px;
  height: 16px;
  opacity: 0.9;
}
.user-profile-modal .account-binding-section .binding-item .bind-text {
  font-size: 11px;
  color: var(--text-tertiary);
  transition: color 0.2s;
}
.user-profile-modal .account-binding-section .binding-item .unbind-btn {
  position: absolute;
  right: -2px;
  top: -8px;
  font-size: 10px;
  color: var(--text-tertiary);
  background: var(--bg-primary);
  border: 1px solid var(--border-secondary);
  padding: 1px 4px;
  border-radius: 2px;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s;
}
.user-profile-modal .account-binding-section .binding-item .unbind-btn:hover {
  color: #ef4444;
  border-color: #ef4444;
}
.user-profile-modal .account-binding-section .binding-item:hover .unbind-btn {
  opacity: 1;
}
.user-profile-modal .sponsor-records-section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border-secondary);
}
.user-profile-modal .sponsor-records-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 0;
  user-select: none;
  margin-bottom: 8px;
  transition: all 0.15s;
}
.user-profile-modal .sponsor-records-section .section-header:hover .section-title {
  color: var(--text-primary);
}
.user-profile-modal .sponsor-records-section .section-title {
  font-size: 13px;
  color: var(--text-secondary);
  font-weight: 400;
  letter-spacing: 0.3px;
  transition: color 0.15s;
}
.user-profile-modal .sponsor-records-section .toggle-icon {
  font-size: 14px;
  color: var(--text-tertiary);
  font-weight: 300;
  line-height: 1;
}
.user-profile-modal .sponsor-records-section .empty-records {
  text-align: center;
  padding: 20px;
  color: var(--text-tertiary);
  font-size: 12px;
  background: var(--bg-tertiary);
  border-radius: 2px;
}
.user-profile-modal .sponsor-records-section .records-table {
  background: var(--border-secondary);
  border-radius: 2px;
  overflow: hidden;
}
.user-profile-modal .sponsor-records-section .records-table .records-header {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  background: var(--bg-tertiary);
  padding: 10px 12px;
  font-size: 11px;
  color: var(--text-tertiary);
  border-bottom: 1px solid var(--border-secondary);
}
.user-profile-modal .sponsor-records-section .records-table .records-header span {
  text-align: center;
}
.user-profile-modal .sponsor-records-section .records-table .records-header span:first-child {
  text-align: left;
}
.user-profile-modal .sponsor-records-section .records-table .record-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 2fr;
  background: var(--bg-tertiary);
  padding: 10px 12px;
  font-size: 12px;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-secondary);
  transition: background 0.15s;
}
.user-profile-modal .sponsor-records-section .records-table .record-row:last-child {
  border-bottom: none;
}
.user-profile-modal .sponsor-records-section .records-table .record-row:hover {
  background: var(--bg-secondary);
}
.user-profile-modal .sponsor-records-section .records-table .record-row span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-profile-modal .sponsor-records-section .records-table .record-row span:first-child {
  justify-content: flex-start;
}
.user-profile-modal .sponsor-records-section .records-table .record-row .record-package {
  font-weight: 500;
}
.user-profile-modal .sponsor-records-section .records-table .record-row .record-amount {
  color: var(--accent-primary);
  font-weight: 500;
}
.user-profile-modal .sponsor-records-section .records-table .record-row .record-days {
  color: var(--accent-success);
}
.user-profile-modal .sponsor-records-section .records-table .record-row .record-date {
  color: var(--text-tertiary);
  font-size: 11px;
}
.user-profile-modal .sponsor-records-section .records-scroll {
  max-height: 280px;
  overflow-y: auto;
}
.user-profile-modal .sponsor-records-section .records-scroll .records-header-sticky {
  position: sticky;
  top: 0;
  z-index: 1;
}
.user-profile-modal .invite-section {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--border-secondary);
}
.user-profile-modal .invite-section .section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 6px 0;
  user-select: none;
  margin-bottom: 8px;
  transition: all 0.15s;
}
.user-profile-modal .invite-section .section-header:hover .section-title {
  color: var(--text-primary);
}
.user-profile-modal .invite-section .section-title {
  font-size: 13px;
  color: var(--text-secondary);
  font-weight: 400;
  letter-spacing: 0.3px;
  transition: color 0.15s;
}
.user-profile-modal .invite-section .toggle-icon {
  font-size: 14px;
  color: var(--text-tertiary);
  font-weight: 300;
  line-height: 1;
}
.user-profile-modal .invite-section .invite-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 16px;
}
.user-profile-modal .invite-section .invite-stats .stat-item {
  background: var(--bg-tertiary);
  padding: 16px 12px;
  border-radius: 2px;
  text-align: center;
}
.user-profile-modal .invite-section .invite-stats .stat-item .stat-value {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: var(--accent-primary);
  line-height: 1;
  margin-bottom: 6px;
}
.user-profile-modal .invite-section .invite-stats .stat-item .stat-label {
  font-size: 11px;
  color: var(--text-tertiary);
}
.user-profile-modal .invite-section .invite-link-box {
  background: var(--bg-tertiary);
  border-radius: 2px;
  padding: 12px;
  margin-bottom: 16px;
}
.user-profile-modal .invite-section .invite-link-box .link-label {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 8px;
}
.user-profile-modal .invite-section .invite-link-box .link-content {
  display: flex;
  gap: 8px;
  margin-bottom: 8px;
}
.user-profile-modal .invite-section .invite-link-box .link-content .link-input {
  flex: 1;
  background: var(--bg-primary);
  border: 1px solid var(--border-secondary);
  border-radius: 2px;
  padding: 8px 12px;
  font-size: 12px;
  color: var(--text-primary);
  outline: none;
}
.user-profile-modal .invite-section .invite-link-box .link-content .link-input:focus {
  border-color: var(--accent-primary);
}
.user-profile-modal .invite-section .invite-link-box .link-content .copy-btn {
  padding: 0 16px;
  background: var(--accent-primary);
  color: white;
  border: none;
  border-radius: 2px;
  font-size: 12px;
  cursor: pointer;
  transition: opacity 0.15s;
}
.user-profile-modal .invite-section .invite-link-box .link-content .copy-btn:hover {
  opacity: 0.9;
}
.user-profile-modal .invite-section .invite-link-box .link-tip {
  font-size: 11px;
  color: var(--text-tertiary);
  line-height: 1.5;
}
.user-profile-modal .invite-section .invite-records-section {
  background: var(--border-secondary);
  border-radius: 2px;
  overflow: hidden;
}
.user-profile-modal .invite-section .invite-records-section .records-header {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  background: var(--bg-tertiary);
  padding: 10px 12px;
  font-size: 11px;
  color: var(--text-tertiary);
  border-bottom: 1px solid var(--border-secondary);
}
.user-profile-modal .invite-section .invite-records-section .records-header span {
  text-align: center;
}
.user-profile-modal .invite-section .invite-records-section .records-header span:first-child {
  text-align: left;
}
.user-profile-modal .invite-section .invite-records-section .record-row {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  background: var(--bg-tertiary);
  padding: 10px 12px;
  font-size: 12px;
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-secondary);
  transition: background 0.15s;
}
.user-profile-modal .invite-section .invite-records-section .record-row:last-child {
  border-bottom: none;
}
.user-profile-modal .invite-section .invite-records-section .record-row:hover {
  background: var(--bg-secondary);
}
.user-profile-modal .invite-section .invite-records-section .record-row span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-profile-modal .invite-section .invite-records-section .record-row span:first-child {
  justify-content: flex-start;
}
.user-profile-modal .invite-section .invite-records-section .record-row .reward-days {
  color: var(--accent-success);
  font-weight: 500;
}
.user-profile-modal .reward-options {
  margin-top: 14px;
}
.user-profile-modal .reward-options .reward-title {
  font-size: 12px;
  color: var(--text-secondary);
  margin-bottom: 12px;
  text-align: left;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.user-profile-modal .reward-options .reward-list {
  display: flex;
  gap: 12px;
}
.user-profile-modal .reward-option {
  flex: 1;
  padding: 16px 14px;
  background: var(--bg-tertiary);
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid var(--border-secondary);
  text-align: center;
}
.user-profile-modal .reward-option:hover {
  background: var(--bg-hover);
  border-color: rgba(255, 215, 0, 0.3);
  transform: translateY(-1px);
}
.user-profile-modal .reward-option .reward-name {
  font-size: 14px;
  font-weight: 500;
  color: var(--accent-warning);
  margin-bottom: 6px;
}
.user-profile-modal .reward-option .reward-desc {
  font-size: 11px;
  color: var(--text-tertiary);
  line-height: 1.4;
}
.user-profile-modal .close-btn {
  color: var(--text-tertiary);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-size: 18px;
  padding-bottom: 2px;
  transition: color 0.15s ease;
}
.user-profile-modal .close-btn:hover {
  color: var(--text-primary);
  background: transparent;
}
@keyframes modalIn {
from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
}
to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
}
@keyframes overlayFadeIn {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes pulse {
0%, 100% {
    opacity: 1;
    transform: scale(1);
}
50% {
    opacity: 0.7;
    transform: scale(1.1);
}
}
@keyframes slideInRight {
from {
    opacity: 0;
    transform: translateX(100px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.announcement-popup {
  position: fixed;
  top: 80px;
  right: 20px;
  width: 360px;
  background: var(--bg-elevated);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  z-index: 9999;
  box-shadow: var(--shadow-lg);
  animation: slideInRight 0.4s ease;
  overflow: hidden;
}
.announcement-popup .popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid var(--border-primary);
}
.announcement-popup .popup-header .popup-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.announcement-popup .popup-header .popup-close {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 18px;
  line-height: 1;
  transition: all 0.2s;
}
.announcement-popup .popup-header .popup-close:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.announcement-popup .popup-content {
  padding: 16px;
}
.announcement-popup .popup-content p {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
  white-space: pre-line;
}
.announcement-popup .popup-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 16px;
}
.announcement-popup .popup-footer .popup-time {
  font-size: 12px;
  color: var(--text-muted);
}
.announcement-popup .popup-footer .popup-read-btn {
  display: inline-flex;
  align-items: center;
  padding: 4px 0;
  background: transparent;
  color: #5383e8;
  border: none;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
  gap: 6px;
}
.announcement-popup .popup-footer .popup-read-btn:hover {
  color: #4171d6;
}
.announcement-dropdown-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9998;
}
.announcement-dropdown {
  position: fixed;
  top: 70px;
  right: 20px;
  width: 380px;
  max-height: 500px;
  background: var(--bg-elevated);
  border: 1px solid var(--border-primary);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
  animation: slideInCard 0.4s ease;
}
.announcement-dropdown .dropdown-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border-primary);
  flex-shrink: 0;
}
.announcement-dropdown .dropdown-header .dropdown-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}
.announcement-dropdown .dropdown-header .dropdown-close {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 20px;
  line-height: 1;
  transition: all 0.2s;
}
.announcement-dropdown .dropdown-header .dropdown-close:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.announcement-dropdown .dropdown-content {
  flex: 1;
  overflow-y: auto;
  padding: 12px 16px 16px;
}
.announcement-dropdown .dropdown-content .empty-announcement {
  text-align: center;
  padding: 40px 20px;
  color: var(--text-muted);
  font-size: 14px;
}
.announcement-dropdown .dropdown-content .announcement-item {
  background: var(--bg-secondary);
  padding: 12px;
  margin-bottom: 10px;
  border: 1px solid var(--border-primary);
}
.announcement-dropdown .dropdown-content .announcement-item .announcement-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.announcement-dropdown .dropdown-content .announcement-item .announcement-title .title-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
}
.announcement-dropdown .dropdown-content .announcement-item .announcement-title .announcement-time {
  font-size: 11px;
  color: var(--text-muted);
}
.announcement-dropdown .dropdown-content .announcement-item .announcement-content {
  font-size: 13px;
  color: var(--text-secondary);
  line-height: 1.5;
}
.history-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9998;
}
.history-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1300px;
  max-height: 750px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
  animation: fadeIn 0.14s ease-out both;
  will-change: transform, opacity;
}
.history-modal .history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-bottom: 1px solid var(--border-primary);
  flex-shrink: 0;
}
.history-modal .history-header .history-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
}
.history-modal .history-header .history-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.history-modal .history-header .history-actions .clear-history-btn {
  padding: 6px 12px;
  background: transparent;
  color: var(--accent-error);
  border: 1px solid rgba(239, 68, 68, 0.3);
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s;
}
.history-modal .history-header .history-actions .clear-history-btn:hover {
  background: rgba(239, 68, 68, 0.1);
  border-color: rgba(239, 68, 68, 0.5);
}
.history-modal .history-header .history-actions .history-close {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-secondary);
  font-size: 22px;
  line-height: 1;
  transition: all 0.2s;
}
.history-modal .history-header .history-actions .history-close:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.history-modal .history-content {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}
.history-modal .history-content::-webkit-scrollbar {
  width: 6px;
}
.history-modal .history-content::-webkit-scrollbar-thumb {
  background: var(--border-primary);
  border-radius: 3px;
}
.history-modal .history-content::-webkit-scrollbar-thumb:hover {
  background: var(--border-secondary);
}
.history-modal .history-content .empty-history {
  text-align: center;
  padding: 80px 20px;
  color: var(--text-muted);
  font-size: 14px;
}
.history-modal .history-content .history-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.history-modal .history-content .history-card {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 14px;
  padding: 16px;
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s;
}
.history-modal .history-content .history-card:hover {
  border-color: var(--accent-primary);
  background: var(--bg-hover);
}
.history-modal .history-content .history-card:hover .card-delete-btn {
  opacity: 1;
  pointer-events: auto;
}
.history-modal .history-content .history-card .favorite-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 16px;
  z-index: 1;
  line-height: 1;
}
.history-modal .history-content .history-card .card-delete-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-tertiary);
  font-size: 16px;
  line-height: 1;
  transition: all 0.2s;
  opacity: 0;
  pointer-events: none;
}
.history-modal .history-content .history-card .card-delete-btn:hover {
  background: var(--accent-error);
  color: var(--text-primary);
}
.history-modal .history-content .history-card .card-avatar {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.history-modal .history-content .history-card .card-avatar-placeholder {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  background: var(--border-primary);
  flex-shrink: 0;
}
.history-modal .history-content .history-card .card-info {
  flex: 1;
  min-width: 0;
}
.history-modal .history-content .history-card .card-info .card-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.history-modal .history-content .history-card .card-info .card-name .card-tag {
  color: var(--text-secondary);
  font-weight: 400;
}
.history-modal .history-content .history-card .card-info .card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  margin-bottom: 6px;
}
.history-modal .history-content .history-card .card-info .card-meta .card-region {
  color: var(--accent-warning);
}
.history-modal .history-content .history-card .card-info .card-meta .card-level {
  color: var(--text-tertiary);
}
.history-modal .history-content .history-card .card-info .card-time {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 12px;
  margin-top: auto;
}
.history-modal .history-content .history-card .card-info .card-time .time-full {
  color: var(--text-muted);
}
.history-modal .history-content .history-card .card-info .card-time .time-ago {
  color: var(--accent-primary);
  font-weight: 500;
}
@keyframes fadeIn {
from {
    opacity: 0;
    transform: translate3d(-50%, calc(-50% + 8px), 0);
}
to {
    opacity: 1;
    transform: translate3d(-50%, -50%, 0);
}
}
@keyframes slideInCard {
from {
    opacity: 0;
    transform: translateX(40px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}
.search-card,
.summoner-card,
.hero-card,
.terms-section,
.sidebar-sticky,
.modal,
.history-modal,
.announcement-popup,
.announcement-dropdown,
.favorites-panel,
.legal-card,
.package-card,
.records-table,
.invite-link-box,
.invite-records-section,
.sponsor-desc {
  border-radius: var(--radius-md) !important;
  border-color: var(--border-secondary) !important;
}
.search-card,
.summoner-card,
.hero-card,
.terms-section,
.sidebar-sticky,
.modal,
.history-modal,
.announcement-popup,
.announcement-dropdown,
.legal-card {
  box-shadow: var(--shadow-sm);
}
.summoner-card:hover,
.hero-card:hover,
.history-card:hover,
.legal-card:hover,
.package-card:hover {
  border-color: var(--border-focus) !important;
  box-shadow: var(--shadow-md);
}
.section-title,
.card-header,
.card-stats,
.top-champions,
.favorites-header,
.dropdown-header,
.history-header,
.modal-header,
.modal-nav {
  border-color: var(--border-secondary) !important;
}
.divider,
.rank-sep,
.rune-group-sep,
.separator {
  opacity: 0.5;
}
.form-input,
.summoner-textarea,
.search-input,
.mode-select,
.link-input {
  border-radius: var(--radius-sm) !important;
  border-color: var(--border-secondary) !important;
}
.auth-btn,
.history-btn,
.favorites-btn,
.notification-icon,
.clear-history-btn,
.submit-btn,
.search-btn,
.check-in-btn,
.sponsor-btn,
.copy-btn,
.pay-btn,
.nav-item,
.nav-btn,
.filter-tab,
.buff-tag,
.reward-option,
.summoner-tag {
  border-radius: var(--radius-sm) !important;
}
.announcement-popup,
.announcement-dropdown {
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)), rgba(13, 17, 23, 0.78) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(14px);
}
.announcement-popup .popup-header,
.announcement-dropdown .dropdown-header {
  border-bottom: 0 !important;
  padding-bottom: 8px !important;
}
.announcement-popup .popup-content,
.announcement-dropdown .dropdown-content {
  padding-top: 6px !important;
}
.announcement-dropdown .announcement-item {
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.045) !important;
}
.announcement-popup .popup-close,
.announcement-dropdown .dropdown-close {
  border-radius: 5px !important;
}
html.light-theme .announcement-popup,
html.light-theme .announcement-dropdown {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(248, 250, 252, 0.68)), rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12) !important;
}
html.light-theme .announcement-popup .popup-title,
html.light-theme .announcement-dropdown .dropdown-title,
html.light-theme .announcement-dropdown .title-text {
  color: #0f172a !important;
}
html.light-theme .announcement-popup .popup-content p,
html.light-theme .announcement-dropdown .announcement-content {
  color: #334155 !important;
}
html.light-theme .announcement-dropdown .announcement-item {
  background: rgba(15, 23, 42, 0.045) !important;
}
.modal-overlay.auth-page-shell {
  gap: 34px;
  padding: 28px 32px;
}
.modal-overlay.auth-page-shell .auth-enterprise-panel {
  position: relative;
  width: min(500px, 40vw);
  min-height: 360px;
  padding: 22px 0;
}
.modal-overlay.auth-page-shell .auth-brand-block {
  position: relative;
}
.modal-overlay.auth-page-shell .auth-brand-block .auth-kicker {
  background: rgba(201, 164, 93, 0.12) !important;
  color: var(--accent-brass, #c9a45d) !important;
  box-shadow: none !important;
}
.modal-overlay.auth-page-shell .auth-brand-block h2 {
  margin: 18px 0 12px;
  font-size: 34px;
  line-height: 1.12;
  white-space: nowrap;
}
.modal-overlay.auth-page-shell .auth-brand-block p {
  max-width: 460px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 16px;
  line-height: 1.8;
}
.modal-overlay.auth-page-shell .auth-capability-list {
  gap: 8px;
  margin-top: 26px;
}
.modal-overlay.auth-page-shell .auth-capability-item {
  min-height: 50px;
  padding: 0 16px;
  border: 0 !important;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.045) !important;
  box-shadow: none !important;
  backdrop-filter: blur(12px);
}
.modal-overlay.auth-page-shell .auth-capability-item span {
  color: var(--text-tertiary);
  font-size: 11px;
  letter-spacing: 0;
}
.modal-overlay.auth-page-shell .auth-capability-item strong {
  font-size: 13px;
}
.modal-overlay.auth-page-shell .modal {
  width: min(410px, 100%) !important;
  padding: 32px 34px 30px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)), rgba(16, 19, 25, 0.82) !important;
  box-shadow: 0 24px 72px rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: blur(18px);
}
.modal-overlay.auth-page-shell .modal-content .modal-title {
  color: var(--text-primary);
  font-size: 24px !important;
  font-weight: 760 !important;
  line-height: 1.2;
  margin-bottom: 8px !important;
  text-align: left !important;
  letter-spacing: 0 !important;
}
.modal-overlay.auth-page-shell .modal-content .modal-subtitle {
  max-width: 330px;
  color: var(--text-secondary) !important;
  font-size: 14px !important;
  line-height: 1.75;
  margin: 0 0 24px !important;
  text-align: left !important;
}
.modal-overlay.auth-page-shell .modal-content .login-form-wrapper {
  display: grid;
  gap: 10px;
}
.modal-overlay.auth-page-shell .modal-content .bind-section {
  text-align: left;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-social-info {
  padding: 14px !important;
  margin-bottom: 14px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  box-shadow: none !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-social-row {
  justify-content: flex-start !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-social-icon {
  width: 26px !important;
  height: 26px !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-social-name {
  color: var(--text-primary) !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-tip-text {
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  line-height: 1.65 !important;
  text-align: left !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-switch {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 4px;
  margin-bottom: 14px !important;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.055);
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-switch span {
  height: 30px;
  padding: 0 10px !important;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-tertiary) !important;
  font-size: 12px;
  font-weight: 650;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-switch span.active {
  background: rgba(83, 131, 232, 0.16);
  color: var(--text-primary) !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-switch span.divider {
  width: 1px;
  padding: 0 !important;
  color: transparent !important;
  background: rgba(255, 255, 255, 0.08);
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-form {
  display: grid;
  gap: 10px;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-form .form-group {
  margin-bottom: 0 !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .agreement-checkbox {
  margin: 4px 0 12px !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-submit-btn {
  margin-top: 4px !important;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-back-btn {
  width: 100%;
  height: 34px;
  margin-top: 8px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 12px;
  cursor: pointer;
}
.modal-overlay.auth-page-shell .modal-content .bind-section .bind-back-btn:hover {
  color: var(--text-primary);
  background: rgba(255, 255, 255, 0.055);
}
.modal-overlay.auth-page-shell .modal-content .form-group {
  margin-bottom: 0 !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group.email-group {
  gap: 8px;
}
.modal-overlay.auth-page-shell .modal-content .form-group.code-group {
  gap: 8px;
}
.modal-overlay.auth-page-shell .modal-content .form-group .form-input {
  height: 42px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.068) !important;
  color: var(--text-primary) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  transition: background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
.modal-overlay.auth-page-shell .modal-content .form-group .form-input:focus {
  background: rgba(83, 131, 232, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.28), 0 0 0 3px rgba(83, 131, 232, 0.08) !important;
  transform: translateY(-1px);
}
.modal-overlay.auth-page-shell .modal-content .form-group .form-input::placeholder {
  color: var(--text-muted);
}
.modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-select,
.modal-overlay.auth-page-shell .modal-content .form-group .send-code-btn {
  height: 42px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: rgba(255, 255, 255, 0.068) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-select {
  width: 124px !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-select:hover {
  background: rgba(255, 255, 255, 0.11) !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group .send-code-btn {
  width: 98px !important;
  font-weight: 600 !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group .send-code-btn:hover:not(:disabled) {
  color: var(--text-primary) !important;
  background: rgba(83, 131, 232, 0.14) !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-dropdown {
  top: calc(100% + 6px) !important;
  width: 156px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 6px !important;
  background: rgba(20, 23, 29, 0.96) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(14px);
}
.modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-dropdown .suffix-item {
  border-radius: 4px;
  color: var(--text-secondary) !important;
}
.modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-dropdown .suffix-item:hover, .modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-dropdown .suffix-item.active {
  background: rgba(83, 131, 232, 0.14) !important;
  color: var(--text-primary) !important;
}
.modal-overlay.auth-page-shell .modal-content .checkbox-group {
  margin-top: 4px !important;
}
.modal-overlay.auth-page-shell .modal-content .checkbox-label {
  align-items: flex-start !important;
}
.modal-overlay.auth-page-shell .modal-content .checkbox-text,
.modal-overlay.auth-page-shell .modal-content .terms-hint {
  color: var(--text-tertiary) !important;
}
.modal-overlay.auth-page-shell .modal-content .submit-btn {
  height: 43px !important;
  margin-top: 4px !important;
  border-radius: 5px !important;
  background: var(--accent-primary) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 14px 34px rgba(83, 131, 232, 0.18);
}
.modal-overlay.auth-page-shell .modal-content .submit-btn:hover:not(:disabled) {
  background: var(--accent-secondary) !important;
  transform: translateY(-1px);
  box-shadow: 0 18px 40px rgba(83, 131, 232, 0.24);
}
.modal-overlay.auth-page-shell .modal-content .oauth-divider {
  margin: 18px 0 8px !important;
  color: var(--text-tertiary) !important;
}
.modal-overlay.auth-page-shell .modal-content .oauth-divider::before, .modal-overlay.auth-page-shell .modal-content .oauth-divider::after {
  background: rgba(255, 255, 255, 0.08) !important;
}
.modal-overlay.auth-page-shell .modal-content .oauth-buttons {
  gap: 12px !important;
}
.modal-overlay.auth-page-shell .modal-content .transfer-entry {
  margin: 8px 0 0 !important;
}
.modal-overlay.auth-page-shell .modal-content .transfer-link {
  font-size: 11px !important;
}
.modal-overlay.auth-page-shell .modal-content .transfer-link--blue {
  color: #1677ff !important;
  border-bottom-color: #91caff !important;
}
.modal-overlay.auth-page-shell .modal-content .oauth-btn {
  width: 38px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  border-radius: 50% !important;
}
.modal-overlay.auth-page-shell .modal-content .oauth-btn:hover {
  transform: translateY(-1px) !important;
  opacity: 1 !important;
  background: rgba(255, 255, 255, 0.11) !important;
}
.modal-overlay.auth-page-shell .modal-content .oauth-icon {
  width: 27px !important;
  height: 27px !important;
}
.modal-overlay.auth-page-shell .modal-content .auth-links {
  margin-top: 12px !important;
}
.modal-overlay.auth-page-shell .modal-content .auth-links p {
  margin: 0;
}
html.light-theme .modal-overlay.auth-page-shell .auth-brand-block .auth-kicker {
  background: rgba(166, 124, 45, 0.1) !important;
  color: #8a6525 !important;
}
html.light-theme .modal-overlay.auth-page-shell .auth-brand-block p {
  color: #475569;
}
html.light-theme .modal-overlay.auth-page-shell .auth-capability-item {
  background: rgba(255, 255, 255, 0.68) !important;
  box-shadow: none !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.82)), rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 22px 62px rgba(15, 23, 42, 0.1) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .bind-section .bind-social-info,
html.light-theme .modal-overlay.auth-page-shell .modal-content .bind-section .bind-switch {
  background: rgba(15, 23, 42, 0.045) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .bind-section .bind-switch .divider {
  background: rgba(15, 23, 42, 0.08) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .bind-section .bind-back-btn:hover {
  background: rgba(15, 23, 42, 0.045) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .form-input,
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-select,
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .send-code-btn {
  background: rgba(15, 23, 42, 0.045) !important;
  box-shadow: none !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .form-input:focus {
  background: rgba(83, 131, 232, 0.09) !important;
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.2), 0 0 0 3px rgba(83, 131, 232, 0.08) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-select:hover,
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .send-code-btn:hover:not(:disabled) {
  background: rgba(15, 23, 42, 0.07) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .form-group .email-suffix-dropdown {
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .oauth-divider::before, html.light-theme .modal-overlay.auth-page-shell .modal-content .oauth-divider::after {
  background: rgba(15, 23, 42, 0.08) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .oauth-btn {
  background: rgba(15, 23, 42, 0.055) !important;
}
html.light-theme .modal-overlay.auth-page-shell .modal-content .oauth-btn:hover {
  background: rgba(15, 23, 42, 0.085) !important;
}
.summoner-icon,
.level-badge,
.tier-card,
.rank-card,
.overview-card,
.stats-card,
.champion-card,
.match-card,
.guide-modal,
.augment-card,
.rune-build,
.item-set,
.solo-item,
.card,
.code-box,
.warning {
  border-radius: var(--radius-md) !important;
}
.summoner-avatar,
.champion-icon,
.hero-avatar,
.item-icon,
.rune-icon,
.augment-icon,
.tiny-tier-icon,
.match-champion-icon {
  border-radius: var(--radius-sm) !important;
}
.el-popper.item-tooltip,
.el-popper.badges-tooltip {
  border-radius: var(--radius-md) !important;
  padding: 12px 14px !important;
  max-width: 340px !important;
  overflow: visible !important;
  line-height: 1.55;
}
.el-popper.badges-tooltip,
.el-popper.is-dark.badges-tooltip {
  width: auto !important;
  max-width: 380px !important;
  padding: 12px !important;
  border: 0 !important;
}
.el-popper.badges-tooltip .tooltip-badges,
.el-popper.is-dark.badges-tooltip .tooltip-badges {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(118px, 1fr)) !important;
  gap: 7px !important;
  width: min(300px, 100vw - 48px) !important;
  max-width: 300px !important;
}
.el-popper.badges-tooltip .tooltip-badge,
.el-popper.is-dark.badges-tooltip .tooltip-badge {
  width: 100% !important;
  min-width: 0 !important;
  height: 23px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 3px !important;
  color: var(--text-secondary) !important;
  background: rgba(148, 163, 184, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.el-popper.badges-tooltip .tooltip-badge.badge-epic,
.el-popper.is-dark.badges-tooltip .tooltip-badge.badge-epic {
  color: var(--text-secondary) !important;
  background: rgba(148, 163, 184, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 168, 106, 0.42) !important;
}
.el-popper.badges-tooltip .tooltip-badge.badge-legendary,
.el-popper.is-dark.badges-tooltip .tooltip-badge.badge-legendary {
  color: var(--text-secondary) !important;
  background: rgba(148, 163, 184, 0.1) !important;
  box-shadow: inset 0 0 0 1px rgba(224, 189, 120, 0.48) !important;
}
.el-popper.item-tooltip .rune-tooltip,
.el-popper.item-tooltip .augment-tooltip,
.el-popper.item-tooltip .spell-tooltip,
.el-popper.item-tooltip .tooltip-content {
  padding: 0 !important;
}
.el-popper.item-tooltip .tooltip-title,
.el-popper.item-tooltip .rune-tooltip-title,
.el-popper.item-tooltip .augment-tooltip-title,
.el-popper.item-tooltip .spell-tooltip-title {
  margin-bottom: 8px;
}
.el-popper.item-tooltip .tooltip-craft,
.el-popper.item-tooltip .item-stats {
  margin-top: 10px;
  padding-top: 10px;
}
:root.light-theme .el-popper.item-tooltip,
:root.light-theme .el-popper.badges-tooltip,
:root.light-theme .el-popper.is-dark.item-tooltip,
:root.light-theme .el-popper.is-dark.badges-tooltip {
  background: #ffffff !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  color: #1f2937 !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14) !important;
}
:root.light-theme .el-popper.item-tooltip *,
:root.light-theme .el-popper.badges-tooltip * {
  color: inherit;
}
:root.light-theme .el-popper.badges-tooltip .tooltip-badges {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(118px, 1fr)) !important;
  gap: 7px !important;
  width: min(300px, 100vw - 48px) !important;
}
:root.light-theme .el-popper.badges-tooltip .tooltip-badge {
  color: #64748b !important;
  background: rgba(15, 23, 42, 0.045) !important;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.07) !important;
}
:root.light-theme .el-popper.badges-tooltip .tooltip-badge.badge-epic {
  color: #9a6b16 !important;
  background: rgba(201, 168, 106, 0.12) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 168, 106, 0.18) !important;
}
:root.light-theme .el-popper.badges-tooltip .tooltip-badge.badge-legendary {
  color: #8a5d12 !important;
  background: linear-gradient(135deg, rgba(201, 168, 106, 0.18), rgba(201, 168, 106, 0.08)) !important;
  box-shadow: inset 0 0 0 1px rgba(201, 168, 106, 0.24), 0 3px 10px rgba(15, 23, 42, 0.06) !important;
}
:root.light-theme .el-popper.item-tooltip .tooltip-title,
:root.light-theme .el-popper.item-tooltip .rune-tooltip-title,
:root.light-theme .el-popper.item-tooltip .augment-tooltip-title,
:root.light-theme .el-popper.item-tooltip .spell-tooltip-title {
  color: #111827 !important;
  -webkit-text-fill-color: currentColor !important;
  background: none !important;
}
:root.light-theme .el-popper.item-tooltip .tooltip-title,
:root.light-theme .el-popper.item-tooltip .rune-tooltip-title {
  color: #9a6b16 !important;
}
:root.light-theme .el-popper.item-tooltip .spell-tooltip-title {
  color: #047857 !important;
}
:root.light-theme .el-popper.item-tooltip .rune-tooltip-desc,
:root.light-theme .el-popper.item-tooltip .augment-tooltip-desc,
:root.light-theme .el-popper.item-tooltip .tooltip-desc,
:root.light-theme .el-popper.item-tooltip .spell-tooltip-desc,
:root.light-theme .el-popper.item-tooltip .simple-tooltip {
  color: #374151 !important;
}
:root.light-theme .el-popper.item-tooltip .tooltip-craft,
:root.light-theme .el-popper.item-tooltip .item-stats {
  border-color: rgba(15, 23, 42, 0.1) !important;
}
:root.light-theme .el-popper.item-tooltip .craft-label,
:root.light-theme .el-popper.item-tooltip .tooltip-price,
:root.light-theme .el-popper.item-tooltip .stat-label {
  color: #64748b !important;
}
:root.light-theme .el-popper.item-tooltip .stat-item.positive {
  color: #047857 !important;
}
:root.light-theme .el-popper.item-tooltip .stat-item.special {
  color: #9a6b16 !important;
}
:root.light-theme .el-popper.item-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.badges-tooltip .el-popper__arrow::before {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}
.el-popper.stat-tooltip,
.el-popper.is-dark.stat-tooltip,
:root.light-theme .el-popper.stat-tooltip,
:root.light-theme .el-popper.is-dark.stat-tooltip {
  background: var(--bg-elevated) !important;
  border: 1px solid var(--border-secondary) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-lg) !important;
}
.el-popper.stat-tooltip .el-popper__arrow::before,
.el-popper.is-dark.stat-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.stat-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.is-dark.stat-tooltip .el-popper__arrow::before {
  background: var(--bg-elevated) !important;
  border-color: var(--border-secondary) !important;
}

/* Unified tooltip arrows: keep the diamond aligned with the popper surface. */
.el-popper.item-tooltip .el-popper__arrow::before,
.el-popper.is-dark.item-tooltip .el-popper__arrow::before,
.el-popper.badges-tooltip .el-popper__arrow::before,
.el-popper.is-dark.badges-tooltip .el-popper__arrow::before,
.el-popper.stat-tooltip .el-popper__arrow::before,
.el-popper.is-dark.stat-tooltip .el-popper__arrow::before {
  box-sizing: border-box !important;
  background: var(--bg-elevated) !important;
  border-color: var(--border-secondary) !important;
}
:root.light-theme .el-popper.item-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.is-dark.item-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.badges-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.is-dark.badges-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.stat-tooltip .el-popper__arrow::before,
:root.light-theme .el-popper.is-dark.stat-tooltip .el-popper__arrow::before {
  background: #ffffff !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
}

/* Global feedback / tooltip motion */
.el-message {
  transition: opacity 0.24s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.24s ease !important;
  will-change: opacity, transform;
}
.el-message-fade-enter-active,
.el-message-fade-leave-active {
  transition: opacity 0.24s ease, transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.el-message-fade-enter-from {
  opacity: 0 !important;
  transform: translate(-50%, -12px) scale(0.96) !important;
}
.el-message-fade-leave-to {
  opacity: 0 !important;
  transform: translate(-50%, -7px) scale(0.975) !important;
}
.el-popper[role=tooltip],
.el-popper.item-tooltip,
.el-popper.badges-tooltip,
.el-popper.stat-tooltip,
.el-picker__popper,
.el-select__popper,
.el-dropdown__popper {
  transform-origin: var(--el-popper-transform-origin, center) !important;
  scale: 1;
  will-change: opacity, scale;
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active,
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active,
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: opacity 0.16s ease, scale 0.2s cubic-bezier(0.22, 1, 0.36, 1) !important;
  transform-origin: var(--el-popper-transform-origin, center) !important;
}
.el-zoom-in-top-enter-from,
.el-zoom-in-bottom-enter-from,
.el-fade-in-linear-enter-from {
  opacity: 0 !important;
  scale: 0.94 !important;
}
.el-zoom-in-top-leave-to,
.el-zoom-in-bottom-leave-to,
.el-fade-in-linear-leave-to {
  opacity: 0 !important;
  scale: 0.97 !important;
}

/* Animate the independent scale property so Popper's positioning transform is never overwritten. */
.tooltip-scale-enter-active,
.tooltip-scale-leave-active {
  transform-origin: var(--el-popper-transform-origin, center) !important;
  will-change: opacity, scale;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  transition: none !important;
}
.tooltip-scale-enter-active {
  animation: tooltip-scale-in 0.2s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}
.tooltip-scale-leave-active {
  animation: tooltip-scale-out 0.15s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}
@keyframes tooltip-scale-in {
from {
    opacity: 0;
    scale: 0.955;
}
55% {
    opacity: 1;
}
to {
    opacity: 1;
    scale: 1;
}
}
@keyframes tooltip-scale-out {
from {
    opacity: 1;
    scale: 1;
}
to {
    opacity: 0;
    scale: 0.975;
}
}
@media (prefers-reduced-motion: reduce) {
.tooltip-scale-enter-active,
  .tooltip-scale-leave-active {
    animation-duration: 0.01ms !important;
}
}
.el-overlay,
.el-dialog,
.el-message-box {
  transition-duration: 0.28s !important;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1) !important;
}
@media (max-width: 1180px) and (min-width: 769px) {
.header > .container {
    width: calc(100% - 28px);
    padding: 0;
}
.header .header-nav {
    gap: 2px;
    margin-left: 6px;
}
.header .header-nav .nav-item {
    padding-inline: 6px;
    font-size: 14px;
}
.header .header-right {
    padding-left: 30px;
    gap: 7px;
}
}
@media (prefers-reduced-motion: reduce) {
.el-message,
  .el-popper,
  .el-overlay,
  .el-dialog,
  .el-message-box {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
}
}
.record-product-mark {
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin: 0 4px;
  padding: 0 5px;
  border: 1px solid rgba(83, 131, 232, 0.3);
  border-radius: 3px;
  color: #5383e8;
  background: rgba(83, 131, 232, 0.1);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  vertical-align: 1px;
}
.record-product-mark.is-tft {
  border-color: rgba(168, 85, 247, 0.32);
  color: #a855f7;
  background: rgba(168, 85, 247, 0.1);
}
.home-page[data-v-58b1da98] {
  box-sizing: border-box;
  min-height: calc(100svh - 112px);
  padding: 26px 24px 12px;
  color: var(--text-primary);
  background: var(--bg-primary);
}
.home-center[data-v-58b1da98] {
  width: min(1170px, 100%);
  min-height: calc(100svh - 160px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-30px);
}
.hero-copy[data-v-58b1da98] {
  text-align: center;
  animation: rise-in-58b1da98 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.hero-badge[data-v-58b1da98] {
  display: none;
}
.hero-copy h1[data-v-58b1da98] {
  margin: 0;
  color: var(--text-primary);
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.hero-subtitle[data-v-58b1da98] {
  min-height: 24px;
  margin: 12px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.7;
}
.type-caret[data-v-58b1da98] {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin-left: 3px;
  vertical-align: -0.12em;
  background: var(--accent-primary);
  animation: blink-58b1da98 0.85s steps(1) infinite;
}
.search-wrap[data-v-58b1da98] {
  position: relative;
  width: min(660px, 100%);
  margin: 24px auto 0;
  animation: rise-in-58b1da98 0.42s 0.06s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.search-bar[data-v-58b1da98] {
  height: 48px;
  display: flex;
  align-items: center;
  padding-left: 16px;
  border: 1px solid var(--border-primary);
  border-radius: 24px;
  background: var(--bg-secondary);
  box-shadow: 0 5px 15px rgba(9, 16, 31, 0.035);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  overflow: hidden;
}
.search-bar[data-v-58b1da98]:focus-within {
  border-color: color-mix(in srgb, var(--accent-primary) 50%, var(--border-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 8%, transparent);
}
.search-bar.valid[data-v-58b1da98] {
  border-color: color-mix(in srgb, #22c55e 42%, var(--border-primary));
}
.search-bar.invalid[data-v-58b1da98] {
  border-color: color-mix(in srgb, #f59e0b 38%, var(--border-primary));
}
.search-icon[data-v-58b1da98] {
  width: 18px;
  height: 18px;
  color: var(--text-tertiary);
  flex: none;
}
.search-icon svg[data-v-58b1da98], .search-submit svg[data-v-58b1da98], .card-icon svg[data-v-58b1da98] {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.search-input[data-v-58b1da98] {
  flex: 1;
  min-width: 0;
}
.search-input[data-v-58b1da98] .el-input__wrapper {
  height: 46px;
  padding: 0 11px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.search-input[data-v-58b1da98] .el-input__inner {
  color: var(--text-primary);
  font-size: 14px;
}
.search-input[data-v-58b1da98] .el-input__inner::placeholder {
  color: var(--text-tertiary);
}
.format-state[data-v-58b1da98] {
  flex: none;
  padding: 4px 7px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
}
.format-state.is-valid[data-v-58b1da98] {
  color: #16a34a;
  background: rgba(34, 197, 94, 0.09);
}
.format-state.is-invalid[data-v-58b1da98] {
  color: #d97706;
  background: rgba(245, 158, 11, 0.09);
}
.game-select[data-v-58b1da98] {
  flex: none;
  width: 118px;
}
.game-select[data-v-58b1da98] .el-select__wrapper {
  height: 46px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-right: 1px solid var(--border-primary) !important;
  border-radius: 0 !important;
  padding: 0 8px;
}
.game-select[data-v-58b1da98] .el-select__placeholder, .game-select[data-v-58b1da98] .el-select__selected-item {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 500;
}
.search-bar.focused[data-v-58b1da98] {
  border-color: color-mix(in srgb, var(--accent-primary) 50%, var(--border-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 8%, transparent);
}
.search-dropdown[data-v-58b1da98] {
  z-index: 2147483000;
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 16px 40px rgba(9, 16, 31, 0.18);
  padding: 8px;
  max-height: 380px;
  display: flex;
  align-items: stretch;
}
.dropdown-col[data-v-58b1da98] {
  flex: 1 1 0;
  min-width: 0;
  padding: 4px 2px 4px;
  display: flex;
  flex-direction: column;
}
.dropdown-col + .dropdown-col[data-v-58b1da98] {
  border-left: none;
  padding-left: 0;
}
.dropdown-title[data-v-58b1da98] {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
  padding: 6px 8px 4px;
  flex: none;
}
.dropdown-list[data-v-58b1da98] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.dropdown-empty[data-v-58b1da98] {
  padding: 14px;
  color: var(--text-tertiary);
  font-size: 12px;
  text-align: center;
}

/* 滚动条：与数据中心一致（thin + 主题色） */
.search-dropdown[data-v-58b1da98],
.dropdown-list[data-v-58b1da98] {
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  scrollbar-color: color-mix(in srgb, var(--accent-primary) 52%, var(--border-primary)) color-mix(in srgb, var(--bg-primary) 52%, transparent);
}
.search-dropdown[data-v-58b1da98]::-webkit-scrollbar,
.dropdown-list[data-v-58b1da98]::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.search-dropdown[data-v-58b1da98]::-webkit-scrollbar-track,
.dropdown-list[data-v-58b1da98]::-webkit-scrollbar-track {
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-primary) 52%, transparent);
}
.search-dropdown[data-v-58b1da98]::-webkit-scrollbar-thumb,
.dropdown-list[data-v-58b1da98]::-webkit-scrollbar-thumb {
  min-height: 34px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-primary) 48%, var(--border-primary));
}
.search-dropdown[data-v-58b1da98]::-webkit-scrollbar-thumb:hover,
.dropdown-list[data-v-58b1da98]::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--accent-primary) 66%, var(--border-primary));
}

/* 召唤师卡片：与个人中心查询历史 / 我的收藏 list-card 一致 */
.di-card[data-v-58b1da98] {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.di-card[data-v-58b1da98]:hover {
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
}
.di-avatar[data-v-58b1da98] {
  width: 38px;
  height: 38px;
  border-radius: 6px;
  object-fit: cover;
  flex: none;
  background: var(--bg-primary);
}
.di-info[data-v-58b1da98] {
  min-width: 0;
}
.di-name[data-v-58b1da98] {
  display: block;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.25;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.di-name em[data-v-58b1da98] {
  margin-left: 4px;
  color: var(--text-tertiary);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}
.di-meta[data-v-58b1da98] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
  min-width: 0;
}
.di-meta .di-lv[data-v-58b1da98] {
  font-style: normal;
  font-weight: 650;
}
.di-meta .di-region[data-v-58b1da98] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.di-mark[data-v-58b1da98] {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid rgba(83, 131, 232, 0.3);
  border-radius: 3px;
  color: #5383e8;
  background: rgba(83, 131, 232, 0.1);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  vertical-align: 1px;
}
.di-mark.is-tft[data-v-58b1da98] {
  border-color: rgba(168, 85, 247, 0.32);
  color: #a855f7;
  background: rgba(168, 85, 247, 0.1);
}
.parsed-card[data-v-58b1da98] {
  padding: 6px;
}
.parsed-head[data-v-58b1da98] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 6px 8px;
}
.parsed-title[data-v-58b1da98] {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-secondary);
}
.parsed-go[data-v-58b1da98] {
  border: 0;
  background: transparent;
  color: var(--accent-primary);
  font-size: 12px;
  cursor: pointer;
  font-weight: 600;
}
.parsed-body[data-v-58b1da98] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border-radius: 10px;
  background: var(--bg-primary);
  cursor: pointer;
}
.parsed-body[data-v-58b1da98]:hover {
  background: color-mix(in srgb, var(--accent-primary) 8%, var(--bg-primary));
}
.parsed-avatar[data-v-58b1da98] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  flex: none;
  border: 1px solid var(--border-primary);
}
.parsed-info[data-v-58b1da98] {
  min-width: 0;
}
.parsed-name[data-v-58b1da98] {
  font-size: 14px;
  font-weight: 700;
  color: var(--text-primary);
}
.parsed-tag[data-v-58b1da98] {
  color: var(--text-tertiary);
  font-weight: 500;
  font-size: 12px;
}
.parsed-meta[data-v-58b1da98] {
  font-size: 12px;
  color: var(--text-tertiary);
  margin-top: 2px;
}
.parsed-error[data-v-58b1da98] {
  padding: 14px;
  color: #d97706;
  font-size: 13px;
  text-align: center;
}
.search-submit[data-v-58b1da98] {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: none;
  border: 0;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease;
}
.search-submit[data-v-58b1da98]:hover {
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 7%, transparent);
}
.search-submit svg[data-v-58b1da98] {
  width: 18px;
  height: 18px;
  stroke-width: 2;
}
.loading-dot[data-v-58b1da98] {
  width: 16px;
  height: 16px;
  border: 2px solid color-mix(in srgb, var(--accent-primary) 24%, transparent);
  border-top-color: var(--accent-primary);
  border-radius: 50%;
  animation: spin-58b1da98 0.7s linear infinite;
}
.search-hints[data-v-58b1da98] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px 18px;
  margin-top: 9px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.search-hints span[data-v-58b1da98] {
  position: relative;
}
.search-hints span + span[data-v-58b1da98]::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--border-primary);
}
.service-section[data-v-58b1da98] {
  margin-top: 38px;
  padding-top: 0;
  animation: rise-in-58b1da98 0.42s 0.12s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.section-heading[data-v-58b1da98] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 13px;
  margin-bottom: 16px;
}
.section-heading strong[data-v-58b1da98] {
  font-size: 14px;
  font-weight: 600;
}
.section-heading span[data-v-58b1da98] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.group-notice[data-v-58b1da98] {
  width: min(760px, 100%);
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 0 auto 16px;
  padding: 10px 14px;
  box-sizing: border-box;
  border: 1px solid color-mix(in srgb, var(--accent-primary) 20%, var(--border-primary));
  border-radius: 8px;
  background: color-mix(in srgb, var(--accent-primary) 5%, var(--bg-secondary));
  color: var(--text-secondary);
  font-size: 12px;
}
.group-notice-copy[data-v-58b1da98] {
  min-width: 0;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 5px 12px;
  line-height: 1.5;
}
.group-notice-copy strong[data-v-58b1da98] {
  color: var(--text-primary);
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}
.group-notice-actions[data-v-58b1da98] {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-left: auto;
  flex: 0 0 auto;
}
.group-notice-actions button[data-v-58b1da98],
.group-notice-actions a[data-v-58b1da98] {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  border: 1px solid var(--border-primary);
  border-radius: 5px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font: inherit;
  font-size: 11px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.group-notice-actions button[data-v-58b1da98]:hover,
.group-notice-actions a[data-v-58b1da98]:hover {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 7%, var(--bg-secondary));
}
.group-notice-actions a[data-v-58b1da98] {
  border-color: var(--accent-primary);
  background: var(--accent-primary);
  color: #fff;
}
.service-grid[data-v-58b1da98] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
  align-items: stretch;
}
.service-card[data-v-58b1da98] {
  position: relative;
  min-height: 112px;
  height: auto;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: start;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid var(--border-primary);
  border-radius: 11px;
  background: var(--bg-secondary);
  color: inherit;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: default;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.service-card > div[data-v-58b1da98] {
  min-width: 0;
}
button.service-card[data-v-58b1da98], a.service-card[data-v-58b1da98] {
  cursor: pointer;
}
button.service-card[data-v-58b1da98]:hover, a.service-card[data-v-58b1da98]:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent-primary) 28%, var(--border-primary));
  background: color-mix(in srgb, var(--accent-primary) 2%, var(--bg-secondary));
}
.card-icon[data-v-58b1da98] {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 7px;
  border-radius: 7px;
}
.card-icon.violet[data-v-58b1da98] {
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.08);
}
.card-icon.blue[data-v-58b1da98] {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.08);
}
.card-icon.sky[data-v-58b1da98] {
  color: #0ea5e9;
  background: rgba(14, 165, 233, 0.08);
}
.card-icon.indigo[data-v-58b1da98] {
  color: #6366f1;
  background: rgba(99, 102, 241, 0.08);
}
.card-icon.purple[data-v-58b1da98] {
  color: #a855f7;
  background: rgba(168, 85, 247, 0.08);
}
.card-icon.lilac[data-v-58b1da98] {
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
}
.service-card strong[data-v-58b1da98] {
  display: block;
  margin: 2px 0 7px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}
.service-card p[data-v-58b1da98] {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-break: break-word;
}
.card-link[data-v-58b1da98] {
  display: inline-block;
  margin-top: 5px;
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 500;
}
.service-card em[data-v-58b1da98] {
  position: absolute;
  right: 12px;
  top: 11px;
  padding: 3px 7px;
  border-radius: 999px;
  color: #16a34a;
  background: rgba(34, 197, 94, 0.09);
  font-size: 10px;
  font-style: normal;
  animation: tip-pop-58b1da98 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.coming-soon[data-v-58b1da98] {
  display: inline-flex;
  margin-top: 7px;
  padding: 3px 6px;
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  color: var(--text-tertiary);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@keyframes rise-in-58b1da98 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes tip-pop-58b1da98 {
from {
    opacity: 0;
    transform: translateY(-3px) scale(0.96);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes blink-58b1da98 {
50% {
    opacity: 0;
}
}
@keyframes spin-58b1da98 {
to {
    transform: rotate(360deg);
}
}
@media (max-width: 880px) {
.home-page[data-v-58b1da98] {
    min-height: 0;
    padding-top: 44px;
}
.home-center[data-v-58b1da98] {
    min-height: 0;
    transform: none;
}
.service-section[data-v-58b1da98] {
    margin-top: 46px;
}
.service-grid[data-v-58b1da98] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 580px) {
.home-page[data-v-58b1da98] {
    padding: 36px 14px 34px;
}
.hero-copy h1[data-v-58b1da98] {
    font-size: 29px;
}
.hero-subtitle[data-v-58b1da98] {
    font-size: 13px;
}
.search-wrap[data-v-58b1da98] {
    margin-top: 24px;
}
.search-hints[data-v-58b1da98], .format-state[data-v-58b1da98] {
    display: none;
}
.service-section[data-v-58b1da98] {
    margin-top: 42px;
    padding-top: 0;
}
.service-grid[data-v-58b1da98] {
    grid-template-columns: 1fr;
    gap: 11px;
}
.service-card[data-v-58b1da98] {
    min-height: 108px;
    padding: 17px;
}
.section-heading[data-v-58b1da98] {
    justify-content: flex-start;
}
.group-notice[data-v-58b1da98] {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
}
.group-notice-actions[data-v-58b1da98] {
    width: 100%;
    margin-left: 0;
}
.group-notice-actions button[data-v-58b1da98], .group-notice-actions a[data-v-58b1da98] {
    flex: 1;
}
}
@media (max-height: 760px) and (min-width: 881px) {
.home-page[data-v-58b1da98] {
    padding-top: 16px;
    padding-bottom: 8px;
}
.home-center[data-v-58b1da98] {
    min-height: calc(100svh - 132px);
}
.hero-copy h1[data-v-58b1da98] {
    font-size: 32px;
}
.hero-subtitle[data-v-58b1da98] {
    margin-top: 7px;
}
.search-wrap[data-v-58b1da98] {
    margin-top: 15px;
}
.search-hints[data-v-58b1da98] {
    display: none;
}
.home-center[data-v-58b1da98] {
    transform: translateY(-10px);
}
.service-section[data-v-58b1da98] {
    margin-top: 52px;
    padding-top: 0;
}
.section-heading[data-v-58b1da98] {
    margin-bottom: 10px;
}
.service-grid[data-v-58b1da98] {
    gap: 10px 14px;
}
.service-card[data-v-58b1da98] {
    min-height: 96px;
    padding: 13px 16px;
}
.service-card p[data-v-58b1da98] {
    line-height: 1.45;
}
}
@media (prefers-reduced-motion: reduce) {
[data-v-58b1da98],[data-v-58b1da98]::before,[data-v-58b1da98]::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
}
}.profile-center-page[data-v-d12ba6a5] {
  min-height: calc(100vh - 60px);
  padding: 76px 18px 34px;
  background: var(--bg-primary);
}
.profile-shell[data-v-d12ba6a5] {
  width: min(1360px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.profile-side[data-v-d12ba6a5],
.profile-panel[data-v-d12ba6a5] {
  border: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  backdrop-filter: blur(14px) saturate(118%);
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.075);
  animation: panelIn-d12ba6a5 0.36s ease both;
}
.profile-side[data-v-d12ba6a5] {
  padding: 14px;
  display: grid;
  gap: 14px;
  height: fit-content;
}
.profile-top-summary[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: minmax(280px, 1.05fr) minmax(270px, 0.95fr) minmax(390px, 1.35fr);
  gap: 10px;
  align-items: stretch;
}
.identity-block[data-v-d12ba6a5] {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
  padding: 14px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.04);
}
.identity-avatar[data-v-d12ba6a5] {
  width: 46px;
  height: 46px;
  border-radius: 5px;
  object-fit: cover;
  background: rgba(148, 163, 184, 0.1);
  display: grid;
  place-items: center;
  color: var(--text-primary);
  font-size: 22px;
  font-weight: 800;
}
.identity-main h1[data-v-d12ba6a5] {
  font-size: 16px;
  color: var(--text-primary);
  margin: 0 0 4px;
}
.member-plate[data-v-d12ba6a5] {
  position: relative;
  overflow: hidden;
  padding: 14px;
  border-radius: 6px;
  margin: 0;
  border: 0;
  background: rgba(148, 163, 184, 0.06);
}
.member-plate span[data-v-d12ba6a5],
.member-plate small[data-v-d12ba6a5] {
  display: block;
  color: var(--text-secondary);
  font-size: 11px;
}
.member-plate strong[data-v-d12ba6a5] {
  display: block;
  margin: 4px 0;
  color: var(--text-primary);
  font-size: 18px;
  letter-spacing: 0.9px;
}
.member-plate.vip[data-v-d12ba6a5] {
  border-color: rgba(255, 215, 90, 0.58);
  background: linear-gradient(135deg, rgba(255, 221, 111, 0.42), rgba(196, 132, 26, 0.22) 42%, rgba(74, 48, 10, 0.16)), rgba(132, 90, 22, 0.22);
  box-shadow: inset 0 0 0 1px rgba(255, 241, 184, 0.28), inset 0 -28px 60px rgba(92, 58, 8, 0.22), 0 14px 34px rgba(180, 120, 24, 0.2);
}
.member-plate.vip strong[data-v-d12ba6a5] {
  color: #fff4bd;
  text-shadow: 0 1px 0 rgba(65, 42, 8, 0.65), 0 0 18px rgba(234, 179, 8, 0.24);
}
.member-plate.vip span[data-v-d12ba6a5],
.member-plate.vip small[data-v-d12ba6a5] {
  color: rgba(255, 247, 216, 0.92);
}
.member-plate.free[data-v-d12ba6a5] {
  border-color: rgba(148, 163, 184, 0.16);
  background: linear-gradient(135deg, rgba(148, 163, 184, 0.18), rgba(148, 163, 184, 0.065)), rgba(148, 163, 184, 0.06);
}
.member-plate.free strong[data-v-d12ba6a5] {
  color: var(--text-primary);
}
.member-plate.large[data-v-d12ba6a5] {
  margin: 0;
  min-height: 116px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.member-plate.large strong[data-v-d12ba6a5] {
  font-size: 28px;
}
.side-brief[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.side-brief div[data-v-d12ba6a5] {
  min-height: 74px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 0 14px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.028);
}
.side-brief span[data-v-d12ba6a5] {
  color: var(--text-secondary);
  font-size: 11px;
}
.side-brief strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 16px;
}
.side-status[data-v-d12ba6a5] {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.side-status div[data-v-d12ba6a5] {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 54px;
  padding: 0 14px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.026);
}
.side-status span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.side-status strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.25;
  word-break: break-all;
}
.identity-main span[data-v-d12ba6a5],
.eyebrow[data-v-d12ba6a5],
.metric-item span[data-v-d12ba6a5],
.checkin-copy span[data-v-d12ba6a5],
.binding-large span[data-v-d12ba6a5],
.record-row small[data-v-d12ba6a5],
.list-card small[data-v-d12ba6a5],
.invite-box span[data-v-d12ba6a5] {
  color: var(--text-secondary);
  font-size: 12px;
}
.profile-tabs[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  padding: 5px;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.045);
  box-shadow: none;
  backdrop-filter: blur(10px) saturate(108%);
}
.profile-tabs button[data-v-d12ba6a5] {
  position: relative;
  height: 38px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--text-secondary);
  text-align: center;
  padding: 0 10px;
  cursor: pointer;
  display: grid;
  place-items: center;
  gap: 0;
  overflow: hidden;
  transition: color 0.18s ease, background 0.18s ease;
}
.profile-tabs button .tab-index[data-v-d12ba6a5],
.profile-tabs button .tab-meta[data-v-d12ba6a5] {
  display: none;
}
.profile-tabs button .tab-copy[data-v-d12ba6a5] {
  display: block;
}
.profile-tabs button .tab-label[data-v-d12ba6a5] {
  font-size: 13px;
  font-weight: 760;
}
.profile-tabs button[data-v-d12ba6a5]:hover {
  color: var(--text-primary);
  background: rgba(148, 163, 184, 0.055);
}
.profile-tabs button.active[data-v-d12ba6a5] {
  color: var(--text-primary);
  background: rgba(83, 131, 232, 0.12);
  box-shadow: none;
}
.profile-tabs button[data-v-d12ba6a5]::before,
.profile-tabs button[data-v-d12ba6a5]::after {
  display: none;
}
.tab-index[data-v-d12ba6a5] {
  width: 20px;
  height: 20px;
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
}
.tab-copy[data-v-d12ba6a5] {
  display: block;
  min-width: 0;
  position: relative;
  z-index: 1;
}
.tab-label[data-v-d12ba6a5] {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  font-size: 13px;
  font-weight: 760;
  line-height: 1.2;
}
.tab-meta[data-v-d12ba6a5] {
  display: none;
}
.profile-main[data-v-d12ba6a5] {
  min-width: 0;
}
.page-heading[data-v-d12ba6a5] {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 12px;
}
.page-heading h2[data-v-d12ba6a5] {
  margin: 4px 0 0;
  color: var(--text-primary);
  font-size: 24px;
}
.panel-grid[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
  gap: 14px;
}
.panel-grid .hero-panel[data-v-d12ba6a5] {
  grid-row: span 2;
}
.panel-grid .preview-panel[data-v-d12ba6a5] {
  min-height: 0;
}
.panel-grid .feature-panel[data-v-d12ba6a5] {
  grid-column: 1/-1;
}
.content-stack[data-v-d12ba6a5] {
  display: grid;
  gap: 14px;
}
.profile-panel[data-v-d12ba6a5] {
  padding: 14px;
}
.profile-panel[data-v-d12ba6a5]:hover {
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.09);
}
.panel-title[data-v-d12ba6a5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 800;
}
.tool-row[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, auto) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.tool-row input[data-v-d12ba6a5] {
  height: 34px;
  border: 0;
  border-radius: 5px;
  padding: 0 11px;
  background: rgba(148, 163, 184, 0.06);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.09);
  color: var(--text-primary);
  outline: none;
}
.tool-row input[data-v-d12ba6a5]::placeholder {
  color: var(--text-tertiary);
}
.tool-row input[data-v-d12ba6a5]:focus {
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.24);
  background: rgba(83, 131, 232, 0.07);
}
.tool-row > span[data-v-d12ba6a5] {
  min-width: 48px;
  color: var(--text-secondary);
  font-size: 12px;
  text-align: right;
}
.quick-filters[data-v-d12ba6a5] {
  display: flex;
  gap: 6px;
  max-width: 430px;
  overflow: hidden;
}
.quick-filters button[data-v-d12ba6a5] {
  height: 28px;
  border: 0;
  border-radius: 5px;
  padding: 0 9px;
  background: rgba(148, 163, 184, 0.055);
  color: var(--text-secondary);
  font-size: 12px;
  cursor: pointer;
  white-space: nowrap;
}
.quick-filters button.active[data-v-d12ba6a5], .quick-filters button[data-v-d12ba6a5]:hover {
  background: rgba(83, 131, 232, 0.1);
  color: var(--text-primary);
}
.sponsor-record-tools[data-v-d12ba6a5] {
  grid-template-columns: minmax(260px, 460px);
}
.ai-review-tools[data-v-d12ba6a5] {
  grid-template-columns: minmax(280px, 520px);
}
.ai-record-list[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}
.ai-record-card[data-v-d12ba6a5] {
  position: relative;
  min-height: 0;
  padding: 14px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.ai-record-card + .ai-record-card[data-v-d12ba6a5] {
  border-top: 1px solid rgba(148, 163, 184, 0.13);
}
.ai-record-card pre[data-v-d12ba6a5] {
  max-height: 96px;
  margin: 10px 0 0;
  padding: 8px 0 0;
  overflow: auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-primary);
  white-space: pre-wrap;
  word-break: break-word;
  font-family: inherit;
  font-size: 12px;
  line-height: 1.65;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 163, 184, 0.34) transparent;
}
.ai-record-head[data-v-d12ba6a5] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.ai-record-head strong[data-v-d12ba6a5] {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
}
.ai-record-head strong span[data-v-d12ba6a5] {
  margin-left: 2px;
  color: var(--text-secondary);
  font-size: 12px;
}
.ai-record-head small[data-v-d12ba6a5] {
  display: block;
  margin-top: 5px;
  color: var(--text-secondary);
  font-size: 12px;
}
.ai-record-tags[data-v-d12ba6a5],
.ai-record-match[data-v-d12ba6a5] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.ai-record-tags[data-v-d12ba6a5] {
  justify-content: flex-end;
}
.ai-record-tags span[data-v-d12ba6a5] {
  height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  background: rgba(83, 131, 232, 0.09);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
}
.ai-record-match[data-v-d12ba6a5] {
  margin-top: 10px;
}
.ai-record-match span[data-v-d12ba6a5] {
  height: 24px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  background: rgba(148, 163, 184, 0.07);
  color: var(--text-secondary);
  font-size: 12px;
}
.ai-record-question[data-v-d12ba6a5] {
  margin: 10px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}
.ai-record-question span[data-v-d12ba6a5] {
  margin-right: 8px;
  color: #5383e8;
  font-weight: 700;
}
.ai-record-actions[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.ai-record-actions .ai-record-delete[data-v-d12ba6a5] {
  margin-top: 0;
  color: #ef5064;
}
html.light-theme {
  background: transparent;
}
.mini-list[data-v-d12ba6a5] {
  display: grid;
  gap: 6px;
}
.mini-list button[data-v-d12ba6a5] {
  min-height: 40px;
  border: 0;
  border-radius: 5px;
  padding: 0 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  background: transparent;
  color: var(--text-primary);
  cursor: pointer;
}
.mini-list button[data-v-d12ba6a5]:hover {
  background: rgba(83, 131, 232, 0.055);
}
.mini-list button img[data-v-d12ba6a5],
.mini-list button .mini-avatar[data-v-d12ba6a5] {
  width: 26px;
  height: 26px;
  border-radius: 5px;
  object-fit: cover;
  background: rgba(148, 163, 184, 0.09);
  display: grid;
  place-items: center;
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 800;
}
.mini-list button .mini-identity[data-v-d12ba6a5] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.mini-list button .mini-main[data-v-d12ba6a5] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
  font-size: 12px;
}
.mini-list button em[data-v-d12ba6a5] {
  font-style: normal;
  color: var(--text-secondary);
  margin-left: 2px;
}
.mini-list button small[data-v-d12ba6a5] {
  color: var(--text-secondary);
  white-space: nowrap;
  font-size: 11px;
}
.mini-list button small em[data-v-d12ba6a5] {
  font-style: normal;
}
.feature-grid[data-v-d12ba6a5],
.member-benefits[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.feature-grid div[data-v-d12ba6a5],
.member-benefits div[data-v-d12ba6a5] {
  min-height: 94px;
  padding: 14px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.026);
}
.feature-grid strong[data-v-d12ba6a5],
.member-benefits strong[data-v-d12ba6a5] {
  display: block;
  margin-bottom: 7px;
  color: var(--text-primary);
  font-size: 13px;
}
.feature-grid span[data-v-d12ba6a5],
.member-benefits span[data-v-d12ba6a5] {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}
.member-explain[data-v-d12ba6a5],
.sponsor-hero[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}
.member-benefits[data-v-d12ba6a5] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sponsor-stack[data-v-d12ba6a5] {
  gap: 12px;
}
.sponsor-hero[data-v-d12ba6a5] {
  padding: 16px;
  grid-template-columns: 330px minmax(0, 1fr);
  background: color-mix(in srgb, var(--bg-secondary) 62%, transparent);
}
.sponsor-status[data-v-d12ba6a5] {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.sponsor-status-meta[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.sponsor-status-meta div[data-v-d12ba6a5] {
  min-width: 0;
  padding: 10px 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.045);
}
.sponsor-status-meta span[data-v-d12ba6a5] {
  display: block;
  color: var(--text-tertiary);
  font-size: 11px;
}
.sponsor-status-meta strong[data-v-d12ba6a5] {
  display: block;
  margin-top: 4px;
  color: var(--text-primary);
  font-size: 16px;
}
.sponsor-hero .member-plate.large[data-v-d12ba6a5] {
  min-height: 104px;
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.12), rgba(148, 163, 184, 0.055)), rgba(148, 163, 184, 0.05);
  box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.1);
}
.sponsor-hero .member-plate.large.vip[data-v-d12ba6a5] {
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.26), rgba(148, 163, 184, 0.07)), rgba(148, 163, 184, 0.05);
  box-shadow: inset 0 0 0 1px rgba(234, 179, 8, 0.18);
}
.sponsor-hero .member-plate.large strong[data-v-d12ba6a5] {
  font-size: 24px;
}
.sponsor-hero .member-benefits[data-v-d12ba6a5] {
  gap: 8px;
  align-content: stretch;
}
.sponsor-hero .member-benefits div[data-v-d12ba6a5] {
  min-height: 0;
  padding: 13px;
  background: rgba(148, 163, 184, 0.035);
}
.sponsor-package-panel[data-v-d12ba6a5] {
  padding: 16px;
  background: linear-gradient(180deg, rgba(83, 131, 232, 0.045), transparent 80%), color-mix(in srgb, var(--bg-secondary) 62%, transparent);
}
.sponsor-package-panel .panel-title small[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 500;
}
.invite-guide[data-v-d12ba6a5] {
  margin-bottom: 10px;
  padding: 12px;
  border-radius: 5px;
  background: rgba(83, 131, 232, 0.08);
}
.invite-guide strong[data-v-d12ba6a5] {
  display: block;
  margin-bottom: 6px;
  color: var(--text-primary);
  font-size: 13px;
}
.invite-guide span[data-v-d12ba6a5] {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}
.metric-grid[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.metric-item[data-v-d12ba6a5],
.invite-box > div[data-v-d12ba6a5] {
  padding: 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.026);
}
.metric-item strong[data-v-d12ba6a5],
.invite-box > div strong[data-v-d12ba6a5] {
  display: block;
  margin-top: 5px;
  color: var(--text-primary);
  font-size: 15px;
}
.checkin-card[data-v-d12ba6a5],
.binding-row[data-v-d12ba6a5],
.binding-large[data-v-d12ba6a5],
.record-row[data-v-d12ba6a5],
.list-card[data-v-d12ba6a5],
.invite-link[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.checkin-card[data-v-d12ba6a5] {
  min-height: 78px;
  padding: 12px;
  border-radius: 5px;
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.075), rgba(148, 163, 184, 0.018)), rgba(148, 163, 184, 0.02);
}
.checkin-card.done[data-v-d12ba6a5] {
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.13), rgba(148, 163, 184, 0.045)), rgba(148, 163, 184, 0.045);
}
.checkin-card.done .checkin-mark[data-v-d12ba6a5] {
  background: rgba(234, 179, 8, 0.16);
}
.checkin-card.done .checkin-mark svg[data-v-d12ba6a5] {
  filter: saturate(1.08);
}
.checkin-progress[data-v-d12ba6a5] {
  padding-top: 10px;
}
.checkin-progress-head[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.checkin-progress-icon[data-v-d12ba6a5] {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.checkin-progress-head strong[data-v-d12ba6a5] {
  margin-left: auto;
  color: var(--text-primary);
  font-size: 11px;
}
.checkin-progress-body[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.checkin-progress-copy[data-v-d12ba6a5] {
  min-width: 0;
  flex: 1;
}
.checkin-progress-body .checkin-progress-icon[data-v-d12ba6a5] {
  order: -1;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
}
.checkin-progress-track[data-v-d12ba6a5] {
  height: 6px;
  margin-top: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.2);
}
.checkin-progress-track span[data-v-d12ba6a5] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #5383e8, #eab308);
  transition: width 0.25s ease;
}
.checkin-progress small[data-v-d12ba6a5] {
  display: block;
  margin-top: 6px;
  color: var(--text-tertiary);
  font-size: 10px;
}
.redeem-form[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.redeem-form input[data-v-d12ba6a5] {
  flex: 1;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 1px solid var(--border-primary);
  border-radius: 5px;
  background: var(--bg-secondary);
  color: var(--text-primary);
  outline: none;
}
.redeem-form input[data-v-d12ba6a5]:focus {
  border-color: var(--accent-primary);
}
.redeem-form .primary-btn[data-v-d12ba6a5] {
  flex: 0 0 auto;
}
.checkin-mark[data-v-d12ba6a5] {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  display: grid;
  place-items: center;
  background: rgba(83, 131, 232, 0.13);
  flex: 0 0 auto;
}
.checkin-mark svg[data-v-d12ba6a5] {
  display: block;
  width: 32px;
  height: 32px;
}
.checkin-copy[data-v-d12ba6a5] {
  flex: 1;
  min-width: 0;
}
.checkin-copy strong[data-v-d12ba6a5] {
  display: block;
  color: var(--text-primary);
  font-size: 15px;
  margin-bottom: 4px;
}
.checkin-meta[data-v-d12ba6a5] {
  min-width: 78px;
  display: grid;
  gap: 3px;
  text-align: right;
}
.checkin-meta span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.checkin-meta strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 12px;
  white-space: nowrap;
}
.binding-panel[data-v-d12ba6a5] {
  display: grid;
  align-content: start;
  gap: 8px;
  padding-bottom: 12px;
}
.binding-panel .panel-title[data-v-d12ba6a5] {
  margin-bottom: 2px;
}
.binding-list[data-v-d12ba6a5] {
  display: grid;
  gap: 6px;
}
.binding-large[data-v-d12ba6a5],
.record-row[data-v-d12ba6a5],
.list-card[data-v-d12ba6a5] {
  padding: 10px 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.024);
  margin-bottom: 7px;
  transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}
.binding-large[data-v-d12ba6a5]:hover,
.record-row[data-v-d12ba6a5]:hover,
.list-card[data-v-d12ba6a5]:hover {
  transform: translateY(-1px);
  background: rgba(83, 131, 232, 0.05);
}
.binding-row[data-v-d12ba6a5] {
  min-height: 48px;
  margin-bottom: 0;
  padding: 8px 10px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.024);
  transition: transform 0.16s ease, background 0.16s ease;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  column-gap: 10px;
}
.binding-row[data-v-d12ba6a5]:hover {
  transform: translateY(-1px);
  background: rgba(83, 131, 232, 0.05);
}
.record-list[data-v-d12ba6a5] {
  display: grid;
  gap: 7px;
}
.record-row[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 90px 170px;
  align-items: center;
  margin-bottom: 0;
}
.record-row .record-name[data-v-d12ba6a5],
.record-row > span[data-v-d12ba6a5] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 750;
}
.record-row strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 14px;
  text-align: right;
}
.record-row small[data-v-d12ba6a5] {
  text-align: right;
  white-space: nowrap;
}
.bind-label[data-v-d12ba6a5] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 750;
}
.bind-state[data-v-d12ba6a5] {
  min-width: 58px;
  text-align: center;
  color: var(--text-tertiary);
  font-size: 12px;
}
.bind-state.bound[data-v-d12ba6a5] {
  color: #16a34a;
}
.social-icon[data-v-d12ba6a5] {
  width: 24px;
  height: 24px;
  display: block;
  flex: 0 0 auto;
}
.primary-btn[data-v-d12ba6a5],
.soft-btn[data-v-d12ba6a5],
.ghost-btn[data-v-d12ba6a5],
.list-card button[data-v-d12ba6a5],
.invite-link button[data-v-d12ba6a5] {
  border: 0;
  border-radius: 5px;
  height: 34px;
  padding: 0 12px;
  cursor: pointer;
  font-weight: 700;
  color: var(--text-primary);
  background: rgba(83, 131, 232, 0.14);
}
.ghost-btn[data-v-d12ba6a5],
.soft-btn[data-v-d12ba6a5],
.list-card button[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-secondary);
}
.ghost-btn.small[data-v-d12ba6a5] {
  height: 30px;
  font-size: 12px;
}
.package-grid[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.package-card[data-v-d12ba6a5] {
  position: relative;
  overflow: hidden;
  border: 0;
  border-radius: 5px;
  padding: 16px 15px 14px;
  text-align: left;
  background: rgba(148, 163, 184, 0.04);
  color: var(--text-primary);
  cursor: pointer;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.055);
  transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}
.package-card[data-v-d12ba6a5]::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 14px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: rgba(2, 169, 241, 0.12);
  opacity: 0;
  transition: opacity 0.16s ease;
}
.package-card[data-v-d12ba6a5]:disabled {
  cursor: progress;
  opacity: 0.72;
}
.package-card[data-v-d12ba6a5]:hover {
  transform: translateY(-2px);
  background: rgba(83, 131, 232, 0.07);
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.12), 0 10px 26px rgba(15, 23, 42, 0.075);
}
.package-card[data-v-d12ba6a5]:hover::after {
  opacity: 1;
}
.package-card .package-name[data-v-d12ba6a5],
.package-card .package-meta[data-v-d12ba6a5] {
  display: block;
  color: var(--text-secondary);
}
.package-card .package-name[data-v-d12ba6a5] {
  padding-right: 30px;
  font-size: 13px;
  font-weight: 750;
  color: var(--text-primary);
}
.package-card strong[data-v-d12ba6a5] {
  display: block;
  margin: 9px 0 5px;
  font-size: 24px;
  line-height: 1;
}
.package-card .package-meta[data-v-d12ba6a5] {
  font-size: 12px;
}
.package-pay-type[data-v-d12ba6a5] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 24px;
  margin-top: 14px;
  padding: 0 8px;
  border-radius: 5px;
  color: #02a9f1;
  background: rgba(2, 169, 241, 0.09);
  font-size: 12px;
  font-weight: 750;
}
.package-pay-type svg[data-v-d12ba6a5] {
  width: 15px;
  height: 15px;
  display: block;
}
.sponsor-stack > .profile-panel[data-v-d12ba6a5]:not(.sponsor-hero):not(.sponsor-package-panel) {
  background: color-mix(in srgb, var(--bg-secondary) 60%, transparent);
}
.sponsor-stack .record-list[data-v-d12ba6a5] {
  gap: 6px;
}
.sponsor-stack .record-row[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.035);
  box-shadow: none;
}
.profile-pay-overlay[data-v-d12ba6a5] {
  position: fixed;
  inset: 0;
  z-index: 3000;
  display: grid;
  place-items: center;
  padding: 22px;
  background: color-mix(in srgb, var(--bg-primary) 72%, transparent);
  backdrop-filter: blur(10px) saturate(115%);
}
.profile-pay-modal[data-v-d12ba6a5] {
  position: relative;
  width: min(420px, 100%);
  border-radius: 6px;
  padding: 18px;
  color: var(--text-primary);
  background: linear-gradient(135deg, rgba(234, 179, 8, 0.08), rgba(83, 131, 232, 0.05) 44%, transparent), color-mix(in srgb, var(--bg-secondary) 88%, transparent);
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24);
}
.profile-pay-close[data-v-d12ba6a5] {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
  background: rgba(148, 163, 184, 0.1);
}
.profile-pay-close[data-v-d12ba6a5]::before, .profile-pay-close[data-v-d12ba6a5]::after {
  content: "";
  position: absolute;
  left: 9px;
  top: 14px;
  width: 12px;
  height: 1.5px;
  border-radius: 2px;
  background: var(--text-secondary);
}
.profile-pay-close[data-v-d12ba6a5]::before {
  transform: rotate(45deg);
}
.profile-pay-close[data-v-d12ba6a5]::after {
  transform: rotate(-45deg);
}
.profile-pay-header[data-v-d12ba6a5] {
  display: grid;
  gap: 5px;
  padding-right: 34px;
}
.profile-pay-header span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 800;
}
.profile-pay-header strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 22px;
  letter-spacing: 0;
}
.profile-pay-header small[data-v-d12ba6a5] {
  color: var(--text-secondary);
  font-size: 12px;
}
.profile-pay-body[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  margin-top: 18px;
}
.profile-pay-qrcode[data-v-d12ba6a5] {
  display: grid;
  place-items: center;
  padding: 12px;
  border-radius: 6px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}
.profile-pay-canvas[data-v-d12ba6a5] {
  width: 196px;
  height: 196px;
  display: grid;
  place-items: center;
}
.profile-pay-canvas canvas[data-v-d12ba6a5] {
  display: block;
  width: 196px !important;
  height: 196px !important;
}
.profile-pay-info[data-v-d12ba6a5] {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.profile-pay-info div[data-v-d12ba6a5] {
  min-width: 0;
  padding: 10px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.07);
}
.profile-pay-info span[data-v-d12ba6a5] {
  display: block;
  margin-bottom: 4px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.profile-pay-info strong[data-v-d12ba6a5] {
  display: block;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-pay-actions[data-v-d12ba6a5] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}
.pay-fade-enter-active[data-v-d12ba6a5],
.pay-fade-leave-active[data-v-d12ba6a5] {
  transition: opacity 0.18s ease;
}
.pay-fade-enter-active .profile-pay-modal[data-v-d12ba6a5],
.pay-fade-leave-active .profile-pay-modal[data-v-d12ba6a5] {
  transition: transform 0.18s ease, opacity 0.18s ease;
}
.pay-fade-enter-from[data-v-d12ba6a5],
.pay-fade-leave-to[data-v-d12ba6a5] {
  opacity: 0;
}
.pay-fade-enter-from .profile-pay-modal[data-v-d12ba6a5],
.pay-fade-leave-to .profile-pay-modal[data-v-d12ba6a5] {
  opacity: 0;
  transform: translateY(8px) scale(0.985);
}
.card-list[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.list-card button[data-v-d12ba6a5] {
  height: 28px;
  padding: 0 8px;
  font-size: 11px;
  flex: 0 0 auto;
}
.list-card[data-v-d12ba6a5] {
  cursor: pointer;
  gap: 8px;
}
.list-card img[data-v-d12ba6a5] {
  width: 28px;
  height: 28px;
  border-radius: 5px;
  object-fit: cover;
}
.list-card .list-card-info[data-v-d12ba6a5] {
  flex: 1;
  min-width: 0;
}
.list-card strong[data-v-d12ba6a5] {
  display: block;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-card strong em[data-v-d12ba6a5] {
  margin-left: 5px;
  color: var(--text-tertiary);
  font-size: 11px;
  font-style: normal;
  font-weight: 650;
}
.list-card small[data-v-d12ba6a5] {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-card em[data-v-d12ba6a5] {
  font-style: normal;
}
.invite-box[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.invite-link[data-v-d12ba6a5] {
  margin-top: 10px;
}
.invite-link input[data-v-d12ba6a5] {
  flex: 1;
  height: 36px;
  border: 0;
  border-radius: 5px;
  padding: 0 12px;
  background: rgba(148, 163, 184, 0.055);
  color: var(--text-primary);
}
.empty-row[data-v-d12ba6a5] {
  padding: 16px;
  text-align: center;
  color: var(--text-secondary);
}
.empty-row.compact[data-v-d12ba6a5] {
  padding: 10px;
  font-size: 12px;
}
@media (max-width: 1180px) {
.profile-tabs[data-v-d12ba6a5] {
    grid-template-columns: repeat(5, minmax(136px, 1fr));
    overflow-x: auto;
    scrollbar-width: none;
}
.profile-tabs[data-v-d12ba6a5]::-webkit-scrollbar {
    display: none;
}
.profile-top-summary[data-v-d12ba6a5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.side-brief[data-v-d12ba6a5],
  .side-status[data-v-d12ba6a5] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 980px) {
.profile-shell[data-v-d12ba6a5],
  .profile-top-summary[data-v-d12ba6a5],
  .panel-grid[data-v-d12ba6a5],
  .card-list[data-v-d12ba6a5],
  .feature-grid[data-v-d12ba6a5],
  .member-explain[data-v-d12ba6a5],
  .sponsor-hero[data-v-d12ba6a5],
  .member-benefits[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.package-grid[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.profile-side[data-v-d12ba6a5] {
    position: static;
}
.profile-tabs button[data-v-d12ba6a5] {
    min-width: 136px;
    padding: 0 12px;
}
.side-brief[data-v-d12ba6a5],
  .side-status[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.tool-row[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.tool-row > span[data-v-d12ba6a5] {
    text-align: left;
}
.checkin-card[data-v-d12ba6a5] {
    align-items: flex-start;
    flex-wrap: wrap;
}
.checkin-meta[data-v-d12ba6a5] {
    text-align: left;
}
}
@keyframes panelIn-d12ba6a5 {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@media (prefers-reduced-motion: reduce) {
.profile-side[data-v-d12ba6a5],
  .profile-panel[data-v-d12ba6a5] {
    animation: none;
}
.binding-row[data-v-d12ba6a5],
  .binding-large[data-v-d12ba6a5],
  .record-row[data-v-d12ba6a5],
  .list-card[data-v-d12ba6a5],
  .package-card[data-v-d12ba6a5],
  .profile-tabs button[data-v-d12ba6a5] {
    transition: none;
}
}
/* Profile polish: quieter account center, consistent density across tabs. */
.profile-center-page[data-v-d12ba6a5] {
  padding-top: 72px;
}
.profile-shell[data-v-d12ba6a5] {
  gap: 12px;
}
.profile-side[data-v-d12ba6a5],
.profile-panel[data-v-d12ba6a5] {
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 50%, transparent);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.052);
}
.profile-side[data-v-d12ba6a5] {
  padding: 12px;
}
.profile-top-summary[data-v-d12ba6a5] {
  grid-template-columns: minmax(260px, 1.1fr) minmax(230px, 0.8fr) minmax(320px, 1.1fr);
  gap: 8px;
}
.identity-block[data-v-d12ba6a5],
.member-plate[data-v-d12ba6a5],
.side-brief div[data-v-d12ba6a5],
.side-status div[data-v-d12ba6a5],
.metric-item[data-v-d12ba6a5],
.checkin-card[data-v-d12ba6a5],
.binding-row[data-v-d12ba6a5],
.list-card[data-v-d12ba6a5],
.record-row[data-v-d12ba6a5],
.feature-grid div[data-v-d12ba6a5],
.member-benefits div[data-v-d12ba6a5],
.ai-record-card[data-v-d12ba6a5],
.package-card[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.035);
  box-shadow: none;
}
.identity-block[data-v-d12ba6a5],
.member-plate[data-v-d12ba6a5],
.side-brief div[data-v-d12ba6a5],
.side-status div[data-v-d12ba6a5] {
  min-height: 58px;
}
.side-status[data-v-d12ba6a5],
.side-brief[data-v-d12ba6a5] {
  gap: 6px;
}
.profile-panel[data-v-d12ba6a5] {
  padding: 12px;
}
.profile-panel[data-v-d12ba6a5]:hover {
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.panel-grid[data-v-d12ba6a5] {
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.72fr);
  gap: 12px;
}
.panel-title[data-v-d12ba6a5] {
  margin-bottom: 8px;
  font-size: 13px;
}
.metric-grid[data-v-d12ba6a5] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.metric-item[data-v-d12ba6a5] {
  min-height: 62px;
  padding: 10px 12px;
}
.feature-grid[data-v-d12ba6a5],
.member-benefits[data-v-d12ba6a5] {
  gap: 8px;
}
.feature-grid div[data-v-d12ba6a5],
.member-benefits div[data-v-d12ba6a5] {
  min-height: 82px;
  padding: 12px;
}
.tool-row[data-v-d12ba6a5] {
  margin-bottom: 10px;
  gap: 8px;
}
.tool-row input[data-v-d12ba6a5] {
  height: 32px;
  background: rgba(148, 163, 184, 0.045);
  box-shadow: none;
}
.quick-filters[data-v-d12ba6a5] {
  gap: 4px;
}
.quick-filters button[data-v-d12ba6a5] {
  height: 26px;
  background: rgba(148, 163, 184, 0.04);
}
.card-list[data-v-d12ba6a5],
.record-list[data-v-d12ba6a5],
.ai-record-list[data-v-d12ba6a5],
.mini-list[data-v-d12ba6a5] {
  gap: 7px;
}
.list-card[data-v-d12ba6a5],
.record-row[data-v-d12ba6a5] {
  min-height: 54px;
  border: 0;
}
.ai-record-card pre[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.045);
  max-height: 110px;
}
.ai-record-tags span[data-v-d12ba6a5],
.ai-record-match span[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.055);
}
.sponsor-hero[data-v-d12ba6a5],
.sponsor-stack > .profile-panel[data-v-d12ba6a5]:not(.sponsor-hero):not(.sponsor-package-panel) {
  padding: 12px;
}
.package-grid[data-v-d12ba6a5] {
  gap: 8px;
}
@media (max-width: 1180px) {
.profile-top-summary[data-v-d12ba6a5],
  .metric-grid[data-v-d12ba6a5],
  .feature-grid[data-v-d12ba6a5],
  .member-benefits[data-v-d12ba6a5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 720px) {
.profile-tabs[data-v-d12ba6a5] {
    grid-template-columns: repeat(6, minmax(92px, 1fr));
}
.profile-top-summary[data-v-d12ba6a5],
  .metric-grid[data-v-d12ba6a5],
  .feature-grid[data-v-d12ba6a5],
  .member-benefits[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
}
/* Profile redesign v2: compact executive layout. */
.profile-center-page[data-v-d12ba6a5] {
  padding: 72px 18px 30px;
  background: var(--bg-primary);
}
.profile-shell[data-v-d12ba6a5] {
  width: min(1280px, 100%);
  gap: 12px;
}
.profile-side[data-v-d12ba6a5] {
  padding: 0;
  gap: 0;
  overflow: hidden;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
}
.profile-top-summary[data-v-d12ba6a5] {
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(260px, 1.4fr) minmax(260px, 1fr) minmax(360px, 1.55fr);
  gap: 10px;
  align-items: stretch;
}
.profile-top-summary > .member-plate[data-v-d12ba6a5] {
  display: none;
}
.identity-block[data-v-d12ba6a5] {
  padding: 0;
  background: transparent;
  min-height: 64px;
}
.identity-avatar[data-v-d12ba6a5] {
  width: 52px;
  height: 52px;
  border-radius: 6px;
}
.identity-main h1[data-v-d12ba6a5] {
  font-size: 19px;
  margin-bottom: 5px;
}
.identity-main span[data-v-d12ba6a5] {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  color: var(--text-secondary);
  font-size: 12px;
}
.side-brief[data-v-d12ba6a5],
.side-status[data-v-d12ba6a5] {
  display: grid;
  gap: 8px;
}
.side-brief[data-v-d12ba6a5] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.side-status[data-v-d12ba6a5] {
  grid-column: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.side-brief div[data-v-d12ba6a5],
.side-status div[data-v-d12ba6a5] {
  min-height: 64px;
  padding: 10px 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.035);
}
.side-brief span[data-v-d12ba6a5],
.side-status span[data-v-d12ba6a5],
.metric-item span[data-v-d12ba6a5],
.invite-box span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.side-brief strong[data-v-d12ba6a5],
.side-status strong[data-v-d12ba6a5] {
  margin-top: 4px;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.3;
}
.profile-tabs[data-v-d12ba6a5] {
  padding: 8px 12px 12px;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  background: transparent;
  box-shadow: none;
}
.profile-tabs button[data-v-d12ba6a5] {
  min-width: 96px;
  height: 34px;
  flex: 0 0 auto;
  border-radius: 4px;
  background: transparent;
}
.profile-tabs button.active[data-v-d12ba6a5] {
  background: rgba(83, 131, 232, 0.12);
}
.page-heading[data-v-d12ba6a5] {
  margin-bottom: 10px;
  padding: 0 2px;
}
.page-heading .eyebrow[data-v-d12ba6a5] {
  display: none;
}
.page-heading h2[data-v-d12ba6a5] {
  margin: 0;
  font-size: 20px;
  letter-spacing: 0;
}
.profile-panel[data-v-d12ba6a5] {
  padding: 14px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 48%, transparent);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.045);
}
.panel-grid[data-v-d12ba6a5] {
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 12px;
}
.panel-grid .hero-panel[data-v-d12ba6a5] {
  grid-row: span 2;
  min-height: 0;
  height: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: auto 1fr;
}
.panel-grid .binding-panel[data-v-d12ba6a5] {
  grid-column: 2;
  grid-row: 2;
  height: 100%;
  box-sizing: border-box;
}
.panel-grid .preview-panel[data-v-d12ba6a5],
.panel-grid .feature-panel[data-v-d12ba6a5] {
  grid-column: 1/-1;
}
.metric-grid[data-v-d12ba6a5] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-content: stretch;
}
.metric-item[data-v-d12ba6a5] {
  min-height: 58px;
  padding: 10px 12px;
  background: rgba(148, 163, 184, 0.035);
}
.metric-item strong[data-v-d12ba6a5] {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
  word-break: break-word;
}
.checkin-card[data-v-d12ba6a5] {
  min-height: 96px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  background: rgba(148, 163, 184, 0.035);
}
.checkin-card .primary-btn[data-v-d12ba6a5] {
  grid-column: 1/-1;
  width: 100%;
  height: 32px;
}
.binding-row[data-v-d12ba6a5],
.list-card[data-v-d12ba6a5],
.record-row[data-v-d12ba6a5],
.ai-record-card[data-v-d12ba6a5],
.package-card[data-v-d12ba6a5] {
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.035);
  box-shadow: none;
}
.mini-list[data-v-d12ba6a5] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mini-list button[data-v-d12ba6a5],
.list-card[data-v-d12ba6a5] {
  min-height: 46px;
}
.feature-panel[data-v-d12ba6a5] {
  display: none;
}
.content-stack[data-v-d12ba6a5],
.sponsor-stack[data-v-d12ba6a5] {
  gap: 12px;
}
.sponsor-hero[data-v-d12ba6a5] {
  grid-template-columns: 300px minmax(0, 1fr);
  background: color-mix(in srgb, var(--bg-secondary) 48%, transparent);
}
.member-benefits[data-v-d12ba6a5] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tool-row[data-v-d12ba6a5] {
  grid-template-columns: minmax(260px, 420px) minmax(260px, 1fr) auto;
  padding: 0;
}
.tool-row input[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.045);
}
.quick-filters[data-v-d12ba6a5] {
  max-width: none;
}
.card-list[data-v-d12ba6a5] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.list-card[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 10px;
}
.record-list[data-v-d12ba6a5],
.ai-record-list[data-v-d12ba6a5] {
  gap: 8px;
}
.ai-record-card[data-v-d12ba6a5] {
  padding: 12px;
}
.ai-record-card pre[data-v-d12ba6a5] {
  max-height: 92px;
  background: rgba(148, 163, 184, 0.045);
}
.invite-guide[data-v-d12ba6a5],
.invite-box > div[data-v-d12ba6a5],
.invite-link[data-v-d12ba6a5] {
  background: rgba(148, 163, 184, 0.035);
}
html.light-theme,html.light-theme {
  background: rgba(255, 255, 255, 0.62);
}
@media (max-width: 1180px) {
.profile-top-summary[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.panel-grid[data-v-d12ba6a5],
  .panel-grid .binding-panel[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
    grid-column: auto;
    grid-row: auto;
}
.metric-grid[data-v-d12ba6a5],
  .card-list[data-v-d12ba6a5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sponsor-hero[data-v-d12ba6a5],
  .member-benefits[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 720px) {
.profile-center-page[data-v-d12ba6a5] {
    padding-inline: 10px;
}
.metric-grid[data-v-d12ba6a5],
  .card-list[data-v-d12ba6a5],
  .mini-list[data-v-d12ba6a5],
  .side-brief[data-v-d12ba6a5],
  .side-status[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.tool-row[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
}
/* Profile final tuning: compact personal info and quieter tab bar. */
.profile-side[data-v-d12ba6a5] {
  border-radius: 6px;
}
.profile-top-summary[data-v-d12ba6a5] {
  padding: 12px 14px 8px;
  grid-template-columns: minmax(240px, 1.15fr) minmax(420px, 2fr);
  gap: 10px;
}
.identity-block[data-v-d12ba6a5] {
  min-height: 50px;
}
.identity-avatar[data-v-d12ba6a5] {
  width: 44px;
  height: 44px;
}
.identity-main h1[data-v-d12ba6a5] {
  margin-bottom: 2px;
  font-size: 17px;
}
.identity-main span[data-v-d12ba6a5] {
  min-height: 18px;
  font-size: 11px;
}
.side-brief[data-v-d12ba6a5] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.side-status[data-v-d12ba6a5] {
  grid-column: 1/-1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.side-brief div[data-v-d12ba6a5],
.side-status div[data-v-d12ba6a5] {
  min-height: 42px;
  padding: 7px 10px;
  align-content: center;
  gap: 2px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.055);
}
.side-brief span[data-v-d12ba6a5],
.side-status span[data-v-d12ba6a5] {
  font-size: 10px;
}
.side-brief strong[data-v-d12ba6a5],
.side-status strong[data-v-d12ba6a5] {
  margin-top: 1px;
  font-size: 12px;
}
.profile-tabs[data-v-d12ba6a5] {
  position: relative;
  padding: 0 14px 10px;
  gap: 2px;
  border-radius: 0;
  background: transparent;
}
.profile-tabs[data-v-d12ba6a5]::before {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(148, 163, 184, 0.12);
}
.profile-tabs button[data-v-d12ba6a5] {
  min-width: 82px;
  height: 34px;
  padding: 0 10px;
  border-radius: 0;
  background: transparent !important;
  color: var(--text-tertiary);
}
.profile-tabs button[data-v-d12ba6a5]::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  display: block !important;
  height: 2px;
  border-radius: 2px;
  background: transparent;
  opacity: 1;
}
.profile-tabs button[data-v-d12ba6a5]:hover {
  color: var(--text-secondary);
}
.profile-tabs button.active[data-v-d12ba6a5] {
  color: var(--text-primary);
}
.profile-tabs button.active[data-v-d12ba6a5]::after {
  background: #5383e8;
}
.tab-label[data-v-d12ba6a5] {
  font-size: 12px;
  font-weight: 760;
}
.hero-panel[data-v-d12ba6a5] {
  padding: 12px;
  grid-row: span 2 !important;
  display: grid;
  grid-template-rows: auto 1fr;
}
.hero-panel .panel-title[data-v-d12ba6a5] {
  margin-bottom: 6px;
}
.hero-panel .metric-grid[data-v-d12ba6a5] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  height: 100%;
  align-content: stretch;
}
.hero-panel .metric-item[data-v-d12ba6a5] {
  min-height: 0;
  padding: 7px 9px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.055);
  display: grid;
  align-content: center;
}
.hero-panel .metric-item span[data-v-d12ba6a5] {
  font-size: 10px;
}
.hero-panel .metric-item strong[data-v-d12ba6a5] {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.25;
}
.hero-panel .account-overview[data-v-d12ba6a5] {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 10px;
}
.account-headline[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 12px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.08), rgba(148, 163, 184, 0.025)), color-mix(in srgb, var(--bg-secondary) 42%, transparent);
  backdrop-filter: blur(12px) saturate(118%);
}
.account-avatar[data-v-d12ba6a5] {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 6px;
  background: rgba(83, 131, 232, 0.12);
  color: var(--text-primary);
  font-weight: 800;
}
.account-avatar img[data-v-d12ba6a5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account-title[data-v-d12ba6a5] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.account-title strong[data-v-d12ba6a5] {
  display: block;
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-title span[data-v-d12ba6a5] {
  display: block;
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.account-title em[data-v-d12ba6a5] {
  flex: 0 0 auto;
  height: 26px;
  min-width: 52px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.12);
  color: var(--text-secondary);
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
}
.account-title em.active[data-v-d12ba6a5] {
  background: rgba(34, 197, 94, 0.12);
  color: #22c55e;
}
.account-quota[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
}
.account-quota div[data-v-d12ba6a5] {
  min-height: 58px;
  padding: 9px 10px;
  display: grid;
  align-content: center;
  gap: 5px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.035);
}
.account-quota span[data-v-d12ba6a5],
.account-quota strong[data-v-d12ba6a5] {
  display: block;
}
.account-quota span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.account-quota strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.15;
  font-variant-numeric: tabular-nums;
}
.account-detail-grid[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.account-detail-grid div[data-v-d12ba6a5] {
  min-height: 46px;
  padding: 8px 10px;
  display: grid;
  align-content: center;
  gap: 4px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.025);
}
.account-detail-grid span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.account-detail-grid strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.3;
  word-break: break-all;
}
@media (max-width: 980px) {
.profile-top-summary[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
.side-status[data-v-d12ba6a5] {
    grid-column: auto;
}
.hero-panel[data-v-d12ba6a5] {
    grid-row: auto !important;
}
}
@media (max-width: 720px) {
.hero-panel .metric-grid[data-v-d12ba6a5],
  .account-quota[data-v-d12ba6a5],
  .side-brief[data-v-d12ba6a5],
  .side-status[data-v-d12ba6a5] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.account-title[data-v-d12ba6a5] {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
}
.account-detail-grid[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
}
/* Settings center */
.settings-stack[data-v-d12ba6a5] {
  gap: 12px;
}
.settings-hero[data-v-d12ba6a5] {
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 22px;
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.08), rgba(83, 131, 232, 0.015) 58%, transparent), color-mix(in srgb, var(--bg-secondary) 52%, transparent);
}
.settings-hero h3[data-v-d12ba6a5] {
  margin: 5px 0 7px;
  color: var(--text-primary);
  font-size: 20px;
  font-weight: 600;
}
.settings-hero p[data-v-d12ba6a5] {
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.65;
}
.settings-kicker[data-v-d12ba6a5] {
  color: #5383e8;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.settings-state[data-v-d12ba6a5] {
  min-width: 150px;
  padding: 12px 14px;
  border-radius: 6px;
  background: rgba(83, 131, 232, 0.08);
  text-align: right;
}
.settings-state span[data-v-d12ba6a5],
.settings-state small[data-v-d12ba6a5] {
  display: block;
}
.settings-state span[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 14px;
}
.settings-state small[data-v-d12ba6a5] {
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.settings-summary[data-v-d12ba6a5] {
  padding: 16px 18px;
}
.settings-summary > p[data-v-d12ba6a5] {
  margin: 9px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
}
.settings-summary-meta[data-v-d12ba6a5] {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
}
.settings-summary-meta span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.settings-summary-meta strong[data-v-d12ba6a5] {
  margin-left: 7px;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
}
.settings-list[data-v-d12ba6a5] {
  display: block;
  gap: 0;
  overflow: hidden;
  padding: 0;
}
.setting-row[data-v-d12ba6a5] {
  min-height: 82px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 18px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.setting-row + .setting-row[data-v-d12ba6a5] {
  border-top: 1px solid rgba(148, 163, 184, 0.12);
}
.setting-copy[data-v-d12ba6a5] {
  min-width: 0;
}
.setting-copy > strong[data-v-d12ba6a5],
.setting-copy > span[data-v-d12ba6a5] {
  display: block;
}
.setting-copy > strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 650;
}
.setting-copy > span[data-v-d12ba6a5] {
  max-width: 760px;
  margin-top: 5px;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}
.preference-switch[data-v-d12ba6a5] {
  position: relative;
  width: 40px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.28);
  cursor: pointer;
  transition: background-color 0.18s ease;
}
.preference-switch span[data-v-d12ba6a5] {
  position: absolute;
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.22);
  transition: translate 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.preference-switch.active[data-v-d12ba6a5] {
  background: #5383e8;
}
.preference-switch.active span[data-v-d12ba6a5] {
  translate: 18px 0;
}
.storage-setting[data-v-d12ba6a5] {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}
.storage-options[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  margin-top: 14px;
  padding: 3px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.05);
}
.storage-options button[data-v-d12ba6a5] {
  min-height: 58px;
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  border: 0;
  border-radius: 4px;
  color: var(--text-secondary);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.storage-options button[data-v-d12ba6a5]:hover {
  background: rgba(83, 131, 232, 0.05);
}
.storage-options button.active[data-v-d12ba6a5] {
  background: var(--bg-secondary);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}
.storage-options button.active .storage-dot[data-v-d12ba6a5] {
  border-color: #5383e8;
  box-shadow: inset 0 0 0 3px var(--bg-secondary), inset 0 0 0 8px #5383e8;
}
.storage-options button strong[data-v-d12ba6a5],
.storage-options button small[data-v-d12ba6a5] {
  display: block;
}
.storage-options button strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 650;
}
.storage-options button small[data-v-d12ba6a5] {
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.4;
}
.storage-dot[data-v-d12ba6a5] {
  width: 14px;
  height: 14px;
  border: 1.5px solid rgba(148, 163, 184, 0.5);
  border-radius: 50%;
}
.notification-channel[data-v-d12ba6a5] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 7px;
}
.notification-channel span[data-v-d12ba6a5],
.notification-channel small[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.notification-channel strong[data-v-d12ba6a5] {
  color: #5383e8;
  font-size: 11px;
  font-weight: 650;
}
@media (max-width: 720px) {
.settings-hero[data-v-d12ba6a5] {
    align-items: flex-start;
    flex-direction: column;
}
.settings-state[data-v-d12ba6a5] {
    width: 100%;
    text-align: left;
}
.setting-row[data-v-d12ba6a5] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    padding: 16px;
}
.storage-setting[data-v-d12ba6a5] {
    display: block;
}
.storage-options[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
}
/* Keep the sponsor badge readable and refined in the default light theme. */
html.light-theme .member-plate.vip[data-v-d12ba6a5],
html.light-theme .sponsor-hero .member-plate.large.vip[data-v-d12ba6a5] {
  background: radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.92), transparent 30%), linear-gradient(135deg, #fff9e9 0%, #f8e5ad 52%, #f1d285 100%);
  box-shadow: inset 0 0 0 1px rgba(154, 104, 18, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 24px rgba(126, 82, 12, 0.12);
}
html.light-theme .member-plate.vip strong[data-v-d12ba6a5],
html.light-theme .sponsor-hero .member-plate.large.vip strong[data-v-d12ba6a5] {
  color: #5b3a06;
  text-shadow: none;
}
html.light-theme .member-plate.vip span[data-v-d12ba6a5],
html.light-theme .member-plate.vip small[data-v-d12ba6a5],
html.light-theme .sponsor-hero .member-plate.large.vip span[data-v-d12ba6a5],
html.light-theme .sponsor-hero .member-plate.large.vip small[data-v-d12ba6a5] {
  color: #745214;
}
.record-product-mark[data-v-d12ba6a5] {
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin: 0 5px;
  padding: 0 5px;
  border: 1px solid rgba(83, 131, 232, 0.3);
  border-radius: 3px;
  color: #5383e8;
  background: rgba(83, 131, 232, 0.1);
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  vertical-align: 1px;
}
.record-product-mark.is-tft[data-v-d12ba6a5] {
  border-color: rgba(168, 85, 247, 0.32);
  color: #a855f7;
  background: rgba(168, 85, 247, 0.1);
}
.points-package-panel[data-v-d12ba6a5] {
  border-color: color-mix(in srgb, #5383e8 24%, var(--line-soft));
}
.points-balance-strip[data-v-d12ba6a5] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.points-balance-strip > div[data-v-d12ba6a5] {
  min-height: 54px;
  display: grid;
  gap: 4px;
  align-content: center;
  padding: 10px 12px;
  border: 1px solid var(--line-soft);
  border-radius: 5px;
  background: color-mix(in srgb, var(--panel-bg) 94%, #5383e8);
}
.points-balance-strip span[data-v-d12ba6a5] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.points-balance-strip strong[data-v-d12ba6a5] {
  color: var(--text-primary);
  font-size: 18px;
}
.point-package-card[data-v-d12ba6a5] {
  border-color: color-mix(in srgb, #5383e8 32%, var(--line-soft));
}
@media (max-width: 640px) {
.points-balance-strip[data-v-d12ba6a5] {
    grid-template-columns: 1fr;
}
}.admin-page[data-v-80396660] {
  min-height: calc(100vh - 80px);
  background: var(--bg-primary);
  padding: 40px 0;
}
.admin-header[data-v-80396660] {
  text-align: center;
  margin-bottom: 32px;
}
.admin-header h1[data-v-80396660] {
  color: var(--text-primary);
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 8px;
}
.admin-header .header-desc[data-v-80396660] {
  color: var(--text-secondary);
  font-size: 14px;
}
.admin-login[data-v-80396660] {
  max-width: 420px;
  margin: 0 auto;
}
.admin-login .login-card[data-v-80396660] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 2px;
}
.admin-login .login-card[data-v-80396660] .el-card__header {
  border-bottom: 1px solid var(--border-primary);
  padding: 20px 24px;
}
.admin-login .login-card[data-v-80396660] .el-card__header h3 {
  color: var(--text-primary);
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  text-align: center;
}
.admin-login .login-card[data-v-80396660] .el-card__body {
  padding: 24px;
}
.admin-login .login-card[data-v-80396660] .el-input__wrapper {
  background: #141517;
  box-shadow: none;
  border: 1px solid #2b2d31;
  border-radius: 2px;
}
.admin-login .login-card[data-v-80396660] .el-input__wrapper:focus, .admin-login .login-card[data-v-80396660] .el-input__wrapper.is-focus {
  border-color: #5383e8;
}
.admin-login .login-card[data-v-80396660] .el-input__inner {
  color: #fff;
}
.admin-login .login-card .login-btn[data-v-80396660] {
  width: 100%;
  height: 48px;
  background: #5383e8;
  border: none;
  font-size: 15px;
  font-weight: 600;
}
.admin-login .login-card .login-btn[data-v-80396660]:hover {
  background: #4171d6;
}
.admin-login .login-card .hint[data-v-80396660] {
  color: #666;
  font-size: 12px;
  text-align: center;
  margin: 16px 0 0;
}
.admin-content[data-v-80396660] .admin-tabs {
  --el-tabs-header-height: 50px;
}
.admin-content[data-v-80396660] .admin-tabs :deep(.el-tabs__nav-wrap::after) {
  background-color: #2b2d31;
}
.admin-content[data-v-80396660] .admin-tabs :deep(.el-tabs__item) {
  color: #8b949e;
  font-size: 15px;
}
.admin-content[data-v-80396660] .admin-tabs :deep(.el-tabs__item).is-active {
  color: #5383e8;
}
.admin-content[data-v-80396660] .admin-tabs :deep(.el-tabs__item):hover {
  color: #fff;
}
.admin-content[data-v-80396660] .admin-tabs :deep(.el-tabs__active-bar) {
  background-color: #5383e8;
}
.admin-content .toolbar[data-v-80396660] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.admin-content .toolbar .user-count[data-v-80396660] {
  color: #8b949e;
  font-size: 14px;
}
.admin-content .toolbar .filter-area[data-v-80396660] {
  display: flex;
  align-items: center;
}
.admin-content .table-wrapper[data-v-80396660] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 12px;
  overflow: hidden;
}
.admin-content .table-wrapper[data-v-80396660] .el-table {
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-row-hover-bg-color: rgba(59, 130, 246, 0.1);
}
.admin-content .table-wrapper[data-v-80396660] .el-table th {
  background: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
  border-bottom: 1px solid var(--border-primary) !important;
}
.admin-content .table-wrapper[data-v-80396660] .el-table td {
  color: var(--text-secondary);
  border-bottom: 1px solid var(--border-primary) !important;
}
.admin-content .table-wrapper[data-v-80396660] .el-table .el-table__row:hover > td {
  background-color: rgba(83, 131, 232, 0.1);
}
.admin-content .table-wrapper[data-v-80396660] .el-table .el-table__striped .el-table__row--striped td {
  background: rgba(0, 0, 0, 0.1);
}
.admin-content .buff-summary[data-v-80396660] {
  font-size: 12px;
  color: var(--text-secondary);
  line-height: 1.4;
}
.admin-content .social-bindings[data-v-80396660] {
  display: flex;
  gap: 6px;
  justify-content: center;
  align-items: center;
}
.admin-content .social-bindings .binding-icon[data-v-80396660] {
  cursor: default;
  opacity: 0.25;
  transition: all 0.2s;
  filter: grayscale(100%);
}
.admin-content .social-bindings .binding-icon.active[data-v-80396660] {
  opacity: 1;
  filter: grayscale(0%);
}
.admin-content .text-muted[data-v-80396660] {
  color: #666;
  font-size: 12px;
}
.admin-content .settings-card[data-v-80396660] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  border-radius: 12px;
}
.admin-content .settings-card[data-v-80396660] .el-card__header {
  border-bottom: 1px solid var(--border-primary);
}
.admin-content .settings-card[data-v-80396660] .el-card__header h4 {
  color: var(--text-primary);
  margin: 0;
  font-size: 16px;
}
.admin-content .settings-card[data-v-80396660] .el-form-item__label {
  color: var(--text-secondary);
}
.admin-content .settings-card[data-v-80396660] .el-input__wrapper {
  background: var(--bg-tertiary);
  box-shadow: none;
  border: 1px solid var(--border-primary);
}
.admin-content .settings-card[data-v-80396660] .el-input__wrapper:focus, .admin-content .settings-card[data-v-80396660] .el-input__wrapper.is-focus {
  border-color: var(--accent-primary);
}
.admin-content .settings-card[data-v-80396660] .el-input__inner,
.admin-content .settings-card[data-v-80396660] .el-textarea__inner {
  color: var(--text-primary);
  background: transparent;
}
.admin-content .settings-card[data-v-80396660] .el-select {
  width: 100%;
}
[data-v-80396660] .el-dialog {
  background: var(--bg-secondary);
}
[data-v-80396660] .el-dialog .el-dialog__title {
  color: var(--text-primary);
}
[data-v-80396660] .el-dialog .el-dialog__close {
  color: var(--text-primary);
}
[data-v-80396660] .el-dialog :deep(.el-form-item__label) {
  color: var(--text-secondary);
}
[data-v-80396660] .el-dialog :deep(.el-input__wrapper) {
  background: var(--bg-tertiary);
  box-shadow: none;
  border: 1px solid var(--border-primary);
}
[data-v-80396660] .el-dialog :deep(.el-input__inner),[data-v-80396660] .el-dialog :deep(.el-textarea__inner) {
  color: var(--text-primary);
}
.admin-page[data-v-80396660] {
  padding: 76px 18px 34px;
  background: radial-gradient(circle at 12% 0%, rgba(83, 131, 232, 0.075), transparent 25%), radial-gradient(circle at 86% 6%, rgba(201, 164, 93, 0.06), transparent 24%), var(--bg-primary);
}
.admin-container[data-v-80396660] {
  width: min(1280px, 100%);
}
.admin-header[data-v-80396660] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  margin-bottom: 14px;
  text-align: left;
}
.admin-header h1[data-v-80396660] {
  margin: 0 0 6px;
  font-size: 30px;
  font-weight: 850;
  letter-spacing: 0;
}
.admin-header .header-desc[data-v-80396660] {
  margin: 0;
}
.admin-eyebrow[data-v-80396660] {
  display: block;
  margin-bottom: 6px;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 800;
}
.admin-session[data-v-80396660] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  backdrop-filter: blur(14px) saturate(116%);
}
.admin-session div[data-v-80396660] {
  min-width: 150px;
  padding: 6px 10px;
}
.admin-session span[data-v-80396660] {
  display: block;
  color: var(--text-tertiary);
  font-size: 11px;
}
.admin-session strong[data-v-80396660] {
  display: block;
  margin-top: 3px;
  color: var(--text-primary);
  font-size: 13px;
}
.admin-session button[data-v-80396660] {
  height: 32px;
  border: 0;
  border-radius: 5px;
  padding: 0 12px;
  color: var(--text-secondary);
  background: rgba(148, 163, 184, 0.08);
  cursor: pointer;
  font-weight: 750;
}
.admin-session button[data-v-80396660]:hover {
  color: var(--text-primary);
  background: rgba(83, 131, 232, 0.12);
}
.admin-login[data-v-80396660] {
  max-width: 1040px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) 420px;
  gap: 14px;
  align-items: stretch;
}
.login-intro[data-v-80396660],
.admin-login .login-card[data-v-80396660] {
  border: 0 !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-secondary) 62%, transparent) !important;
  backdrop-filter: blur(14px) saturate(116%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
}
.login-intro[data-v-80396660] {
  padding: 28px;
  display: grid;
  align-content: space-between;
  min-height: 420px;
}
.login-intro > span[data-v-80396660] {
  color: #5383e8;
  font-size: 12px;
  font-weight: 850;
}
.login-intro h2[data-v-80396660] {
  max-width: 560px;
  margin: 18px 0 0;
  color: var(--text-primary);
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: 0;
}
.login-points[data-v-80396660] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.login-points div[data-v-80396660] {
  min-height: 92px;
  padding: 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.04);
}
.login-points strong[data-v-80396660] {
  display: block;
  margin-bottom: 6px;
  color: var(--text-primary);
  font-size: 13px;
}
.login-points small[data-v-80396660] {
  color: var(--text-secondary);
  line-height: 1.55;
}
.login-card-title[data-v-80396660] {
  margin-bottom: 20px;
}
.login-card-title span[data-v-80396660] {
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 800;
}
.login-card-title h3[data-v-80396660] {
  margin: 5px 0 0;
  color: var(--text-primary);
  font-size: 24px;
  font-weight: 850;
}
.admin-login .login-card[data-v-80396660] .el-card__body {
  padding: 26px;
}
.admin-login .login-card[data-v-80396660] .el-input__wrapper {
  background: rgba(148, 163, 184, 0.07);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
  border: 0;
  border-radius: 5px;
}
.admin-login .login-card[data-v-80396660] .el-input__wrapper:focus, .admin-login .login-card[data-v-80396660] .el-input__wrapper.is-focus {
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.32);
}
.admin-login .login-card[data-v-80396660] .el-input__inner {
  color: var(--text-primary);
}
.admin-login .login-card .login-btn[data-v-80396660] {
  border-radius: 5px;
}
.admin-login-form[data-v-80396660] .el-form-item__label {
  color: var(--text-secondary);
  font-weight: 700;
}
.admin-content[data-v-80396660] {
  display: grid;
  gap: 12px;
}
.admin-overview[data-v-80396660] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.admin-overview div[data-v-80396660] {
  min-width: 0;
  padding: 14px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 56%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.045);
  backdrop-filter: blur(12px) saturate(114%);
}
.admin-overview span[data-v-80396660],
.admin-overview small[data-v-80396660] {
  display: block;
  color: var(--text-secondary);
  font-size: 12px;
}
.admin-overview strong[data-v-80396660] {
  display: block;
  margin: 7px 0 4px;
  color: var(--text-primary);
  font-size: 24px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.admin-module-head[data-v-80396660] {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 12px;
  padding: 16px;
  border-radius: 6px;
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.055), transparent 62%), color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.045);
  backdrop-filter: blur(12px) saturate(114%);
}
.admin-module-head span[data-v-80396660] {
  display: block;
  color: #5383e8;
  font-size: 12px;
  font-weight: 850;
}
.admin-module-head h2[data-v-80396660] {
  margin: 5px 0 6px;
  color: var(--text-primary);
  font-size: 22px;
  font-weight: 850;
  letter-spacing: 0;
}
.admin-module-head p[data-v-80396660] {
  max-width: 720px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.6;
}
.admin-module-stat[data-v-80396660] {
  min-width: 132px;
  padding: 10px 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.045);
  text-align: right;
}
.admin-module-stat span[data-v-80396660] {
  color: var(--text-tertiary);
}
.admin-module-stat strong[data-v-80396660] {
  display: block;
  margin-top: 7px;
  color: var(--text-primary);
  font-size: 24px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.admin-content[data-v-80396660] .admin-tabs {
  --el-tabs-header-height: 46px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 12px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  backdrop-filter: blur(14px) saturate(116%);
  box-shadow: 0 18px 48px rgba(15, 23, 42, 0.075);
}
.admin-content[data-v-80396660] .el-tabs__nav-wrap::after,
.admin-content[data-v-80396660] .el-tabs__active-bar {
  display: none;
}
.admin-content[data-v-80396660] .el-tabs__header {
  margin-bottom: 12px;
  padding: 4px;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.045);
}
.admin-content[data-v-80396660] .el-tabs__item {
  height: 38px;
  padding: 0 13px;
  border-radius: 5px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 760;
}
.admin-content[data-v-80396660] .el-tabs__item.is-active {
  color: var(--text-primary);
  background: rgba(83, 131, 232, 0.1);
}
.admin-content[data-v-80396660] .el-tabs__item:hover {
  color: var(--text-primary);
}
.admin-content[data-v-80396660] .el-tabs__content {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.admin-content[data-v-80396660] .el-tab-pane {
  min-width: 0;
  max-width: 100%;
}
.admin-content[data-v-80396660] .el-button {
  border-radius: 5px;
  font-weight: 700;
}
.admin-content .toolbar[data-v-80396660] {
  gap: 12px;
  margin-bottom: 12px;
  padding: 10px;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.035);
}
.admin-content .toolbar .user-count[data-v-80396660] {
  color: var(--text-secondary);
  font-weight: 750;
}
.admin-content .toolbar .filter-area[data-v-80396660] {
  flex-wrap: wrap;
  gap: 8px;
}
.admin-content .table-wrapper[data-v-80396660] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  border: 0;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.026);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.06);
}
.admin-content .table-wrapper[data-v-80396660] .el-table {
  --el-table-bg-color: transparent;
  --el-table-tr-bg-color: transparent;
  --el-table-header-bg-color: transparent;
  --el-table-row-hover-bg-color: rgba(83, 131, 232, 0.075);
  color: var(--text-secondary);
}
.admin-content .table-wrapper[data-v-80396660] .el-table th {
  background: rgba(148, 163, 184, 0.055) !important;
  color: var(--text-primary) !important;
  border-bottom: 0 !important;
  font-weight: 800;
}
.admin-content .table-wrapper[data-v-80396660] .el-table td {
  border-bottom: 1px solid rgba(148, 163, 184, 0.055) !important;
}
.admin-content .table-wrapper[data-v-80396660] .el-table .el-table__row:hover > td {
  background-color: rgba(83, 131, 232, 0.075);
}
.admin-content .table-wrapper[data-v-80396660] .el-table .el-table__row--striped td {
  background: rgba(148, 163, 184, 0.022) !important;
}
.admin-content .settings-card[data-v-80396660] {
  border: 0;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.026);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.055);
}
.admin-content .settings-card[data-v-80396660] .el-card__header {
  border-bottom: 0;
  padding: 16px 18px 4px;
}
.admin-content .settings-card[data-v-80396660] .el-card__body {
  padding: 16px 18px 18px;
}
.admin-content .settings-card[data-v-80396660] .el-form-item__label {
  font-weight: 700;
}
.admin-content .settings-card[data-v-80396660] .el-input__wrapper {
  border: 0;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.065);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}
.admin-content .settings-card[data-v-80396660] .el-input__wrapper:focus, .admin-content .settings-card[data-v-80396660] .el-input__wrapper.is-focus {
  box-shadow: inset 0 0 0 1px rgba(83, 131, 232, 0.28);
}
.admin-section-head[data-v-80396660] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 10px;
  border-radius: 6px;
  background: rgba(148, 163, 184, 0.035);
}
.admin-section-head > div[data-v-80396660] {
  flex: 1;
  min-width: 0;
}
.admin-section-head strong[data-v-80396660] {
  display: block;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 850;
}
.admin-section-head span[data-v-80396660] {
  display: block;
  margin-top: 3px;
  color: var(--text-secondary);
  font-size: 12px;
}
.admin-section-search[data-v-80396660] {
  width: 220px;
  flex: 0 0 220px;
}
.card-header[data-v-80396660] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.feedback-identity strong[data-v-80396660],
.feedback-identity span[data-v-80396660] {
  display: block;
}
.feedback-identity strong[data-v-80396660] {
  color: var(--text-primary);
  font-size: 13px;
}
.feedback-identity span[data-v-80396660] {
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.muted-cell[data-v-80396660] {
  color: var(--text-tertiary);
}
.feedback-pagination[data-v-80396660] {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
.feedback-detail-meta[data-v-80396660] {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-secondary);
}
.feedback-detail-meta > span[data-v-80396660] {
  color: var(--text-primary);
  font-weight: 800;
}
.feedback-detail-meta time[data-v-80396660] {
  margin-left: auto;
  color: var(--text-tertiary);
  font-size: 12px;
}
.feedback-contact[data-v-80396660] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 12px;
}
.feedback-contact strong[data-v-80396660] {
  color: var(--text-primary);
}
.feedback-conversation-loading[data-v-80396660] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 280px;
  color: var(--text-tertiary);
}
.feedback-conversation-messages[data-v-80396660] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(480px, 52vh);
  margin-top: 14px;
  padding: 14px 2px;
  overflow-y: auto;
  border-top: 1px solid var(--border-primary);
  border-bottom: 1px solid var(--border-primary);
}
.feedback-message[data-v-80396660] {
  width: min(82%, 520px);
  padding: 11px 13px;
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  background: var(--bg-tertiary);
}
.feedback-message.user[data-v-80396660] {
  align-self: flex-start;
}
.feedback-message.admin[data-v-80396660] {
  align-self: flex-end;
  border-color: color-mix(in srgb, var(--accent-primary) 25%, var(--border-primary));
  background: color-mix(in srgb, var(--accent-primary) 9%, var(--bg-tertiary));
}
.feedback-message > p[data-v-80396660] {
  margin: 7px 0 0;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.feedback-message-meta[data-v-80396660] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--text-secondary);
  font-size: 11px;
}
.feedback-message-meta strong[data-v-80396660] {
  color: var(--text-primary);
}
.feedback-message-meta time[data-v-80396660] {
  color: var(--text-tertiary);
}
.feedback-message-images[data-v-80396660] {
  display: grid;
  grid-template-columns: repeat(3, 76px);
  gap: 7px;
  margin-top: 9px;
}
.feedback-message-images a[data-v-80396660] {
  width: 76px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--border-primary);
  border-radius: 5px;
  background: var(--bg-tertiary);
}
.feedback-message-images img[data-v-80396660] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feedback-reply-field[data-v-80396660] {
  display: block;
  margin-top: 14px;
}
.feedback-reply-field > span[data-v-80396660] {
  display: block;
  margin-bottom: 8px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
}
[data-v-80396660] .el-dialog {
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
}
[data-v-80396660] .el-dialog .el-dialog__header,[data-v-80396660] .el-dialog .el-dialog__body,[data-v-80396660] .el-dialog .el-dialog__footer {
  border: 0;
}
[data-v-80396660] .el-dialog .el-dialog__title {
  font-weight: 850;
}
[data-v-80396660] .el-dialog .el-input__wrapper {
  border: 0;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.065);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}
@media screen and (max-width: 1400px) {
.admin-content .table-wrapper[data-v-80396660] {
    overflow-x: auto;
}
.admin-content[data-v-80396660] .el-table {
    min-width: 1200px;
}
}
@media screen and (max-width: 1200px) {
.admin-login[data-v-80396660],
  .admin-overview[data-v-80396660] {
    grid-template-columns: 1fr;
}
.login-intro[data-v-80396660] {
    min-height: 320px;
}
.login-points[data-v-80396660] {
    grid-template-columns: 1fr;
}
.admin-content .toolbar[data-v-80396660] {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
}
.admin-content .toolbar .filter-area[data-v-80396660] {
    flex-wrap: wrap;
    gap: 8px;
}
.admin-content .toolbar .filter-area .el-input[data-v-80396660],
  .admin-content .toolbar .filter-area .el-select[data-v-80396660] {
    margin-right: 0 !important;
    flex: 1;
    min-width: 140px;
}
}
.form-help[data-v-80396660] {
  width: 100%;
  margin-top: 5px;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
.admin-page[data-v-80396660] {
    padding: 68px 12px 24px;
}
.admin-header[data-v-80396660] {
    align-items: stretch;
    flex-direction: column;
}
.admin-session[data-v-80396660] {
    justify-content: space-between;
}
.login-intro[data-v-80396660] {
    padding: 18px;
}
.login-intro h2[data-v-80396660] {
    font-size: 30px;
}
}.terms-page[data-v-d44e146e] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.04), transparent 30%), var(--bg-primary);
  padding: 40px 20px 60px;
}
.terms-container[data-v-d44e146e] {
  max-width: 1200px;
  margin: 0 auto;
}
.terms-wrapper[data-v-d44e146e] {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
  align-items: start;
}
.terms-sidebar[data-v-d44e146e] {
  position: sticky;
  top: 24px;
}
.sidebar-sticky[data-v-d44e146e] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  padding: 20px;
  box-shadow: var(--shadow-sm);
}
.sidebar-title[data-v-d44e146e] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
}
.sidebar-nav[data-v-d44e146e] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-item[data-v-d44e146e] {
  padding: 10px 12px;
  font-size: 13px;
  color: var(--text-secondary);
  text-decoration: none;
  border-radius: 2px;
  transition: all 0.2s;
}
.nav-item[data-v-d44e146e]:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.nav-item.nav-item-special[data-v-d44e146e] {
  color: #f59e0b;
  font-weight: 500;
}
.nav-item.nav-item-special[data-v-d44e146e]:hover {
  background: rgba(245, 158, 11, 0.1);
}
.terms-main .terms-header[data-v-d44e146e] {
  margin-bottom: 32px;
}
.terms-main .terms-header .terms-title[data-v-d44e146e] {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.terms-main .terms-header .terms-subtitle[data-v-d44e146e] {
  font-size: 14px;
  color: var(--text-tertiary);
}
.terms-main .terms-content[data-v-d44e146e] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.terms-main .terms-section[data-v-d44e146e] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  padding: 24px;
  box-shadow: var(--shadow-sm);
}
.terms-main .terms-section.terms-section-warning[data-v-d44e146e] {
  border: 1px solid rgba(245, 158, 11, 0.22);
  background: rgba(245, 158, 11, 0.05);
}
.terms-main .terms-section .section-title[data-v-d44e146e] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-secondary);
}
.terms-main .terms-section .section-content p[data-v-d44e146e] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 12px;
}
.terms-main .terms-section .section-content ul[data-v-d44e146e] {
  margin: 12px 0;
  padding-left: 24px;
}
.terms-main .terms-section .section-content ul li[data-v-d44e146e] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 6px;
}
.terms-main .terms-section .section-content strong[data-v-d44e146e] {
  color: var(--text-primary);
  font-weight: 500;
}
@media (max-width: 768px) {
.terms-wrapper[data-v-d44e146e] {
    grid-template-columns: 1fr;
}
.terms-sidebar[data-v-d44e146e] {
    display: none;
}
.terms-main .terms-header .terms-title[data-v-d44e146e] {
    font-size: 20px;
}
.terms-main .terms-section[data-v-d44e146e] {
    padding: 16px;
}
}.terms-page[data-v-bdc85534] {
  min-height: 100vh;
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.04), transparent 30%), var(--bg-primary);
  padding: 40px 20px 60px;
}
.terms-container[data-v-bdc85534] {
  max-width: 1200px;
  margin: 0 auto;
}
.terms-wrapper[data-v-bdc85534] {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
  align-items: start;
}
.terms-sidebar[data-v-bdc85534] {
  position: sticky;
  top: 24px;
}
.sidebar-sticky[data-v-bdc85534] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  padding: 20px;
  box-shadow: var(--shadow-sm);
}
.sidebar-title[data-v-bdc85534] {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
}
.sidebar-nav[data-v-bdc85534] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.nav-item[data-v-bdc85534] {
  padding: 10px 12px;
  font-size: 13px;
  color: var(--text-secondary);
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.2s;
}
.nav-item[data-v-bdc85534]:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
.nav-item.nav-item-special[data-v-bdc85534] {
  color: #f59e0b;
  font-weight: 500;
}
.nav-item.nav-item-special[data-v-bdc85534]:hover {
  background: rgba(245, 158, 11, 0.1);
}
.terms-main .terms-header[data-v-bdc85534] {
  margin-bottom: 32px;
}
.terms-main .terms-header .terms-title[data-v-bdc85534] {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-primary);
  margin-bottom: 8px;
}
.terms-main .terms-header .terms-subtitle[data-v-bdc85534] {
  font-size: 14px;
  color: var(--text-tertiary);
}
.terms-main .terms-content[data-v-bdc85534] {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.terms-main .terms-section[data-v-bdc85534] {
  background: var(--bg-secondary);
  border: 1px solid var(--border-secondary);
  border-radius: 6px;
  padding: 24px;
  box-shadow: var(--shadow-sm);
}
.terms-main .terms-section.privacy-section[data-v-bdc85534] {
  border-left: 1px solid var(--accent-primary);
}
.terms-main .terms-section.terms-section-warning[data-v-bdc85534] {
  border: 1px solid rgba(245, 158, 11, 0.22);
  background: rgba(245, 158, 11, 0.05);
}
.terms-main .terms-section .section-title[data-v-bdc85534] {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-primary);
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-secondary);
}
.terms-main .terms-section .section-content p[data-v-bdc85534] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 12px;
}
.terms-main .terms-section .section-content ul[data-v-bdc85534] {
  margin: 12px 0;
  padding-left: 24px;
}
.terms-main .terms-section .section-content ul li[data-v-bdc85534] {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.8;
  margin-bottom: 6px;
}
.terms-main .terms-section .section-content strong[data-v-bdc85534] {
  color: var(--text-primary);
  font-weight: 500;
}
@media (max-width: 768px) {
.terms-wrapper[data-v-bdc85534] {
    grid-template-columns: 1fr;
}
.terms-sidebar[data-v-bdc85534] {
    display: none;
}
.terms-main .terms-header .terms-title[data-v-bdc85534] {
    font-size: 20px;
}
.terms-main .terms-section[data-v-bdc85534] {
    padding: 16px;
}
}.batch-search-page[data-v-d0710778] {
  box-sizing: border-box;
  min-height: calc(100svh - 112px);
  padding: 26px 24px 12px;
  color: var(--text-primary);
  background: var(--bg-primary);
}
.batch-shell[data-v-d0710778] {
  width: min(1170px, 100%);
  margin: 0 auto;
}
.search-view[data-v-d0710778] {
  min-height: calc(100svh - 160px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: translateY(-30px);
}
.search-header[data-v-d0710778] {
  text-align: center;
  animation: rise-in-d0710778 0.42s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.search-header h1[data-v-d0710778] {
  margin: 0;
  color: var(--text-primary);
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.search-header p[data-v-d0710778] {
  margin: 12px 0 0;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.7;
}
.search-card[data-v-d0710778] {
  position: relative;
  box-sizing: border-box;
  width: min(660px, 100%);
  margin: 24px auto 0;
  padding: 14px 14px 12px;
  border: 1px solid var(--border-primary);
  border-radius: 14px;
  background: var(--bg-secondary);
  box-shadow: 0 5px 15px rgba(9, 16, 31, 0.035);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  animation: rise-in-d0710778 0.42s 0.06s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.search-card[data-v-d0710778]:focus-within {
  border-color: color-mix(in srgb, var(--accent-primary) 50%, var(--border-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 8%, transparent);
}
.editor-head[data-v-d0710778] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 1px 8px 4px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.editor-head em[data-v-d0710778] {
  flex: none;
  color: var(--accent-primary);
  font-style: normal;
  font-weight: 500;
}
.summoner-textarea[data-v-d0710778] {
  box-sizing: border-box;
  width: 100%;
  height: 82px;
  min-height: 82px;
  padding: 7px 8px 8px;
  border: 0;
  border-radius: 0;
  outline: none;
  resize: none;
  background: transparent;
  box-shadow: none;
  color: var(--text-primary);
  font: inherit;
  font-size: 13px;
  line-height: 1.6;
}
.summoner-textarea[data-v-d0710778]::placeholder {
  color: var(--text-tertiary);
}
.summoner-textarea[data-v-d0710778]:focus {
  border: 0;
  box-shadow: none;
}
.options-row[data-v-d0710778] {
  display: grid;
  grid-template-columns: 172px 150px 40px;
  justify-content: end;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.select-group[data-v-d0710778] {
  min-width: 0;
  height: 36px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  border: 1px solid var(--border-primary);
  border-radius: 9px;
  background: var(--bg-primary);
  overflow: hidden;
}
.select-group > span[data-v-d0710778] {
  padding-left: 10px;
  color: var(--text-tertiary);
  font-size: 10px;
}
.select-group[data-v-d0710778] .el-select__wrapper {
  min-height: 34px !important;
  padding: 0 9px 0 3px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px;
}
.search-btn[data-v-d0710778] {
  width: 40px;
  height: 36px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--text-tertiary);
  cursor: pointer;
  transition: color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.search-btn[data-v-d0710778]:hover:not(:disabled) {
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 7%, transparent);
  transform: translateX(1px);
}
.search-btn[data-v-d0710778]:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.search-btn svg[data-v-d0710778] {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.loading-dot[data-v-d0710778] {
  width: 16px;
  height: 16px;
  border: 2px solid color-mix(in srgb, var(--accent-primary) 24%, transparent);
  border-top-color: var(--accent-primary);
  border-radius: 50%;
  animation: spin-d0710778 0.7s linear infinite;
}
.summoner-tags[data-v-d0710778] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
  padding: 0 4px;
}
.summoner-tag[data-v-d0710778] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  color: var(--text-secondary);
  background: var(--bg-primary);
  font-size: 11px;
}
.summoner-tag button[data-v-d0710778] {
  padding: 0;
  border: 0;
  background: none;
  color: var(--text-tertiary);
  cursor: pointer;
  font: inherit;
}
.service-section[data-v-d0710778] {
  margin-top: 88px;
  padding-top: 0;
  animation: rise-in-d0710778 0.42s 0.12s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.section-heading[data-v-d0710778] {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 13px;
  margin-bottom: 16px;
}
.section-heading strong[data-v-d0710778] {
  font-size: 14px;
  font-weight: 600;
}
.section-heading span[data-v-d0710778] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.service-grid[data-v-d0710778] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 16px;
  align-items: stretch;
}
.service-card[data-v-d0710778] {
  position: relative;
  min-height: 112px;
  height: auto;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: start;
  gap: 12px;
  padding: 18px 20px;
  border: 1px solid var(--border-primary);
  border-radius: 11px;
  background: var(--bg-secondary);
  color: inherit;
  text-align: left;
  text-decoration: none;
  font: inherit;
  cursor: default;
  overflow: hidden;
  transition: border-color 0.2s ease, background 0.2s ease, transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
.service-card > div[data-v-d0710778] {
  min-width: 0;
}
a.service-card[data-v-d0710778], .service-card[href][data-v-d0710778] {
  cursor: pointer;
}
a.service-card[data-v-d0710778]:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--accent-primary) 28%, var(--border-primary));
  background: color-mix(in srgb, var(--accent-primary) 2%, var(--bg-secondary));
}
.card-icon[data-v-d0710778] {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  padding: 7px;
  border-radius: 7px;
}
.card-icon svg[data-v-d0710778] {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.card-icon.violet[data-v-d0710778] {
  color: #8b5cf6;
  background: rgba(139, 92, 246, 0.08);
}
.card-icon.blue[data-v-d0710778] {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.08);
}
.card-icon.sky[data-v-d0710778] {
  color: #0ea5e9;
  background: rgba(14, 165, 233, 0.08);
}
.card-icon.indigo[data-v-d0710778] {
  color: #6366f1;
  background: rgba(99, 102, 241, 0.08);
}
.card-icon.purple[data-v-d0710778] {
  color: #a855f7;
  background: rgba(168, 85, 247, 0.08);
}
.card-icon.lilac[data-v-d0710778] {
  color: #7c3aed;
  background: rgba(124, 58, 237, 0.08);
}
.service-card strong[data-v-d0710778] {
  display: block;
  margin: 2px 0 7px;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 600;
}
.service-card p[data-v-d0710778] {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.6;
  overflow-wrap: break-word;
  word-break: break-word;
}
.card-link[data-v-d0710778] {
  display: inline-block;
  margin-top: 5px;
  color: var(--accent-primary);
  font-size: 12px;
  font-weight: 500;
}
.coming-soon[data-v-d0710778] {
  display: inline-flex;
  margin-top: 7px;
  padding: 3px 6px;
  border: 1px solid var(--border-primary);
  border-radius: 4px;
  color: var(--text-tertiary);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@keyframes rise-in-d0710778 {
from {
    opacity: 0;
    transform: translateY(10px);
}
to {
    opacity: 1;
    transform: none;
}
}
@keyframes spin-d0710778 {
to {
    transform: rotate(360deg);
}
}
.results-mode[data-v-d0710778] {
  padding-top: 34px;
}
.results-mode .batch-shell[data-v-d0710778] {
  width: min(1680px, 100%);
}
.results-section[data-v-d0710778] {
  width: 100%;
  margin: 0 auto;
}
.results-header[data-v-d0710778] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
.results-header > div[data-v-d0710778] {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.results-header h2[data-v-d0710778] {
  margin: 0;
  font-size: 24px;
  font-weight: 600;
}
.results-count[data-v-d0710778] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.back-search-btn[data-v-d0710778] {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font: inherit;
  cursor: pointer;
}
.back-search-btn svg[data-v-d0710778] {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.summoner-cards[data-v-d0710778] {
  --batch-card-width:calc((100% - 56px) / 5);
  display: grid;
  grid-template-columns: repeat(auto-fit, var(--batch-card-width));
  justify-content: center;
  gap: 14px;
}
.summoner-card[data-v-d0710778] {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--border-primary);
  border-radius: 6px;
  background: var(--bg-secondary);
}
.card-header[data-v-d0710778] {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 11px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--border-primary);
}
.summoner-basic[data-v-d0710778] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 0;
}
.summoner-avatar[data-v-d0710778] {
  width: 42px;
  height: 42px;
  flex: none;
  object-fit: cover;
  border-radius: 9px;
}
.summoner-name[data-v-d0710778] {
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  color: var(--text-primary);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: inherit;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.18s ease;
}
.summoner-name[data-v-d0710778]:hover, .summoner-name[data-v-d0710778]:focus-visible {
  color: var(--accent-primary);
  outline: none;
}
.summoner-ranks[data-v-d0710778] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.rank-item[data-v-d0710778] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}
.tiny-tier-icon[data-v-d0710778] {
  width: 28px;
  height: 28px;
  flex: none;
  object-fit: contain;
}
.rank-column[data-v-d0710778] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.rank-label[data-v-d0710778], .rank-text[data-v-d0710778] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rank-label[data-v-d0710778] {
  color: var(--text-tertiary);
  font-size: 9px;
}
.rank-text[data-v-d0710778] {
  font-size: 11px;
}
.rank-sep[data-v-d0710778] {
  width: 1px;
  height: 24px;
  background: var(--border-primary);
}
.card-stats[data-v-d0710778] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 14px 0;
}
.stat-item[data-v-d0710778] {
  min-width: 0;
  text-align: center;
}
.stat-value[data-v-d0710778] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
}
.stat-label[data-v-d0710778] {
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 10px;
  white-space: nowrap;
}
.top-champions[data-v-d0710778] {
  padding-bottom: 12px;
}
.champions-list[data-v-d0710778] {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.champion-icon[data-v-d0710778] {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 7px;
}
.matches-title[data-v-d0710778] {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.matches-list[data-v-d0710778] {
  max-height: none;
  overflow: visible;
}
.match-item[data-v-d0710778] {
  display: grid;
  grid-template-columns: 30px 34px minmax(0, 1fr) 58px 42px;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  margin-top: 3px;
  padding: 5px 7px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 11px;
  transition: background-color 0.18s ease, border-color 0.18s ease;
}
.match-item.win[data-v-d0710778] {
  border-color: color-mix(in srgb, #3b82f6 28%, transparent);
  background: color-mix(in srgb, #3b82f6 12%, var(--bg-secondary));
}
.match-item.loss[data-v-d0710778] {
  border-color: color-mix(in srgb, #dc5b62 26%, transparent);
  background: color-mix(in srgb, #dc5b62 11%, var(--bg-secondary));
}
.match-item.remake[data-v-d0710778] {
  border-color: color-mix(in srgb, #8b95a3 24%, transparent);
  background: color-mix(in srgb, #8b95a3 10%, var(--bg-secondary));
}
.match-champion-icon[data-v-d0710778] {
  width: 30px;
  height: 30px;
  object-fit: cover;
  border-radius: 3px;
}
.match-result[data-v-d0710778] {
  justify-self: start;
  text-align: left;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.match-item.win .match-result[data-v-d0710778] {
  color: #3b82f6;
}
.match-item.loss .match-result[data-v-d0710778] {
  color: #d14f58;
}
.match-item.remake .match-result[data-v-d0710778] {
  color: #8b95a3;
}
.match-mode[data-v-d0710778] {
  min-width: 0;
  justify-self: start;
  overflow: hidden;
  color: var(--text-secondary);
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.batch-match-kda[data-v-d0710778] {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-self: start;
  text-align: left;
  white-space: nowrap;
}
.batch-match-kda .k[data-v-d0710778], .batch-match-kda .a[data-v-d0710778] {
  color: var(--text-primary);
}
.batch-match-kda .d[data-v-d0710778] {
  color: #d14f58;
}
.match-time[data-v-d0710778] {
  justify-self: center;
  text-align: center;
  color: var(--text-tertiary);
  font-size: 9px;
  white-space: nowrap;
}
.batch-select-popper.el-popper {
  padding: 5px !important;
  border: 1px solid var(--border-primary) !important;
  border-radius: 8px !important;
  background: var(--bg-elevated) !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12) !important;
}
.batch-select-popper .el-select-dropdown__item {
  height: 34px;
  padding: 0 10px;
  border-radius: 5px;
  font-size: 12px;
  line-height: 34px;
}
.batch-select-popper .el-select-dropdown__item.is-selected {
  color: var(--accent-primary) !important;
  background: color-mix(in srgb, var(--accent-primary) 8%, var(--bg-elevated)) !important;
}
@media (max-width: 1440px) {
.summoner-cards[data-v-d0710778] {
    --batch-card-width:calc((100% - 42px) / 4);
}
}
@media (max-width: 1160px) {
.summoner-cards[data-v-d0710778] {
    --batch-card-width:calc((100% - 28px) / 3);
}
}
@media (max-width: 880px) {
.batch-search-page[data-v-d0710778] {
    min-height: 0;
    padding-top: 44px;
}
.search-view[data-v-d0710778] {
    min-height: 0;
    transform: none;
}
.service-section[data-v-d0710778] {
    margin-top: 46px;
}
.service-grid[data-v-d0710778] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.summoner-cards[data-v-d0710778] {
    --batch-card-width:calc((100% - 14px) / 2);
}
}
@media (max-width: 620px) {
.summoner-cards[data-v-d0710778] {
    --batch-card-width:100%;
}
.batch-search-page[data-v-d0710778] {
    padding: 36px 14px 34px;
}
.search-header h1[data-v-d0710778] {
    font-size: 29px;
}
.search-card[data-v-d0710778] {
    padding: 13px 12px 12px;
}
.options-row[data-v-d0710778] {
    grid-template-columns: 1fr 1fr 40px;
    gap: 6px;
}
.select-group[data-v-d0710778] {
    grid-template-columns: 1fr;
}
.select-group > span[data-v-d0710778] {
    display: none;
}
.service-grid[data-v-d0710778] {
    grid-template-columns: 1fr;
    gap: 11px;
}
.service-card[data-v-d0710778] {
    min-height: 108px;
    padding: 17px;
}
.section-heading[data-v-d0710778] {
    justify-content: flex-start;
}
.card-header[data-v-d0710778] {
    align-items: flex-start;
    flex-direction: column;
}
.results-header[data-v-d0710778] {
    align-items: flex-start;
}
.summoner-textarea[data-v-d0710778] {
    height: 92px;
    min-height: 92px;
}
}
@media (max-height: 760px) and (min-width: 881px) {
.batch-search-page[data-v-d0710778] {
    padding-top: 16px;
    padding-bottom: 8px;
}
.search-view[data-v-d0710778] {
    min-height: calc(100svh - 132px);
}
.search-header h1[data-v-d0710778] {
    font-size: 32px;
}
.search-header p[data-v-d0710778] {
    margin-top: 7px;
}
.search-card[data-v-d0710778] {
    margin-top: 15px;
}
.summoner-textarea[data-v-d0710778] {
    height: 64px;
    min-height: 64px;
}
.search-view[data-v-d0710778] {
    transform: translateY(-10px);
}
.service-section[data-v-d0710778] {
    margin-top: 52px;
    padding-top: 0;
}
.section-heading[data-v-d0710778] {
    margin-bottom: 10px;
}
.service-grid[data-v-d0710778] {
    gap: 10px 14px;
}
.service-card[data-v-d0710778] {
    min-height: 96px;
    padding: 13px 16px;
}
.service-card p[data-v-d0710778] {
    line-height: 1.45;
}
}
@media (prefers-reduced-motion: reduce) {
[data-v-d0710778],[data-v-d0710778]::before,[data-v-d0710778]::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
}
}.feedback-page[data-v-466016f4] {
  flex: 1;
  min-height: calc(100vh - 60px - 146px);
  padding: 34px 20px 54px;
  background: var(--bg-primary);
}
.feedback-shell[data-v-466016f4] {
  width: min(1180px, 100%);
  margin: 0 auto;
}
.feedback-head[data-v-466016f4] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  padding-bottom: 0;
}
.feedback-head h1[data-v-466016f4] {
  margin-top: 5px;
  color: var(--text-primary);
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0;
}
.feedback-kicker[data-v-466016f4],
.section-head span[data-v-466016f4] {
  color: var(--accent-primary);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.identity-state[data-v-466016f4] {
  min-width: 150px;
  text-align: right;
}
.identity-state span[data-v-466016f4] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.identity-state strong[data-v-466016f4] {
  display: block;
  margin-top: 4px;
  color: var(--text-primary);
  font-size: 14px;
}
.feedback-layout[data-v-466016f4] {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(380px, 0.96fr);
  gap: 28px;
  align-items: start;
}
.feedback-composer[data-v-466016f4] {
  padding: 22px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
  box-shadow: var(--shadow-sm);
}
.section-head[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
}
.section-head h2[data-v-466016f4] {
  margin-top: 4px;
  color: var(--text-primary);
  font-size: 19px;
  letter-spacing: 0;
}
.section-head small[data-v-466016f4] {
  color: var(--text-tertiary);
  font-variant-numeric: tabular-nums;
}
.category-field[data-v-466016f4] {
  margin: 0 0 18px;
  padding: 0;
  border: 0;
}
.category-field legend[data-v-466016f4],
.category-field .field-block > span[data-v-466016f4],
.category-field .upload-heading > span[data-v-466016f4] {
  margin-bottom: 9px;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 600;
}
.category-options[data-v-466016f4] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.category-options label[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  color: var(--text-secondary);
  font-size: 13px;
  cursor: pointer;
  transition: 0.18s ease;
}
.category-options label.active[data-v-466016f4] {
  border-color: var(--border-focus);
  background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
  color: var(--text-primary);
}
.category-options label input[data-v-466016f4] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.field-block[data-v-466016f4] {
  display: flex;
  flex-direction: column;
  margin-bottom: 18px;
}
.field-block span[data-v-466016f4] {
  display: block;
}
.field-block em[data-v-466016f4],
.field-block .upload-heading em[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
}
.field-block textarea[data-v-466016f4],
.field-block input[data-v-466016f4] {
  width: 100%;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  outline: none;
  background: var(--bg-tertiary);
  color: var(--text-primary);
  font: inherit;
  font-size: 14px;
  transition: border-color 0.18s ease;
}
.field-block textarea[data-v-466016f4]:focus,
.field-block input[data-v-466016f4]:focus {
  border-color: var(--border-focus);
}
.field-block textarea[data-v-466016f4] {
  min-height: 176px;
  padding: 13px 14px;
  resize: vertical;
  line-height: 1.7;
}
.field-block input[data-v-466016f4] {
  height: 42px;
  padding: 0 13px;
}
.upload-area[data-v-466016f4] {
  padding-top: 2px;
}
.upload-heading[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}
.upload-heading > span[data-v-466016f4] {
  margin-bottom: 0;
}
.upload-heading > small[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}
.upload-heading .upload-title[data-v-466016f4] {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
}
.upload-heading .optional-label[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 11px;
  font-style: normal;
  font-weight: 400;
}
.upload-heading .upload-limit[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
}
.file-input[data-v-466016f4] {
  display: none;
}
.upload-dropzone[data-v-466016f4] {
  width: 100%;
  min-height: 86px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 14px 15px;
  border: 1px dashed color-mix(in srgb, var(--accent-primary) 30%, var(--border-primary));
  border-radius: var(--radius-sm);
  background: color-mix(in srgb, var(--accent-primary) 2.5%, var(--bg-tertiary));
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.upload-dropzone[data-v-466016f4]:hover, .upload-dropzone.dragging[data-v-466016f4] {
  border-color: color-mix(in srgb, var(--accent-primary) 68%, var(--border-primary));
  background: color-mix(in srgb, var(--accent-primary) 6%, var(--bg-tertiary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 6%, transparent);
}
.upload-dropzone.disabled[data-v-466016f4] {
  opacity: 0.68;
  cursor: default;
}
.upload-visual[data-v-466016f4] {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
  font-size: 18px;
}
.upload-copy[data-v-466016f4] {
  min-width: 0;
}
.upload-copy strong[data-v-466016f4] {
  display: block;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 600;
}
.upload-copy small[data-v-466016f4] {
  display: block;
  margin-top: 5px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.upload-action[data-v-466016f4] {
  height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--border-primary);
  border-radius: 7px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 12px;
  white-space: nowrap;
}
.upload-command[data-v-466016f4],
.submit-button[data-v-466016f4],
.history-head button[data-v-466016f4],
.image-previews button[data-v-466016f4] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.image-previews[data-v-466016f4],
.history-images[data-v-466016f4] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 11px;
}
.image-previews figure[data-v-466016f4] {
  position: relative;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  background: var(--bg-tertiary);
  aspect-ratio: 1.42;
}
.image-previews figure img[data-v-466016f4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.22s ease;
}
.image-previews figure:hover img[data-v-466016f4] {
  transform: scale(1.025);
}
.image-previews figure figcaption[data-v-466016f4] {
  position: absolute;
  left: 7px;
  bottom: 6px;
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(8, 9, 12, 0.68);
  color: #fff;
  font-size: 10px;
  backdrop-filter: blur(5px);
}
.history-images a[data-v-466016f4] {
  position: relative;
  width: 84px;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  background: var(--bg-tertiary);
}
.history-images a img[data-v-466016f4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-previews button[data-v-466016f4] {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: rgba(8, 9, 12, 0.76);
  color: #fff;
  backdrop-filter: blur(5px);
  transition: background 0.18s ease, transform 0.18s ease;
}
.image-previews button[data-v-466016f4]:hover {
  background: rgba(220, 38, 38, 0.9);
  transform: scale(1.04);
}
.submit-row[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 22px;
  padding-top: 4px;
}
.form-error[data-v-466016f4] {
  margin-right: auto;
  color: var(--accent-error);
  font-size: 12px;
}
.submit-button[data-v-466016f4] {
  gap: 8px;
  min-width: 126px;
  height: 40px;
  padding: 0 17px;
  border-radius: var(--radius-sm);
  background: var(--accent-primary);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.submit-button[data-v-466016f4]:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
.feedback-history[data-v-466016f4] {
  min-width: 0;
}
.history-head[data-v-466016f4] {
  min-height: 50px;
  margin-bottom: 10px;
}
.history-head button[data-v-466016f4] {
  width: 34px;
  height: 34px;
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  color: var(--text-secondary);
}
.history-head button[data-v-466016f4]:hover {
  color: var(--text-primary);
}
.history-state[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  color: var(--text-tertiary);
  font-size: 13px;
}
.history-state.empty[data-v-466016f4] {
  flex-direction: column;
  gap: 10px;
}
.history-state.empty .el-icon[data-v-466016f4] {
  font-size: 28px;
}
.feedback-list[data-v-466016f4] {
  display: grid;
  gap: 10px;
  max-height: 650px;
  padding-right: 4px;
  overflow-y: auto;
}
.feedback-item[data-v-466016f4] {
  padding: 16px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  background: var(--bg-secondary);
}
.item-meta[data-v-466016f4] {
  display: flex;
  align-items: center;
  gap: 7px;
}
.item-meta time[data-v-466016f4] {
  margin-left: auto;
  color: var(--text-tertiary);
  font-size: 11px;
}
.category-tag[data-v-466016f4],
.status-tag[data-v-466016f4] {
  display: inline-flex;
  align-items: center;
  height: 23px;
  padding: 0 7px;
  border-radius: var(--radius-xs);
  font-size: 11px;
  font-weight: 600;
}
.category-tag[data-v-466016f4] {
  background: var(--surface-soft);
  color: var(--text-secondary);
}
.status-tag[data-v-466016f4] {
  background: color-mix(in srgb, var(--accent-warning) 12%, transparent);
  color: var(--accent-warning);
}
.status-tag.replied[data-v-466016f4] {
  background: color-mix(in srgb, var(--accent-success) 12%, transparent);
  color: var(--accent-success);
}
.item-content[data-v-466016f4],
.admin-reply p[data-v-466016f4] {
  margin-top: 12px;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.75;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.admin-reply[data-v-466016f4] {
  margin-top: 14px;
  padding: 12px 13px;
  border-left: 2px solid var(--accent-success);
  background: color-mix(in srgb, var(--accent-success) 6%, transparent);
}
.admin-reply > div[data-v-466016f4] {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--accent-success);
  font-size: 12px;
}
.admin-reply > div time[data-v-466016f4] {
  margin-left: auto;
  color: var(--text-tertiary);
  font-size: 11px;
}
.admin-reply p[data-v-466016f4] {
  margin-top: 7px;
  color: var(--text-secondary);
}
.item-actions[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--border-primary);
}
.item-actions > span[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.item-actions button[data-v-466016f4] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--surface-soft);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.conversation-loading[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 260px;
  color: var(--text-tertiary);
}
.conversation-summary[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-primary);
}
.conversation-summary > div[data-v-466016f4] {
  display: flex;
  gap: 7px;
}
.conversation-summary time[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.conversation-messages[data-v-466016f4] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: min(460px, 52vh);
  padding: 16px 2px;
  overflow-y: auto;
}
.conversation-message[data-v-466016f4] {
  width: min(82%, 500px);
  padding: 11px 13px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-md);
  background: var(--bg-tertiary);
}
.conversation-message.user[data-v-466016f4] {
  align-self: flex-end;
  border-color: color-mix(in srgb, var(--accent-primary) 25%, var(--border-primary));
  background: color-mix(in srgb, var(--accent-primary) 9%, var(--bg-tertiary));
}
.conversation-message.admin[data-v-466016f4] {
  align-self: flex-start;
  border-color: color-mix(in srgb, var(--accent-success) 22%, var(--border-primary));
}
.conversation-message .message-meta[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: var(--text-secondary);
  font-size: 11px;
}
.conversation-message .message-meta strong[data-v-466016f4] {
  color: var(--text-primary);
}
.conversation-message .message-meta time[data-v-466016f4] {
  color: var(--text-tertiary);
}
.conversation-message > p[data-v-466016f4] {
  margin-top: 7px;
  color: var(--text-primary);
  font-size: 13px;
  line-height: 1.7;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.message-images[data-v-466016f4] {
  display: grid;
  grid-template-columns: repeat(3, 76px);
  gap: 7px;
  margin-top: 9px;
}
.message-images a[data-v-466016f4] {
  width: 76px;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: var(--radius-sm);
}
.message-images img[data-v-466016f4] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.conversation-reply[data-v-466016f4] {
  padding-top: 14px;
  border-top: 1px solid var(--border-primary);
}
.conversation-reply textarea[data-v-466016f4] {
  width: 100%;
  min-height: 96px;
  padding: 11px 12px;
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-sm);
  outline: none;
  resize: vertical;
  background: var(--bg-tertiary);
  color: var(--text-primary);
  font: inherit;
  font-size: 13px;
  line-height: 1.65;
}
.conversation-reply textarea[data-v-466016f4]:focus {
  border-color: var(--border-focus);
}
.conversation-reply > div[data-v-466016f4] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 10px;
}
.conversation-reply > div span[data-v-466016f4] {
  margin-right: auto;
  color: var(--accent-error);
  font-size: 12px;
}
.conversation-reply > div button[data-v-466016f4] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 36px;
  padding: 0 13px;
  border: 0;
  border-radius: var(--radius-sm);
  background: var(--accent-primary);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
.conversation-reply > div button[data-v-466016f4]:disabled {
  opacity: 0.46;
  cursor: not-allowed;
}
@media (max-width: 980px) {
.feedback-layout[data-v-466016f4] {
    grid-template-columns: 1fr;
}
.feedback-list[data-v-466016f4] {
    max-height: none;
}
}
@media (max-width: 640px) {
.feedback-page[data-v-466016f4] {
    padding: 20px 14px 36px;
}
.feedback-head[data-v-466016f4] {
    align-items: flex-start;
}
.category-options[data-v-466016f4] {
    grid-template-columns: repeat(2, 1fr);
}
.feedback-composer[data-v-466016f4] {
    padding: 16px;
}
}
/* Modern lightweight feedback surface aligned with the home page. */
.feedback-page[data-v-466016f4] {
  padding: 32px 24px 52px;
  background: var(--bg-primary);
}
.feedback-shell[data-v-466016f4] {
  width: min(1240px, 100%);
  max-width: none;
  margin: 0 auto;
}
.feedback-head[data-v-466016f4] {
  position: relative;
  display: block;
  min-height: 0;
  margin-bottom: 26px;
  padding: 0 170px;
  text-align: center;
}
.feedback-hero-copy[data-v-466016f4] {
  max-width: 690px;
  margin: 0 auto;
}
.feedback-kicker[data-v-466016f4] {
  display: none;
}
.feedback-head h1[data-v-466016f4] {
  margin: 0;
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.feedback-head p[data-v-466016f4] {
  margin: 11px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}
.identity-state[data-v-466016f4] {
  position: absolute;
  top: 1px;
  right: 0;
  min-width: 132px;
  padding: 9px 12px;
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  background: var(--bg-secondary);
  box-shadow: none;
  text-align: left;
}
.identity-state span[data-v-466016f4] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.identity-state strong[data-v-466016f4] {
  font-size: 12px;
  font-weight: 500;
}
.feedback-layout[data-v-466016f4] {
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
  gap: 16px;
  align-items: start;
}
.feedback-composer[data-v-466016f4],
.feedback-history[data-v-466016f4] {
  border: 1px solid var(--border-primary);
  border-radius: 11px;
  background: var(--bg-secondary);
  box-shadow: none;
}
.feedback-composer[data-v-466016f4] {
  padding: 22px;
}
.feedback-history[data-v-466016f4] {
  padding: 22px;
}
.section-head[data-v-466016f4] {
  min-height: 42px;
  margin-bottom: 18px;
  padding-bottom: 0;
  border-bottom: 0;
}
.section-head > div > span[data-v-466016f4] {
  display: block;
  margin-bottom: 3px;
  color: var(--text-tertiary);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.section-head h2[data-v-466016f4] {
  font-size: 17px;
  font-weight: 600;
}
.category-field legend[data-v-466016f4],
.field-block > span[data-v-466016f4],
.upload-heading > span[data-v-466016f4] {
  font-weight: 500;
}
.category-options[data-v-466016f4] {
  gap: 8px;
}
.category-options label[data-v-466016f4] {
  min-height: 38px;
  border-radius: 8px;
  background: var(--bg-tertiary);
  font-weight: 400;
  transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease;
}
.category-options label[data-v-466016f4]:hover {
  transform: none;
  border-color: color-mix(in srgb, var(--accent-primary) 20%, var(--border-primary));
}
.category-options label.active[data-v-466016f4] {
  color: var(--accent-primary);
  font-weight: 500;
  background: color-mix(in srgb, var(--accent-primary) 7%, var(--bg-secondary));
  box-shadow: none;
}
.field-block textarea[data-v-466016f4],
.field-block input[data-v-466016f4] {
  border-radius: 8px;
  background: var(--bg-tertiary);
  box-shadow: none;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.field-block textarea[data-v-466016f4] {
  min-height: 164px;
}
.field-block input[data-v-466016f4] {
  min-height: 40px;
}
.field-block textarea[data-v-466016f4]:focus,
.field-block input[data-v-466016f4]:focus {
  border-color: color-mix(in srgb, var(--accent-primary) 48%, var(--border-primary));
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 7%, transparent);
}
.upload-area[data-v-466016f4] {
  border-radius: 9px;
  background: transparent;
}
.upload-command[data-v-466016f4],
.history-head button[data-v-466016f4] {
  height: 34px;
  border-radius: 7px;
  box-shadow: none;
}
.submit-button[data-v-466016f4] {
  height: 38px;
  border-radius: 8px;
  font-weight: 500;
  box-shadow: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.submit-button[data-v-466016f4]:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: none;
}
.feedback-list[data-v-466016f4] {
  padding-right: 2px;
}
.feedback-item[data-v-466016f4] {
  border-radius: 9px;
  background: var(--bg-tertiary);
  box-shadow: none;
  transition: border-color 0.18s ease, background 0.18s ease;
}
.feedback-item[data-v-466016f4]:hover {
  transform: none;
  border-color: color-mix(in srgb, var(--accent-primary) 24%, var(--border-primary));
  background: color-mix(in srgb, var(--accent-primary) 2%, var(--bg-tertiary));
  box-shadow: none;
}
.category-tag[data-v-466016f4],
.status-tag[data-v-466016f4],
.item-actions button[data-v-466016f4] {
  font-weight: 500;
}
.admin-reply[data-v-466016f4] {
  border-radius: 8px;
}
.feedback-conversation-dialog[data-v-466016f4] {
  border-radius: 11px;
}
.conversation-message[data-v-466016f4] {
  border-radius: 9px;
}
.conversation-reply button[data-v-466016f4] {
  border-radius: 8px;
  font-weight: 500;
}
.feedback-page strong[data-v-466016f4] {
  font-weight: 600;
}
@media (max-width: 980px) {
.feedback-head[data-v-466016f4] {
    padding: 0 130px;
}
.feedback-layout[data-v-466016f4] {
    grid-template-columns: 1fr;
}
.feedback-list[data-v-466016f4] {
    max-height: none;
}
}
@media (max-width: 760px) {
.upload-dropzone[data-v-466016f4] {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 82px;
    padding: 12px;
}
.upload-action[data-v-466016f4] {
    display: none;
}
.image-previews[data-v-466016f4] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.feedback-page[data-v-466016f4] {
    padding: 30px 14px 40px;
}
.feedback-head[data-v-466016f4] {
    padding: 0;
}
.identity-state[data-v-466016f4] {
    position: static;
    width: fit-content;
    margin: 15px auto 0;
}
.feedback-composer[data-v-466016f4],
  .feedback-history[data-v-466016f4] {
    padding: 18px;
    border-radius: 10px;
}
}.ban-page[data-v-138840ac] {
  flex: 1;
  min-height: calc(100vh - 112px);
  padding: 42px 24px 58px;
  color: var(--text-primary);
  background: var(--bg-primary);
}
.ban-shell[data-v-138840ac] {
  width: min(1120px, 100%);
  margin: 0 auto;
}
.ban-hero[data-v-138840ac] {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
.ban-hero h1[data-v-138840ac] {
  margin: 6px 0 0;
  font-size: clamp(30px, 3.2vw, 40px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
.ban-hero p[data-v-138840ac] {
  margin: 10px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.7;
}
.ban-eyebrow[data-v-138840ac] {
  color: var(--accent-primary);
  font-size: 11px;
  font-weight: 600;
}
.live-state[data-v-138840ac] {
  height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 12px;
}
.live-state i[data-v-138840ac] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.09);
}
.query-card[data-v-138840ac],
.result-panel[data-v-138840ac],
.error-panel[data-v-138840ac] {
  border: 1px solid var(--border-primary);
  border-radius: 14px;
  background: var(--bg-secondary);
  box-shadow: 0 8px 24px rgba(9, 16, 31, 0.035);
}
.query-card[data-v-138840ac] {
  padding: 24px;
}
.query-card-head[data-v-138840ac] {
  display: flex;
  align-items: center;
  gap: 13px;
}
.query-icon[data-v-138840ac] {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  flex: none;
  padding: 9px;
  border-radius: 10px;
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 9%, transparent);
}
.query-icon svg[data-v-138840ac] {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.query-card-head h2[data-v-138840ac] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.query-card-head p[data-v-138840ac] {
  margin: 5px 0 0;
  color: var(--text-tertiary);
  font-size: 12px;
}
.query-row[data-v-138840ac] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 128px;
  gap: 10px;
  margin-top: 22px;
}
.qq-input[data-v-138840ac] {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 11px 0 13px;
  border: 1px solid var(--border-primary);
  border-radius: 10px;
  background: var(--bg-tertiary);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}
.qq-input[data-v-138840ac]:focus-within {
  border-color: color-mix(in srgb, var(--accent-primary) 52%, var(--border-primary));
  background: var(--bg-secondary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-primary) 7%, transparent);
}
.qq-input.invalid[data-v-138840ac] {
  border-color: color-mix(in srgb, #f59e0b 50%, var(--border-primary));
}
.qq-input input[data-v-138840ac] {
  flex: 1;
  min-width: 0;
  height: 44px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--text-primary);
  font: inherit;
  font-size: 14px;
}
.qq-input input[data-v-138840ac]::placeholder {
  color: var(--text-tertiary);
}
.qq-label[data-v-138840ac] {
  height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 6px;
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
  font-size: 11px;
  font-weight: 600;
}
.clear-button[data-v-138840ac] {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: var(--surface-soft);
  color: var(--text-tertiary);
  cursor: pointer;
  font-size: 16px;
}
.query-button[data-v-138840ac] {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 10px;
  background: var(--accent-primary);
  color: #fff;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: filter 0.18s ease, transform 0.18s ease;
}
.query-button[data-v-138840ac]:hover:not(:disabled) {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.query-button[data-v-138840ac]:disabled {
  opacity: 0.62;
  cursor: wait;
}
.query-button svg[data-v-138840ac] {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.loading-ring[data-v-138840ac] {
  width: 15px;
  height: 15px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin-138840ac 0.7s linear infinite;
}
.query-meta[data-v-138840ac] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 11px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.login-state[data-v-138840ac] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.login-state i[data-v-138840ac] {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f59e0b;
}
.login-state.online i[data-v-138840ac] {
  background: #22c55e;
}
.result-panel[data-v-138840ac] {
  margin-top: 18px;
  padding: 22px;
}
.result-panel.banned[data-v-138840ac] {
  border-color: color-mix(in srgb, #ef4444 28%, var(--border-primary));
}
.status-summary[data-v-138840ac] {
  display: flex;
  align-items: center;
  gap: 14px;
}
.status-mark[data-v-138840ac] {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: none;
  padding: 10px;
  border-radius: 12px;
  color: #22c55e;
  background: rgba(34, 197, 94, 0.09);
}
.status-mark svg[data-v-138840ac] {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.banned .status-mark[data-v-138840ac] {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.09);
}
.status-copy[data-v-138840ac] {
  min-width: 0;
  flex: 1;
}
.status-copy span[data-v-138840ac] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.status-copy h2[data-v-138840ac] {
  margin: 4px 0 0;
  font-size: 18px;
  font-weight: 600;
}
.status-copy p[data-v-138840ac] {
  margin: 5px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
}
.status-pill[data-v-138840ac] {
  height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 7px;
  color: #16a34a;
  background: rgba(34, 197, 94, 0.09);
  font-size: 12px;
  font-weight: 600;
}
.banned .status-pill[data-v-138840ac] {
  color: #dc2626;
  background: rgba(239, 68, 68, 0.09);
}
.instruction-list[data-v-138840ac] {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}
.instruction-card[data-v-138840ac] {
  padding: 17px;
  border: 1px solid var(--border-primary);
  border-radius: 11px;
  background: var(--bg-tertiary);
}
.instruction-head[data-v-138840ac] {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.instruction-head span[data-v-138840ac] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.instruction-head h3[data-v-138840ac] {
  margin: 4px 0 0;
  font-size: 14px;
  font-weight: 600;
}
.instruction-head em[data-v-138840ac] {
  height: 25px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border-radius: 6px;
  color: #dc2626;
  background: rgba(239, 68, 68, 0.08);
  font-size: 11px;
  font-style: normal;
}
.instruction-message[data-v-138840ac] {
  margin: 12px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
}
.detail-grid[data-v-138840ac] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 14px 0 0;
}
.detail-grid div[data-v-138840ac] {
  min-width: 0;
  padding: 10px;
  border-radius: 8px;
  background: var(--bg-secondary);
}
.detail-grid dt[data-v-138840ac] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.detail-grid dd[data-v-138840ac] {
  margin: 5px 0 0;
  color: var(--text-primary);
  font-size: 11px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.service-link[data-v-138840ac] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 12px;
  color: var(--accent-primary);
  font-size: 12px;
  text-decoration: none;
}
.service-link svg[data-v-138840ac] {
  width: 13px;
  height: 13px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
.safe-note[data-v-138840ac] {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 17px;
  padding: 13px;
  border-radius: 9px;
  background: rgba(34, 197, 94, 0.06);
  color: #16a34a;
}
.safe-note svg[data-v-138840ac] {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
}
.safe-note div[data-v-138840ac] {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.safe-note strong[data-v-138840ac] {
  font-size: 12px;
  font-weight: 600;
}
.safe-note span[data-v-138840ac] {
  color: var(--text-secondary);
  font-size: 11px;
}
.error-panel[data-v-138840ac] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding: 16px 18px;
  border-color: color-mix(in srgb, #f59e0b 30%, var(--border-primary));
}
.error-panel span[data-v-138840ac] {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #d97706;
  background: rgba(245, 158, 11, 0.09);
  font-weight: 600;
}
.error-panel div[data-v-138840ac] {
  flex: 1;
}
.error-panel strong[data-v-138840ac] {
  font-size: 13px;
  font-weight: 600;
}
.error-panel p[data-v-138840ac] {
  margin: 4px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
}
.error-panel button[data-v-138840ac] {
  height: 32px;
  padding: 0 10px;
  border: 1px solid var(--border-primary);
  border-radius: 7px;
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  cursor: pointer;
}
.help-grid[data-v-138840ac] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}
.help-grid article[data-v-138840ac] {
  display: flex;
  gap: 11px;
  padding: 16px;
  border: 1px solid var(--border-primary);
  border-radius: 11px;
  background: var(--bg-secondary);
}
.help-icon[data-v-138840ac] {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  flex: none;
  padding: 6px;
  border-radius: 8px;
  color: var(--accent-primary);
  background: color-mix(in srgb, var(--accent-primary) 8%, transparent);
}
.help-icon svg[data-v-138840ac] {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.help-grid h3[data-v-138840ac] {
  margin: 1px 0 0;
  font-size: 13px;
  font-weight: 600;
}
.help-grid p[data-v-138840ac] {
  margin: 6px 0 0;
  color: var(--text-secondary);
  font-size: 11px;
  line-height: 1.6;
}
.result-fade-enter-active[data-v-138840ac], .result-fade-leave-active[data-v-138840ac] {
  transition: opacity 0.18s ease, translate 0.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.result-fade-enter-from[data-v-138840ac], .result-fade-leave-to[data-v-138840ac] {
  opacity: 0;
  translate: 0 7px;
}
@keyframes spin-138840ac {
to {
    transform: rotate(360deg);
}
}
@media (max-width: 760px) {
.ban-page[data-v-138840ac] {
    padding: 34px 14px 42px;
}
.ban-hero[data-v-138840ac] {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
}
.query-card[data-v-138840ac] {
    padding: 17px;
}
.query-row[data-v-138840ac] {
    grid-template-columns: 1fr;
}
.query-meta[data-v-138840ac] {
    flex-direction: column;
    gap: 5px;
}
.status-summary[data-v-138840ac] {
    align-items: flex-start;
    flex-wrap: wrap;
}
.status-copy[data-v-138840ac] {
    min-width: calc(100% - 60px);
}
.detail-grid[data-v-138840ac] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.help-grid[data-v-138840ac] {
    grid-template-columns: 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
[data-v-138840ac],[data-v-138840ac]::before,[data-v-138840ac]::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
}
}
.h5-app[data-v-eca3fd36] {
  min-height: 100vh;
  padding: calc(68px + env(safe-area-inset-top, 0px)) 12px 88px;
  background: radial-gradient(circle at 16% 0%, rgba(83, 131, 232, 0.16), transparent 30%), linear-gradient(180deg, var(--bg-primary), color-mix(in srgb, var(--bg-primary) 88%, #000));
  color: var(--text-primary);
}
button[data-v-eca3fd36] {
  font: inherit;
}
.h5-header[data-v-eca3fd36] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: calc(56px + env(safe-area-inset-top, 0px));
  margin: 0;
  padding: env(safe-area-inset-top, 0px) 14px 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transition: background 180ms ease, box-shadow 180ms ease, backdrop-filter 180ms ease;
}
.h5-header.solid[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--bg-primary) 62%, transparent);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);
  backdrop-filter: blur(18px) saturate(132%);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
}
.brand[data-v-eca3fd36],
.h5-theme-toggle[data-v-eca3fd36] {
  border: 0;
  background: transparent;
  color: var(--text-primary);
}
.brand[data-v-eca3fd36] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0;
  font-size: 18px;
  font-weight: 850;
  line-height: 1;
}
.brand img[data-v-eca3fd36] {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.h5-theme-toggle[data-v-eca3fd36] {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
  color: var(--text-secondary);
  font-size: 0;
}
.h5-theme-toggle svg[data-v-eca3fd36] {
  width: 18px;
  height: 18px;
}
.h5-view[data-v-eca3fd36] {
  display: grid;
  gap: 12px;
}
.hero[data-v-eca3fd36] {
  padding: 16px 2px 8px;
}
.hero p[data-v-eca3fd36] {
  margin: 0 0 10px;
  color: var(--accent-brass);
  font-size: 12px;
  font-weight: 800;
}
.hero h1[data-v-eca3fd36] {
  margin: 0;
  font-size: 34px;
  line-height: 1.08;
}
.hero span[data-v-eca3fd36] {
  display: block;
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.65;
}
.view-title[data-v-eca3fd36] {
  padding: 12px 2px 2px;
}
.view-title h2[data-v-eca3fd36] {
  margin: 0;
  font-size: 26px;
}
.view-title p[data-v-eca3fd36] {
  margin: 8px 0 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.55;
}
.panel[data-v-eca3fd36],
.home-actions button[data-v-eca3fd36],
.mini-note[data-v-eca3fd36],
.member-card[data-v-eca3fd36],
.account-grid article[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
  backdrop-filter: blur(14px) saturate(112%);
}
.panel[data-v-eca3fd36] {
  display: grid;
  gap: 10px;
  padding: 14px;
  border-radius: 7px;
}
.panel-head[data-v-eca3fd36] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.panel-head strong[data-v-eca3fd36] {
  font-size: 15px;
}
.panel-head small[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.h5-field[data-v-eca3fd36] {
  width: 100%;
}
[data-v-eca3fd36] .el-select__wrapper,[data-v-eca3fd36] .el-input__wrapper {
  min-height: 44px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 78%, transparent) !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08) !important;
}
[data-v-eca3fd36] .el-input__inner,[data-v-eca3fd36] .el-select__placeholder,[data-v-eca3fd36] .el-select__selected-item {
  color: var(--text-primary);
}
.primary-btn[data-v-eca3fd36],
.ghost-btn[data-v-eca3fd36],
.code-row button[data-v-eca3fd36] {
  height: 46px;
  border: 0;
  border-radius: 5px;
  font-weight: 800;
}
.primary-btn[data-v-eca3fd36] {
  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
  color: #fff;
}
.ghost-btn[data-v-eca3fd36],
.code-row button[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--bg-tertiary) 78%, transparent);
  color: var(--text-primary);
}
.hint[data-v-eca3fd36] {
  min-height: 18px;
  margin: 0;
  color: var(--text-tertiary);
  font-size: 12px;
}
.hint.ok[data-v-eca3fd36] {
  color: var(--accent-success);
}
.home-actions[data-v-eca3fd36],
.account-grid[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.home-actions button[data-v-eca3fd36],
.account-grid article[data-v-eca3fd36] {
  min-height: 78px;
  padding: 13px;
  border: 0;
  border-radius: 7px;
  color: var(--text-primary);
  text-align: left;
}
.account-grid article[data-v-eca3fd36] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 74px;
}
.home-actions strong[data-v-eca3fd36],
.account-grid strong[data-v-eca3fd36] {
  display: block;
  font-size: 15px;
}
.home-actions span[data-v-eca3fd36],
.account-grid span[data-v-eca3fd36] {
  display: block;
  margin-top: 7px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.45;
}
.member-card[data-v-eca3fd36] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 104px;
  padding: 16px;
  border-radius: 7px;
  overflow: hidden;
}
.member-card[data-v-eca3fd36]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, var(--accent-primary), var(--accent-secondary));
}
.member-card span[data-v-eca3fd36],
.member-card small[data-v-eca3fd36] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.member-card strong[data-v-eca3fd36] {
  display: block;
  margin: 6px 0;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 24px;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.member-card button[data-v-eca3fd36] {
  width: 82px;
  height: 38px;
  border: 0;
  border-radius: 5px;
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 800;
}
.account-panel[data-v-eca3fd36] {
  gap: 0;
}
.account-segments[data-v-eca3fd36] {
  margin-top: -2px;
}
.account-line[data-v-eca3fd36] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
}
.account-line + .account-line[data-v-eca3fd36] {
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.06);
}
.account-line span[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.account-line strong[data-v-eca3fd36] {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 700;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.panel-copy[data-v-eca3fd36] {
  margin: 0;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.6;
}
.package-list[data-v-eca3fd36] {
  display: grid;
  gap: 8px;
}
.package-list button[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  min-height: 70px;
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-tertiary) 74%, transparent);
  color: var(--text-primary);
  text-align: left;
}
.package-list span[data-v-eca3fd36],
.package-list small[data-v-eca3fd36] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.package-list strong[data-v-eca3fd36] {
  grid-row: span 2;
  color: var(--text-primary);
  font-size: 20px;
}
.simple-row[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  padding: 10px 0;
}
.simple-row + .simple-row[data-v-eca3fd36] {
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.06);
}
.simple-row span[data-v-eca3fd36] {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.simple-row strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 13px;
}
.simple-row small[data-v-eca3fd36] {
  grid-column: 1/-1;
  color: var(--text-tertiary);
  font-size: 12px;
}
.mini-note[data-v-eca3fd36],
.invite-panel[data-v-eca3fd36] {
  padding: 13px;
  border-radius: 7px;
}
.mini-note strong[data-v-eca3fd36],
.mini-note span[data-v-eca3fd36],
.invite-panel strong[data-v-eca3fd36],
.invite-panel span[data-v-eca3fd36] {
  display: block;
}
.mini-note span[data-v-eca3fd36],
.invite-panel span[data-v-eca3fd36] {
  margin-top: 6px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.55;
}
.segmented[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
  padding: 5px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-secondary) 64%, transparent);
}
.segmented button[data-v-eca3fd36] {
  height: 36px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--text-tertiary);
}
.segmented button.active[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent);
  color: var(--text-primary);
  font-weight: 800;
}
.code-row[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: 1fr 82px;
  gap: 8px;
}
.record-row[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);
  color: var(--text-primary);
  text-align: left;
}
.record-row img[data-v-eca3fd36],
.record-row .avatar-fallback[data-v-eca3fd36] {
  width: 42px;
  height: 42px;
  border-radius: 5px;
  object-fit: cover;
  background: color-mix(in srgb, var(--accent-primary) 20%, var(--bg-hover));
}
.record-row strong[data-v-eca3fd36],
.record-row small[data-v-eca3fd36] {
  display: block;
}
.record-row small[data-v-eca3fd36] {
  margin-top: 4px;
  color: var(--text-tertiary);
  font-size: 12px;
}
.empty-text[data-v-eca3fd36] {
  padding: 14px 0;
  color: var(--text-tertiary);
  text-align: center;
  font-size: 13px;
}
.invite-code[data-v-eca3fd36] {
  overflow: hidden;
  padding: 11px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 78%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invite-actions[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: 1fr 92px;
  gap: 8px;
}
.logout-btn[data-v-eca3fd36] {
  width: 100%;
}
.legal-links[data-v-eca3fd36] {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 2px 0 -2px;
}
.legal-links button[data-v-eca3fd36] {
  height: 30px;
  border: 0;
  padding: 0 6px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 12px;
}
.legal-links button[data-v-eca3fd36]:active {
  color: var(--text-primary);
}
.account-line strong.bound[data-v-eca3fd36] {
  color: var(--accent-success);
}
.h5-bind-btn[data-v-eca3fd36] {
  border: 1px solid var(--accent-primary, #4f7cff);
  background: transparent;
  color: var(--accent-primary, #4f7cff);
  border-radius: 999px;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
  justify-self: end;
  transition: background 0.15s ease, color 0.15s ease;
}
.h5-bind-btn[data-v-eca3fd36]:active {
  background: var(--accent-primary, #4f7cff);
  color: #fff;
}
.ai-review-panel[data-v-eca3fd36] {
  gap: 8px;
}
.ai-review-card[data-v-eca3fd36] {
  display: grid;
  gap: 7px;
  padding: 10px 0;
}
.ai-review-card + .ai-review-card[data-v-eca3fd36] {
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.06);
}
.ai-review-card-head[data-v-eca3fd36] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}
.ai-review-card-head strong[data-v-eca3fd36],
.ai-review-card-head small[data-v-eca3fd36] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-review-card-head strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 13px;
}
.ai-review-card-head strong span[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-weight: 700;
}
.ai-review-card-head small[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 11px;
  text-align: right;
}
.ai-review-tags[data-v-eca3fd36],
.ai-review-match[data-v-eca3fd36] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.ai-review-tags span[data-v-eca3fd36],
.ai-review-match span[data-v-eca3fd36] {
  height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 7px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 48%, transparent);
  color: var(--text-secondary);
  font-size: 11px;
}
.ai-review-card p[data-v-eca3fd36] {
  max-height: 96px;
  margin: 0;
  overflow: auto;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.65;
  white-space: pre-wrap;
}
.ai-review-question strong[data-v-eca3fd36] {
  margin-right: 7px;
  color: var(--accent-primary);
  font-size: 11px;
}
.ai-review-reply[data-v-eca3fd36] {
  padding: 8px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 42%, transparent);
}
.ai-review-actions[data-v-eca3fd36] {
  display: flex;
  gap: 7px;
}
.ai-review-actions button[data-v-eca3fd36] {
  min-height: 30px;
  padding: 0 10px;
  border: 0;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 64%, transparent);
  color: var(--text-secondary);
  font-size: 11px;
}
.ai-review-actions button.delete[data-v-eca3fd36] {
  color: #ef5064;
}
.record-tools[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 64px;
  gap: 8px;
  margin-bottom: 10px;
}
.danger-lite[data-v-eca3fd36] {
  height: 38px;
  color: #ff8b8b;
}
.record-card[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 44px;
  gap: 10px;
  align-items: center;
  min-height: 66px;
  padding: 10px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-tertiary) 58%, transparent);
}
.record-card + .record-card[data-v-eca3fd36] {
  margin-top: 8px;
}
.record-card > img[data-v-eca3fd36],
.record-card .avatar-fallback[data-v-eca3fd36] {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  object-fit: cover;
}
.record-main[data-v-eca3fd36] {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.record-main strong[data-v-eca3fd36],
.record-main small[data-v-eca3fd36],
.record-main time[data-v-eca3fd36],
.record-main em[data-v-eca3fd36] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.record-main strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 850;
}
.record-main small[data-v-eca3fd36],
.record-main time[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.record-main em[data-v-eca3fd36] {
  width: fit-content;
  max-width: 100%;
  padding: 2px 6px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
  color: var(--text-secondary);
  font-size: 11px;
  font-style: normal;
}
.record-delete[data-v-eca3fd36] {
  height: 30px;
  border: 0;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.1);
  color: var(--text-tertiary);
  font-size: 11px;
}
.bottom-nav[data-v-eca3fd36] {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: max(10px, env(safe-area-inset-bottom, 0px));
  z-index: 30;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  padding: 6px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--bg-secondary) 78%, transparent);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.22);
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
}
.bottom-nav button[data-v-eca3fd36] {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  height: 46px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
}
.bottom-nav button svg[data-v-eca3fd36] {
  width: 18px;
  height: 18px;
}
.bottom-nav button.active[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
  color: var(--text-primary);
  font-weight: 850;
}
.h5-header[data-v-eca3fd36] {
  height: calc(56px + env(safe-area-inset-top, 0px)) !important;
  padding: env(safe-area-inset-top, 0px) 12px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.h5-header.solid[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--bg-primary) 78%, transparent) !important;
  box-shadow: none !important;
  backdrop-filter: blur(14px) saturate(116%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(116%) !important;
}
.h5-header .brand[data-v-eca3fd36],
.h5-header .h5-theme-toggle[data-v-eca3fd36] {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-primary) !important;
}
.h5-header .brand[data-v-eca3fd36] {
  gap: 8px !important;
  height: 36px !important;
  padding: 0 !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}
.h5-header .brand img[data-v-eca3fd36] {
  width: 28px !important;
  height: 28px !important;
}
.h5-header .h5-theme-toggle[data-v-eca3fd36] {
  width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.h5-header .h5-theme-toggle .theme-icon[data-v-eca3fd36] {
  width: 18px;
  height: 18px;
  color: var(--text-primary);
  stroke: currentColor;
}
.records-view .panel[data-v-eca3fd36] {
  padding: 10px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.records-view .panel-head[data-v-eca3fd36] {
  padding: 0 2px 8px;
}
.records-view .record-tools[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  margin: 2px 0 8px;
  align-items: center;
}
.records-view .record-tools[data-v-eca3fd36] .el-input__wrapper {
  min-height: 34px;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent) !important;
  box-shadow: none !important;
}
.records-view .danger-lite[data-v-eca3fd36] {
  width: auto;
  height: 30px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: color-mix(in srgb, #ff7676 76%, var(--text-secondary));
  font-size: 12px;
  font-weight: 760;
  box-shadow: none !important;
}
.records-view .danger-lite[data-v-eca3fd36]:active {
  transform: translateY(1px);
  color: #ff7676;
}
.record-card[data-v-eca3fd36] {
  min-height: 60px !important;
  padding: 8px 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}
.record-card + .record-card[data-v-eca3fd36] {
  margin-top: 4px !important;
}
.record-card > img[data-v-eca3fd36],
.record-card .avatar-fallback[data-v-eca3fd36] {
  width: 38px !important;
  height: 38px !important;
  border-radius: 4px !important;
}
.record-main[data-v-eca3fd36] {
  gap: 2px !important;
}
.record-main strong[data-v-eca3fd36] {
  font-size: 13px !important;
}
.record-main small[data-v-eca3fd36],
.record-main time[data-v-eca3fd36] {
  font-size: 10px !important;
}
.record-main em[data-v-eca3fd36] {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--accent-primary) !important;
}
.record-delete[data-v-eca3fd36] {
  width: 36px;
  height: 28px !important;
  border-radius: 4px !important;
  background: transparent !important;
  color: var(--text-tertiary) !important;
}
.h5-app[data-v-eca3fd36] {
  background: var(--bg-primary) !important;
}
.member-card[data-v-eca3fd36],
.account-segments[data-v-eca3fd36],
.account-grid article[data-v-eca3fd36],
.account-panel[data-v-eca3fd36],
.sponsor-panel[data-v-eca3fd36],
.invite-panel[data-v-eca3fd36] {
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.member-card[data-v-eca3fd36] {
  min-height: 92px !important;
  padding: 14px 12px !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-secondary) 42%, transparent) !important;
  overflow: visible !important;
}
.member-card[data-v-eca3fd36]::before,
.member-card[data-v-eca3fd36]::after {
  display: none !important;
  content: none !important;
}
.member-card strong[data-v-eca3fd36] {
  margin: 5px 0 4px !important;
  font-size: 22px !important;
}
.member-card button[data-v-eca3fd36] {
  width: 78px !important;
  height: 34px !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--accent-primary) 12%, transparent) !important;
  box-shadow: none !important;
}
.account-segments[data-v-eca3fd36] {
  margin-top: 0 !important;
  padding: 3px !important;
  gap: 3px !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-secondary) 38%, transparent) !important;
}
.account-segments button[data-v-eca3fd36] {
  height: 32px !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 12px;
}
.account-segments button.active[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--accent-primary) 11%, transparent) !important;
}
.account-grid[data-v-eca3fd36] {
  gap: 8px !important;
}
.account-grid article[data-v-eca3fd36] {
  min-height: 66px !important;
  padding: 11px 12px !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent) !important;
}
.account-grid span[data-v-eca3fd36] {
  margin-top: 0 !important;
  font-size: 11px !important;
}
.account-grid strong[data-v-eca3fd36] {
  font-size: 16px !important;
  font-variant-numeric: tabular-nums;
}
.account-panel[data-v-eca3fd36],
.sponsor-panel[data-v-eca3fd36],
.invite-panel[data-v-eca3fd36] {
  padding: 12px !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent) !important;
}
.account-line[data-v-eca3fd36] {
  min-height: 34px !important;
  padding: 6px 0 !important;
  align-items: center !important;
}
.account-line + .account-line[data-v-eca3fd36],
.simple-row + .simple-row[data-v-eca3fd36] {
  box-shadow: none !important;
}
.simple-row[data-v-eca3fd36] {
  padding: 8px 0 !important;
}
.package-list button[data-v-eca3fd36],
.invite-code[data-v-eca3fd36] {
  border: 0 !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--bg-tertiary) 42%, transparent) !important;
  box-shadow: none !important;
}

/* H5 account layout v2 */
.member-card[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: end !important;
  min-height: 82px !important;
  padding: 12px 2px 10px !important;
  background: transparent !important;
}
.member-card > div[data-v-eca3fd36] {
  min-width: 0;
}
.member-card span[data-v-eca3fd36],
.member-card small[data-v-eca3fd36] {
  color: var(--text-tertiary) !important;
  font-size: 11px !important;
}
.member-card strong[data-v-eca3fd36] {
  max-width: 100%;
  margin: 4px 0 3px !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
}
.member-card button[data-v-eca3fd36] {
  width: auto !important;
  min-width: 72px;
  height: 32px !important;
  padding: 0 10px;
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
  color: var(--text-primary);
}
.member-actions[data-v-eca3fd36] {
  display: flex;
  align-items: center;
  gap: 4px;
  width: auto;
  padding: 3px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent);
}
.member-actions button[data-v-eca3fd36] {
  width: 56px !important;
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  background: transparent !important;
  font-size: 12px !important;
  font-weight: 820;
}
.member-actions button[data-v-eca3fd36]:first-child {
  background: color-mix(in srgb, var(--accent-success) 10%, transparent) !important;
  color: color-mix(in srgb, var(--accent-success) 76%, var(--text-primary)) !important;
}
.member-actions button[data-v-eca3fd36]:last-child {
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
}
.member-actions button[data-v-eca3fd36]:disabled {
  opacity: 0.62;
}
.account-segments[data-v-eca3fd36] {
  position: sticky;
  top: calc(56px + env(safe-area-inset-top, 0px));
  z-index: 8;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: -2px 0 2px !important;
  padding: 3px !important;
  background: color-mix(in srgb, var(--bg-primary) 78%, transparent) !important;
  backdrop-filter: blur(14px) saturate(112%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(112%) !important;
}
.account-segments button[data-v-eca3fd36] {
  min-width: 0;
  height: 31px !important;
  padding: 0 2px;
  color: var(--text-tertiary) !important;
  font-size: 11px !important;
  font-weight: 760;
}
.account-segments button.active[data-v-eca3fd36] {
  color: var(--text-primary) !important;
}
.account-grid[data-v-eca3fd36] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
.account-grid article[data-v-eca3fd36] {
  min-height: 58px !important;
  padding: 9px 10px !important;
  justify-content: center !important;
  gap: 5px;
}
.account-grid strong[data-v-eca3fd36] {
  order: 1;
  font-size: 18px !important;
  line-height: 1 !important;
}
.account-grid span[data-v-eca3fd36] {
  order: 2;
  color: var(--text-tertiary) !important;
  line-height: 1.2 !important;
}
.account-panel[data-v-eca3fd36] {
  gap: 7px !important;
  padding: 0 !important;
  background: transparent !important;
}
.account-line[data-v-eca3fd36] {
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr);
  min-height: 40px !important;
  padding: 8px 10px !important;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 32%, transparent);
}
.account-line span[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.account-line strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1.35;
  white-space: normal !important;
  word-break: break-all;
}
.account-panel > .ghost-btn[data-v-eca3fd36] {
  margin-top: 2px;
  height: 40px !important;
}
.sponsor-panel[data-v-eca3fd36],
.invite-panel[data-v-eca3fd36],
.ai-review-panel[data-v-eca3fd36] {
  padding: 12px 0 0 !important;
  background: transparent !important;
}
.simple-row[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr) auto !important;
  padding: 9px 10px !important;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 30%, transparent);
}
.simple-row small[data-v-eca3fd36] {
  grid-column: 1/-1;
  font-size: 11px;
}
.ai-review-card[data-v-eca3fd36] {
  padding: 10px !important;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 30%, transparent);
}
.ai-review-card + .ai-review-card[data-v-eca3fd36] {
  margin-top: 7px;
  box-shadow: none !important;
}
.legal-links[data-v-eca3fd36] {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px !important;
  margin: 6px 0 0 !important;
  padding: 8px 10px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 28%, transparent);
}
.legal-links span[data-v-eca3fd36] {
  width: 1px;
  height: 12px;
  background: color-mix(in srgb, var(--text-tertiary) 18%, transparent);
}
.legal-links button[data-v-eca3fd36] {
  width: 100%;
  height: 26px !important;
  padding: 0 !important;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 760;
  text-align: center;
}
.logout-btn[data-v-eca3fd36] {
  height: 40px !important;
  margin-top: 0;
  border-radius: 5px !important;
  background: color-mix(in srgb, #ef4444 10%, transparent) !important;
  color: color-mix(in srgb, #ef4444 82%, var(--text-primary)) !important;
  font-weight: 820;
}

/* H5 auth polish */
.auth-panel[data-v-eca3fd36] {
  gap: 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.auth-panel .segmented[data-v-eca3fd36] {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 3px !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent) !important;
}
.auth-panel .segmented button[data-v-eca3fd36] {
  height: 32px !important;
  border-radius: 3px !important;
  color: var(--text-tertiary) !important;
  font-size: 12px;
  font-weight: 760;
}
.auth-panel .segmented button.active[data-v-eca3fd36] {
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
  color: var(--text-primary) !important;
}
.auth-panel .h5-field[data-v-eca3fd36] {
  display: block;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 42px !important;
  padding: 0 11px !important;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--bg-secondary) 32%, transparent) !important;
  box-shadow: none !important;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper.is-focus {
  background: color-mix(in srgb, var(--accent-primary) 7%, var(--bg-secondary) 28%) !important;
  box-shadow: none !important;
}
.auth-panel[data-v-eca3fd36] .el-input__inner {
  font-size: 13px;
}
.auth-panel[data-v-eca3fd36] .el-input__inner::placeholder {
  color: var(--text-tertiary);
}
.auth-panel .code-row[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr) 70px !important;
  gap: 6px !important;
}
.auth-panel .code-row button[data-v-eca3fd36] {
  height: 42px !important;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--bg-secondary) 42%, transparent) !important;
  color: var(--text-secondary) !important;
  box-shadow: none !important;
  font-size: 12px;
}
.auth-panel .primary-btn[data-v-eca3fd36] {
  height: 42px !important;
  margin-top: 2px;
  border-radius: 4px !important;
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
  box-shadow: none !important;
  font-size: 13px;
}
.auth-panel .primary-btn[data-v-eca3fd36]:disabled,
.auth-panel .code-row button[data-v-eca3fd36]:disabled {
  opacity: 0.56;
}
.oauth-bind-note[data-v-eca3fd36] {
  display: grid;
  gap: 3px;
  padding: 10px 2px 6px;
}
.oauth-bind-note strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 13px;
}
.oauth-bind-note span[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.oauth-login-box[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 2px 0 2px;
}
.oauth-login-btn[data-v-eca3fd36] {
  height: 40px;
  border: 0;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent);
  box-shadow: none;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 820;
}
.oauth-login-btn.qq[data-v-eca3fd36] {
  color: color-mix(in srgb, #2563eb 78%, var(--text-primary));
}
.oauth-login-btn.wx[data-v-eca3fd36] {
  color: color-mix(in srgb, #16a34a 78%, var(--text-primary));
}
.oauth-login-btn[data-v-eca3fd36]:active {
  transform: translateY(1px);
  background: color-mix(in srgb, var(--accent-primary) 9%, transparent);
}
.auth-panel[data-v-eca3fd36] {
  margin-top: -2px;
}
.auth-panel .h5-field + .h5-field[data-v-eca3fd36],
.auth-panel .h5-field + .code-row[data-v-eca3fd36],
.auth-panel .code-row + .h5-field[data-v-eca3fd36],
.auth-panel .code-row + .primary-btn[data-v-eca3fd36],
.auth-panel .h5-field + .primary-btn[data-v-eca3fd36] {
  margin-top: -2px;
}
.auth-panel[data-v-eca3fd36] {
  display: grid !important;
  gap: 12px !important;
  max-width: 420px;
  margin: -4px auto 0 !important;
}
.auth-panel .segmented[data-v-eca3fd36] {
  height: 38px;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-secondary) 26%, transparent) !important;
}
.auth-panel .segmented button[data-v-eca3fd36] {
  height: 38px !important;
  border-radius: 0 !important;
  font-size: 13px;
  letter-spacing: 0;
}
.auth-panel .segmented button.active[data-v-eca3fd36] {
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 44px !important;
  padding: 0 13px !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--bg-secondary) 24%, transparent) !important;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper.is-focus {
  background: color-mix(in srgb, var(--accent-primary) 8%, var(--bg-secondary) 20%) !important;
}
.auth-panel .code-row[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr) 68px !important;
  gap: 6px !important;
}
.auth-panel .code-row button[data-v-eca3fd36],
.auth-panel .primary-btn[data-v-eca3fd36],
.oauth-login-btn[data-v-eca3fd36] {
  border-radius: 5px !important;
}
.auth-panel .code-row button[data-v-eca3fd36] {
  height: 44px !important;
  background: color-mix(in srgb, var(--text-primary) 9%, transparent) !important;
  color: var(--text-primary) !important;
  font-weight: 800;
}
.auth-panel .primary-btn[data-v-eca3fd36] {
  height: 44px !important;
  margin-top: 0 !important;
  font-weight: 840;
}
.auth-panel .primary-btn[data-v-eca3fd36]:disabled {
  cursor: not-allowed;
  background: color-mix(in srgb, var(--text-primary) 46%, transparent) !important;
  color: color-mix(in srgb, var(--bg-primary) 76%, transparent) !important;
}
.oauth-bind-note[data-v-eca3fd36] {
  padding: 8px 0 0 !important;
}
.oauth-login-box[data-v-eca3fd36] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px !important;
  margin: 0 !important;
}
.oauth-login-btn[data-v-eca3fd36] {
  height: 42px !important;
  background: color-mix(in srgb, var(--bg-secondary) 20%, transparent) !important;
  color: var(--text-primary) !important;
}
.oauth-login-btn.qq[data-v-eca3fd36],
.oauth-login-btn.wx[data-v-eca3fd36] {
  color: var(--text-primary) !important;
}
.auth-agreement-text[data-v-eca3fd36],
.auth-agreement-check[data-v-eca3fd36] {
  margin: -2px 0 0;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.55;
}
.auth-agreement-text[data-v-eca3fd36] {
  text-align: center;
}
.auth-agreement-text button[data-v-eca3fd36],
.auth-agreement-check button[data-v-eca3fd36] {
  border: 0;
  background: transparent;
  color: var(--text-secondary);
  font: inherit;
  font-weight: 780;
  padding: 0;
}
.auth-agreement-check[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  padding: 2px 1px 0;
}
.auth-agreement-check input[data-v-eca3fd36] {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
  appearance: none;
  border: 0;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 44%, transparent);
}
.auth-agreement-check input[data-v-eca3fd36]:checked {
  background: linear-gradient(135deg, transparent 0 42%, var(--bg-primary) 42% 56%, transparent 56%), linear-gradient(45deg, transparent 0 45%, var(--bg-primary) 45% 59%, transparent 59%), var(--text-primary);
  background-size: 7px 7px, 11px 11px, auto;
  background-position: 3px 6px, 5px 2px, 0 0;
  background-repeat: no-repeat;
}
.auth-panel .h5-field + .h5-field[data-v-eca3fd36],
.auth-panel .h5-field + .code-row[data-v-eca3fd36],
.auth-panel .code-row + .h5-field[data-v-eca3fd36],
.auth-panel .code-row + .primary-btn[data-v-eca3fd36],
.auth-panel .h5-field + .primary-btn[data-v-eca3fd36] {
  margin-top: 0;
}

/* H5 auth layout v3 */
.h5-view[data-v-eca3fd36]:has(.auth-panel) {
  gap: 18px;
}
.h5-view:has(.auth-panel) .view-title[data-v-eca3fd36] {
  padding: 20px 4px 4px;
}
.h5-view:has(.auth-panel) .view-title h2[data-v-eca3fd36] {
  font-size: 28px;
  line-height: 1.1;
}
.h5-view:has(.auth-panel) .view-title p[data-v-eca3fd36] {
  max-width: 320px;
  margin-top: 10px;
  color: var(--text-tertiary);
  line-height: 1.75;
}
.auth-panel[data-v-eca3fd36] {
  gap: 14px !important;
  max-width: 392px;
}
.auth-panel .segmented[data-v-eca3fd36] {
  margin-bottom: 2px;
  background: color-mix(in srgb, var(--bg-secondary) 18%, transparent) !important;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 46px !important;
  padding: 0 14px !important;
  background: color-mix(in srgb, var(--bg-secondary) 18%, transparent) !important;
}
.auth-panel .h5-field + .h5-field[data-v-eca3fd36],
.auth-panel .h5-field + .code-row[data-v-eca3fd36],
.auth-panel .code-row + .h5-field[data-v-eca3fd36],
.auth-panel .h5-field + .auth-agreement-check[data-v-eca3fd36] {
  margin-top: 2px !important;
}
.auth-panel .h5-field + .oauth-login-box[data-v-eca3fd36] {
  margin-top: 6px !important;
}
.oauth-login-box[data-v-eca3fd36] {
  gap: 8px !important;
}
.oauth-login-btn[data-v-eca3fd36] {
  height: 44px !important;
  background: color-mix(in srgb, var(--bg-secondary) 16%, transparent) !important;
  font-size: 13px;
}
.oauth-login-box + .auth-agreement-text[data-v-eca3fd36],
.auth-panel .h5-field + .auth-agreement-text[data-v-eca3fd36] {
  margin-top: -2px;
}
.h5-transfer-tip[data-v-eca3fd36] {
  margin: 10px 0 4px;
  text-align: center;
}
.h5-transfer-link[data-v-eca3fd36] {
  display: inline-block;
  font-size: 12px;
  color: #f5222d;
  text-decoration: underline;
  cursor: pointer;
}
.h5-transfer-pop[data-v-eca3fd36] {
  margin-top: 8px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, #1677ff 35%, transparent);
  border-radius: 8px;
  background: color-mix(in srgb, #e6f4ff 60%, #fff);
  font-size: 12px;
  line-height: 1.6;
  color: #303133;
  text-align: left;
}
.h5-transfer-pop p[data-v-eca3fd36] {
  margin: 4px 0;
}
.h5-transfer-title[data-v-eca3fd36] {
  font-weight: 600;
  color: #1677ff;
  margin-top: 12px;
  margin-bottom: 6px;
}
.h5-transfer-title[data-v-eca3fd36]:first-child {
  margin-top: 0;
}
.auth-agreement-text[data-v-eca3fd36] {
  padding: 0 10px;
  color: color-mix(in srgb, var(--text-tertiary) 88%, transparent);
  font-size: 11px;
}
.auth-agreement-text + .primary-btn[data-v-eca3fd36],
.auth-agreement-check + .primary-btn[data-v-eca3fd36] {
  margin-top: 0 !important;
}
.auth-panel .primary-btn[data-v-eca3fd36],
.auth-panel .code-row button[data-v-eca3fd36] {
  height: 46px !important;
}
.auth-agreement-check[data-v-eca3fd36] {
  margin-top: 2px;
  padding: 0 2px;
  line-height: 1.7;
}

/* H5 auth width and checkbox fix */
.h5-view[data-v-eca3fd36]:has(.auth-panel) {
  justify-items: stretch;
}
.h5-view:has(.auth-panel) .view-title[data-v-eca3fd36] {
  width: min(100%, 520px);
  justify-self: center;
  padding-left: 0;
  padding-right: 0;
}
.h5-view:has(.auth-panel) .view-title p[data-v-eca3fd36] {
  max-width: 440px;
}
.auth-panel[data-v-eca3fd36] {
  width: min(100%, 100vw - 24px) !important;
  max-width: 520px !important;
  justify-self: center;
  gap: 16px !important;
  box-sizing: border-box;
}
.auth-panel .segmented[data-v-eca3fd36],
.auth-panel .h5-field[data-v-eca3fd36],
.auth-panel .code-row[data-v-eca3fd36],
.auth-panel .primary-btn[data-v-eca3fd36],
.oauth-login-box[data-v-eca3fd36] {
  width: 100%;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 48px !important;
  padding: 0 15px !important;
}
.auth-panel .primary-btn[data-v-eca3fd36],
.auth-panel .code-row button[data-v-eca3fd36],
.oauth-login-btn[data-v-eca3fd36] {
  height: 48px !important;
}
.auth-panel .h5-field + .h5-field[data-v-eca3fd36],
.auth-panel .h5-field + .code-row[data-v-eca3fd36],
.auth-panel .code-row + .h5-field[data-v-eca3fd36],
.auth-panel .h5-field + .auth-agreement-check[data-v-eca3fd36] {
  margin-top: 4px !important;
}
.auth-panel .h5-field + .oauth-login-box[data-v-eca3fd36] {
  margin-top: 8px !important;
}
.auth-agreement-text[data-v-eca3fd36] {
  padding: 0 6px;
  font-size: 12px;
  line-height: 1.65;
}
.auth-agreement-check[data-v-eca3fd36] {
  position: relative;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start;
  padding: 1px 4px 0;
  font-size: 12px;
  line-height: 1.65;
}
.auth-agreement-check input[data-v-eca3fd36] {
  position: absolute;
  left: 4px;
  top: 2px;
  width: 20px;
  height: 20px;
  margin: 0;
  opacity: 0;
}
.auth-agreement-check i[data-v-eca3fd36] {
  position: relative;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 1px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 42%, transparent);
}
.auth-agreement-check input:checked + i[data-v-eca3fd36] {
  background: var(--text-primary);
}
.auth-agreement-check input:checked + i[data-v-eca3fd36]::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid var(--bg-primary);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.auth-agreement-check input:focus-visible + i[data-v-eca3fd36] {
  outline: 2px solid color-mix(in srgb, var(--accent-primary) 40%, transparent);
  outline-offset: 2px;
}

/* H5 auth redesign v4 */
.h5-view[data-v-eca3fd36]:has(.auth-stage) {
  gap: 20px;
}
.h5-view:has(.auth-stage) .view-title[data-v-eca3fd36] {
  width: min(100%, 560px);
  justify-self: center;
  padding: 18px 2px 0;
}
.h5-view:has(.auth-stage) .view-title h2[data-v-eca3fd36] {
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: 0;
}
.h5-view:has(.auth-stage) .view-title p[data-v-eca3fd36] {
  max-width: 520px;
  margin-top: 12px;
  color: var(--text-secondary);
  font-size: 14px;
  line-height: 1.65;
}
.auth-stage[data-v-eca3fd36] {
  display: grid;
  gap: 14px;
  width: min(100%, 560px);
  justify-self: center;
  box-sizing: border-box;
}
.auth-tabs[data-v-eca3fd36] {
  width: 100%;
  height: 44px;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--bg-secondary) 24%, transparent) !important;
  box-shadow: none !important;
}
.auth-tabs button[data-v-eca3fd36] {
  height: 36px !important;
  border-radius: 5px !important;
  color: var(--text-tertiary) !important;
  font-size: 13px;
  font-weight: 780;
}
.auth-tabs button.active[data-v-eca3fd36] {
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
}
.auth-panel[data-v-eca3fd36] {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.auth-field-stack[data-v-eca3fd36] {
  display: grid;
  gap: 10px;
  width: 100%;
}
.auth-field-stack .h5-field[data-v-eca3fd36],
.auth-field-stack .code-row[data-v-eca3fd36],
.auth-panel .primary-btn[data-v-eca3fd36],
.oauth-login-box[data-v-eca3fd36] {
  width: 100%;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 50px !important;
  padding: 0 15px !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--bg-secondary) 28%, transparent) !important;
  box-shadow: none !important;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper.is-focus {
  background: color-mix(in srgb, var(--accent-primary) 8%, var(--bg-secondary) 24%) !important;
  box-shadow: none !important;
}
.auth-panel[data-v-eca3fd36] .el-input__inner {
  font-size: 14px;
}
.auth-panel .code-row[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 82px !important;
  gap: 8px !important;
}
.auth-panel .code-row button[data-v-eca3fd36] {
  height: 50px !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--text-primary) 9%, transparent) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
  font-size: 13px;
}
.oauth-login-box[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px !important;
  margin: 0 !important;
}
.oauth-login-btn[data-v-eca3fd36] {
  height: 48px !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--bg-secondary) 22%, transparent) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 800;
}
.auth-agreement-text[data-v-eca3fd36] {
  margin: -2px 0 0 !important;
  padding: 0 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
}
.auth-agreement-text button[data-v-eca3fd36],
.auth-agreement-check button[data-v-eca3fd36] {
  color: var(--text-primary);
  font-weight: 820;
}
.auth-panel .primary-btn[data-v-eca3fd36] {
  height: 50px !important;
  margin: 0 !important;
  border-radius: 7px !important;
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
  box-shadow: none !important;
  font-size: 14px;
  font-weight: 860;
}
.auth-panel .primary-btn[data-v-eca3fd36]:disabled {
  background: color-mix(in srgb, var(--text-primary) 42%, transparent) !important;
}
.auth-agreement-check[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  gap: 9px !important;
  align-items: start;
  margin: 0 !important;
  padding: 0 4px;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.7;
}
.auth-agreement-check input[data-v-eca3fd36] {
  position: absolute;
  width: 20px;
  height: 20px;
  opacity: 0;
}
.auth-agreement-check i[data-v-eca3fd36] {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
}
.auth-agreement-check input:checked + i[data-v-eca3fd36] {
  background: var(--text-primary);
}
.auth-agreement-check input:checked + i[data-v-eca3fd36]::after {
  left: 6px;
  top: 3px;
  width: 4px;
  height: 8px;
  border-color: var(--bg-primary);
}
.oauth-bind-note[data-v-eca3fd36] {
  padding: 10px 4px 0 !important;
}
.oauth-bind-note strong[data-v-eca3fd36] {
  font-size: 14px;
}
.oauth-bind-note span[data-v-eca3fd36] {
  margin-top: 2px;
  font-size: 12px;
}

/* H5 auth hard width fix */
.auth-stage[data-v-eca3fd36] {
  width: calc(100vw - 24px) !important;
  max-width: 640px !important;
  margin-left: 50% !important;
  transform: translateX(-50%);
}
.auth-panel[data-v-eca3fd36],
.auth-field-stack[data-v-eca3fd36],
.auth-field-stack .h5-field[data-v-eca3fd36],
.auth-panel .h5-field[data-v-eca3fd36],
.auth-panel .code-row[data-v-eca3fd36],
.auth-panel .primary-btn[data-v-eca3fd36],
.auth-stage .auth-tabs[data-v-eca3fd36],
.auth-stage .oauth-login-box[data-v-eca3fd36] {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box;
}
.auth-panel[data-v-eca3fd36] .el-input,
.auth-panel[data-v-eca3fd36] .el-input__wrapper,
.auth-panel[data-v-eca3fd36] .el-input__inner {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}
.auth-field-stack[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr);
}
.auth-panel .code-row[data-v-eca3fd36] {
  grid-template-columns: minmax(0, 1fr) 84px !important;
}

/* H5 auth visual fix v5 */
.auth-stage[data-v-eca3fd36] {
  width: min(100%, 100vw - 24px) !important;
  max-width: 640px !important;
  margin: 0 auto !important;
  transform: none !important;
  justify-self: center !important;
}
.auth-stage .auth-tabs button[data-v-eca3fd36],
.auth-stage .auth-tabs button[type=button][data-v-eca3fd36] {
  background: transparent !important;
  color: var(--text-tertiary) !important;
  box-shadow: none !important;
}
.auth-stage .auth-tabs button.active[data-v-eca3fd36],
.auth-stage .auth-tabs button.active[type=button][data-v-eca3fd36] {
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
}
.auth-stage .oauth-login-btn[data-v-eca3fd36] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  background: color-mix(in srgb, var(--bg-secondary) 20%, transparent) !important;
  color: var(--text-primary) !important;
}
.auth-stage .oauth-login-btn.qq[data-v-eca3fd36],
.auth-stage .oauth-login-btn.wx[data-v-eca3fd36] {
  color: var(--text-primary) !important;
}
.oauth-icon[data-v-eca3fd36] {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: block;
}
.oauth-login-btn span[data-v-eca3fd36] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* H5 auth compact height */
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 40px !important;
}
.auth-panel .code-row button[data-v-eca3fd36],
.auth-panel .primary-btn[data-v-eca3fd36] {
  height: 40px !important;
}
.auth-stage .oauth-login-btn[data-v-eca3fd36],
.oauth-login-btn[data-v-eca3fd36] {
  height: 38px !important;
}
.oauth-icon[data-v-eca3fd36] {
  width: 18px;
  height: 18px;
}

/* H5 auth border and oauth refinement */
.auth-panel[data-v-eca3fd36] .el-input__wrapper {
  border: 1px solid color-mix(in srgb, var(--text-tertiary) 16%, transparent) !important;
  background: color-mix(in srgb, var(--bg-secondary) 18%, transparent) !important;
  box-shadow: none !important;
}
.auth-panel[data-v-eca3fd36] .el-input__wrapper.is-focus {
  border-color: color-mix(in srgb, var(--accent-primary) 42%, var(--text-tertiary) 10%) !important;
  background: color-mix(in srgb, var(--bg-secondary) 24%, transparent) !important;
}
.auth-stage .oauth-login-box[data-v-eca3fd36] {
  gap: 9px !important;
  margin-top: -2px !important;
}
.auth-stage .oauth-login-btn[data-v-eca3fd36] {
  border: 1px solid color-mix(in srgb, var(--text-tertiary) 14%, transparent) !important;
  background: transparent !important;
  font-size: 12px;
  font-weight: 820;
}
.auth-stage .oauth-login-btn[data-v-eca3fd36]:active {
  border-color: color-mix(in srgb, var(--accent-primary) 38%, transparent) !important;
  background: color-mix(in srgb, var(--accent-primary) 8%, transparent) !important;
}
.auth-stage .oauth-login-btn .oauth-icon[data-v-eca3fd36] {
  padding: 1px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 28%, transparent);
}

/* H5 auth final spacing */
.auth-stage .oauth-login-box[data-v-eca3fd36] {
  gap: 4px !important;
}
.auth-stage .oauth-login-btn[data-v-eca3fd36] {
  border: 0 !important;
}
.auth-stage .auth-tabs[data-v-eca3fd36] {
  padding: 0 !important;
}
.auth-stage .auth-tabs button[data-v-eca3fd36] {
  height: 44px !important;
}

/* H5 auth tab and oauth divider */
.auth-stage .auth-tabs[data-v-eca3fd36] {
  height: 40px !important;
}
.auth-stage .auth-tabs button[data-v-eca3fd36] {
  height: 40px !important;
}
.auth-stage .oauth-login-box[data-v-eca3fd36] {
  grid-template-columns: minmax(0, max-content) auto minmax(0, max-content) !important;
  justify-content: center;
  align-items: center;
  gap: 2px !important;
}
.auth-stage .oauth-login-btn[data-v-eca3fd36] {
  width: auto !important;
  min-width: 96px !important;
  padding: 0 10px;
}
.oauth-divider[data-v-eca3fd36] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  color: color-mix(in srgb, var(--text-tertiary) 58%, transparent);
  font-size: 12px;
  line-height: 1;
}

/* H5 新接口内联二维码容器 */
.h5-social-inner-box[data-v-eca3fd36] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 8px 0 2px;
}
.h5-social-back[data-v-eca3fd36] {
  align-self: flex-start;
  background: none;
  border: none;
  color: var(--brand-color, #409eff);
  font-size: 13px;
  padding: 2px 0;
  cursor: pointer;
}
.h5-social-inner-box[data-v-eca3fd36] .social-box-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h5-social-inner-box[data-v-eca3fd36] .qr-wrap {
  width: 180px;
  height: 180px;
}
.auth-stage .oauth-bind-note[data-v-eca3fd36] {
  display: grid;
  gap: 7px;
  padding: 12px !important;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 18%, transparent);
}
.auth-stage .oauth-bind-note strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 14px;
  line-height: 1.2;
}
.auth-stage .oauth-bind-note span[data-v-eca3fd36] {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.45;
}
.oauth-bind-actions[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 2px;
}
.oauth-bind-actions button[data-v-eca3fd36] {
  height: 34px;
  border: 0;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 800;
}
.oauth-bind-actions button.active[data-v-eca3fd36] {
  background: var(--text-primary);
  color: var(--bg-primary);
}

/* H5 home polish */
.home-view[data-v-eca3fd36] {
  min-height: calc(100vh - 176px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding-bottom: 88px;
}
.home-center[data-v-eca3fd36] {
  display: grid;
  gap: 0;
  align-self: center;
}
.home-view .hero[data-v-eca3fd36] {
  padding: 0 2px;
}
.home-view .hero p[data-v-eca3fd36] {
  margin: 0 0 8px;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 820;
}
.home-view .hero h1[data-v-eca3fd36] {
  margin: 0;
  color: var(--text-primary);
  font-size: 30px;
  line-height: 1.12;
  letter-spacing: 0;
}
.home-view .hero span[data-v-eca3fd36] {
  max-width: 360px;
  margin-top: 10px;
  color: var(--text-secondary);
  font-size: 15px;
  line-height: 1.7;
}
.home-view .hero .typewriter-text[data-v-eca3fd36]::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 1em;
  margin-left: 3px;
  vertical-align: -0.12em;
  background: var(--text-secondary);
  animation: typewriter-caret-eca3fd36 900ms steps(1) infinite;
}
@keyframes typewriter-caret-eca3fd36 {
0%, 45% {
    opacity: 1;
}
46%, 100% {
    opacity: 0;
}
}
.home-search-panel[data-v-eca3fd36] {
  display: grid;
  gap: 10px;
  margin-top: 16px;
  padding: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.home-search-panel .panel-head[data-v-eca3fd36] {
  align-items: end;
  padding: 0 2px;
}
.home-search-panel .panel-head strong[data-v-eca3fd36] {
  color: var(--text-primary);
  font-size: 11px;
}
.home-search-panel .panel-head small[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.home-search-fields[data-v-eca3fd36] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}
.home-search-action[data-v-eca3fd36] {
  display: flex;
  gap: 8px;
  align-items: stretch;
}
.home-search-action .h5-game-select[data-v-eca3fd36] {
  flex: 0 0 116px;
  min-width: 0;
}
.home-search-action .search-btn[data-v-eca3fd36] {
  flex: 1 1 auto;
  min-width: 0;
}
.home-search-panel[data-v-eca3fd36] .el-select__wrapper,
.home-search-panel[data-v-eca3fd36] .el-input__wrapper {
  min-height: 42px !important;
  border: 1px solid color-mix(in srgb, var(--text-tertiary) 14%, transparent) !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-secondary) 16%, transparent) !important;
  box-shadow: none !important;
}
.home-search-panel[data-v-eca3fd36] .el-select__wrapper.is-focused,
.home-search-panel[data-v-eca3fd36] .el-input__wrapper.is-focus {
  border-color: color-mix(in srgb, var(--accent-primary) 38%, var(--text-tertiary) 10%) !important;
}
.home-search-panel .primary-btn[data-v-eca3fd36] {
  height: 42px;
  border-radius: 6px;
  background: var(--text-primary);
  color: var(--bg-primary);
  box-shadow: none;
}
.home-search-panel .hint[data-v-eca3fd36] {
  min-height: 16px;
  padding: 0 2px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.home-announcement[data-v-eca3fd36] {
  display: grid;
  gap: 7px;
  margin-top: 30px;
  padding: 2px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.home-footer-copy[data-v-eca3fd36] {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(78px + env(safe-area-inset-bottom, 0px));
  z-index: 24;
  display: grid;
  gap: 3px;
  color: var(--text-tertiary);
  text-align: center;
  pointer-events: none;
}
.home-footer-copy p[data-v-eca3fd36] {
  margin: 0;
  overflow: hidden;
  font-size: 10px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.home-announcement-head[data-v-eca3fd36] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.home-announcement-head strong[data-v-eca3fd36] {
  color: var(--text-secondary);
  font-size: 12px;
}
.home-announcement-head time[data-v-eca3fd36] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.home-announcement h3[data-v-eca3fd36] {
  margin: 0;
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.35;
}
.home-announcement p[data-v-eca3fd36] {
  margin: 0;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.home-announcement .empty-announcement[data-v-eca3fd36] {
  color: var(--text-tertiary);
}
.record-product-mark[data-v-eca3fd36] {
  display: inline-flex;
  align-items: center;
  height: 16px;
  margin-left: 6px;
  padding: 0 5px;
  border: 1px solid rgba(83, 131, 232, 0.3);
  border-radius: 3px;
  color: #5383e8;
  background: rgba(83, 131, 232, 0.1);
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
  vertical-align: 1px;
}
.record-product-mark.is-tft[data-v-eca3fd36] {
  border-color: rgba(168, 85, 247, 0.32);
  color: #a855f7;
  background: rgba(168, 85, 247, 0.1);
}
.tft-rich-tip[data-v-265fc558] {
  width: min(310px, calc(100vw - 56px));
  padding: 0;
  color: var(--text-primary);
  background: transparent;
  font-family: inherit;
}
.tip-heading[data-v-265fc558] { display: flex; align-items: center; gap: 10px;
}
.tip-icon[data-v-265fc558],
.tip-fallback[data-v-265fc558] { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 4px; object-fit: cover; background: var(--bg-hover);
}
.tip-fallback[data-v-265fc558] { display: grid; place-items: center; color: var(--text-primary); font-size: 14px;
}
.tip-heading-copy[data-v-265fc558] { min-width: 0; display: grid; gap: 5px;
}
.tooltip-title[data-v-265fc558] { margin: 0 !important; color: #f0d08c; font-size: 15px; font-weight: 600; line-height: 1.35;
}
.tip-meta[data-v-265fc558] { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 8px; color: var(--text-secondary); font-size: 11px;
}
.cost-badge[data-v-265fc558] { color: var(--accent-primary); font-weight: 700;
}
.tip-section[data-v-265fc558] { margin-top: 11px; padding-top: 10px; border-top: 1px solid var(--border-primary);
}
.skill-heading[data-v-265fc558] { display: flex; align-items: center; gap: 9px; margin-bottom: 8px;
}
.skill-heading img[data-v-265fc558],
.skill-fallback[data-v-265fc558] { width: 32px; height: 32px; flex: 0 0 32px; border-radius: 3px; object-fit: cover; background: var(--bg-hover);
}
.skill-fallback[data-v-265fc558] { display: grid; place-items: center; color: var(--text-primary); font-size: 12px;
}
.skill-heading > div[data-v-265fc558] { min-width: 0; display: grid; gap: 1px;
}
.skill-heading strong[data-v-265fc558] { overflow: hidden; color: var(--text-primary); font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap;
}
.skill-heading small[data-v-265fc558] { color: var(--text-tertiary); font-size: 10px;
}
.tooltip-desc[data-v-265fc558] { margin: 0; color: var(--text-secondary); font-size: 12px; line-height: 1.6; white-space: pre-line;
}
.tooltip-desc.muted[data-v-265fc558] { color: var(--text-tertiary);
}

.tft-rich-tip[data-v-48fa01e3] {
  width: min(300px, calc(100vw - 56px));
  padding: 0;
  color: var(--text-primary);
  background: transparent;
  font-family: inherit;
}
.tip-heading[data-v-48fa01e3] { display: flex; align-items: center; gap: 10px;
}
.tip-icon[data-v-48fa01e3],
.tip-fallback[data-v-48fa01e3] { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 4px; object-fit: cover; background: var(--bg-hover);
}
.tip-fallback[data-v-48fa01e3] { display: grid; place-items: center; color: var(--text-primary); font-size: 13px;
}
.tooltip-title[data-v-48fa01e3] { margin: 0 !important; color: #f0d08c; font-size: 15px; font-weight: 600; line-height: 1.4;
}
.tooltip-desc[data-v-48fa01e3] { margin: 10px 0 0; color: var(--text-secondary); font-size: 12px; line-height: 1.6; white-space: pre-line;
}
.tooltip-desc.muted[data-v-48fa01e3] { color: var(--text-tertiary);
}
.item-recipe[data-v-48fa01e3] { min-height: 38px; display: flex; align-items: center; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border-primary);
}
.item-recipe > strong[data-v-48fa01e3] { margin-right: 3px; color: var(--text-secondary); font-size: 11px; font-weight: 600;
}
.item-recipe img[data-v-48fa01e3],
.item-recipe span[data-v-48fa01e3] { width: 28px; height: 28px; border-radius: 3px; object-fit: cover; background: var(--bg-hover);
}
.item-recipe span[data-v-48fa01e3] { display: grid; place-items: center; color: var(--text-primary); font-size: 10px;
}
.item-recipe b[data-v-48fa01e3] { color: var(--text-tertiary); font-size: 12px; font-weight: 400;
}

.tft-rich-tip[data-v-83cdadc0] {
  width: min(320px, calc(100vw - 56px));
  padding: 0;
  color: var(--text-primary);
  background: transparent;
  font-family: inherit;
}
.tip-heading[data-v-83cdadc0] { display: flex; align-items: center; gap: 10px;
}
.tip-heading > div[data-v-83cdadc0] { min-width: 0; display: grid; gap: 2px;
}
.tip-heading small[data-v-83cdadc0] { color: var(--text-tertiary); font-size: 10px;
}
.tip-icon[data-v-83cdadc0],
.tip-fallback[data-v-83cdadc0] { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 4px; object-fit: contain; background: var(--bg-hover);
}
.tip-fallback[data-v-83cdadc0] { display: grid; place-items: center; color: var(--text-primary); font-size: 13px;
}
.tooltip-title[data-v-83cdadc0] { margin: 0 !important; color: #f0d08c; font-size: 15px; font-weight: 600; line-height: 1.4;
}
.tooltip-desc[data-v-83cdadc0] { margin: 10px 0 0; color: var(--text-secondary); font-size: 12px; line-height: 1.6; white-space: pre-line;
}
.trait-levels[data-v-83cdadc0] { display: grid; gap: 0; margin-top: 10px; padding-top: 6px; border-top: 1px solid var(--border-primary);
}
.trait-levels > div[data-v-83cdadc0] { min-height: 34px; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 8px; border-bottom: 1px solid var(--border-secondary);
}
.trait-levels > div > strong[data-v-83cdadc0] { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 3px; color: var(--text-secondary); background: var(--bg-hover); font-size: 10px; font-weight: 600;
}
.trait-levels > div > span[data-v-83cdadc0] { color: var(--text-secondary); font-size: 11px; line-height: 1.45;
}
.trait-levels > div.active > strong[data-v-83cdadc0] { color: #fff; background: #9a6b16;
}
.trait-levels > div.active > span[data-v-83cdadc0] { color: var(--text-primary);
}
.trait-members[data-v-83cdadc0] { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; align-items: start; padding-top: 10px;
}
.trait-members > strong[data-v-83cdadc0] { color: var(--text-secondary); font-size: 11px; font-weight: 600; line-height: 28px;
}
.trait-members > div[data-v-83cdadc0] { display: flex; flex-wrap: wrap; gap: 4px;
}
.trait-members > div > span[data-v-83cdadc0],
.trait-members img[data-v-83cdadc0],
.trait-members i[data-v-83cdadc0] { width: 28px; height: 28px; border-radius: 3px;
}
.trait-members > div > span[data-v-83cdadc0] { display: block; overflow: hidden; background: var(--bg-hover);
}
.trait-members img[data-v-83cdadc0] { object-fit: cover;
}
.trait-members i[data-v-83cdadc0] { display: grid; place-items: center; color: var(--text-primary); font-size: 10px; font-style: normal;
}
.tft-match-list[data-v-675b792a] {
  display: grid;
  gap: 8px;
}
.matches-loading[data-v-675b792a], .empty-matches[data-v-675b792a] {
  min-height: 150px;
  display: grid;
  place-items: center;
  color: var(--text-secondary);
  font-size: 13px;
}
.matches-loading[data-v-675b792a] {
  grid-template-columns: auto auto;
  justify-content: center;
  gap: 10px;
}
.spinner[data-v-675b792a] {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(56, 189, 248, 0.18);
  border-top-color: #38bdf8;
  border-radius: 50%;
  animation: spin-675b792a 0.72s linear infinite;
}
.match-item[data-v-675b792a] {
  position: relative;
  display: grid;
  grid-template-columns: 152px minmax(0, 1fr);
  overflow: visible;
  border: 1px solid rgba(148, 163, 184, 0.07);
  border-radius: 1px;
  background: rgba(148, 163, 184, 0.045);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06);
  cursor: pointer;
  transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.match-item.victory[data-v-675b792a] {
  background: rgba(83, 131, 232, 0.105);
}
.match-item.defeat[data-v-675b792a] {
  background: rgba(232, 64, 87, 0.095);
}
.match-item[data-v-675b792a]:hover {
  border-color: rgba(83, 131, 232, 0.14);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.09);
}
.match-ai-actions[data-v-675b792a] {
  position: absolute;
  z-index: 3;
  top: -1px;
  right: -26px;
  bottom: -1px;
  width: 26px;
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 1px;
  overflow: hidden;
  opacity: 0.58;
  background: linear-gradient(135deg, rgba(148, 163, 184, 0.08), rgba(148, 163, 184, 0.025));
  transition: opacity 0.18s ease, background 0.18s ease;
}
.match-ai-actions button[data-v-675b792a] {
  width: 26px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--text-secondary);
  background: transparent;
  cursor: pointer;
}
.match-ai-actions button[data-v-675b792a]:hover {
  color: var(--text-primary);
  background: rgba(83, 131, 232, 0.12);
}
.match-ai-actions svg[data-v-675b792a] {
  width: 13px;
  height: 13px;
}
.match-ai-actions span[data-v-675b792a] {
  font-size: 9px;
  font-weight: 800;
  line-height: 1;
}
.match-item:hover .match-ai-actions[data-v-675b792a] {
  opacity: 1;
}
.match-item.victory .match-ai-actions[data-v-675b792a] {
  background: linear-gradient(135deg, rgba(83, 131, 232, 0.2), rgba(83, 131, 232, 0.025));
}
.match-item.defeat .match-ai-actions[data-v-675b792a] {
  background: linear-gradient(135deg, rgba(232, 64, 87, 0.18), rgba(232, 64, 87, 0.025));
}
.match-header[data-v-675b792a] {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 12px 16px;
  background: rgba(255, 255, 255, 0.025);
}
.match-mode[data-v-675b792a] {
  max-width: 100%;
  margin-bottom: 2px;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  word-break: break-all;
}
.match-time[data-v-675b792a], .match-duration[data-v-675b792a] {
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
}
.match-time[data-v-675b792a] {
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.match-result[data-v-675b792a] {
  width: auto;
  margin-top: 10px;
  color: #e84057;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}
.match-result[data-v-675b792a]::before {
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  margin: 0 0 10px;
  background: rgba(148, 163, 184, 0.28);
}
.match-result span[data-v-675b792a], .match-result small[data-v-675b792a] {
  display: inline;
}
.placement-text[data-v-675b792a] {
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
}
.placement-pennant[data-v-675b792a] {
  position: relative;
  flex: 0 0 auto;
  width: 17px;
  height: 22px;
  display: inline-grid !important;
  place-items: center;
  margin-right: 5px;
  padding-bottom: 3px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 76%, 0 100%);
  color: #fff;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  vertical-align: middle;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.22);
}
.pennant-1[data-v-675b792a] {
  background: linear-gradient(180deg, #f7cf5c, #c88b16);
}
.pennant-2[data-v-675b792a] {
  background: linear-gradient(180deg, #d9e3ef, #8494a8);
}
.pennant-3[data-v-675b792a] {
  background: linear-gradient(180deg, #d99864, #98562f);
}
.match-result small[data-v-675b792a] {
  margin-left: 6px;
  color: var(--text-secondary);
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
}
.victory .match-result[data-v-675b792a] {
  color: #5383e8;
}
.match-body[data-v-675b792a] {
  min-width: 0;
  display: grid;
  grid-template-columns: 54px 110px minmax(100px, 0.75fr) minmax(330px, 1.65fr) 240px;
  grid-template-areas: "champ kda stats items participants";
  align-items: center;
  column-gap: 9px;
  padding: 10px 4px 10px 20px;
}
.champion-col[data-v-675b792a] {
  grid-area: champ;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
}
.champ-wrapper[data-v-675b792a] {
  position: relative;
  flex-shrink: 0;
}
.champion-img[data-v-675b792a] {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
}
.legend-fallback[data-v-675b792a], .detail-legend-fallback[data-v-675b792a] {
  display: grid;
  place-items: center;
  color: #f8fafc;
  background: #334155;
}
.champ-level[data-v-675b792a] {
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  color: var(--text-primary);
  border: 1px solid var(--border-secondary);
  border-radius: 50%;
  background: var(--bg-secondary);
  font-size: 10px;
  font-weight: 700;
}
.tft-metrics[data-v-675b792a] {
  grid-area: kda;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 5px;
  padding-left: 0;
  text-align: left;
}
.tft-metrics > div[data-v-675b792a] {
  width: 88px;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 5px;
  white-space: nowrap;
}
.tft-metrics span[data-v-675b792a] {
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 400;
}
.tft-metrics span + span[data-v-675b792a] {
  color: var(--text-primary);
}
.tft-traits[data-v-675b792a] {
  grid-area: stats;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  gap: 4px;
}
.trait-chip[data-v-675b792a] {
  width: 30px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 5px 4px;
  border: 0;
  border-radius: 0;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: help;
}
.trait-chip img[data-v-675b792a], .trait-letter[data-v-675b792a] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.trait-letter[data-v-675b792a] {
  display: grid;
  place-items: center;
  color: #f8fafc;
  font-size: 9px;
}
.trait-style-1[data-v-675b792a] {
  background: linear-gradient(145deg, #6f351d, #b86b3e);
}
.trait-style-2[data-v-675b792a] {
  background: linear-gradient(145deg, #64748b, #cbd5e1);
}
.trait-style-3[data-v-675b792a] {
  background: linear-gradient(145deg, #a16207, #facc15);
}
.trait-style-4[data-v-675b792a] {
  background: linear-gradient(145deg, #f8fafc, #a855f7 72%, #6d28d9);
}
.tft-units[data-v-675b792a] {
  grid-area: items;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 6px;
}
.unit-slot[data-v-675b792a] {
  width: 48px;
  text-align: center;
}
.unit-portrait[data-v-675b792a] {
  position: relative;
  width: 48px;
  height: 48px;
  border: 2px solid #64748b;
  border-radius: 3px 3px 0 0;
  background: #111827;
  cursor: help;
}
.unit-portrait img[data-v-675b792a], .unit-fallback[data-v-675b792a] {
  width: 100%;
  height: 100%;
  border-radius: 1px 1px 0 0;
  object-fit: cover;
}
.unit-fallback[data-v-675b792a] {
  display: grid;
  place-items: center;
  color: #f8fafc;
  font-size: 15px;
}
.unit-stars[data-v-675b792a] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -1.5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
.unit-stars.star-two[data-v-675b792a] {
  color: #dff6ff;
  text-shadow: 0 0 4px rgba(125, 211, 252, 0.95), 0 1px 2px rgba(0, 0, 0, 0.9);
}
.unit-stars.star-three[data-v-675b792a] {
  color: #facc15;
  text-shadow: 0 0 4px rgba(250, 204, 21, 0.72), 0 1px 2px rgba(0, 0, 0, 0.9);
}
.cost-1[data-v-675b792a] {
  border-color: #64748b;
}
.cost-2[data-v-675b792a] {
  border-color: #22c55e;
}
.cost-3[data-v-675b792a] {
  border-color: #38bdf8;
}
.cost-4[data-v-675b792a] {
  border-color: #c084fc;
}
.cost-5[data-v-675b792a] {
  border-color: #f59e0b;
}
.cost-6[data-v-675b792a] {
  border-color: #f8fafc;
}
.unit-items[data-v-675b792a] {
  width: 48px;
  min-height: 16px;
  display: flex;
  justify-content: center;
  gap: 0;
  margin: 0;
}
.unit-items[data-v-675b792a] > * {
  display: inline-flex;
}
.unit-items span[data-v-675b792a] {
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: #111827;
  cursor: help;
}
.unit-items img[data-v-675b792a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.unit-items i[data-v-675b792a] {
  color: #f8fafc;
  font-size: 7px;
  font-style: normal;
}
.participants-col[data-v-675b792a] {
  grid-area: participants;
  width: calc(100% - 10px);
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  justify-self: start;
  gap: 5px;
}
.team[data-v-675b792a] {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.player-mini[data-v-675b792a] {
  min-width: 0;
  height: 21px;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 3px;
  padding: 1px 2px;
  cursor: pointer;
}
.player-mini[data-v-675b792a]:hover, .player-mini[data-v-675b792a]:focus-visible {
  outline: none;
  background: rgba(83, 131, 232, 0.12);
}
.player-mini.me[data-v-675b792a] {
  background: rgba(83, 131, 232, 0.14);
}
.participant-icon[data-v-675b792a] {
  width: 18px;
  height: 18px;
  overflow: hidden;
  border-radius: 50%;
  background: #334155;
}
.participant-icon img[data-v-675b792a], .participant-icon span[data-v-675b792a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.participant-icon span[data-v-675b792a] {
  display: grid;
  place-items: center;
  color: #fff;
  font-size: 7px;
}
.player-name[data-v-675b792a] {
  min-width: 0;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.player-name small[data-v-675b792a] {
  margin-left: 2px;
  color: var(--text-tertiary);
  font-size: 7px;
}
.match-detail[data-v-675b792a] {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(2, 6, 23, 0.54);
}
.match-detail.bottom-sheet[data-v-675b792a] {
  align-items: flex-end;
  justify-content: stretch;
  padding: 0;
  z-index: 2200;
  background: rgba(2, 6, 23, 0.48);
}
.match-detail.bottom-sheet .match-detail-panel[data-v-675b792a] {
  position: relative;
  width: 100%;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  border-radius: 16px 16px 0 0;
  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  animation: tftSheetUp-675b792a 220ms cubic-bezier(0.22, 1, 0.36, 1);
}
.match-detail.bottom-sheet .sheet-handle[data-v-675b792a] {
  display: block;
  width: 72px;
  height: 4px;
  margin: 10px auto 2px;
  border: 0;
  border-radius: 999px;
  background: color-mix(in srgb, var(--text-primary) 36%, transparent);
  cursor: pointer;
}
.match-detail.bottom-sheet .match-detail-modal-header[data-v-675b792a] {
  width: 100%;
  max-width: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 8px 14px 6px;
}
.match-detail.bottom-sheet .tft-detail-content[data-v-675b792a] {
  width: 100%;
  max-width: 100%;
  max-height: none;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 6px 14px calc(16px + env(safe-area-inset-bottom, 0px));
  border: 0;
  border-radius: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.match-detail.bottom-sheet .team-title[data-v-675b792a],
.match-detail.bottom-sheet .tft-detail-row[data-v-675b792a] {
  grid-template-columns: 56px 1fr 70px 90px minmax(160px, 1fr);
  gap: 6px;
}
@keyframes tftSheetUp-675b792a {
from {
    transform: translateY(100%);
}
to {
    transform: translateY(0);
}
}
.match-detail-modal-header[data-v-675b792a] {
  width: min(1180px, 92vw);
  max-width: 1180px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: var(--bg-secondary);
}
.detail-modal-main[data-v-675b792a] {
  flex: 1;
  min-width: 0;
}
.detail-modal-summary[data-v-675b792a], .detail-modal-title-wrap[data-v-675b792a] {
  display: flex;
  align-items: baseline;
  gap: 10px;
  min-width: 0;
}
.detail-modal-title[data-v-675b792a] {
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 700;
}
.detail-modal-subtitle[data-v-675b792a] {
  color: var(--text-secondary);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.detail-modal-close[data-v-675b792a] {
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 3px;
  color: var(--text-secondary);
  background: var(--bg-tertiary);
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}
.detail-modal-close[data-v-675b792a]:hover {
  color: var(--text-primary);
  background: var(--bg-hover);
}
.tft-detail-content[data-v-675b792a] {
  width: min(1180px, 92vw);
  max-width: 1180px;
  max-height: calc(86vh - 84px);
  overflow-y: auto;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-top: 0;
  border-radius: 0 0 4px 4px;
  background: var(--bg-secondary);
  box-shadow: 0 26px 80px rgba(15, 23, 42, 0.28);
}
.detail-team[data-v-675b792a] {
  margin-bottom: 0;
}
.team-title[data-v-675b792a] {
  min-height: 30px;
  display: grid;
  grid-template-columns: 72px 220px 130px 180px minmax(360px, 1fr);
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  padding: 6px 10px;
  border-radius: 3px;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  font-size: 11px;
  font-weight: 600;
}
.team-title .team-name[data-v-675b792a] {
  font-size: 13px;
  font-weight: 700;
}
.team-column-label[data-v-675b792a] {
  color: var(--text-secondary);
}
.tft-detail-row[data-v-675b792a] {
  min-height: 78px;
  display: grid;
  grid-template-columns: 72px 220px 130px 180px minmax(360px, 1fr);
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border-secondary);
  background: transparent;
}
.tft-detail-row[data-v-675b792a]:last-child {
  border-bottom: 0;
}
.tft-detail-row.me[data-v-675b792a] {
  background: rgba(83, 131, 232, 0.08);
}
.detail-rank[data-v-675b792a] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e84057;
  font-size: 13px;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}
.detail-rank .placement-pennant[data-v-675b792a] {
  margin-right: 3px;
  transform: scale(0.88);
  transform-origin: center;
}
.tft-detail-row.placement-top .detail-rank[data-v-675b792a] {
  color: #5383e8;
}
.d-champion[data-v-675b792a] {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.d-champion .champ-img[data-v-675b792a] {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
}
.summoner-col[data-v-675b792a] {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.summoner-name[data-v-675b792a] {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.summoner-name.clickable[data-v-675b792a] {
  cursor: pointer;
}
.summoner-name.clickable[data-v-675b792a]:hover, .summoner-name.clickable[data-v-675b792a]:focus-visible {
  color: #5383e8;
  outline: none;
}
.mini-tag[data-v-675b792a] {
  margin-left: 2px;
  color: var(--text-tertiary);
  font-size: 9px;
}
.elimination-stage[data-v-675b792a] {
  color: var(--text-secondary);
  font-size: 10px;
}
.elimination-stage b[data-v-675b792a] {
  color: var(--text-primary);
  font-weight: 650;
}
.tft-detail-row.duo-team-start[data-v-675b792a] {
  border-top: 2px solid rgba(83, 131, 232, 0.24);
}
.tft-detail-row.duo-team-start + .tft-detail-row.duo-team-end[data-v-675b792a] {
  background-image: linear-gradient(90deg, rgba(83, 131, 232, 0.045), transparent 48%);
}
.d-tft-stats[data-v-675b792a] {
  display: grid;
  gap: 4px;
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 400;
  text-align: left;
}
.d-tft-traits[data-v-675b792a] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.detail-trait[data-v-675b792a] {
  position: relative;
  width: 30px;
  height: 34px;
  display: grid;
  place-items: center;
  padding: 5px 4px;
  border: 0;
  border-radius: 0;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  cursor: help;
}
.detail-trait img[data-v-675b792a] {
  width: 21px;
  height: 21px;
  object-fit: contain;
}
.detail-trait i[data-v-675b792a] {
  color: #fff;
  font-size: 8px;
  font-style: normal;
}
.d-tft-units[data-v-675b792a] {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 7px;
  padding-top: 8px;
}
.detail-unit[data-v-675b792a] {
  width: 42px;
}
.detail-unit .unit-portrait[data-v-675b792a] {
  width: 42px;
  height: 42px;
}
.detail-unit .unit-items[data-v-675b792a] {
  width: 42px;
  min-height: 14px;
}
.detail-unit .unit-items span[data-v-675b792a] {
  width: 14px;
  height: 14px;
}
@keyframes spin-675b792a {
to {
    transform: rotate(360deg);
}
}
@media (max-width: 1280px) {
.match-body[data-v-675b792a] {
    grid-template-columns: 54px 100px minmax(100px, 0.8fr) minmax(280px, 1.3fr);
    grid-template-areas: "champ kda stats items" "participants participants participants participants";
    row-gap: 10px;
}
.participants-col[data-v-675b792a] {
    border-top: 1px solid rgba(148, 163, 184, 0.08);
    padding-top: 8px;
}
}
@media (max-width: 760px) {
.match-item[data-v-675b792a] {
    grid-template-columns: 120px minmax(0, 1fr);
}
.match-ai-actions[data-v-675b792a] {
    top: 7px;
    right: 7px;
    bottom: auto;
    width: auto;
    height: 24px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    opacity: 0.72;
}
.match-ai-actions button[data-v-675b792a] {
    width: 28px;
    height: 24px;
    flex-direction: row;
    gap: 2px;
}
.match-header[data-v-675b792a] {
    min-height: 100%;
    padding: 10px;
}
.match-body[data-v-675b792a] {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "champ kda" "stats stats" "items items" "participants participants";
    gap: 10px;
}
.tft-units[data-v-675b792a] {
    padding-top: 8px;
}
.participants-col[data-v-675b792a] {
    grid-template-columns: 1fr;
}
.match-detail[data-v-675b792a] {
    padding: 8px;
}
.match-detail-modal-header[data-v-675b792a], .tft-detail-content[data-v-675b792a] {
    width: calc(100vw - 16px);
}
.detail-modal-title-wrap[data-v-675b792a] {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
}
.team-title[data-v-675b792a] {
    display: none;
}
.tft-detail-row[data-v-675b792a] {
    grid-template-columns: 58px minmax(150px, 1fr);
    align-items: start;
}
.d-tft-stats[data-v-675b792a], .d-tft-traits[data-v-675b792a], .d-tft-units[data-v-675b792a] {
    grid-column: 1/-1;
}
}
.h5-summoner[data-v-c5a3676c] {
  min-height: 100vh;
  padding: calc(72px + env(safe-area-inset-top, 0px)) 12px 90px;
  background: radial-gradient(circle at 20% 0%, rgba(83, 131, 232, 0.16), transparent 30%), linear-gradient(180deg, var(--bg-primary), color-mix(in srgb, var(--bg-primary) 90%, #000));
  color: var(--text-primary);
}
.privacy-locked[data-v-c5a3676c] > :not(.privacy-overlay) {
  filter: blur(1.5px);
  pointer-events: none;
  user-select: none;
}
.privacy-overlay[data-v-c5a3676c] {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: calc(18px + env(safe-area-inset-top, 0px)) 18px calc(18px + env(safe-area-inset-bottom, 0px));
  background: rgba(4, 8, 16, 0.58);
  backdrop-filter: blur(14px) saturate(112%);
  -webkit-backdrop-filter: blur(14px) saturate(112%);
}
.privacy-modal[data-v-c5a3676c] {
  width: min(100%, 390px);
  max-height: calc(100vh - 56px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  overflow-y: auto;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
  color: var(--text-primary);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12), 0 24px 70px rgba(0, 0, 0, 0.28);
}
.privacy-modal-head[data-v-c5a3676c] {
  padding: 20px 18px 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.privacy-modal-head span[data-v-c5a3676c] {
  display: block;
  margin-bottom: 8px;
  color: var(--accent-primary);
  font-size: 11px;
  font-weight: 800;
}
.privacy-modal-head strong[data-v-c5a3676c] {
  display: block;
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1.25;
}
.privacy-modal-head p[data-v-c5a3676c] {
  margin: 10px 0 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.7;
}
.privacy-modal-body[data-v-c5a3676c] {
  display: grid;
  gap: 10px;
  padding: 14px 18px 16px;
}
.privacy-modal-body article[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}
.privacy-modal-body article > span[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent-primary) 13%, transparent);
  color: var(--accent-primary);
  font-size: 11px;
  font-weight: 900;
}
.privacy-modal-body strong[data-v-c5a3676c] {
  display: block;
  margin-bottom: 3px;
  color: var(--text-primary);
  font-size: 13px;
}
.privacy-modal-body p[data-v-c5a3676c] {
  margin: 0;
  color: var(--text-secondary);
  font-size: 12px;
  line-height: 1.55;
}
.privacy-legal[data-v-c5a3676c] {
  margin-top: 2px !important;
  padding-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  color: var(--text-tertiary) !important;
}
.privacy-actions[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
  padding: 0 18px 18px;
}
.privacy-actions button[data-v-c5a3676c] {
  height: 40px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 900;
}
.privacy-actions .reject[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-tertiary) 76%, transparent);
  color: var(--text-secondary);
}
.privacy-actions .agree[data-v-c5a3676c] {
  background: var(--accent-primary);
  color: #fff;
}
button[data-v-c5a3676c] {
  border: 0;
  font: inherit;
}
.topbar[data-v-c5a3676c] {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: 72px 1fr 72px;
  align-items: center;
  margin: -12px -12px 10px;
  padding: 12px;
  background: color-mix(in srgb, var(--bg-primary) 90%, transparent);
  backdrop-filter: blur(16px);
}
.topbar strong[data-v-c5a3676c] {
  text-align: center;
}
.topbar-btn[data-v-c5a3676c],
.quick-search button[data-v-c5a3676c],
.hero-actions button[data-v-c5a3676c],
.match-actions button[data-v-c5a3676c],
.pager button[data-v-c5a3676c],
.ai-head button[data-v-c5a3676c],
.ai-submit[data-v-c5a3676c] {
  height: 38px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 78%, transparent);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 800;
}
.quick-search[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 56px;
  gap: 8px;
  margin-bottom: 10px;
}
[data-v-c5a3676c] .el-select__wrapper,[data-v-c5a3676c] .el-input__wrapper {
  min-height: 38px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 76%, transparent) !important;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08) !important;
}
[data-v-c5a3676c] .el-input__inner,[data-v-c5a3676c] .el-select__selected-item,[data-v-c5a3676c] .el-select__placeholder {
  color: var(--text-primary);
}
.state-panel[data-v-c5a3676c],
.hero-card[data-v-c5a3676c],
.rank-strip article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c],
.filter-card[data-v-c5a3676c],
.match-card[data-v-c5a3676c],
.ai-modal[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
  backdrop-filter: blur(14px) saturate(112%);
}
.state-panel[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  min-height: 260px;
  padding: 24px;
  border-radius: 7px;
  color: var(--text-secondary);
  text-align: center;
}
.state-panel strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 20px;
}
.state-panel p[data-v-c5a3676c] {
  margin: 8px 0 18px;
  color: var(--text-tertiary);
  line-height: 1.6;
}
.state-panel button[data-v-c5a3676c] {
  width: 120px;
}
.loader[data-v-c5a3676c] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--accent-primary) 18%, transparent);
  border-top-color: var(--accent-primary);
  animation: spin-c5a3676c 0.8s linear infinite;
}
.hero-card[data-v-c5a3676c] {
  padding: 14px;
  border-radius: 7px;
}
.profile-row[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 66px 1fr;
  gap: 12px;
  align-items: center;
}
.avatar-wrap[data-v-c5a3676c] {
  position: relative;
}
.avatar-wrap img[data-v-c5a3676c] {
  width: 66px;
  height: 66px;
  border-radius: 7px;
  object-fit: cover;
}
.avatar-wrap span[data-v-c5a3676c] {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: -7px;
  height: 18px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.72);
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
}
.identity[data-v-c5a3676c] {
  min-width: 0;
}
.identity h1[data-v-c5a3676c] {
  margin: 0;
  overflow: hidden;
  font-size: 24px;
  line-height: 1.12;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.identity small[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 15px;
}
.meta-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}
.meta-row span[data-v-c5a3676c] {
  padding: 4px 7px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 76%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
}
.hero-actions[data-v-c5a3676c],
.match-actions[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 14px;
}
.hero-actions button.active[data-v-c5a3676c],
.hero-actions button[data-v-c5a3676c]:first-child,
.match-actions button.active[data-v-c5a3676c],
.match-actions button[data-v-c5a3676c]:first-child {
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent);
}
.match-actions[data-v-c5a3676c] {
  grid-template-columns: 0.9fr 1fr 1fr;
}
.rank-strip[data-v-c5a3676c],
.metrics[data-v-c5a3676c],
.match-list[data-v-c5a3676c] {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.rank-strip article[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border-radius: 7px;
}
.rank-strip article img[data-v-c5a3676c] {
  width: 54px;
  height: 54px;
  object-fit: contain;
}
.rank-strip article span[data-v-c5a3676c],
.rank-strip article small[data-v-c5a3676c] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.rank-strip article strong[data-v-c5a3676c] {
  display: block;
  margin: 3px 0;
  font-size: 16px;
}
.metrics[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.metrics article[data-v-c5a3676c] {
  min-height: 80px;
  padding: 12px;
  border-radius: 7px;
}
.metrics span[data-v-c5a3676c],
.metrics small[data-v-c5a3676c] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.metrics strong[data-v-c5a3676c] {
  display: block;
  margin: 8px 0 4px;
  font-size: 22px;
}
.filter-card[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 1fr 92px;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border-radius: 7px;
}
.section-head[data-v-c5a3676c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 2px;
}
.section-head span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.match-card[data-v-c5a3676c] {
  position: relative;
  padding: 12px;
  border-radius: 7px;
  overflow: hidden;
  touch-action: manipulation;
}
.match-card.win[data-v-c5a3676c] {
  box-shadow: inset 3px 0 0 color-mix(in srgb, var(--accent-primary) 78%, transparent), inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}
.match-card.lose[data-v-c5a3676c] {
  box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.75), inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}
.match-main[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 11px;
  align-items: center;
}
.match-main img[data-v-c5a3676c] {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  object-fit: cover;
}
.match-title[data-v-c5a3676c],
.match-meta[data-v-c5a3676c],
.pager[data-v-c5a3676c],
.ai-head[data-v-c5a3676c] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.match-title strong[data-v-c5a3676c] {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-title span[data-v-c5a3676c] {
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 800;
}
.match-meta[data-v-c5a3676c] {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 6px;
}
.match-meta span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.match-stats[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 11px;
}
.match-stats div[data-v-c5a3676c] {
  min-width: 0;
  padding: 8px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);
}
.match-stats strong[data-v-c5a3676c],
.match-stats span[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-stats strong[data-v-c5a3676c] {
  font-size: 14px;
}
.match-stats span[data-v-c5a3676c] {
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.item-row[data-v-c5a3676c],
.badge-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
.item-slot[data-v-c5a3676c] {
  width: 29px;
  height: 29px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);
  overflow: hidden;
}
.item-slot img[data-v-c5a3676c] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.badge-row span[data-v-c5a3676c] {
  padding: 4px 7px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 76%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
}
.pager[data-v-c5a3676c] {
  padding: 4px 0 10px;
}
.pager span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 13px;
}
.pager button[data-v-c5a3676c] {
  width: 86px;
}
.detail-overlay[data-v-c5a3676c] {
  position: fixed;
  inset: 0;
  z-index: 86;
  display: flex;
  align-items: flex-end;
  padding: 10px;
  background: rgba(0, 0, 0, 0.42);
}
.detail-sheet[data-v-c5a3676c] {
  width: 100%;
  max-height: 88vh;
  padding: 14px;
  border-radius: 9px;
  overflow: auto;
  background: color-mix(in srgb, var(--bg-secondary) 92%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1), 0 18px 60px rgba(0, 0, 0, 0.38);
  backdrop-filter: blur(18px) saturate(112%);
}
.detail-head[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 12px;
  align-items: start;
}
.detail-head span[data-v-c5a3676c],
.detail-head small[data-v-c5a3676c] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.detail-head strong[data-v-c5a3676c] {
  display: block;
  margin: 4px 0;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-head button[data-v-c5a3676c] {
  height: 34px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 76%, transparent);
  color: var(--text-primary);
  font-weight: 800;
}
.detail-action-row[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
}
.detail-action-row button[data-v-c5a3676c] {
  height: 38px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--accent-primary) 16%, transparent);
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 800;
}
.detail-summary-grid[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 12px;
}
.detail-summary-grid article[data-v-c5a3676c] {
  min-width: 0;
  padding: 9px 7px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);
}
.detail-summary-grid span[data-v-c5a3676c],
.detail-summary-grid small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-summary-grid strong[data-v-c5a3676c] {
  display: block;
  margin: 5px 0 2px;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-items[data-v-c5a3676c] {
  display: flex;
  gap: 5px;
  margin-top: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.detail-team-card[data-v-c5a3676c] {
  margin-top: 12px;
  padding: 10px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-tertiary) 58%, transparent);
}
.detail-team-head[data-v-c5a3676c] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.detail-team-head strong[data-v-c5a3676c] {
  font-size: 14px;
}
.detail-team-head span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 12px;
}
.detail-team-head.blue strong[data-v-c5a3676c] {
  color: color-mix(in srgb, var(--accent-primary) 88%, var(--text-primary));
}
.detail-team-head.red strong[data-v-c5a3676c] {
  color: #ef6f6f;
}
.objective-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.objective-row span[data-v-c5a3676c] {
  padding: 3px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, transparent);
  color: var(--text-tertiary);
  font-size: 11px;
}
.participant-list[data-v-c5a3676c] {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}
.participant-row[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 6px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 64%, transparent);
}
.participant-row.me[data-v-c5a3676c] {
  box-shadow: inset 2px 0 0 var(--accent-primary);
}
.participant-row img[data-v-c5a3676c] {
  width: 34px;
  height: 34px;
  border-radius: 5px;
  object-fit: cover;
}
.participant-row div[data-v-c5a3676c] {
  min-width: 0;
}
.participant-row strong[data-v-c5a3676c],
.participant-row small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.participant-row strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 13px;
}
.participant-row small[data-v-c5a3676c] {
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 11px;
}
.participant-row > span[data-v-c5a3676c] {
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 800;
}
.bottom-nav[data-v-c5a3676c] {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 30;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  padding: 6px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-secondary) 88%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.12), 0 14px 42px rgba(0, 0, 0, 0.28);
  backdrop-filter: blur(18px);
}
.bottom-nav button[data-v-c5a3676c] {
  height: 40px;
  border-radius: 5px;
  background: transparent;
  color: var(--text-secondary);
  font-size: 13px;
}
.ai-overlay[data-v-c5a3676c] {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: flex;
  align-items: flex-end;
  padding: 12px;
  background: rgba(0, 0, 0, 0.46);
}
.ai-modal[data-v-c5a3676c] {
  width: 100%;
  max-height: 82vh;
  padding: 14px;
  border-radius: 8px;
  overflow: auto;
}
.ai-head span[data-v-c5a3676c] {
  display: block;
  color: var(--text-tertiary);
  font-size: 12px;
}
.ai-head strong[data-v-c5a3676c] {
  display: block;
  margin-top: 3px;
  font-size: 18px;
}
.ai-head button[data-v-c5a3676c] {
  width: 58px;
}
.ai-style-row[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin-top: 12px;
  padding: 5px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-tertiary) 68%, transparent);
}
.ai-style-row button[data-v-c5a3676c] {
  height: 34px;
  border-radius: 5px;
  background: transparent;
  color: var(--text-tertiary);
}
.ai-style-row button.active[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent);
  color: var(--text-primary);
  font-weight: 800;
}
.ai-note[data-v-c5a3676c] {
  margin: 10px 0;
  color: var(--text-tertiary);
  font-size: 12px;
  line-height: 1.55;
}
.ai-modal pre[data-v-c5a3676c] {
  min-height: 180px;
  max-height: 360px;
  margin: 0;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
  background: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);
  color: var(--text-secondary);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.75;
  white-space: pre-wrap;
}
.ai-submit[data-v-c5a3676c] {
  width: 100%;
  margin-top: 10px;
  background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
  color: #fff;
}
.h5-summoner[data-v-c5a3676c] {
  padding: 10px 10px 92px;
  background: radial-gradient(circle at 10% -6%, rgba(73, 130, 255, 0.18), transparent 32%), radial-gradient(circle at 92% 2%, rgba(34, 197, 194, 0.08), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--bg-primary) 96%, #05070c), var(--bg-primary));
}
.topbar[data-v-c5a3676c] {
  grid-template-columns: 64px 1fr 64px;
  margin: -10px -10px 8px;
  padding: 10px;
  background: color-mix(in srgb, var(--bg-primary) 82%, transparent);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.16);
}
.topbar strong[data-v-c5a3676c] {
  font-size: 15px;
  letter-spacing: 0;
}
.topbar-btn[data-v-c5a3676c],
.quick-search button[data-v-c5a3676c] {
  height: 34px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, transparent);
  box-shadow: none;
  color: var(--text-secondary);
}
.quick-search[data-v-c5a3676c] {
  grid-template-columns: 92px minmax(0, 1fr) 54px;
  gap: 7px;
  margin-bottom: 9px;
  padding: 8px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--bg-secondary) 48%, transparent);
  backdrop-filter: blur(14px);
}
[data-v-c5a3676c] .el-select__wrapper,[data-v-c5a3676c] .el-input__wrapper {
  min-height: 34px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-primary) 34%, transparent) !important;
  box-shadow: none !important;
}
.hero-card[data-v-c5a3676c] {
  position: relative;
  min-height: 182px;
  padding: 13px;
  border-radius: 12px;
  overflow: hidden;
  background: linear-gradient(120deg, rgba(7, 10, 18, 0.9), rgba(7, 10, 18, 0.58)), var(--hero-bg, radial-gradient(circle at 20% 20%, rgba(58, 118, 255, 0.26), transparent 36%));
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06), 0 18px 48px rgba(0, 0, 0, 0.22);
}
.hero-glass[data-v-c5a3676c] {
  position: absolute;
  inset: auto 0 0;
  height: 52%;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.42));
  pointer-events: none;
}
.hero-topline[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.hero-topline span[data-v-c5a3676c],
.profile-label[data-v-c5a3676c] {
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.74);
  font-size: 11px;
}
.profile-row[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 13px;
  align-items: end;
  margin-top: 34px;
}
.avatar-wrap img[data-v-c5a3676c] {
  width: 72px;
  height: 72px;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
}
.avatar-wrap span[data-v-c5a3676c] {
  left: 6px;
  right: 6px;
  bottom: -8px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.74);
}
.identity h1[data-v-c5a3676c] {
  margin-top: 8px;
  color: #fff;
  font-size: 27px;
  text-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
}
.identity small[data-v-c5a3676c] {
  color: rgba(255, 255, 255, 0.64);
}
.identity p[data-v-c5a3676c] {
  margin: 7px 0 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.68);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-actions[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  grid-template-columns: 0.8fr 1.2fr;
  margin-top: 16px;
}
.hero-actions button[data-v-c5a3676c],
.match-actions button[data-v-c5a3676c],
.detail-action-row button[data-v-c5a3676c] {
  height: 38px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.86);
}
.hero-actions button.active[data-v-c5a3676c],
.hero-actions button[data-v-c5a3676c]:first-child,
.match-actions button[data-v-c5a3676c]:first-child {
  background: color-mix(in srgb, var(--accent-primary) 22%, rgba(255, 255, 255, 0.08));
}
.rank-strip[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.rank-strip.tft-ranks[data-v-c5a3676c] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.rank-strip article[data-v-c5a3676c] {
  grid-template-columns: 44px minmax(0, 1fr);
  min-height: 74px;
  padding: 10px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.06);
}
.rank-strip article img[data-v-c5a3676c] {
  width: 44px;
  height: 44px;
}
.rank-strip article strong[data-v-c5a3676c] {
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.metrics[data-v-c5a3676c] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.metrics article[data-v-c5a3676c] {
  flex: 0 0 116px;
  min-height: 76px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--bg-secondary) 54%, transparent);
  box-shadow: none;
}
.metrics article[data-v-c5a3676c]:first-child {
  flex-basis: 132px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 28%, var(--bg-secondary)), color-mix(in srgb, var(--bg-secondary) 74%, transparent));
}
.filter-card[data-v-c5a3676c] {
  position: sticky;
  top: 54px;
  z-index: 12;
  grid-template-columns: minmax(0, 1fr) 88px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--bg-primary) 72%, transparent);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
  backdrop-filter: blur(16px);
}
.section-head[data-v-c5a3676c] {
  margin-top: 2px;
  padding: 2px 2px 0;
}
.match-card[data-v-c5a3676c] {
  padding: 11px;
  border-radius: 12px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--bg-secondary) 70%, transparent), color-mix(in srgb, var(--bg-primary) 48%, transparent));
  box-shadow: none;
}
.match-card.win[data-v-c5a3676c],
.match-card.lose[data-v-c5a3676c] {
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.06);
}
.match-card[data-v-c5a3676c]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: rgba(239, 68, 68, 0.76);
}
.match-card.win[data-v-c5a3676c]::before {
  background: color-mix(in srgb, var(--accent-primary) 84%, #fff);
}
.match-main[data-v-c5a3676c] {
  grid-template-columns: 60px minmax(0, 1fr);
}
.match-main img[data-v-c5a3676c] {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.match-title[data-v-c5a3676c] {
  align-items: start;
}
.match-title strong[data-v-c5a3676c] {
  font-size: 17px;
}
.result-pill[data-v-c5a3676c] {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
  color: var(--text-secondary) !important;
  font-size: 12px !important;
}
.match-card.win .result-pill[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent);
}
.match-meta[data-v-c5a3676c] {
  gap: 8px;
}
.match-stats[data-v-c5a3676c] {
  grid-template-columns: 1.1fr 1fr 1fr;
  gap: 6px;
}
.match-stats div[data-v-c5a3676c] {
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-primary) 36%, transparent);
}
.item-row[data-v-c5a3676c] {
  margin-top: 9px;
}
.item-slot[data-v-c5a3676c] {
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: color-mix(in srgb, var(--bg-primary) 40%, transparent);
}
.badge-row span[data-v-c5a3676c] {
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-primary) 36%, transparent);
  font-size: 11px;
}
.match-actions[data-v-c5a3676c] {
  grid-template-columns: 0.9fr 1fr 1fr;
  gap: 6px;
  margin-top: 10px;
}
.match-actions button[data-v-c5a3676c] {
  height: 34px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-primary) 40%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
}
.detail-sheet[data-v-c5a3676c],
.ai-modal[data-v-c5a3676c] {
  border-radius: 14px 14px 10px 10px;
  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
}
.detail-summary-grid article[data-v-c5a3676c],
.detail-team-card[data-v-c5a3676c],
.participant-row[data-v-c5a3676c] {
  border-radius: 10px;
  background: color-mix(in srgb, var(--bg-primary) 40%, transparent);
}
.bottom-nav[data-v-c5a3676c] {
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-radius: 12px;
  background: color-mix(in srgb, var(--bg-secondary) 86%, transparent);
}
.asset-strip[data-v-c5a3676c] {
  display: flex;
  gap: 7px;
  margin-top: 9px;
  overflow-x: auto;
  padding-bottom: 2px;
}
.asset-strip article[data-v-c5a3676c] {
  flex: 0 0 72px;
  min-height: 56px;
  padding: 9px 10px;
  border-radius: 10px;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
  box-shadow: none;
  backdrop-filter: blur(12px);
}
.asset-strip span[data-v-c5a3676c],
.asset-strip strong[data-v-c5a3676c] {
  display: block;
}
.asset-strip span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.asset-strip strong[data-v-c5a3676c] {
  margin-top: 7px;
  color: var(--text-primary);
  font-size: 16px;
}
.match-card[data-v-c5a3676c] {
  min-height: 0;
  padding: 9px 10px 8px;
}
.match-main[data-v-c5a3676c] {
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 9px;
}
.match-main img[data-v-c5a3676c] {
  width: 48px;
  height: 48px;
  border-radius: 9px;
}
.match-title strong[data-v-c5a3676c] {
  font-size: 16px;
}
.match-meta[data-v-c5a3676c] {
  margin-top: 3px;
}
.match-stats[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 10px;
  margin-top: 8px;
  padding: 0 2px;
}
.match-stats > span[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-stats > span strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 13px;
}
.match-foot[data-v-c5a3676c] {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
  margin-top: 8px;
}
.match-foot .item-row[data-v-c5a3676c] {
  flex: 1;
  min-width: 0;
  margin-top: 0;
  overflow: hidden;
  flex-wrap: nowrap;
}
.match-foot .badge-row[data-v-c5a3676c] {
  flex: 0 0 auto;
  max-width: 40%;
  margin-top: 0;
  overflow: hidden;
  flex-wrap: nowrap;
}
.item-slot[data-v-c5a3676c] {
  width: 27px;
  height: 27px;
  border-radius: 7px;
}
.badge-row span[data-v-c5a3676c] {
  border-radius: 999px;
  font-size: 11px;
}
.participant-row[data-v-c5a3676c] {
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
}
.participant-row em[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 11px;
  font-style: normal;
}
.h5-summoner[data-v-c5a3676c] {
  overflow-x: hidden;
}
.hero-card[data-v-c5a3676c] {
  min-height: 164px;
  padding: 14px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(6, 10, 18, 0.92), rgba(10, 18, 32, 0.66) 48%, rgba(7, 11, 19, 0.86)), var(--hero-bg, radial-gradient(circle at 18% 20%, rgba(58, 118, 255, 0.24), transparent 38%));
  background-size: cover;
  background-position: center;
}
.hero-topline span[data-v-c5a3676c],
.profile-label[data-v-c5a3676c] {
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.075);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
}
.profile-row[data-v-c5a3676c] {
  grid-template-columns: 68px minmax(0, 1fr);
  margin-top: 24px;
}
.avatar-wrap img[data-v-c5a3676c] {
  width: 68px;
  height: 68px;
  border-radius: 11px;
}
.identity h1[data-v-c5a3676c] {
  margin-top: 7px;
  font-size: clamp(22px, 7vw, 28px);
}
.identity p[data-v-c5a3676c] {
  white-space: normal;
  line-height: 1.45;
}
.hero-actions[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 0.9fr 1.2fr 0.9fr;
  gap: 6px;
  margin-top: 14px;
}
.hero-actions button[data-v-c5a3676c] {
  height: 34px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.075);
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
}
.hero-actions button.active[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--accent-primary) 20%, rgba(255, 255, 255, 0.075));
}
.asset-strip[data-v-c5a3676c],
.metrics[data-v-c5a3676c] {
  display: grid;
  overflow: visible;
  padding-bottom: 0;
}
.asset-strip[data-v-c5a3676c] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}
.asset-strip article[data-v-c5a3676c] {
  flex: initial;
  min-height: 52px;
  padding: 8px 9px;
  border-radius: 10px;
}
.asset-strip strong[data-v-c5a3676c] {
  margin-top: 5px;
  font-size: 15px;
}
.metrics[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.metrics article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c]:first-child {
  flex: initial;
  min-height: 68px;
  padding: 10px;
  border-radius: 10px;
}
.metrics article[data-v-c5a3676c]:first-child {
  background: linear-gradient(135deg, color-mix(in srgb, var(--accent-primary) 26%, var(--bg-secondary)), color-mix(in srgb, var(--bg-secondary) 76%, transparent));
}
.metrics strong[data-v-c5a3676c] {
  margin: 5px 0 2px;
  font-size: 19px;
}
.match-card[data-v-c5a3676c] {
  padding: 10px;
  border-radius: 12px;
}
.match-main[data-v-c5a3676c] {
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: start;
}
.match-main > img[data-v-c5a3676c] {
  width: 54px;
  height: 54px;
  border-radius: 10px;
}
.match-title[data-v-c5a3676c] {
  align-items: center;
}
.match-meta[data-v-c5a3676c] {
  gap: 6px 9px;
  line-height: 1.35;
}
.ability-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
  margin-top: 7px;
  min-height: 22px;
}
.ability-row img[data-v-c5a3676c] {
  width: 21px;
  height: 21px;
  border-radius: 5px;
  object-fit: cover;
  background: color-mix(in srgb, var(--bg-primary) 52%, transparent);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.ability-row img.rune[data-v-c5a3676c] {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.ability-row img.augment[data-v-c5a3676c] {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: transparent;
}
.match-stats[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px 8px;
  margin-top: 9px;
  padding: 0;
}
.match-stats > span[data-v-c5a3676c] {
  overflow: visible;
  font-size: 11px;
  line-height: 1.45;
  text-overflow: initial;
  white-space: normal;
}
.match-foot[data-v-c5a3676c] {
  display: block;
  margin-top: 9px;
}
.match-foot .item-row[data-v-c5a3676c],
.detail-items[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  overflow: visible;
}
.match-foot .item-row[data-v-c5a3676c] {
  margin-top: 0;
}
.match-foot .badge-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
  margin-top: 7px;
  overflow: visible;
}
.item-slot[data-v-c5a3676c] {
  width: 26px;
  height: 26px;
  border-radius: 6px;
}
.hero-card[data-v-c5a3676c] {
  min-height: 136px;
  padding: 11px;
  border-radius: 6px;
}
.hero-glass[data-v-c5a3676c] {
  height: 45%;
}
.hero-topline span[data-v-c5a3676c] {
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 10px;
}
.profile-row[data-v-c5a3676c] {
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}
.avatar-wrap img[data-v-c5a3676c] {
  width: 56px;
  height: 56px;
  border-radius: 6px;
}
.avatar-wrap span[data-v-c5a3676c] {
  left: 4px;
  right: 4px;
  bottom: -6px;
  height: 16px;
  border-radius: 4px;
  font-size: 10px;
  line-height: 16px;
}
.identity h1[data-v-c5a3676c] {
  margin-top: 0;
  font-size: clamp(20px, 6.2vw, 24px);
}
.identity p[data-v-c5a3676c] {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
}
.hero-actions[data-v-c5a3676c] {
  grid-template-columns: 0.82fr 1.18fr;
  gap: 6px;
  margin-top: 11px;
}
.hero-actions button[data-v-c5a3676c] {
  height: 30px;
  border-radius: 4px;
  font-size: 11px;
}
.rank-strip[data-v-c5a3676c] {
  gap: 6px;
}
.rank-strip article[data-v-c5a3676c] {
  grid-template-columns: 36px minmax(0, 1fr);
  min-height: 58px;
  padding: 7px;
  border-radius: 6px;
}
.rank-strip article img[data-v-c5a3676c] {
  width: 36px;
  height: 36px;
}
.rank-strip article strong[data-v-c5a3676c] {
  margin: 1px 0;
  font-size: 13px;
}
.rank-strip article span[data-v-c5a3676c],
.rank-strip article small[data-v-c5a3676c] {
  font-size: 10px;
}
.asset-strip[data-v-c5a3676c] {
  gap: 5px;
  margin-top: 7px;
}
.asset-strip article[data-v-c5a3676c] {
  min-height: 40px;
  padding: 6px 7px;
  border-radius: 5px;
}
.asset-strip span[data-v-c5a3676c] {
  font-size: 10px;
}
.asset-strip strong[data-v-c5a3676c] {
  margin-top: 3px;
  font-size: 13px;
}
.metrics[data-v-c5a3676c] {
  gap: 6px;
  margin-top: 7px;
}
.metrics article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c]:first-child {
  min-height: 56px;
  padding: 7px;
  border-radius: 5px;
}
.metrics span[data-v-c5a3676c],
.metrics small[data-v-c5a3676c] {
  font-size: 10px;
}
.metrics strong[data-v-c5a3676c] {
  margin: 3px 0 1px;
  font-size: 17px;
}
.filter-card[data-v-c5a3676c],
.match-card[data-v-c5a3676c],
.detail-summary-grid article[data-v-c5a3676c],
.detail-team-card[data-v-c5a3676c],
.participant-row[data-v-c5a3676c],
.bottom-nav[data-v-c5a3676c],
.detail-sheet[data-v-c5a3676c],
.ai-modal[data-v-c5a3676c] {
  border-radius: 6px;
}
.match-main > img[data-v-c5a3676c],
.match-main img[data-v-c5a3676c],
.item-slot[data-v-c5a3676c],
.ability-row img[data-v-c5a3676c],
.ability-row img.augment[data-v-c5a3676c] {
  border-radius: 5px;
}
.result-pill[data-v-c5a3676c],
.badge-row span[data-v-c5a3676c] {
  border-radius: 4px;
}
.hero-card[data-v-c5a3676c] {
  min-height: 154px;
  display: grid;
  gap: 8px;
  padding: 10px;
}
.profile-row[data-v-c5a3676c] {
  margin-top: 0;
}
.identity h1[data-v-c5a3676c] {
  line-height: 1.12;
}
.identity p[data-v-c5a3676c] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-status-list[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px 6px;
  margin-left: 66px;
  color: rgba(255, 255, 255, 0.74);
  font-size: 10px;
  line-height: 1.35;
}
.hero-status-list span[data-v-c5a3676c] {
  overflow: hidden;
  min-width: 0;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-status-list .last-online[data-v-c5a3676c] {
  grid-column: 1/-1;
  color: rgba(255, 255, 255, 0.62);
}
.hero-actions[data-v-c5a3676c] {
  display: flex;
  gap: 5px;
  margin-top: 0;
  margin-left: 66px;
}
.hero-actions button[data-v-c5a3676c] {
  flex: 1 1 0;
  height: 26px;
  min-width: 0;
  padding: 0 6px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.065);
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  font-weight: 700;
}
.asset-strip[data-v-c5a3676c] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 3px;
}
.asset-strip article[data-v-c5a3676c] {
  min-height: 34px;
  padding: 4px 2px;
  border-radius: 3px;
  text-align: center;
}
.asset-strip span[data-v-c5a3676c] {
  font-size: 9px;
  line-height: 1.1;
}
.asset-strip strong[data-v-c5a3676c] {
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.1;
}
.elo-overlay[data-v-c5a3676c] {
  position: fixed;
  inset: 0;
  z-index: 91;
  display: flex;
  align-items: flex-end;
  padding: 12px;
  background: rgba(0, 0, 0, 0.48);
}
.elo-modal[data-v-c5a3676c] {
  width: 100%;
  max-height: 78vh;
  padding: 12px;
  border-radius: 6px;
  overflow: auto;
  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1), 0 18px 56px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(18px) saturate(112%);
}
.elo-head[data-v-c5a3676c] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
.elo-head span[data-v-c5a3676c],
.elo-note[data-v-c5a3676c],
.elo-reference span[data-v-c5a3676c],
.elo-result-grid span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.elo-head strong[data-v-c5a3676c] {
  display: block;
  margin-top: 3px;
  color: var(--text-primary);
  font-size: 17px;
  line-height: 1.2;
}
.elo-head small[data-v-c5a3676c] {
  margin-left: 3px;
  color: var(--text-tertiary);
  font-size: 12px;
}
.elo-head button[data-v-c5a3676c] {
  width: 54px;
  height: 30px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
  font-weight: 700;
}
.elo-note[data-v-c5a3676c] {
  margin: 10px 0;
  line-height: 1.55;
}
.elo-query[data-v-c5a3676c] {
  width: 100%;
  height: 34px;
  border-radius: 4px;
  background: var(--text-primary);
  color: var(--bg-primary);
  font-size: 12px;
  font-weight: 800;
}
.elo-result-grid[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}
.elo-result-grid article[data-v-c5a3676c] {
  min-width: 0;
  padding: 9px 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 62%, transparent);
  text-align: center;
}
.elo-result-grid strong[data-v-c5a3676c] {
  display: block;
  margin-top: 4px;
  color: var(--text-primary);
  font-size: 17px;
}
.elo-reference[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-top: 10px;
}
.elo-reference span[data-v-c5a3676c] {
  padding: 5px 6px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--bg-tertiary) 48%, transparent);
}
.hero-card[data-v-c5a3676c] {
  min-height: 138px;
  gap: 7px;
}
.hero-status-list[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px 8px;
}
.hero-status-list .last-online[data-v-c5a3676c] {
  grid-column: 1/-1;
}
.metrics[data-v-c5a3676c] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
}
.metrics article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c]:first-child {
  min-height: 46px;
  padding: 5px 3px;
  text-align: center;
}
.metrics span[data-v-c5a3676c],
.metrics small[data-v-c5a3676c] {
  font-size: 9px;
  line-height: 1.15;
}
.metrics strong[data-v-c5a3676c] {
  margin: 2px 0 1px;
  font-size: clamp(13px, 3.7vw, 16px);
  line-height: 1.12;
}
.match-card[data-v-c5a3676c] {
  padding: 9px;
}
.match-main[data-v-c5a3676c] {
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 8px;
}
.match-main > img[data-v-c5a3676c] {
  width: 50px;
  height: 50px;
}
.match-title strong[data-v-c5a3676c] {
  font-size: 15px;
}
.match-meta[data-v-c5a3676c] {
  gap: 5px 8px;
  margin-top: 2px;
}
.match-meta span[data-v-c5a3676c] {
  font-size: 11px;
}
.ability-row[data-v-c5a3676c] {
  margin-top: 5px;
}
.match-stats[data-v-c5a3676c] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin-top: 8px;
}
.match-stats > span[data-v-c5a3676c] {
  display: grid;
  gap: 1px;
  min-width: 0;
  padding: 5px 3px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-primary) 34%, transparent);
  text-align: center;
}
.match-stats > span em[data-v-c5a3676c],
.match-stats > span small[data-v-c5a3676c] {
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 9px;
  font-style: normal;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-stats > span strong[data-v-c5a3676c] {
  overflow: hidden;
  color: var(--text-primary);
  font-size: clamp(11px, 3.2vw, 13px);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-foot[data-v-c5a3676c] {
  margin-top: 7px;
}
.item-slot[data-v-c5a3676c] {
  width: 24px;
  height: 24px;
}
.badge-row span[data-v-c5a3676c] {
  padding: 3px 5px;
  font-size: 10px;
}
.hero-card[data-v-c5a3676c] {
  min-height: 0;
  padding: 9px;
  gap: 6px;
}
.profile-row[data-v-c5a3676c] {
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
}
.avatar-wrap img[data-v-c5a3676c] {
  width: 52px;
  height: 52px;
}
.avatar-wrap span[data-v-c5a3676c] {
  bottom: -5px;
  height: 15px;
  font-size: 9px;
  line-height: 15px;
}
.identity h1[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 4px;
  align-items: baseline;
  font-size: clamp(19px, 5.8vw, 23px);
}
.identity h1 small[data-v-c5a3676c] {
  font-size: 12px;
}
.hero-status-list[data-v-c5a3676c] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-left: 0;
  padding: 6px 7px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.055);
}
.hero-status-list .last-online[data-v-c5a3676c] {
  grid-column: 1/-1;
}
.hero-actions[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-left: 0;
}
.hero-actions button[data-v-c5a3676c] {
  height: 24px;
}
.rank-strip article[data-v-c5a3676c] {
  grid-template-columns: 34px minmax(0, 1fr);
  min-height: 64px;
  align-items: center;
  padding: 7px 6px;
}
.rank-strip article img[data-v-c5a3676c] {
  justify-self: center;
  width: 34px;
  height: 34px;
}
.rank-copy[data-v-c5a3676c] {
  display: grid;
  justify-items: center;
  min-width: 0;
  text-align: center;
}
.rank-copy span[data-v-c5a3676c],
.rank-copy small[data-v-c5a3676c],
.rank-copy strong[data-v-c5a3676c] {
  max-width: 100%;
}
.rank-copy strong[data-v-c5a3676c] {
  margin: 1px 0;
}
.rank-peak[data-v-c5a3676c] {
  margin-top: 1px;
  opacity: 0.86;
}
.match-toolbar[data-v-c5a3676c] {
  position: sticky;
  top: 54px;
  z-index: 12;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 70px;
  gap: 6px;
  align-items: center;
  margin-top: 8px;
  padding: 6px;
}
.match-toolbar .section-head[data-v-c5a3676c] {
  display: grid;
  gap: 1px;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.match-toolbar .section-head strong[data-v-c5a3676c] {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-toolbar .section-head span[data-v-c5a3676c] {
  font-size: 10px;
  line-height: 1.1;
}
.match-toolbar[data-v-c5a3676c] .el-select__wrapper {
  min-height: 30px;
  padding: 0 8px;
  border-radius: 4px;
}
.match-list[data-v-c5a3676c] {
  gap: 7px;
  margin-top: 8px;
}
.match-card[data-v-c5a3676c] {
  padding: 7px 8px;
  border-radius: 5px;
}
.match-card[data-v-c5a3676c]::before {
  width: 2px;
}
.match-main[data-v-c5a3676c] {
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 7px;
}
.match-main > img[data-v-c5a3676c] {
  width: 46px;
  height: 46px;
  border-radius: 5px;
}
.match-title strong[data-v-c5a3676c] {
  font-size: 14px;
  line-height: 1.15;
}
.result-pill[data-v-c5a3676c] {
  padding: 3px 5px;
  font-size: 10px !important;
}
.match-meta[data-v-c5a3676c] {
  margin-top: 1px;
  gap: 4px 7px;
}
.match-meta span[data-v-c5a3676c] {
  font-size: 10px;
}
.ability-row[data-v-c5a3676c] {
  gap: 3px;
  margin-top: 4px;
  min-height: 19px;
}
.ability-row img[data-v-c5a3676c] {
  width: 18px;
  height: 18px;
}
.ability-row img.rune[data-v-c5a3676c] {
  width: 17px;
  height: 17px;
}
.ability-row img.augment[data-v-c5a3676c] {
  width: 19px;
  height: 19px;
}
.match-stats[data-v-c5a3676c] {
  gap: 3px;
  margin-top: 6px;
}
.match-stats > span[data-v-c5a3676c] {
  padding: 4px 2px;
  border-radius: 3px;
}
.match-stats > span em[data-v-c5a3676c],
.match-stats > span small[data-v-c5a3676c] {
  font-size: 8px;
}
.match-stats > span strong[data-v-c5a3676c] {
  font-size: clamp(10px, 3vw, 12px);
}
.match-foot[data-v-c5a3676c] {
  margin-top: 5px;
}
.match-foot .item-row[data-v-c5a3676c],
.match-foot .badge-row[data-v-c5a3676c] {
  gap: 3px;
}
.item-slot[data-v-c5a3676c] {
  width: 22px;
  height: 22px;
  border-radius: 4px;
}
.badge-row span[data-v-c5a3676c] {
  padding: 2px 5px;
  font-size: 9px;
}
.hero-card[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 10px;
  border-radius: 5px;
}
.profile-row[data-v-c5a3676c] {
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 10px;
}
.avatar-wrap img[data-v-c5a3676c] {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}
.identity h1[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, max-content) auto 24px 24px;
  justify-content: start;
  gap: 4px;
  align-items: center;
  min-width: 0;
  margin: 0;
}
.identity .name-text[data-v-c5a3676c] {
  overflow: hidden;
  min-width: 0;
  max-width: 42vw;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.identity h1 small[data-v-c5a3676c] {
  overflow: hidden;
  max-width: 72px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.name-icon-btn[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.075);
  color: rgba(255, 255, 255, 0.72);
}
.name-icon-btn.active[data-v-c5a3676c] {
  color: color-mix(in srgb, var(--accent-primary) 76%, #fff);
  background: color-mix(in srgb, var(--accent-primary) 18%, rgba(255, 255, 255, 0.075));
}
.name-icon-btn svg[data-v-c5a3676c] {
  width: 16px;
  height: 16px;
}
.hero-status-list[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, auto));
  justify-content: start;
  gap: 5px 9px;
  margin: 0;
  padding: 6px 7px;
  border-radius: 4px;
}
.hero-status-list span[data-v-c5a3676c] {
  max-width: 100%;
}
.hero-status-list .last-online[data-v-c5a3676c] {
  grid-column: 1/-1;
}
.rank-strip article[data-v-c5a3676c] {
  grid-template-columns: 1fr;
  min-height: 60px;
  padding: 7px 6px;
}
.rank-copy[data-v-c5a3676c] {
  gap: 1px;
  justify-items: center;
}
.rank-tier-line[data-v-c5a3676c] {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  min-width: 0;
}
.rank-tier-line img[data-v-c5a3676c] {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain;
}
.rank-tier-line strong[data-v-c5a3676c] {
  max-width: 84px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-toolbar[data-v-c5a3676c] {
  grid-template-columns: 52px minmax(0, 1fr) 58px 50px;
  gap: 5px;
  padding: 5px;
  border-radius: 5px;
}
.match-toolbar .section-head strong[data-v-c5a3676c] {
  font-size: 11px;
}
.match-toolbar .section-head span[data-v-c5a3676c] {
  font-size: 9px;
}
.match-toolbar[data-v-c5a3676c] .el-select__wrapper {
  min-height: 28px;
  padding: 0 6px;
}
.match-toolbar[data-v-c5a3676c] .el-select__placeholder,
.match-toolbar[data-v-c5a3676c] .el-select__selected-item {
  font-size: 11px;
}
.toolbar-elo-btn[data-v-c5a3676c] {
  height: 28px;
  padding: 0 4px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 70%, transparent);
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 800;
}
.h5-float-actions[data-v-c5a3676c] {
  position: fixed;
  right: 12px;
  bottom: 76px;
  z-index: 35;
  display: grid;
  gap: 6px;
  padding: 5px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, transparent);
  box-shadow: none;
  backdrop-filter: blur(14px) saturate(116%);
  -webkit-backdrop-filter: blur(14px) saturate(116%);
}
.h5-float-actions button[data-v-c5a3676c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: transparent;
  color: var(--text-secondary);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: none;
}
.h5-float-actions button svg[data-v-c5a3676c] {
  width: 17px;
  height: 17px;
}
.h5-float-actions button[data-v-c5a3676c]:active {
  background: rgba(148, 163, 184, 0.1);
  color: var(--text-primary);
}
.h5-float-actions .ai-float-btn[data-v-c5a3676c] {
  background: rgba(148, 163, 184, 0.08);
  color: var(--text-primary);
}
.match-card[data-v-c5a3676c] {
  display: grid;
  gap: 5px;
}
.match-main[data-v-c5a3676c] {
  grid-template-columns: 44px minmax(0, 1fr);
}
.match-main > img[data-v-c5a3676c] {
  width: 44px;
  height: 44px;
}
.match-title[data-v-c5a3676c] {
  gap: 6px;
}
.match-meta[data-v-c5a3676c] {
  overflow: hidden;
  max-height: 16px;
}
.match-stats[data-v-c5a3676c] {
  margin-top: 0;
}
.match-foot[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  margin-top: 0;
}
.match-foot .item-row[data-v-c5a3676c],
.match-foot .badge-row[data-v-c5a3676c] {
  margin-top: 0;
}
.match-foot .item-row[data-v-c5a3676c] {
  min-width: 0;
  overflow: hidden;
  flex-wrap: nowrap;
}
.match-foot .badge-row[data-v-c5a3676c] {
  max-width: 94px;
  overflow: hidden;
  flex-wrap: nowrap;
}
.overview-card[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(105px, 34%) minmax(0, 1fr);
  gap: 8px;
  min-height: 166px;
  padding: 8px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(236, 254, 255, 0.12), rgba(15, 23, 42, 0.72)), color-mix(in srgb, var(--bg-secondary) 72%, transparent);
}
.overview-card .hero-glass[data-v-c5a3676c] {
  display: none;
}
.hero-banner[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  justify-items: center;
  min-width: 0;
  padding: 8px 7px 18px;
  overflow: hidden;
  color: #ecfeff;
  background: linear-gradient(180deg, rgba(10, 188, 194, 0.96), rgba(13, 180, 188, 0.84) 72%, rgba(9, 140, 164, 0.96));
  clip-path: polygon(0 0, 100% 0, 100% 86%, 50% 100%, 0 86%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}
.hero-banner[data-v-c5a3676c]::before,
.hero-banner[data-v-c5a3676c]::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 18px;
  width: 2px;
  background: rgba(255, 255, 255, 0.26);
}
.hero-banner[data-v-c5a3676c]::before {
  left: 5px;
}
.hero-banner[data-v-c5a3676c]::after {
  right: 5px;
}
.banner-region[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  max-width: 100%;
  padding: 3px 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
  color: rgba(255, 255, 255, 0.9);
  font-size: 10px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner-avatar[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  align-self: end;
  margin-top: 8px;
}
.banner-avatar img[data-v-c5a3676c] {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(236, 254, 255, 0.86);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}
.banner-online[data-v-c5a3676c] {
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  max-width: 82px;
  padding: 2px 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(3, 55, 54, 0.82);
  color: #d1fae5;
  font-size: 10px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner-online.muted[data-v-c5a3676c] {
  color: rgba(255, 255, 255, 0.82);
  background: rgba(15, 23, 42, 0.48);
}
.banner-name[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  max-width: 100%;
  margin-top: 14px;
  text-align: center;
}
.banner-name strong[data-v-c5a3676c],
.banner-name small[data-v-c5a3676c] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.banner-name strong[data-v-c5a3676c] {
  font-size: 17px;
  line-height: 1.15;
  font-weight: 800;
}
.banner-name small[data-v-c5a3676c] {
  color: rgba(255, 255, 255, 0.78);
  font-size: 13px;
}
.banner-actions[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 5px;
  margin-top: 6px;
}
.banner-actions .name-icon-btn[data-v-c5a3676c] {
  width: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.82);
  background: rgba(255, 255, 255, 0.16);
}
.overview-panel[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 9px;
  min-width: 0;
  padding: 6px 4px 4px;
}
.overview-title[data-v-c5a3676c] {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.overview-title strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 20px;
  line-height: 1.1;
  font-weight: 800;
}
.overview-title span[data-v-c5a3676c] {
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-marks[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
}
.overview-marks article[data-v-c5a3676c] {
  display: grid;
  justify-items: center;
  align-content: start;
  min-width: 0;
  gap: 4px;
  text-align: center;
}
.overview-marks article > img[data-v-c5a3676c] {
  width: 34px;
  height: 34px;
  object-fit: contain;
}
.overview-marks strong[data-v-c5a3676c] {
  overflow: hidden;
  max-width: 100%;
  color: var(--text-primary);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-marks span[data-v-c5a3676c] {
  overflow: hidden;
  max-width: 100%;
  color: var(--text-tertiary);
  font-size: 10px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hero-stack[data-v-c5a3676c] {
  display: flex;
  justify-content: center;
  min-height: 34px;
  padding-left: 8px;
}
.hero-stack img[data-v-c5a3676c] {
  width: 30px;
  height: 30px;
  margin-left: -8px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid color-mix(in srgb, var(--bg-primary) 76%, transparent);
}
.overview-stats[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  align-self: end;
}
.overview-stats article[data-v-c5a3676c] {
  min-width: 0;
  text-align: center;
}
.overview-stats strong[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  color: var(--text-primary);
  font-size: clamp(20px, 7vw, 30px);
  line-height: 1;
  font-weight: 500;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overview-stats span[data-v-c5a3676c] {
  display: block;
  margin-top: 4px;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-summary-card[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-height: 116px;
  padding: 15px 14px;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(90deg, color-mix(in srgb, var(--bg-secondary) 78%, rgba(255, 255, 255, 0.18)) 0%, color-mix(in srgb, var(--bg-secondary) 52%, transparent) 52%, rgba(255, 255, 255, 0.04) 100%), var(--hero-bg, radial-gradient(circle at 86% 40%, rgba(125, 211, 252, 0.16), transparent 42%));
  background-size: cover;
  background-position: center right;
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1);
}
.profile-summary-card[data-v-c5a3676c]::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.06), transparent 65%);
  pointer-events: none;
}
.profile-summary-card .hero-glass[data-v-c5a3676c] {
  display: none;
}
.summary-avatar[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  width: 70px;
  height: 70px;
}
.summary-avatar img[data-v-c5a3676c] {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid color-mix(in srgb, var(--accent-primary) 78%, #fff);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.26);
}
.summary-avatar span[data-v-c5a3676c] {
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: -7px;
  height: 18px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--accent-primary) 84%, #3b82f6);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
}
.summary-main[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  min-width: 0;
}
.summary-name-row[data-v-c5a3676c] {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.summary-name-row h1[data-v-c5a3676c] {
  display: flex;
  align-items: baseline;
  min-width: 0;
  margin: 0;
}
.summary-name-row .name-text[data-v-c5a3676c] {
  overflow: hidden;
  max-width: 43vw;
  color: var(--text-primary);
  font-size: clamp(22px, 7vw, 30px);
  font-weight: 900;
  line-height: 1.08;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.summary-name-row small[data-v-c5a3676c] {
  flex: 0 0 auto;
  margin-left: 6px;
  color: var(--text-secondary);
  font-size: 15px;
  font-weight: 700;
}
.summary-actions[data-v-c5a3676c] {
  display: flex;
  flex: 0 0 auto;
  gap: 5px;
}
.summary-actions .name-icon-btn[data-v-c5a3676c] {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 72%, transparent);
  color: var(--text-tertiary);
}
.summary-actions .name-icon-btn.active[data-v-c5a3676c] {
  color: color-mix(in srgb, var(--accent-primary) 84%, var(--text-primary));
  background: color-mix(in srgb, var(--accent-primary) 14%, var(--bg-tertiary));
}
.summary-tags[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.summary-tags span[data-v-c5a3676c] {
  max-width: 100%;
  padding: 4px 8px;
  overflow: hidden;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 60%, transparent);
  color: var(--text-secondary);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.summary-tags .public[data-v-c5a3676c] {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.13);
}
.summary-tags .private[data-v-c5a3676c] {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.13);
}
.summary-tags .muted[data-v-c5a3676c] {
  color: var(--text-tertiary);
}
.summary-tags .last-online[data-v-c5a3676c] {
  max-width: min(100%, 230px);
  font-size: 10px;
}
.profile-summary-card[data-v-c5a3676c] {
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 11px;
  min-height: 108px;
  padding: 14px 13px;
}
.summary-avatar[data-v-c5a3676c] {
  width: 68px;
  height: 68px;
}
.summary-avatar-ring[data-v-c5a3676c] {
  position: relative;
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--bg-secondary) 72%, transparent);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22);
}
.summary-avatar-ring[data-v-c5a3676c]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, color-mix(in srgb, var(--accent-primary) 86%, #38bdf8) 0deg var(--avatar-progress, 0deg), color-mix(in srgb, var(--text-tertiary) 20%, transparent) var(--avatar-progress, 0deg) 360deg);
}
.summary-avatar-ring[data-v-c5a3676c]::after {
  content: "";
  position: absolute;
  inset: 4px;
  z-index: 1;
  border-radius: 50%;
  background: color-mix(in srgb, var(--bg-secondary) 86%, transparent);
}
.summary-avatar-ring img[data-v-c5a3676c] {
  position: relative;
  z-index: 2;
  width: 58px;
  height: 58px;
  border: 2px solid color-mix(in srgb, var(--bg-primary) 70%, transparent);
  box-shadow: none;
}
.summary-avatar span[data-v-c5a3676c] {
  left: 9px;
  right: 9px;
  bottom: -6px;
  z-index: 3;
}
.summary-main[data-v-c5a3676c] {
  gap: 8px;
}
.summary-name-row[data-v-c5a3676c] {
  justify-content: flex-start;
  gap: 4px;
}
.summary-name-row h1[data-v-c5a3676c] {
  flex: 0 1 auto;
}
.summary-name-row .name-text[data-v-c5a3676c] {
  max-width: 34vw;
  font-size: clamp(17px, 4.7vw, 21px);
  font-weight: 850;
}
.summary-name-row small[data-v-c5a3676c] {
  margin-left: 4px;
  font-size: 11px;
  font-weight: 750;
}
.summary-actions[data-v-c5a3676c] {
  gap: 2px;
}
.summary-actions .name-icon-btn[data-v-c5a3676c] {
  width: 24px;
  height: 24px;
}
.summary-tags[data-v-c5a3676c] {
  gap: 5px;
}
.summary-tags span[data-v-c5a3676c] {
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 750;
}
.match-toolbar[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1fr) 126px 58px;
  grid-template-areas: "title mode elo";
  align-items: center;
  gap: 7px;
  padding: 6px 7px;
  border-radius: 6px;
}
.match-toolbar .section-head[data-v-c5a3676c] {
  grid-area: title;
  display: grid;
  gap: 1px;
  min-width: 0;
}
.match-toolbar .section-head strong[data-v-c5a3676c] {
  overflow: hidden;
  font-size: 11px;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-toolbar .section-head span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 9px;
  line-height: 1.1;
}
.toolbar-mode-select[data-v-c5a3676c] {
  grid-area: mode;
  width: 126px;
}
.toolbar-size-select[data-v-c5a3676c] {
  display: none;
}
.toolbar-elo-btn[data-v-c5a3676c] {
  grid-area: elo;
  width: 58px;
  height: 32px;
  padding: 0;
  border-radius: 4px;
}
.match-toolbar[data-v-c5a3676c] .el-select__wrapper {
  min-height: 32px;
  padding: 0 8px;
  border-radius: 4px;
}
.match-toolbar[data-v-c5a3676c] .el-select__placeholder,
.match-toolbar[data-v-c5a3676c] .el-select__selected-item {
  font-size: 12px;
}
.rank-strip[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}
.rank-strip article[data-v-c5a3676c] {
  display: block;
  min-height: 74px;
  padding: 9px 10px;
  border-radius: 6px;
  background: linear-gradient(135deg, color-mix(in srgb, var(--bg-secondary) 72%, transparent), color-mix(in srgb, var(--bg-tertiary) 46%, transparent));
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.07);
}
.rank-copy[data-v-c5a3676c] {
  display: grid;
  gap: 4px;
  justify-items: stretch;
  min-width: 0;
  text-align: left;
}
.rank-copy > span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 10px;
  font-weight: 750;
  line-height: 1;
}
.rank-tier-line[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 5px;
  align-items: center;
  min-width: 0;
}
.rank-tier-line img[data-v-c5a3676c] {
  width: 30px !important;
  height: 30px !important;
  object-fit: contain;
}
.rank-tier-line strong[data-v-c5a3676c] {
  overflow: hidden;
  color: var(--text-primary);
  font-size: 13px;
  font-weight: 850;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rank-copy small[data-v-c5a3676c] {
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rank-copy .rank-peak[data-v-c5a3676c] {
  color: var(--text-tertiary);
  opacity: 0.9;
}
.match-toolbar[data-v-c5a3676c] {
  grid-template-columns: 56px 104px;
  grid-template-areas: none;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
  padding: 5px 7px;
  border-radius: 6px;
}
.match-toolbar .section-head[data-v-c5a3676c] {
  display: none;
}
.match-toolbar .section-head strong[data-v-c5a3676c] {
  font-size: 11px;
}
.toolbar-mode-select[data-v-c5a3676c] {
  grid-area: auto;
  width: 104px;
}
.toolbar-elo-btn[data-v-c5a3676c] {
  grid-area: auto;
  width: 56px;
  height: 28px;
  font-size: 11px;
  font-weight: 800;
  line-height: 28px;
}
.match-toolbar[data-v-c5a3676c] .el-select__wrapper {
  min-height: 28px;
  height: 28px;
  padding: 0 7px;
}
.match-toolbar[data-v-c5a3676c] .el-select__placeholder,
.match-toolbar[data-v-c5a3676c] .el-select__selected-item,
.match-toolbar[data-v-c5a3676c] .el-select__selected-item span {
  font-size: 11px;
  font-weight: 800;
}
.profile-summary-card[data-v-c5a3676c] {
  grid-template-columns: 80px minmax(0, 1fr);
  min-height: 116px;
}
.summary-avatar[data-v-c5a3676c] {
  width: 76px;
  height: 76px;
}
.summary-avatar-ring[data-v-c5a3676c] {
  width: 76px;
  height: 76px;
}
.summary-avatar-ring[data-v-c5a3676c]::after {
  inset: 4px;
}
.summary-avatar-ring img[data-v-c5a3676c] {
  width: 66px;
  height: 66px;
}
.summary-avatar span[data-v-c5a3676c] {
  left: 10px;
  right: 10px;
  bottom: -8px;
  height: 19px;
  border-radius: 3px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--accent-primary) 88%, #60a5fa), color-mix(in srgb, var(--accent-primary) 68%, #1d4ed8));
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.22);
  font-size: 10px;
  line-height: 19px;
  letter-spacing: 0;
}
.rank-strip[data-v-c5a3676c] {
  gap: 7px;
}
.rank-strip article[data-v-c5a3676c] {
  min-height: 78px;
  padding: 8px 9px;
}
.rank-copy[data-v-c5a3676c] {
  gap: 5px;
}
.rank-tier-line[data-v-c5a3676c] {
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 6px;
}
.rank-tier-line img[data-v-c5a3676c] {
  width: 34px !important;
  height: 34px !important;
}
.rank-tier-line strong[data-v-c5a3676c] {
  font-size: 13px;
}
.rank-strip article[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  text-align: center;
}
.rank-copy[data-v-c5a3676c] {
  justify-items: center;
  text-align: center;
}
.rank-tier-line[data-v-c5a3676c] {
  display: inline-grid;
  grid-template-columns: 34px minmax(0, auto);
  justify-content: center;
  max-width: 100%;
}
.rank-copy small[data-v-c5a3676c] {
  max-width: 100%;
}
.asset-strip[data-v-c5a3676c] {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  margin-top: 8px;
}
.asset-strip article[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  min-height: 40px;
  padding: 5px 2px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-secondary) 58%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.05);
  text-align: center;
}
.asset-strip span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}
.asset-strip strong[data-v-c5a3676c] {
  margin-top: 4px;
  color: var(--text-primary);
  font-size: 12px;
  line-height: 1;
  font-weight: 850;
}
.insight-stack[data-v-c5a3676c] {
  display: grid;
  gap: 7px;
  margin-top: 8px;
}
.insight-panel[data-v-c5a3676c] {
  min-width: 0;
  padding: 8px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 64%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.06);
  cursor: pointer;
}
.insight-head[data-v-c5a3676c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 7px;
}
.insight-head strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}
.insight-head span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 10px;
  font-weight: 750;
}
.insight-grid[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}
.insight-item[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  min-width: 0;
  padding: 5px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 44%, transparent);
}
.insight-item img[data-v-c5a3676c] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}
.insight-item div[data-v-c5a3676c] {
  min-width: 0;
}
.insight-item strong[data-v-c5a3676c],
.insight-item small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.insight-item strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.15;
}
.insight-item small[data-v-c5a3676c] {
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 9px;
  line-height: 1.1;
}
.insight-empty[data-v-c5a3676c] {
  grid-column: 1/-1;
  padding: 8px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-tertiary) 34%, transparent);
  color: var(--text-tertiary);
  font-size: 11px;
  text-align: center;
}
.topbar[data-v-c5a3676c] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(56px + env(safe-area-inset-top, 0px));
  margin: 0;
  padding: env(safe-area-inset-top, 0px) 14px 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  transition: background 180ms ease, box-shadow 180ms ease, backdrop-filter 180ms ease;
}
.topbar.solid[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-primary) 96%, transparent);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.14);
  backdrop-filter: blur(14px) saturate(116%);
}
.topbar .brand[data-v-c5a3676c],
.topbar .h5-theme-toggle[data-v-c5a3676c] {
  border: 0;
  background: transparent;
  color: var(--text-primary);
}
.topbar .brand[data-v-c5a3676c] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0;
  font-size: 18px;
  font-weight: 850;
  line-height: 1;
}
.topbar .brand img[data-v-c5a3676c] {
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.topbar .h5-theme-toggle[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
  color: var(--text-secondary);
}
.topbar .h5-theme-toggle svg[data-v-c5a3676c] {
  width: 18px;
  height: 18px;
}
.h5-summoner[data-v-c5a3676c] {
  padding: calc(82px + env(safe-area-inset-top, 0px)) 12px 90px;
}
.topbar .h5-theme-toggle[data-v-c5a3676c] {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}
.topbar .h5-theme-toggle[data-v-c5a3676c]:focus,
.topbar .h5-theme-toggle[data-v-c5a3676c]:focus-visible,
.topbar .h5-theme-toggle[data-v-c5a3676c]:hover {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
}
.loading-state[data-v-c5a3676c] {
  position: relative;
  min-height: calc(100vh - 190px);
  align-content: center;
  gap: 12px;
  padding: 34px 22px;
  overflow: hidden;
  background: linear-gradient(135deg, color-mix(in srgb, var(--bg-secondary) 84%, transparent), color-mix(in srgb, var(--bg-tertiary) 48%, transparent)), radial-gradient(circle at 50% 18%, color-mix(in srgb, var(--accent-primary) 16%, transparent), transparent 34%);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08), 0 18px 42px rgba(15, 23, 42, 0.12);
}
.loading-state > p[data-v-c5a3676c]:not(.loading-copy) {
  display: none;
}
.loading-mark[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-primary) 52%, transparent);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1);
}
.loading-state strong[data-v-c5a3676c] {
  font-size: 18px;
  font-weight: 850;
  letter-spacing: 0;
}
.loading-state .loading-copy[data-v-c5a3676c] {
  max-width: 240px;
  margin: 0;
  color: var(--text-secondary);
  font-size: 13px;
  line-height: 1.65;
}
.loading-lines[data-v-c5a3676c] {
  display: grid;
  gap: 8px;
  width: min(240px, 78vw);
  margin-top: 6px;
}
.loading-lines span[data-v-c5a3676c] {
  height: 9px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--text-secondary) 18%, transparent), transparent);
  background-size: 220% 100%;
  animation: loadingShimmer-c5a3676c 1.2s ease-in-out infinite;
}
.loading-lines span[data-v-c5a3676c]:nth-child(2) {
  width: 76%;
  animation-delay: 120ms;
}
.loading-lines span[data-v-c5a3676c]:nth-child(3) {
  width: 54%;
  animation-delay: 240ms;
}
.h5-summoner[data-v-c5a3676c] {
  padding: calc(64px + env(safe-area-inset-top, 0px)) 12px 90px;
}
.profile-summary-card[data-v-c5a3676c] {
  margin-top: 0;
}
.state-panel[data-v-c5a3676c],
.hero-card[data-v-c5a3676c],
.rank-strip article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c],
.filter-card[data-v-c5a3676c],
.match-card[data-v-c5a3676c],
.insight-panel[data-v-c5a3676c],
.asset-strip article[data-v-c5a3676c] {
  box-shadow: none;
}
.rank-strip article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c],
.filter-card[data-v-c5a3676c],
.match-card[data-v-c5a3676c],
.insight-panel[data-v-c5a3676c],
.asset-strip article[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-secondary) 66%, transparent);
}
.insight-stack[data-v-c5a3676c] {
  gap: 8px;
  margin-top: 8px;
}
.insight-panel[data-v-c5a3676c] {
  padding: 9px;
  border-radius: 5px;
}
.insight-head[data-v-c5a3676c] {
  margin-bottom: 8px;
}
.insight-grid[data-v-c5a3676c] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}
.insight-item[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 5px;
  min-height: 72px;
  padding: 7px 3px 6px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-tertiary) 34%, transparent);
}
.insight-item img[data-v-c5a3676c] {
  width: 30px;
  height: 30px;
}
.insight-item div[data-v-c5a3676c] {
  width: 100%;
  text-align: center;
}
.insight-item strong[data-v-c5a3676c] {
  font-size: 10px;
  line-height: 1.15;
}
.insight-item small[data-v-c5a3676c] {
  margin-top: 3px;
  font-size: 9px;
}
.champion-insight .insight-item small[data-v-c5a3676c]:not(.champion-meta) {
  display: none;
}
.asset-strip article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c] {
  border-radius: 5px;
}
.topbar.solid[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-primary) 62%, transparent);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.1);
  backdrop-filter: blur(18px) saturate(132%);
  -webkit-backdrop-filter: blur(18px) saturate(132%);
}
.state-panel[data-v-c5a3676c],
.hero-card[data-v-c5a3676c],
.rank-strip article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c],
.filter-card[data-v-c5a3676c],
.match-card[data-v-c5a3676c],
.insight-panel[data-v-c5a3676c],
.asset-strip article[data-v-c5a3676c],
.detail-summary-grid article[data-v-c5a3676c],
.team-card[data-v-c5a3676c],
.participant-row[data-v-c5a3676c],
.item-slot[data-v-c5a3676c],
.badge-row span[data-v-c5a3676c],
.summary-tags span[data-v-c5a3676c],
.name-icon-btn[data-v-c5a3676c] {
  border: 0;
  box-shadow: none;
}
.match-card.win[data-v-c5a3676c],
.match-card.lose[data-v-c5a3676c] {
  box-shadow: none;
}
.match-card.win[data-v-c5a3676c] {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) 10%, transparent), transparent 38%), color-mix(in srgb, var(--bg-secondary) 66%, transparent);
}
.match-card.lose[data-v-c5a3676c] {
  background: linear-gradient(90deg, rgba(239, 68, 68, 0.09), transparent 38%), color-mix(in srgb, var(--bg-secondary) 66%, transparent);
}
.insight-panel.expanded .insight-grid[data-v-c5a3676c] {
  max-height: none;
}
.insight-panel.expanded:nth-of-type(3) .insight-grid[data-v-c5a3676c] {
  max-height: 216px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}
.insight-panel.expanded:nth-of-type(3) .insight-grid[data-v-c5a3676c]::-webkit-scrollbar {
  width: 3px;
}
.insight-panel.expanded:nth-of-type(3) .insight-grid[data-v-c5a3676c]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--text-tertiary) 30%, transparent);
}
.insight-item[data-v-c5a3676c] {
  min-height: 58px;
  gap: 3px;
  padding: 5px 2px 4px;
}
.insight-item img[data-v-c5a3676c] {
  width: 26px;
  height: 26px;
}
.insight-item strong[data-v-c5a3676c] {
  font-size: 9px;
}
.insight-item small[data-v-c5a3676c] {
  margin-top: 2px;
  font-size: 8px;
}
.profile-summary-card[data-v-c5a3676c] {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.profile-summary-card[data-v-c5a3676c]::after {
  display: none;
}
.profile-summary-card .hero-glass[data-v-c5a3676c],
.profile-summary-card .summary-tags span[data-v-c5a3676c],
.profile-summary-card .name-icon-btn[data-v-c5a3676c] {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.rank-strip article[data-v-c5a3676c],
.asset-strip article[data-v-c5a3676c],
.insight-panel[data-v-c5a3676c],
.metrics article[data-v-c5a3676c] {
  border: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.rank-strip article[data-v-c5a3676c] *,
.asset-strip article[data-v-c5a3676c] *,
.insight-panel[data-v-c5a3676c] *,
.metrics article[data-v-c5a3676c] * {
  box-shadow: none !important;
}
.summary-avatar-ring[data-v-c5a3676c],
.summary-avatar-ring img[data-v-c5a3676c],
.summary-avatar-ring[data-v-c5a3676c]::after,
.summary-avatar span[data-v-c5a3676c] {
  box-shadow: none !important;
}
.insight-head[data-v-c5a3676c] {
  align-items: center;
}
.insight-head strong[data-v-c5a3676c] {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.insight-head strong[data-v-c5a3676c]::after {
  content: "";
  flex: 1;
  height: 1px;
  margin: 0 8px;
  background: color-mix(in srgb, var(--text-tertiary) 18%, transparent);
}
.insight-head span[data-v-c5a3676c] {
  flex: 0 0 auto;
}
.match-card[data-v-c5a3676c] {
  position: relative;
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 16px;
  grid-template-areas: "top top arrow" "main stats arrow" "foot foot foot";
  gap: 4px 8px;
  min-height: 112px;
  padding: 8px 10px 9px;
  border-radius: 7px;
}
.match-card[data-v-c5a3676c]::after {
  content: "›";
  grid-area: arrow;
  align-self: center;
  color: var(--text-tertiary);
  font-size: 28px;
  line-height: 1;
}
.match-topline[data-v-c5a3676c] {
  grid-area: top;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  color: var(--text-tertiary);
  font-size: 10px;
  line-height: 1.1;
}
.match-topline > span[data-v-c5a3676c]:last-child {
  flex: 0 0 auto;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
}
.match-result-text[data-v-c5a3676c] {
  display: inline-flex;
  max-width: 58%;
  min-width: 0;
  overflow: hidden;
  color: var(--text-secondary);
  font-weight: 850;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-result-text.win[data-v-c5a3676c] {
  color: var(--accent-primary);
}
.match-result-text.lose[data-v-c5a3676c] {
  color: #ef4444;
}
.match-main[data-v-c5a3676c] {
  grid-area: main;
  display: grid;
  grid-template-columns: 52px 36px;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.match-main > img[data-v-c5a3676c] {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  object-fit: cover;
}
.match-main > div[data-v-c5a3676c] {
  min-width: 0;
}
.match-title[data-v-c5a3676c],
.match-meta[data-v-c5a3676c] {
  display: none;
}
.ability-row[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, 17px);
  gap: 4px;
  margin: 0;
}
.ability-row img[data-v-c5a3676c] {
  width: 17px;
  height: 17px;
  border-radius: 4px;
}
.ability-row img[data-v-c5a3676c]:nth-child(n+5) {
  display: none;
}
.match-stats[data-v-c5a3676c] {
  grid-area: stats;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: 4px;
  min-width: 0;
  padding: 0;
}
.match-stats > span[data-v-c5a3676c]:not(.kda-stat):not(.share-stat):not(.share-grid) {
  display: none;
}
.kda-stat[data-v-c5a3676c] {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  gap: 2px;
  min-width: 0;
}
.kda-stat strong[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 15px;
  font-weight: 900;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kda-stat strong b[data-v-c5a3676c] {
  color: var(--accent-primary);
}
.kda-stat strong .death[data-v-c5a3676c] {
  color: #ef4444;
}
.kda-stat small[data-v-c5a3676c] {
  color: var(--text-secondary);
  font-size: 10px;
  font-weight: 750;
  line-height: 1.1;
}
.share-stat[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-stats[data-v-c5a3676c] {
  grid-template-columns: minmax(78px, auto) minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
}
.share-stat[data-v-c5a3676c] {
  display: none;
}
.share-grid[data-v-c5a3676c] {
  display: grid;
  grid-column: 2;
  grid-row: 1;
  gap: 3px;
  min-width: 0;
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1.25;
}
.share-grid > span[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 8px;
  min-width: 0;
}
.share-grid em[data-v-c5a3676c] {
  display: inline-flex;
  align-items: center;
  min-height: 15px;
  overflow: visible;
  font-style: normal;
  line-height: 15px;
  text-overflow: clip;
  white-space: nowrap;
}
.match-card[data-v-c5a3676c] {
  grid-template-columns: 138px minmax(0, 1fr) 12px !important;
  min-height: 124px !important;
  overflow: visible !important;
}
.match-card[data-v-c5a3676c]::after {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  grid-area: unset !important;
  align-self: auto !important;
  pointer-events: none;
  transform: translateY(-50%) !important;
}
.match-main[data-v-c5a3676c] {
  position: relative;
  grid-template-columns: 52px 78px !important;
  gap: 7px !important;
}
.match-level[data-v-c5a3676c] {
  position: absolute;
  left: 36px;
  top: 40px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  padding: 0;
  border-radius: 50%;
  background: rgba(5, 8, 15, 0.82);
  color: #fff;
  font-size: 8.5px;
  font-weight: 850;
  line-height: 18px;
  text-align: center;
}
.ability-row[data-v-c5a3676c] {
  grid-template-columns: repeat(4, 17px) !important;
  grid-template-rows: repeat(2, 17px) !important;
  grid-auto-flow: column !important;
  gap: 3px !important;
}
.ability-row img[data-v-c5a3676c],
.ability-row img[data-v-c5a3676c]:nth-child(n+5) {
  display: block !important;
  width: 17px !important;
  height: 17px !important;
}
.match-stats[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(68px, auto) minmax(136px, 1fr) !important;
  align-items: center !important;
  column-gap: 4px !important;
  min-height: 44px !important;
  overflow: visible !important;
}
.kda-stat[data-v-c5a3676c] {
  display: grid !important;
  grid-column: 1 !important;
  grid-row: 1 !important;
}
.share-grid[data-v-c5a3676c] {
  display: grid !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 136px !important;
  max-width: none !important;
  min-height: 40px !important;
  align-content: center !important;
  gap: 2px !important;
  line-height: 1.35 !important;
  overflow: visible !important;
}
.share-grid > span[data-v-c5a3676c] {
  grid-template-columns: max-content max-content !important;
  column-gap: 8px !important;
}
.share-stat[data-v-c5a3676c] {
  display: none !important;
}
.match-stats > span[data-v-c5a3676c]:not(.kda-stat):not(.share-grid) {
  display: none !important;
}
.match-foot .item-row[data-v-c5a3676c] {
  flex: 0 0 auto;
  max-width: none;
}
.match-foot .item-row .item-slot[data-v-c5a3676c]:nth-child(7) {
  display: inline-flex !important;
}
.match-foot .item-row .item-slot:nth-child(7) img[data-v-c5a3676c],
.match-foot .item-row .item-slot[data-v-c5a3676c]:nth-child(8),
.match-foot .item-row .item-slot:nth-child(8) img[data-v-c5a3676c] {
  display: block !important;
}
.match-foot .item-row .item-slot[data-v-c5a3676c]:nth-child(8) {
  display: inline-flex !important;
}
.share-grid em[data-v-c5a3676c] {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 16px !important;
  overflow: visible !important;
  line-height: 16px !important;
}
.match-foot[data-v-c5a3676c] {
  grid-area: foot;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
  margin-top: 0;
}
.match-foot .item-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  min-width: 0;
  flex: 0 0 auto;
  width: max-content;
}
.item-slot[data-v-c5a3676c],
.item-slot img[data-v-c5a3676c] {
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
.match-foot .badge-row[data-v-c5a3676c] {
  display: flex;
  flex-wrap: nowrap;
  flex: 1 1 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  min-width: 0;
  width: 100%;
  max-width: none;
  overflow: hidden;
}
.match-foot .badge-row span[data-v-c5a3676c] {
  flex: 0 0 auto;
  min-width: max-content;
  max-width: 100%;
  width: auto;
  height: 18px;
  padding: 0 5px;
  overflow: hidden;
  border-radius: 4px;
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent);
  color: var(--text-secondary);
  font-size: 9px;
  font-weight: 800;
  line-height: 18px;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}
.match-topline[data-v-c5a3676c] {
  position: static;
  padding-right: 0 !important;
}
.match-topline .match-result-text[data-v-c5a3676c] {
  max-width: calc(100% - 156px) !important;
}
.match-topline > span[data-v-c5a3676c]:last-child {
  position: absolute;
  top: 8px;
  right: 8px;
  max-width: 152px;
  overflow: hidden;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ability-row img.rune[data-v-c5a3676c],
.ability-row img.augment[data-v-c5a3676c] {
  background: #000 !important;
}
.state-panel[data-v-c5a3676c] {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.state-panel strong[data-v-c5a3676c] {
  font-size: 18px !important;
  font-weight: 850;
  letter-spacing: 0;
}
.state-panel p[data-v-c5a3676c] {
  max-width: 260px;
  margin: 8px auto 16px !important;
  color: var(--text-secondary) !important;
  font-size: 13px;
  line-height: 1.65;
}
.state-panel button[data-v-c5a3676c] {
  width: auto !important;
  min-width: 104px;
  height: 34px;
  padding: 0 14px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--accent-primary) 12%, transparent);
  color: var(--text-primary);
}
.loading-state[data-v-c5a3676c] {
  background: transparent !important;
  box-shadow: none !important;
}
.loading-mark[data-v-c5a3676c] {
  width: 54px;
  height: 54px;
  background: transparent !important;
  box-shadow: none !important;
}
.loading-lines[data-v-c5a3676c] {
  width: min(220px, 72vw);
}
.loading-lines span[data-v-c5a3676c] {
  height: 6px;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--accent-primary) 26%, transparent), transparent);
}
.result-state[data-v-c5a3676c] {
  min-height: calc(100vh - 190px) !important;
  align-content: center;
  gap: 12px;
}
.result-state .state-mark[data-v-c5a3676c] {
  color: color-mix(in srgb, var(--accent-primary) 82%, var(--text-primary));
}
.result-state .state-mark svg[data-v-c5a3676c] {
  width: 34px;
  height: 34px;
}
@keyframes loadingShimmer-c5a3676c {
0% {
    background-position: 120% 0;
    opacity: 0.42;
}
50% {
    opacity: 0.9;
}
100% {
    background-position: -120% 0;
    opacity: 0.42;
}
}
@keyframes spin-c5a3676c {
to {
    transform: rotate(360deg);
}
}
.topbar .h5-theme-toggle[data-v-c5a3676c] {
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.topbar .h5-theme-toggle .theme-icon[data-v-c5a3676c] {
  width: 18px;
  height: 18px;
  color: var(--text-primary);
  stroke: currentColor;
}
.detail-overlay[data-v-c5a3676c],
.elo-overlay[data-v-c5a3676c],
.ai-overlay[data-v-c5a3676c] {
  padding: 0 10px max(10px, env(safe-area-inset-bottom, 0px)) !important;
  background: rgba(0, 0, 0, 0.48) !important;
}
.detail-sheet[data-v-c5a3676c],
.elo-modal[data-v-c5a3676c],
.ai-modal[data-v-c5a3676c] {
  position: relative;
  width: 100%;
  border-radius: 16px 16px 0 0 !important;
  background: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 96%, transparent), color-mix(in srgb, var(--bg-secondary) 91%, transparent)) !important;
  box-shadow: 0 -18px 48px rgba(0, 0, 0, 0.32) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
  transform: translateY(0);
  transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}
.detail-sheet[data-v-c5a3676c],
.elo-modal[data-v-c5a3676c] {
  padding-top: 16px !important;
}
.ai-modal[data-v-c5a3676c] {
  padding: 16px 14px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
}
.sheet-handle[data-v-c5a3676c] {
  display: block;
  width: 72px;
  height: 4px;
  margin: 0 auto 12px !important;
  padding: 0;
  border: 0;
  border-radius: 999px;
  outline: 0;
  background: color-mix(in srgb, var(--text-primary) 70%, transparent) !important;
  box-shadow: none !important;
  touch-action: none;
  cursor: grab;
}
.pager[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: 82px minmax(0, 1fr) 82px;
  gap: 8px !important;
  align-items: center;
  margin: 12px 0 0;
  padding: 2px 0 12px !important;
}
.pager span[data-v-c5a3676c] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 34px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 750;
  letter-spacing: 0;
}
.pager button[data-v-c5a3676c] {
  width: auto !important;
  height: 34px !important;
  padding: 0 10px;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--bg-tertiary) 54%, transparent) !important;
  color: var(--text-primary) !important;
  font-size: 12px !important;
  font-weight: 800;
  box-shadow: none !important;
}
.pager button[data-v-c5a3676c]:disabled {
  opacity: 0.42;
  color: var(--text-tertiary) !important;
}
.pager button[data-v-c5a3676c]:not(:disabled):active {
  transform: translateY(1px);
  background: color-mix(in srgb, var(--accent-primary) 13%, var(--bg-tertiary)) !important;
}
.bottom-nav[data-v-c5a3676c] {
  left: 10px !important;
  right: 10px !important;
  bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
  z-index: 44 !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 5px !important;
  padding: 6px !important;
  border-radius: 22px !important;
  background: color-mix(in srgb, var(--bg-secondary) 78%, transparent) !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(118%) !important;
}
.bottom-nav button[data-v-c5a3676c] {
  display: grid !important;
  place-items: center;
  align-content: center;
  gap: 3px;
  min-width: 0;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: var(--text-tertiary) !important;
  font-size: 11px !important;
  font-weight: 760;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: none !important;
}
.bottom-nav button svg[data-v-c5a3676c] {
  width: 18px;
  height: 18px;
}
.bottom-nav button span[data-v-c5a3676c] {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bottom-nav button[data-v-c5a3676c]:active {
  transform: translateY(1px);
  background: rgba(148, 163, 184, 0.1) !important;
  color: var(--text-primary) !important;
}
.bottom-nav .back-nav-item[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--accent-primary) 11%, transparent) !important;
  color: var(--text-primary) !important;
}
.sheet-handle[data-v-c5a3676c]:active {
  cursor: grabbing;
}
.detail-head[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1fr) !important;
}
.elo-head[data-v-c5a3676c],
.ai-head[data-v-c5a3676c] {
  display: block !important;
}
.ai-head[data-v-c5a3676c] {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.ai-style-row[data-v-c5a3676c] {
  margin-top: 10px !important;
  padding: 4px !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-primary) 42%, transparent) !important;
}
.ai-style-row button[data-v-c5a3676c] {
  height: 32px !important;
  border-radius: 4px !important;
  font-size: 12px;
}
.ai-note[data-v-c5a3676c] {
  margin: 10px 0 8px !important;
  padding: 8px 10px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--accent-primary) 8%, transparent);
}
.ai-modal pre[data-v-c5a3676c] {
  min-height: 210px !important;
  max-height: min(46vh, 420px) !important;
  border-radius: 6px !important;
  background: color-mix(in srgb, var(--bg-primary) 52%, transparent) !important;
}
.ai-submit[data-v-c5a3676c] {
  height: 40px !important;
  border-radius: 5px !important;
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
}
html.light-theme {
  background: color-mix(in srgb, var(--text-primary) 42%, transparent) !important;
  box-shadow: none !important;
}
.h5-summoner[data-v-c5a3676c] {
  position: relative;
  isolation: isolate;
  background: var(--bg-primary) !important;
}
.h5-summoner.has-page-bg[data-v-c5a3676c]::before {
  content: "";
  position: fixed;
  inset: -18px;
  z-index: 0;
  pointer-events: none;
  background-image: var(--page-bg-image);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  filter: blur(12px);
  opacity: 0.3;
  transform: scale(1.03);
}
.h5-summoner > section[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
}
.h5-summoner.has-page-bg[data-v-c5a3676c] :is(.topbar,
.state-panel,
.hero-card,
.rank-strip article,
.asset-strip article,
.insight-panel,
.filter-card,
.match-card,
.bottom-nav,
.h5-float-actions,
.detail-sheet,
.elo-modal,
.ai-modal) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.insight-item.clickable[data-v-c5a3676c],
.player-link[data-v-c5a3676c] {
  cursor: pointer;
}
.player-link[data-v-c5a3676c] {
  color: var(--text-primary);
}
.summary-tags .online-pill[data-v-c5a3676c] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.summary-tags .online-pill[data-v-c5a3676c]::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
}
.summary-tags .online-pill.online[data-v-c5a3676c]::before {
  background: #22c55e;
}
.summary-tags .online-pill.online[data-v-c5a3676c] {
  color: #22c55e !important;
}
.summary-tags .online-pill.offline[data-v-c5a3676c]::before {
  background: color-mix(in srgb, var(--text-tertiary) 70%, transparent);
}
.metrics article[data-v-c5a3676c],
.metrics article[data-v-c5a3676c]:first-child {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.filter-card.match-toolbar[data-v-c5a3676c] {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 1;
  display: grid !important;
  grid-template-columns: 58px 108px !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100%;
  min-height: 30px !important;
  margin: 14px 0 14px !important;
  padding: 0 2px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transform: none !important;
}
.filter-card.match-toolbar[data-v-c5a3676c]::before,
.filter-card.match-toolbar[data-v-c5a3676c]::after {
  display: none !important;
}
.match-toolbar + .match-list[data-v-c5a3676c],
.match-list[data-v-c5a3676c] {
  position: relative;
  z-index: 1;
  margin-top: 0 !important;
}
.match-card[data-v-c5a3676c] {
  grid-template-areas: "top top top" "main stats arrow" "foot foot foot" !important;
}
.match-topline[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 13px !important;
  padding: 0 !important;
  line-height: 13px !important;
}
.match-topline .match-result-text[data-v-c5a3676c] {
  max-width: none !important;
  line-height: 13px !important;
}
.match-topline > span[data-v-c5a3676c]:last-child {
  position: static !important;
  max-width: none !important;
  line-height: 13px !important;
  text-align: right !important;
}
.match-stats[data-v-c5a3676c],
.match-stats > span[data-v-c5a3676c],
.match-stats > span[data-v-c5a3676c]:not(.kda-stat):not(.share-stat):not(.share-grid),
.kda-stat[data-v-c5a3676c],
.share-grid[data-v-c5a3676c],
.share-grid > span[data-v-c5a3676c] {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.share-grid[data-v-c5a3676c],
.share-grid em[data-v-c5a3676c] {
  font-size: 10px !important;
}
.match-detail-sheet[data-v-c5a3676c] {
  max-height: 88vh !important;
  padding: 14px 10px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  overflow: auto;
}
.match-detail-head[data-v-c5a3676c] {
  padding: 0 2px 10px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}
.match-detail-head span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.match-detail-head strong[data-v-c5a3676c] {
  margin: 3px 0 !important;
  font-size: 16px !important;
  line-height: 1.25;
}
.match-detail-head small[data-v-c5a3676c] {
  font-variant-numeric: tabular-nums;
}
.match-detail-summary[data-v-c5a3676c] {
  gap: 4px !important;
  margin-top: 10px !important;
}
.match-detail-summary article[data-v-c5a3676c] {
  padding: 8px 5px !important;
  border-radius: 4px !important;
  background: transparent !important;
}
.match-detail-teams-overview[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.detail-team-overview[data-v-c5a3676c] {
  min-width: 0;
  padding: 9px 8px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-primary) 38%, transparent);
}
.detail-team-title[data-v-c5a3676c],
.detail-team-score[data-v-c5a3676c] {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: center;
  min-width: 0;
}
.detail-team-title strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 13px;
}
.detail-team-title span[data-v-c5a3676c] {
  font-size: 12px;
  font-weight: 800;
}
.detail-team-title .win[data-v-c5a3676c],
.detail-team-overview.blue .detail-team-title span[data-v-c5a3676c] {
  color: color-mix(in srgb, var(--accent-primary) 86%, var(--text-primary));
}
.detail-team-title .lose[data-v-c5a3676c],
.detail-team-overview.red .detail-team-title span[data-v-c5a3676c] {
  color: #ef6f6f;
}
.detail-team-score[data-v-c5a3676c] {
  margin-top: 6px;
  color: var(--text-tertiary);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.detail-objectives[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 7px;
}
.detail-objectives span[data-v-c5a3676c],
.detail-bans em[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 10px;
  font-style: normal;
  line-height: 16px;
}
.detail-objectives span[data-v-c5a3676c] {
  padding: 0 4px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--bg-secondary) 54%, transparent);
}
.detail-bans[data-v-c5a3676c] {
  display: flex;
  gap: 4px;
  align-items: center;
  margin-top: 7px;
  min-width: 0;
}
.detail-bans img[data-v-c5a3676c] {
  width: 17px;
  height: 17px;
  border-radius: 3px;
  object-fit: cover;
  background: color-mix(in srgb, var(--bg-secondary) 60%, transparent);
}
.detail-bans img.empty[data-v-c5a3676c] {
  opacity: 0.35;
}
.match-detail-team[data-v-c5a3676c] {
  margin-top: 12px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.match-detail-team .detail-team-head[data-v-c5a3676c] {
  padding: 8px 2px 7px;
  border-top: 1px solid rgba(148, 163, 184, 0.14);
  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
}
.detail-table-labels[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 8px;
  padding: 5px 2px;
  color: var(--text-tertiary);
  font-size: 10px;
}
.detail-player-card[data-v-c5a3676c] {
  padding: 8px 0 9px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.detail-player-card.me[data-v-c5a3676c] {
  padding-left: 6px;
  border-left: 2px solid color-mix(in srgb, var(--accent-primary) 82%, var(--text-primary));
}
.detail-player-main[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 62px;
  gap: 8px;
  align-items: center;
}
.detail-champion-wrap[data-v-c5a3676c] {
  position: relative;
  width: 40px;
  height: 40px;
}
.detail-champion-wrap img[data-v-c5a3676c] {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  object-fit: cover;
}
.detail-champion-wrap span[data-v-c5a3676c] {
  position: absolute;
  right: -4px;
  bottom: -4px;
  display: grid;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-primary) 88%, #000);
  color: var(--text-primary);
  font-size: 10px;
  font-weight: 850;
  line-height: 18px;
}
.detail-player-identity[data-v-c5a3676c] {
  min-width: 0;
}
.detail-player-identity strong[data-v-c5a3676c],
.detail-player-identity small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-player-identity strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 850;
}
.detail-player-identity small[data-v-c5a3676c] {
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 10px;
}
.detail-ability-row[data-v-c5a3676c] {
  display: flex;
  gap: 3px;
  align-items: center;
  margin-top: 5px;
  overflow: hidden;
}
.detail-ability-row img[data-v-c5a3676c] {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 3px;
  object-fit: cover;
  background: #000;
}
.detail-ability-row img.augment[data-v-c5a3676c] {
  background: #000;
}
.detail-kda-block[data-v-c5a3676c] {
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.detail-kda-block strong[data-v-c5a3676c] {
  display: block;
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 900;
}
.detail-kda-block small[data-v-c5a3676c] {
  display: block;
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 10px;
}
.detail-item-row[data-v-c5a3676c] {
  display: flex;
  gap: 3px;
  align-items: center;
  margin-top: 8px;
  overflow: hidden;
}
.detail-item-row .item-slot[data-v-c5a3676c] {
  width: 23px !important;
  height: 23px !important;
  flex: 0 0 23px;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--bg-primary) 42%, transparent) !important;
}
.detail-item-row .item-slot img[data-v-c5a3676c] {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}
.detail-player-grid[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) 52px;
  gap: 8px;
  align-items: stretch;
  margin-top: 8px;
}
.detail-damage-box[data-v-c5a3676c],
.detail-data-box[data-v-c5a3676c],
.detail-vision-box[data-v-c5a3676c] {
  min-width: 0;
  padding: 6px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--bg-primary) 28%, transparent);
}
.detail-damage-box > div[data-v-c5a3676c]:not(.detail-damage-bar) {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  align-items: center;
}
.detail-damage-box span[data-v-c5a3676c],
.detail-data-box span[data-v-c5a3676c],
.detail-vision-box span[data-v-c5a3676c],
.detail-vision-box small[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.detail-damage-box strong[data-v-c5a3676c],
.detail-data-box strong[data-v-c5a3676c],
.detail-vision-box strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 10px;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
}
.detail-damage-bar[data-v-c5a3676c] {
  height: 4px;
  margin: 4px 0 6px;
  overflow: hidden;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bg-secondary) 70%, transparent);
}
.detail-damage-bar span[data-v-c5a3676c] {
  display: block;
  height: 100%;
  min-width: 4px;
  border-radius: inherit;
}
.detail-data-box[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 6px;
}
.detail-data-box span[data-v-c5a3676c] {
  display: grid;
  gap: 1px;
  min-width: 0;
}
.detail-vision-box[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  text-align: center;
}
.detail-vision-box strong[data-v-c5a3676c] {
  font-size: 16px;
}
.detail-vs-action[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  margin: 14px 0 2px;
}
.detail-vs-action[data-v-c5a3676c]::before,
.detail-vs-action[data-v-c5a3676c]::after {
  content: "";
  position: absolute;
}
.detail-vs-action span[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  height: 28px;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 900;
}
.detail-vs-action button[data-v-c5a3676c] {
  height: 32px;
  border-radius: 4px;
  background: color-mix(in srgb, var(--accent-primary) 13%, transparent);
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 850;
}
.detail-vs-action.arena[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 2px 0 10px;
}
.arena-detail-team[data-v-c5a3676c] {
  margin-top: 10px;
}
@media (max-width: 360px) {
.detail-player-grid[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr) 80px;
}
.detail-vision-box[data-v-c5a3676c] {
    grid-column: 1/-1;
    grid-template-columns: auto auto auto;
    justify-content: center;
}
.detail-ability-row img[data-v-c5a3676c] {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
}
}
.match-detail-sheet[data-v-c5a3676c] {
  padding: 12px 8px calc(14px + env(safe-area-inset-bottom, 0px)) !important;
}
.match-detail-sheet .sheet-handle[data-v-c5a3676c] {
  margin-bottom: 12px !important;
}
.match-detail-head[data-v-c5a3676c] {
  display: block !important;
  padding: 0 2px 8px !important;
}
.match-detail-head > div[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: end;
}
.match-detail-head span[data-v-c5a3676c] {
  grid-column: 1;
  grid-row: 1;
}
.match-detail-head strong[data-v-c5a3676c] {
  grid-column: 1;
  grid-row: 2;
  margin: 0 !important;
  font-size: 15px !important;
}
.match-detail-head small[data-v-c5a3676c] {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  max-width: 142px;
  text-align: right;
  line-height: 1.35;
  white-space: normal !important;
}
.match-detail-head[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 8px;
  align-items: center;
}
.match-detail-head > div[data-v-c5a3676c]:first-child {
  min-width: 0;
}
.detail-head-ai[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 5px;
  align-self: stretch;
}
.detail-head-ai button[data-v-c5a3676c] {
  height: 24px;
  padding: 0 6px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--accent-primary) 11%, transparent);
  color: var(--text-primary);
  font-size: 10px;
  font-weight: 850;
  line-height: 24px;
  white-space: nowrap;
}
.match-detail-summary[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: 1.08fr repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin-top: 8px !important;
  padding: 6px 0;
  border-bottom: 1px solid rgba(148, 163, 184, 0.1);
}
.match-detail-summary article[data-v-c5a3676c] {
  padding: 2px 6px !important;
  border-radius: 0 !important;
  border-right: 1px solid rgba(148, 163, 184, 0.1) !important;
}
.match-detail-summary article[data-v-c5a3676c]:last-child {
  border-right: 0 !important;
}
.match-detail-summary span[data-v-c5a3676c],
.match-detail-summary small[data-v-c5a3676c] {
  font-size: 9px !important;
}
.match-detail-summary strong[data-v-c5a3676c] {
  margin: 3px 0 1px !important;
  font-size: 12px !important;
}
.detail-scoreboard[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr);
  gap: 0 8px !important;
  margin-top: 8px !important;
  padding: 8px 0 7px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}
.detail-score-side[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 2px 6px;
  min-width: 0;
  padding: 0;
  background: transparent;
}
.detail-score-side.red[data-v-c5a3676c] {
  text-align: right;
}
.detail-score-side span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.detail-score-side strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 900;
}
.detail-score-side.blue strong[data-v-c5a3676c] {
  color: color-mix(in srgb, var(--accent-primary) 88%, var(--text-primary));
}
.detail-score-side.red strong[data-v-c5a3676c] {
  color: #ef6f6f;
}
.detail-score-side small[data-v-c5a3676c] {
  grid-column: 1/-1;
  overflow: hidden;
  color: var(--text-tertiary);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-score-vs[data-v-c5a3676c] {
  display: grid;
  place-items: center;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 900;
}
.detail-score-meta[data-v-c5a3676c],
.detail-score-bans[data-v-c5a3676c] {
  grid-column: 1/-1;
}
.detail-score-meta[data-v-c5a3676c] {
  display: grid;
  gap: 4px;
  margin-top: 8px;
}
.detail-score-meta-row[data-v-c5a3676c] {
  display: flex;
  gap: 5px;
  align-items: center;
  min-width: 0;
}
.detail-score-meta-row strong[data-v-c5a3676c] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 3px;
  color: var(--text-primary);
  font-size: 10px;
  line-height: 16px;
  text-align: center;
}
.detail-score-meta-row.blue strong[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--accent-primary) 16%, transparent);
}
.detail-score-meta-row.red strong[data-v-c5a3676c] {
  background: rgba(239, 111, 111, 0.14);
}
.detail-score-meta-row span[data-v-c5a3676c] {
  color: var(--text-secondary);
  font-size: 10px;
  white-space: nowrap;
}
.detail-score-bans[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 7px;
}
.detail-score-bans > div[data-v-c5a3676c] {
  display: flex;
  gap: 5px;
  align-items: center;
  min-width: 0;
}
.detail-score-bans .red[data-v-c5a3676c] {
  justify-content: flex-end;
}
.detail-score-bans em[data-v-c5a3676c] {
  flex: 0 0 auto;
  color: var(--text-tertiary);
  font-size: 9px;
  font-style: normal;
}
.detail-score-bans span[data-v-c5a3676c] {
  display: flex;
  gap: 3px;
  min-width: 0;
  overflow: hidden;
}
.detail-score-bans img[data-v-c5a3676c] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 3px;
  object-fit: cover;
  background: color-mix(in srgb, var(--bg-primary) 42%, transparent);
}
.detail-score-bans img.empty[data-v-c5a3676c] {
  opacity: 0.3;
}
.detail-team-tabs[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 8px 0 2px;
}
.detail-team-tabs button[data-v-c5a3676c] {
  display: flex;
  justify-content: center;
  gap: 5px;
  align-items: center;
  height: 30px;
  border-radius: 3px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 12px;
  font-weight: 850;
}
.detail-team-tabs button small[data-v-c5a3676c] {
  color: currentColor;
  font-size: 9px;
  font-weight: 760;
  opacity: 0.72;
}
.detail-team-tabs button.active[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-primary) 42%, transparent);
  color: var(--text-primary);
}
.detail-team-tabs button.blue.active[data-v-c5a3676c] {
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent-primary) 82%, var(--text-primary));
}
.detail-team-tabs button.red.active[data-v-c5a3676c] {
  box-shadow: inset 0 -2px 0 #ef6f6f;
}
.match-detail-team[data-v-c5a3676c] {
  margin-top: 8px !important;
}
.match-detail-team .detail-team-head[data-v-c5a3676c] {
  min-height: 26px;
  padding: 5px 1px 5px !important;
  border-top: 0 !important;
}
.match-detail-team .detail-team-head strong[data-v-c5a3676c] {
  font-size: 13px;
}
.match-detail-team .detail-team-head span[data-v-c5a3676c] {
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.detail-player-card[data-v-c5a3676c] {
  padding: 6px 0 7px !important;
}
.detail-player-card.me[data-v-c5a3676c] {
  padding-left: 5px !important;
}
.detail-player-main[data-v-c5a3676c] {
  grid-template-columns: 36px minmax(0, 1fr) 58px !important;
  gap: 7px !important;
}
.detail-champion-wrap[data-v-c5a3676c],
.detail-champion-wrap img[data-v-c5a3676c] {
  width: 36px !important;
  height: 36px !important;
}
.detail-champion-wrap span[data-v-c5a3676c] {
  right: -5px;
  bottom: -5px;
  min-width: 17px;
  height: 17px;
  font-size: 9px;
  line-height: 17px;
}
.detail-player-identity strong[data-v-c5a3676c] {
  font-size: 11px !important;
}
.detail-player-identity small[data-v-c5a3676c] {
  font-size: 9px !important;
}
.detail-ability-row[data-v-c5a3676c] {
  gap: 2px !important;
  margin-top: 4px !important;
}
.detail-ability-row img[data-v-c5a3676c] {
  width: 16px !important;
  height: 16px !important;
  flex-basis: 16px !important;
  border-radius: 3px !important;
}
.detail-kda-block strong[data-v-c5a3676c] {
  font-size: 11px !important;
}
.detail-kda-block small[data-v-c5a3676c] {
  font-size: 9px !important;
}
.detail-item-row[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: repeat(8, 21px) minmax(0, 1fr);
  gap: 3px !important;
  margin-top: 6px !important;
}
.detail-item-row .item-slot[data-v-c5a3676c] {
  width: 21px !important;
  height: 21px !important;
  flex-basis: 21px !important;
}
.detail-player-grid[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr) 42px !important;
  gap: 5px !important;
  margin-top: 6px !important;
}
.detail-damage-box[data-v-c5a3676c],
.detail-data-box[data-v-c5a3676c],
.detail-vision-box[data-v-c5a3676c] {
  padding: 4px 5px !important;
  border-radius: 3px !important;
  background: transparent !important;
}
.detail-damage-box[data-v-c5a3676c] {
  padding-left: 0 !important;
}
.detail-data-box[data-v-c5a3676c] {
  gap: 3px 5px !important;
}
.detail-damage-box span[data-v-c5a3676c],
.detail-data-box span[data-v-c5a3676c],
.detail-vision-box span[data-v-c5a3676c],
.detail-vision-box small[data-v-c5a3676c],
.detail-damage-box strong[data-v-c5a3676c],
.detail-data-box strong[data-v-c5a3676c] {
  font-size: 9px !important;
}
.detail-vision-box[data-v-c5a3676c] {
  padding-right: 0 !important;
}
.detail-vision-box strong[data-v-c5a3676c] {
  font-size: 14px !important;
}
.detail-damage-bar[data-v-c5a3676c] {
  height: 3px !important;
  margin: 3px 0 4px !important;
}
.detail-vs-action[data-v-c5a3676c] {
  position: relative;
  grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
  gap: 6px !important;
  margin: 9px 0 7px !important;
}
.detail-vs-action[data-v-c5a3676c]::before,
.detail-vs-action[data-v-c5a3676c]::after {
  display: none !important;
}
.detail-vs-action button[data-v-c5a3676c] {
  height: 30px !important;
  border-radius: 3px !important;
  font-size: 11px !important;
}
.detail-vs-action span[data-v-c5a3676c] {
  height: 30px !important;
  font-size: 10px !important;
}
@media (max-width: 360px) {
.match-detail-head > div[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr);
}
.match-detail-head[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr) 76px;
}
.detail-head-ai button[data-v-c5a3676c] {
    padding: 0 4px;
    font-size: 9px;
}
.match-detail-head small[data-v-c5a3676c] {
    grid-column: 1;
    grid-row: auto;
    max-width: none;
    text-align: left;
}
.detail-score-bans[data-v-c5a3676c] {
    grid-template-columns: 1fr;
    gap: 5px;
}
.detail-score-bans .red[data-v-c5a3676c] {
    justify-content: flex-start;
}
.detail-player-grid[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr) 78px !important;
}
.detail-vision-box[data-v-c5a3676c] {
    grid-column: 1/-1;
}
}
.match-detail-head[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 78px !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 0 2px 8px !important;
}
.match-detail-head > div[data-v-c5a3676c]:first-child {
  display: block !important;
  min-width: 0;
}
.match-detail-head > div:first-child span[data-v-c5a3676c],
.match-detail-head > div:first-child strong[data-v-c5a3676c],
.match-detail-head > div:first-child small[data-v-c5a3676c] {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  text-align: left !important;
}
.match-detail-head > div:first-child span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 11px;
}
.match-detail-head > div:first-child strong[data-v-c5a3676c] {
  margin: 3px 0 !important;
  overflow: hidden;
  color: var(--text-primary);
  font-size: 16px !important;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-detail-head > div:first-child small[data-v-c5a3676c] {
  max-width: none !important;
  color: var(--text-tertiary);
  font-size: 11px;
  line-height: 1.35;
  white-space: normal !important;
}
.detail-head-ai[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 4px !important;
  align-self: center !important;
}
.detail-head-ai button[data-v-c5a3676c] {
  height: 25px !important;
  border-radius: 0 !important;
  background: color-mix(in srgb, var(--accent-primary) 12%, transparent) !important;
  color: var(--text-primary) !important;
  font-size: 10px !important;
  font-weight: 850;
}
.detail-score-meta-row[data-v-c5a3676c] {
  gap: 6px !important;
}
.detail-score-meta-row span[data-v-c5a3676c] {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  padding: 0 !important;
  background: transparent !important;
  color: var(--text-secondary);
  font-size: 10px;
}
.detail-score-meta-row span img[data-v-c5a3676c] {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  object-fit: contain;
  opacity: 0.88;
}
.detail-team-tabs[data-v-c5a3676c] {
  gap: 0 !important;
  margin: 8px 0 3px !important;
  border: 1px solid rgba(148, 163, 184, 0.12);
  border-width: 1px 0;
}
.detail-team-tabs button[data-v-c5a3676c] {
  height: 31px !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.detail-team-tabs button + button[data-v-c5a3676c] {
  border-left: 1px solid rgba(148, 163, 184, 0.12);
}
.detail-team-tabs button.blue.active[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--accent-primary) 10%, transparent) !important;
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--accent-primary) 84%, var(--text-primary)) !important;
}
.detail-team-tabs button.red.active[data-v-c5a3676c] {
  background: rgba(239, 111, 111, 0.1) !important;
  box-shadow: inset 0 -2px 0 #ef6f6f !important;
}
.match-detail-team.blue-team .detail-player-card[data-v-c5a3676c] {
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) 8%, transparent), transparent 70%);
}
.match-detail-team.red-team .detail-player-card[data-v-c5a3676c] {
  background: linear-gradient(90deg, rgba(239, 111, 111, 0.08), transparent 70%);
}
.detail-combat-row[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: 18px 60px minmax(0, 1fr) 42px;
  gap: 6px;
  align-items: center;
  margin-top: 7px;
}
.detail-spells-col[data-v-c5a3676c] {
  display: grid;
  grid-template-rows: repeat(2, 18px);
  gap: 3px;
}
.detail-spells-col img[data-v-c5a3676c],
.detail-rune-grid img[data-v-c5a3676c] {
  width: 18px;
  height: 18px;
  border-radius: 3px;
  object-fit: cover;
  background: #000;
}
.detail-rune-grid[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, 18px);
  grid-template-rows: repeat(2, 18px);
  gap: 3px;
  align-content: center;
}
.detail-rune-grid img.augment[data-v-c5a3676c] {
  background: #000;
}
.detail-main-data[data-v-c5a3676c] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 3px 6px !important;
  padding: 0 !important;
}
.detail-main-data span[data-v-c5a3676c] {
  display: flex !important;
  justify-content: space-between;
  gap: 4px;
  min-width: 0;
  color: var(--text-tertiary);
  font-size: 9px !important;
  white-space: nowrap;
}
.detail-main-data strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 9px !important;
  font-variant-numeric: tabular-nums;
}
.detail-damage-box[data-v-c5a3676c],
.detail-damage-bar[data-v-c5a3676c],
.detail-player-grid[data-v-c5a3676c] {
  display: none !important;
}
.detail-vision-box[data-v-c5a3676c] {
  min-width: 0;
  padding: 0 !important;
  background: transparent !important;
}
.detail-vision-box span[data-v-c5a3676c],
.detail-vision-box small[data-v-c5a3676c] {
  font-size: 9px !important;
}
.detail-vision-box strong[data-v-c5a3676c] {
  font-size: 13px !important;
}
.detail-item-row[data-v-c5a3676c] {
  grid-template-columns: repeat(8, 22px) minmax(0, 1fr) !important;
  margin-top: 7px !important;
}
.detail-item-row .item-slot[data-v-c5a3676c] {
  width: 22px !important;
  height: 22px !important;
  flex-basis: 22px !important;
  border-radius: 3px !important;
}
.match-detail-team .detail-player-card[data-v-c5a3676c] {
  position: relative;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr);
  grid-template-areas: "main combat" "items items";
  gap: 6px 8px;
  min-height: 108px;
  margin: 0 0 7px;
  padding: 8px 10px 8px !important;
  border: 0 !important;
  border-radius: 7px;
  overflow: hidden;
}
.match-detail-team .detail-player-card[data-v-c5a3676c]::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: color-mix(in srgb, var(--accent-primary) 74%, transparent);
}
.match-detail-team.red-team .detail-player-card[data-v-c5a3676c]::before {
  background: rgba(239, 111, 111, 0.74);
}
.match-detail-team .detail-player-card.me[data-v-c5a3676c] {
  padding-left: 10px !important;
  border-left: 0 !important;
}
.match-detail-team .detail-player-card.me[data-v-c5a3676c]::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent-primary) 38%, transparent);
}
.match-detail-team.red-team .detail-player-card.me[data-v-c5a3676c]::after {
  box-shadow: inset 0 0 0 1px rgba(239, 111, 111, 0.32);
}
.match-detail-team .detail-player-main[data-v-c5a3676c] {
  grid-area: main;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-areas: "champ identity" "champ kda";
  gap: 5px 7px !important;
  align-items: center;
  min-width: 0;
}
.match-detail-team .detail-champion-wrap[data-v-c5a3676c] {
  grid-area: champ;
  width: 44px !important;
  height: 44px !important;
}
.match-detail-team .detail-champion-wrap img[data-v-c5a3676c] {
  width: 44px !important;
  height: 44px !important;
  border-radius: 7px !important;
}
.match-detail-team .detail-champion-wrap span[data-v-c5a3676c] {
  right: -4px;
  bottom: -5px;
}
.match-detail-team .detail-player-identity[data-v-c5a3676c] {
  grid-area: identity;
  align-self: end;
}
.match-detail-team .detail-player-identity strong[data-v-c5a3676c] {
  max-width: 100%;
  font-size: 12px !important;
  line-height: 1.2;
}
.match-detail-team .detail-player-identity small[data-v-c5a3676c] {
  margin-top: 2px;
  font-size: 9px !important;
}
.match-detail-team .detail-kda-block[data-v-c5a3676c] {
  grid-area: kda;
  align-self: start;
  text-align: left;
}
.match-detail-team .detail-kda-block strong[data-v-c5a3676c] {
  font-size: 12px !important;
  line-height: 1.1;
}
.match-detail-team .detail-kda-block small[data-v-c5a3676c] {
  margin-top: 2px;
  font-size: 9px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-area: combat;
  display: grid !important;
  grid-template-columns: 18px 60px minmax(0, 1fr) 42px;
  gap: 6px;
  align-items: center;
  min-width: 0;
  margin-top: 0 !important;
}
.match-detail-team .detail-main-data[data-v-c5a3676c] {
  align-self: stretch;
  align-content: center;
}
.match-detail-team .detail-main-data span[data-v-c5a3676c] {
  min-height: 12px;
  line-height: 12px;
}
.match-detail-team .detail-vision-box[data-v-c5a3676c] {
  align-self: stretch;
  align-content: center;
}
.match-detail-team .detail-item-row[data-v-c5a3676c] {
  grid-area: items;
  display: flex !important;
  gap: 3px !important;
  align-items: center;
  min-width: 0;
  margin-top: 0 !important;
  padding-left: 0;
}
.match-detail-team .detail-item-row .item-slot[data-v-c5a3676c] {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}
.arena-detail .detail-player-card[data-v-c5a3676c] {
  background: color-mix(in srgb, var(--bg-primary) 30%, transparent);
}
@media (max-width: 360px) {
.match-detail-head[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr) 70px !important;
}
.match-detail-team .detail-player-card[data-v-c5a3676c] {
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 6px;
    padding-right: 8px !important;
}
.match-detail-team .detail-player-main[data-v-c5a3676c] {
    grid-template-columns: 40px minmax(0, 1fr);
}
.match-detail-team .detail-champion-wrap[data-v-c5a3676c],
  .match-detail-team .detail-champion-wrap img[data-v-c5a3676c] {
    width: 40px !important;
    height: 40px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 60px minmax(0, 1fr);
}
.detail-vision-box[data-v-c5a3676c] {
    display: none !important;
}
.match-detail-team .detail-main-data[data-v-c5a3676c] {
    grid-template-columns: none !important;
}
.match-detail-team .detail-main-data span[data-v-c5a3676c]:nth-child(n+5) {
    display: none !important;
}
}
.match-detail-team .detail-player-card[data-v-c5a3676c] {
  grid-template-columns: 90px minmax(0, 1fr) !important;
  grid-template-areas: "main combat" "equipment equipment" !important;
  min-height: 104px;
  border-radius: 0 !important;
}
.match-detail-team .detail-player-card[data-v-c5a3676c]::after {
  border-radius: 0 !important;
}
.match-detail-team .detail-player-main[data-v-c5a3676c] {
  grid-template-columns: 44px minmax(0, 1fr) !important;
  grid-template-areas: "champ identity" !important;
  align-items: center !important;
}
.match-detail-team .detail-kda-block[data-v-c5a3676c] {
  grid-area: auto !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 18px 60px 56px 38px !important;
  gap: 6px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  align-self: center;
  text-align: left !important;
}
.match-detail-team .detail-combat-row .detail-kda-block strong[data-v-c5a3676c] {
  font-size: 11px !important;
  line-height: 1.1;
  white-space: nowrap;
}
.match-detail-team .detail-combat-row .detail-kda-block small[data-v-c5a3676c],
.match-detail-team .detail-vision-box span[data-v-c5a3676c],
.match-detail-team .detail-vision-box small[data-v-c5a3676c],
.match-detail-team .detail-vision-box strong[data-v-c5a3676c],
.match-detail-team .detail-main-data span[data-v-c5a3676c],
.match-detail-team .detail-main-data strong[data-v-c5a3676c] {
  font-size: 9px !important;
  line-height: 1.25 !important;
}
.match-detail-team .detail-vision-box strong[data-v-c5a3676c] {
  font-weight: 850;
}
.detail-equipment-row[data-v-c5a3676c] {
  grid-area: equipment;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
}
.detail-equipment-row .detail-item-row[data-v-c5a3676c] {
  grid-area: auto;
  display: flex !important;
  gap: 3px !important;
  min-width: 0;
  overflow: hidden;
}
.detail-equipment-row .detail-main-data[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px 6px !important;
  min-width: 0;
  padding: 0 !important;
}
.detail-equipment-row .detail-main-data span[data-v-c5a3676c] {
  display: flex !important;
  justify-content: space-between;
  gap: 4px;
  min-width: 0;
  overflow: hidden;
  color: var(--text-tertiary);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.detail-equipment-row .detail-main-data strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-variant-numeric: tabular-nums;
}
.detail-score-meta-row span img[data-v-c5a3676c] {
  width: 15px !important;
  height: 15px !important;
  opacity: 1 !important;
}
.detail-score-meta-row span[data-v-c5a3676c] {
  font-variant-numeric: tabular-nums;
}
.match-detail-team .detail-champion-wrap img[data-v-c5a3676c],
.match-detail-team .detail-spells-col img[data-v-c5a3676c],
.match-detail-team .detail-rune-grid img[data-v-c5a3676c],
.match-detail-team .detail-item-row .item-slot[data-v-c5a3676c],
.match-detail-team .detail-item-row .item-slot img[data-v-c5a3676c] {
  border-radius: 0 !important;
}
@media (max-width: 360px) {
.match-detail-team .detail-player-card[data-v-c5a3676c] {
    grid-template-columns: 82px minmax(0, 1fr) !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 60px minmax(48px, 1fr) !important;
}
.match-detail-team .detail-vision-box[data-v-c5a3676c] {
    display: none !important;
}
.detail-equipment-row[data-v-c5a3676c] {
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 5px;
}
.detail-equipment-row .detail-main-data[data-v-c5a3676c] {
    grid-template-columns: 1fr !important;
}
.detail-equipment-row .detail-main-data span[data-v-c5a3676c]:nth-child(n+3) {
    display: none !important;
}
}
.match-detail-team .detail-player-card[data-v-c5a3676c] {
  grid-template-columns: 52px minmax(0, 1fr) !important;
  grid-template-areas: "main combat" "equipment equipment" !important;
}
.match-detail-team .detail-player-main[data-v-c5a3676c] {
  grid-template-columns: 44px !important;
  grid-template-areas: "champ" !important;
  align-content: center;
}
.match-detail-team .detail-player-main .detail-player-identity[data-v-c5a3676c] {
  display: none !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 18px 60px minmax(0, 1fr) 58px !important;
  gap: 6px !important;
}
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  display: block !important;
  min-width: 0;
}
.match-detail-team .detail-combat-row .detail-player-identity strong[data-v-c5a3676c],
.match-detail-team .detail-combat-row .detail-player-identity small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-detail-team .detail-combat-row .detail-player-identity strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 11px !important;
  font-weight: 850;
  line-height: 1.2;
}
.match-detail-team .detail-combat-row .detail-player-identity small[data-v-c5a3676c] {
  margin-top: 3px;
  color: var(--text-tertiary);
  font-size: 9px !important;
  line-height: 1.2;
}
.match-detail-team .detail-vision-box[data-v-c5a3676c] {
  display: none !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  align-self: center;
  text-align: right !important;
}
.match-detail-team .detail-combat-row .detail-kda-block strong[data-v-c5a3676c],
.match-detail-team .detail-combat-row .detail-kda-block small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 360px) {
.match-detail-team .detail-player-card[data-v-c5a3676c] {
    grid-template-columns: 48px minmax(0, 1fr) !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 60px minmax(0, 1fr) !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
    grid-column: 3;
    text-align: left !important;
}
}
.detail-scoreboard[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) !important;
  gap: 0 6px !important;
}
.detail-score-side[data-v-c5a3676c] {
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-content: start;
}
.detail-score-side.red[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
.detail-score-side.red > span[data-v-c5a3676c] {
  grid-column: 2;
}
.detail-score-side.red > strong[data-v-c5a3676c] {
  grid-column: 1;
  grid-row: 1;
}
.detail-score-side.red > small[data-v-c5a3676c],
.detail-score-side.red .detail-side-objectives[data-v-c5a3676c] {
  grid-column: 1/-1;
}
.detail-side-objectives[data-v-c5a3676c] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3px 4px;
  margin-top: 6px;
}
.detail-side-objectives span[data-v-c5a3676c] {
  display: inline-flex;
  gap: 2px;
  align-items: center;
  justify-content: flex-start;
  min-width: 0;
  color: var(--text-secondary);
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  line-height: 13px;
}
.detail-score-side.red .detail-side-objectives span[data-v-c5a3676c] {
  justify-content: flex-end;
}
.detail-side-objectives img[data-v-c5a3676c] {
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  object-fit: contain;
}
.detail-score-meta[data-v-c5a3676c] {
  display: none !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 18px 60px minmax(0, 1fr) 58px !important;
  align-items: center !important;
  grid-auto-flow: column;
}
.match-detail-team .detail-spells-col[data-v-c5a3676c],
.match-detail-team .detail-rune-grid[data-v-c5a3676c],
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c],
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  min-width: 0;
  align-self: center;
}
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  width: 100%;
}
.match-detail-team .detail-combat-row .detail-player-identity strong[data-v-c5a3676c] {
  max-width: 100%;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  width: 58px;
}
.match-detail-team .detail-combat-row .detail-kda-block strong[data-v-c5a3676c] {
  font-size: 10px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block small[data-v-c5a3676c] {
  font-size: 8px !important;
}
@media (max-width: 360px) {
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 60px minmax(0, 1fr) 46px !important;
    gap: 4px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
    grid-column: auto !important;
    width: 46px;
    text-align: right !important;
}
.detail-side-objectives[data-v-c5a3676c] {
    gap: 2px;
}
.detail-side-objectives img[data-v-c5a3676c] {
    width: 11px;
    height: 11px;
    flex-basis: 11px;
}
}
.match-detail-team .detail-player-card[data-v-c5a3676c] {
  grid-template-columns: 50px minmax(0, 1fr) !important;
  grid-template-areas: "main combat" "identity identity" "equipment equipment" !important;
  min-height: 112px;
}
.match-detail-team .detail-player-main[data-v-c5a3676c] {
  grid-template-columns: 44px !important;
  grid-template-areas: "champ" !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 40px 64px minmax(64px, 1fr) !important;
  grid-template-areas: "spells runes kda" !important;
  gap: 6px !important;
  justify-content: start;
}
.match-detail-team .detail-spells-col[data-v-c5a3676c] {
  grid-area: spells;
  display: grid !important;
  grid-template-columns: repeat(2, 18px);
  grid-template-rows: repeat(2, 18px);
  gap: 3px;
  align-content: center;
  justify-content: start;
}
.match-detail-team .detail-rune-grid[data-v-c5a3676c] {
  grid-area: runes;
  grid-template-columns: repeat(3, 18px) !important;
  grid-template-rows: repeat(2, 18px) !important;
  gap: 3px !important;
  justify-content: start;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  grid-area: kda;
  width: auto !important;
  min-width: 0;
  align-self: center;
  text-align: left !important;
}
.match-detail-team .detail-combat-row .detail-kda-block strong[data-v-c5a3676c] {
  font-size: 12px !important;
  line-height: 1.05;
}
.match-detail-team .detail-combat-row .detail-kda-block small[data-v-c5a3676c] {
  margin-top: 2px;
  font-size: 8px !important;
}
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  display: none !important;
}
.match-detail-team .detail-player-card > .detail-player-identity[data-v-c5a3676c] {
  grid-area: identity;
  display: block !important;
  min-width: 0;
  padding-top: 1px;
}
.match-detail-team .detail-player-card > .detail-player-identity strong[data-v-c5a3676c],
.match-detail-team .detail-player-card > .detail-player-identity small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-detail-team .detail-player-card > .detail-player-identity strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 11px !important;
  font-weight: 850;
  line-height: 1.2;
}
.match-detail-team .detail-player-card > .detail-player-identity small[data-v-c5a3676c] {
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 9px !important;
}
.detail-equipment-row[data-v-c5a3676c] {
  margin-top: 0;
}
@media (max-width: 360px) {
.match-detail-team .detail-player-card[data-v-c5a3676c] {
    grid-template-columns: 46px minmax(0, 1fr) !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 38px 62px minmax(52px, 1fr) !important;
    gap: 5px !important;
}
.match-detail-team .detail-spells-col[data-v-c5a3676c],
  .match-detail-team .detail-rune-grid[data-v-c5a3676c] {
    gap: 2px !important;
}
}
.match-detail-team .detail-player-card[data-v-c5a3676c] {
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-areas: "main combat" "equipment equipment" !important;
  gap: 6px 3px !important;
  min-height: 100px;
}
.match-detail-team .detail-player-card > .detail-player-identity[data-v-c5a3676c] {
  display: none !important;
}
.match-detail-team .detail-player-main[data-v-c5a3676c] {
  grid-template-columns: 44px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 18px 60px minmax(0, 1fr) 56px !important;
  grid-template-areas: "spells runes identity kda" !important;
  gap: 5px !important;
  align-items: center !important;
}
.match-detail-team .detail-spells-col[data-v-c5a3676c] {
  grid-area: spells;
  display: grid !important;
  grid-template-columns: 18px !important;
  grid-template-rows: repeat(2, 18px) !important;
  gap: 3px !important;
  justify-content: start;
  align-content: center;
}
.match-detail-team .detail-rune-grid[data-v-c5a3676c] {
  grid-area: runes;
}
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  grid-area: identity;
  display: block !important;
  min-width: 0;
}
.match-detail-team .detail-combat-row .detail-player-identity strong[data-v-c5a3676c],
.match-detail-team .detail-combat-row .detail-player-identity small[data-v-c5a3676c] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.match-detail-team .detail-combat-row .detail-player-identity strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 11px !important;
  font-weight: 850;
  line-height: 1.15;
}
.match-detail-team .detail-combat-row .detail-player-identity small[data-v-c5a3676c] {
  margin-top: 2px;
  color: var(--text-tertiary);
  font-size: 9px !important;
  line-height: 1.15;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  grid-area: kda;
  width: 56px !important;
  text-align: right !important;
}
.match-detail-team .detail-combat-row .detail-kda-block strong[data-v-c5a3676c] {
  font-size: 11px !important;
}
@media (max-width: 360px) {
.match-detail-team .detail-player-card[data-v-c5a3676c] {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 6px 2px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 58px minmax(0, 1fr) 44px !important;
    gap: 4px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
    width: 44px !important;
}
}
.detail-scoreboard[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) !important;
  gap: 0 6px !important;
  align-items: start !important;
}
.detail-score-side[data-v-c5a3676c],
.detail-score-side.red[data-v-c5a3676c] {
  display: block !important;
  min-width: 0;
  text-align: left !important;
}
.detail-score-side.red[data-v-c5a3676c] {
  text-align: right !important;
}
.detail-score-side > span[data-v-c5a3676c],
.detail-score-side > strong[data-v-c5a3676c],
.detail-score-side > small[data-v-c5a3676c] {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
}
.detail-side-objectives[data-v-c5a3676c] {
  grid-template-columns: repeat(3, 28px) !important;
  justify-content: start;
  gap: 3px 4px !important;
}
.detail-score-side.red .detail-side-objectives[data-v-c5a3676c] {
  justify-content: end;
}
.detail-side-objectives span[data-v-c5a3676c],
.detail-score-side.red .detail-side-objectives span[data-v-c5a3676c] {
  justify-content: flex-start !important;
  width: 28px;
}
.detail-side-objectives img[data-v-c5a3676c] {
  width: 11px !important;
  height: 11px !important;
  flex-basis: 11px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 18px 60px 56px minmax(0, 1fr) !important;
  grid-template-areas: "spells runes kda identity" !important;
  gap: 5px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  grid-area: kda !important;
  width: 56px !important;
  text-align: left !important;
}
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  grid-area: identity !important;
  min-width: 0;
}
@media (max-width: 360px) {
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 58px 44px minmax(0, 1fr) !important;
    grid-template-areas: "spells runes kda identity" !important;
    gap: 4px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
    width: 44px !important;
    text-align: left !important;
}
}
.detail-scoreboard[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr) !important;
  gap: 0 8px !important;
  align-items: stretch !important;
  padding: 8px 0 9px !important;
}
.detail-score-side[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto auto !important;
  gap: 2px 6px !important;
  min-width: 0;
  padding: 6px 7px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-primary) 8%, transparent), transparent 72%);
}
.detail-score-side.red[data-v-c5a3676c] {
  grid-template-columns: auto minmax(0, 1fr) !important;
  background: linear-gradient(270deg, rgba(239, 111, 111, 0.09), transparent 72%);
}
.detail-score-side > span[data-v-c5a3676c] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: center;
}
.detail-score-side > strong[data-v-c5a3676c] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: center;
  text-align: right;
}
.detail-score-side > small[data-v-c5a3676c],
.detail-score-side .detail-side-objectives[data-v-c5a3676c] {
  grid-column: 1/-1 !important;
}
.detail-score-side > small[data-v-c5a3676c] {
  grid-row: 2 !important;
  text-align: left !important;
}
.detail-score-side.red > span[data-v-c5a3676c] {
  grid-column: 2 !important;
  text-align: right;
}
.detail-score-side.red > strong[data-v-c5a3676c] {
  grid-column: 1 !important;
  text-align: left;
}
.detail-score-side.red > small[data-v-c5a3676c] {
  text-align: right !important;
}
.detail-side-objectives[data-v-c5a3676c] {
  grid-row: 3 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 28px) !important;
  gap: 4px 5px !important;
  justify-content: start !important;
  margin-top: 4px !important;
}
.detail-score-side.red .detail-side-objectives[data-v-c5a3676c] {
  justify-content: end !important;
}
.detail-score-vs[data-v-c5a3676c] {
  align-self: center;
  width: 20px;
  height: 20px;
  color: var(--text-tertiary);
  font-size: 9px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
  grid-template-columns: 18px 60px 58px minmax(0, 1fr) !important;
  grid-template-areas: "spells runes kda identity" !important;
  column-gap: 7px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c] {
  transform: translateX(3px);
}
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  transform: translateX(4px);
}
@media (max-width: 360px) {
.detail-scoreboard[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr) !important;
    gap: 0 5px !important;
}
.detail-score-side[data-v-c5a3676c] {
    padding: 5px 4px;
}
.detail-side-objectives[data-v-c5a3676c] {
    grid-template-columns: repeat(3, 25px) !important;
    gap: 3px !important;
}
.match-detail-team .detail-combat-row[data-v-c5a3676c] {
    grid-template-columns: 18px 58px 48px minmax(0, 1fr) !important;
    column-gap: 5px !important;
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c],
  .match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
    transform: translateX(2px);
}
}
.match-detail-sheet[data-v-c5a3676c] {
  display: flex !important;
  flex-direction: column;
  height: min(88vh, 720px) !important;
  max-height: 88vh !important;
  overflow: hidden !important;
}
.match-detail-sheet > .match-detail-head[data-v-c5a3676c],
.match-detail-sheet > .match-detail-summary[data-v-c5a3676c],
.match-detail-sheet > .detail-scoreboard[data-v-c5a3676c],
.match-detail-sheet > .detail-team-tabs[data-v-c5a3676c] {
  flex: 0 0 auto;
}
.match-detail-sheet .match-detail-team[data-v-c5a3676c] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 2px !important;
}
.match-detail-sheet .match-detail-team[data-v-c5a3676c]::-webkit-scrollbar {
  width: 3px;
}
.match-detail-sheet .match-detail-team[data-v-c5a3676c]::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: color-mix(in srgb, var(--text-tertiary) 28%, transparent);
}
.match-detail-team .detail-team-head[data-v-c5a3676c] {
  position: sticky;
  top: 0;
  z-index: 2;
  background: color-mix(in srgb, var(--bg-secondary) 94%, transparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.match-detail-team .detail-player-card[data-v-c5a3676c]:last-child {
  margin-bottom: 2px;
}
.arena-ban-strip[data-v-c5a3676c] {
  display: grid;
  gap: 6px;
  margin: 0 0 8px;
}
.arena-ban-strip > div[data-v-c5a3676c] {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 6px 0;
}
.arena-ban-strip em[data-v-c5a3676c] {
  flex: 0 0 auto;
  color: var(--text-tertiary);
  font-size: 10px;
  font-style: normal;
}
.arena-ban-strip span[data-v-c5a3676c] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.arena-ban-strip img[data-v-c5a3676c],
.arena-ban-strip svg[data-v-c5a3676c] {
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--bg-primary) 42%, transparent);
  object-fit: cover;
}
.arena-ban-strip svg[data-v-c5a3676c] {
  padding: 1px;
  color: var(--text-tertiary);
  fill: currentColor;
  opacity: 0.55;
}
.arena-team-rank-head[data-v-c5a3676c] {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 28px;
  margin: 0 0 5px;
  padding: 0 1px;
  background: color-mix(in srgb, var(--bg-primary) 88%, transparent);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.arena-team-rank-head strong[data-v-c5a3676c] {
  color: var(--text-primary);
  font-size: 12px;
  font-weight: 800;
}
.arena-team-rank-head span[data-v-c5a3676c] {
  color: var(--text-tertiary);
  font-size: 10px;
}
.arena-team-rank-head.first strong[data-v-c5a3676c] {
  color: var(--accent-primary);
}
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c],
.match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
  transform: translateX(20px) !important;
}
.detail-score-side.red[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto auto !important;
  text-align: left !important;
}
.detail-score-side.red > strong[data-v-c5a3676c] {
  grid-column: 1 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: start !important;
  text-align: left !important;
}
.detail-score-side.red > span[data-v-c5a3676c] {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  justify-self: end !important;
  text-align: right !important;
}
.detail-score-side.red > small[data-v-c5a3676c],
.detail-score-side.red .detail-side-objectives[data-v-c5a3676c] {
  grid-column: 1/-1 !important;
}
.detail-score-side.red > small[data-v-c5a3676c] {
  text-align: right !important;
}
.detail-score-side.red .detail-side-objectives[data-v-c5a3676c] {
  justify-content: end !important;
}
.detail-score-side.red .detail-side-objectives span[data-v-c5a3676c] {
  justify-content: flex-end !important;
}
@media (max-width: 360px) {
.match-detail-team .detail-combat-row .detail-kda-block[data-v-c5a3676c],
  .match-detail-team .detail-combat-row .detail-player-identity[data-v-c5a3676c] {
    transform: translateX(10px) !important;
}
}
.match-detail-team .detail-team-head[data-v-c5a3676c],
.arena-detail .detail-team-head[data-v-c5a3676c] {
  display: none !important;
}
.detail-head-ai[data-v-c5a3676c] {
  justify-self: end;
}
.detail-head-ai .detail-ai-main[data-v-c5a3676c] {
  min-width: 76px !important;
  height: 30px !important;
  padding: 0 11px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--accent-primary) 16%, transparent) !important;
  color: var(--text-primary) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.detail-head-ai .detail-ai-main[data-v-c5a3676c]:active {
  transform: translateY(1px);
}
.ai-modal[data-v-c5a3676c] {
  padding: 12px 14px max(16px, env(safe-area-inset-bottom)) !important;
}
.ai-head[data-v-c5a3676c] {
  padding: 2px 0 10px !important;
  border-bottom: 0 !important;
}
.ai-head span[data-v-c5a3676c] {
  display: block;
  margin-bottom: 3px;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 700;
}
.ai-head strong[data-v-c5a3676c] {
  display: block;
  color: var(--text-primary);
  font-size: 18px;
  line-height: 1.25;
}
.ai-mode-row[data-v-c5a3676c],
.ai-style-row[data-v-c5a3676c] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px !important;
  margin-top: 8px !important;
  padding: 3px !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--text-primary) 6%, transparent) !important;
}
.ai-style-row[data-v-c5a3676c] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ai-mode-row button[data-v-c5a3676c],
.ai-style-row button[data-v-c5a3676c] {
  height: 32px !important;
  border: 0 !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.ai-mode-row button.active[data-v-c5a3676c],
.ai-style-row button.active[data-v-c5a3676c] {
  background: var(--text-primary) !important;
  color: var(--bg-primary) !important;
}
.ai-note[data-v-c5a3676c] {
  margin: 9px 0 8px !important;
  padding: 8px 9px !important;
  border-radius: 4px !important;
  background: color-mix(in srgb, var(--accent-primary) 8%, transparent) !important;
  color: var(--text-secondary) !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
}
.ai-modal pre[data-v-c5a3676c] {
  min-height: 220px !important;
  max-height: min(48vh, 430px) !important;
  margin: 0 !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: color-mix(in srgb, var(--text-primary) 5%, transparent) !important;
  color: var(--text-primary) !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  white-space: pre-wrap !important;
}
.ai-submit[data-v-c5a3676c] {
  margin-top: 10px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 5px !important;
  background: var(--accent-primary) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}
.ai-submit[data-v-c5a3676c]:disabled {
  opacity: 0.72;
}
.detail-score-bans svg.empty-ban[data-v-c5a3676c] {
  width: 16px !important;
  height: 16px !important;
  flex: 0 0 16px !important;
  align-self: center;
  color: color-mix(in srgb, var(--text-tertiary) 72%, transparent);
  fill: currentColor;
  opacity: 0.64;
}
.match-detail-sheet .match-detail-team[data-v-c5a3676c],
.match-detail-team[data-v-c5a3676c] {
  margin-top: 0 !important;
}
.detail-head-ai .detail-ai-main[data-v-c5a3676c] {
  min-width: 72px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
  background: color-mix(in srgb, var(--accent-primary) 12%, transparent) !important;
  color: var(--accent-primary) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
}
.detail-head-ai .detail-ai-main[data-v-c5a3676c]:hover,
.detail-head-ai .detail-ai-main[data-v-c5a3676c]:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: color-mix(in srgb, var(--accent-primary) 18%, transparent) !important;
}
.detail-head-ai .detail-ai-main[data-v-c5a3676c]:active {
  transform: translateY(1px);
  background: color-mix(in srgb, var(--accent-primary) 22%, transparent) !important;
}
.match-card .kda-stat[data-v-c5a3676c] {
  transform: translateX(-8px) !important;
}
.match-card .kda-stat[data-v-c5a3676c],
.match-card .kda-stat strong[data-v-c5a3676c],
.match-card .kda-stat small[data-v-c5a3676c] {
  overflow: visible !important;
  max-width: none !important;
  text-overflow: clip !important;
}
.match-card .share-grid[data-v-c5a3676c] {
  transform: translateX(0) !important;
}
.match-card[data-v-c5a3676c]::after {
  font-size: 20px !important;
}
.h5-summoner.render-mode[data-v-c5a3676c] {
  padding-bottom: 24px !important;
}
.h5-summoner.render-mode[data-v-c5a3676c] :is(.h5-theme-toggle,
.summary-actions,
.h5-float-actions,
.bottom-nav,
.pager,
.privacy-overlay) {
  display: none !important;
}

/* H5 战绩分片刷新：保留已加载内容，仅覆盖战绩区域 */
.filter-card.match-toolbar[data-v-c5a3676c] {
  grid-template-columns: 58px minmax(0, 1fr) 72px !important;
  gap: 7px !important;
}
.toolbar-size-select[data-v-c5a3676c] {
  min-width: 0;
}
.match-list[data-v-c5a3676c] {
  position: relative;
}
.match-list.is-refreshing[data-v-c5a3676c] {
  min-height: 180px;
}
.h5-matches-refresh-mask[data-v-c5a3676c] {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  padding-top: 54px;
  border-radius: 8px;
  background: color-mix(in srgb, var(--bg-primary) 70%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}
.h5-matches-refresh-spinner[data-v-c5a3676c] {
  width: 15px;
  height: 15px;
  flex: none;
  border: 2px solid color-mix(in srgb, var(--accent-primary) 22%, transparent);
  border-top-color: var(--accent-primary);
  border-radius: 50%;
  animation: h5-match-spin-c5a3676c 0.68s linear infinite;
}
@keyframes h5-match-spin-c5a3676c {
to {
    transform: rotate(360deg);
}
}
.pager-jump[data-v-c5a3676c] {
  min-width: 0;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0 7px;
  border-radius: 5px;
  background: color-mix(in srgb, var(--bg-secondary) 46%, transparent);
  color: var(--text-secondary);
  font-size: 12px;
}
.pager-jump input[data-v-c5a3676c] {
  width: 38px;
  height: 24px;
  padding: 0 3px;
  border: 1px solid color-mix(in srgb, var(--border-primary) 72%, transparent);
  border-radius: 4px;
  outline: 0;
  background: var(--bg-primary);
  color: var(--text-primary);
  font: inherit;
  text-align: center;
  appearance: textfield;
}
.pager-jump input[data-v-c5a3676c]:focus {
  border-color: color-mix(in srgb, var(--accent-primary) 62%, var(--border-primary));
}
.pager-jump input[data-v-c5a3676c]::-webkit-inner-spin-button,
.pager-jump input[data-v-c5a3676c]::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

/* H5 战绩工具栏：隐藏分居左、分页居中、局数与模式位于右侧。 */
.filter-card.match-toolbar[data-v-c5a3676c] {
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
  gap: 7px !important;
}
.toolbar-pager[data-v-c5a3676c] {
  width: min(126px, 100%);
  min-width: 0;
  grid-column: 2;
  justify-self: center;
  display: grid;
  grid-template-columns: minmax(42px, 1fr) 26px minmax(42px, 1fr);
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.toolbar-pager button[data-v-c5a3676c] {
  min-width: 0;
  height: 28px;
  padding: 0 4px;
  border: 1px solid color-mix(in srgb, var(--border-primary) 72%, transparent);
  border-radius: 5px;
  background: var(--bg-secondary);
  color: var(--text-secondary);
  font-size: 10px;
  line-height: 1;
  white-space: nowrap;
}
.toolbar-pager button[data-v-c5a3676c]:disabled {
  opacity: 0.4;
}
.toolbar-page-current[data-v-c5a3676c] {
  min-width: 0;
  color: var(--text-secondary);
  font-size: 11px;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
.toolbar-selects[data-v-c5a3676c] {
  display: grid;
  grid-column: 3;
  justify-self: end;
  grid-template-columns: max-content;
  align-items: center;
  gap: 0;
}
.toolbar-size-select[data-v-c5a3676c] {
  display: block !important;
  width: 100% !important;
  min-width: 0;
}
.toolbar-mode-select[data-v-c5a3676c] {
  display: block !important;
  min-width: 0;
}
.filter-card.match-toolbar > .toolbar-elo-btn[data-v-c5a3676c] {
  width: 52px !important;
  min-width: 0;
  grid-column: 1;
  justify-self: start;
}
.pager.pager-jump-only[data-v-c5a3676c] {
  display: flex !important;
  justify-content: center;
  grid-template-columns: none;
}
.pager-jump-only .pager-jump[data-v-c5a3676c] {
  width: min(150px, 100%);
}
.pager-jump-only .pager-jump span[data-v-c5a3676c] {
  width: auto;
  min-width: 0;
  height: auto;
  background: transparent;
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  font-weight: 400;
}
@media (max-width: 360px) {
.filter-card.match-toolbar[data-v-c5a3676c] {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 4px !important;
}
.toolbar-pager[data-v-c5a3676c] {
    grid-template-columns: minmax(36px, 1fr) 22px minmax(36px, 1fr);
    gap: 2px;
}
.toolbar-pager button[data-v-c5a3676c] {
    padding: 0 2px;
    font-size: 9px;
}
.toolbar-selects[data-v-c5a3676c] {
    grid-template-columns: 42px 88px;
    gap: 3px;
}
}
/* The pager uses equal side columns, so its center is the viewport center rather than the gap between controls. */
.filter-card.match-toolbar .toolbar-selects[data-v-c5a3676c] {
  width: max-content;
  grid-template-columns: max-content;
  gap: 0;
}
.filter-card.match-toolbar .toolbar-mode-select[data-v-c5a3676c] {
  width: var(--mode-select-width, 82px) !important;
  min-width: var(--mode-select-width, 82px) !important;
  max-width: var(--mode-select-width, 164px) !important;
  flex: 0 0 var(--mode-select-width, 82px);
}
@media (max-width: 360px) {
.filter-card.match-toolbar > .toolbar-elo-btn[data-v-c5a3676c] {
    width: 48px !important;
}
.filter-card.match-toolbar .toolbar-pager[data-v-c5a3676c] {
    width: 116px;
}
}
@media (prefers-reduced-motion: reduce) {
.h5-matches-refresh-spinner[data-v-c5a3676c] {
    animation-duration: 1.4s;
}
}.h5-legal[data-v-00f59df5] {
  min-height: 100vh;
  padding: calc(64px + env(safe-area-inset-top, 0px)) 12px calc(84px + env(safe-area-inset-bottom, 0px));
  background: var(--bg-primary);
  color: var(--text-primary);
}
.h5-header[data-v-00f59df5] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 30;
  height: calc(56px + env(safe-area-inset-top, 0px));
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: env(safe-area-inset-top, 0px) 12px 0;
  background: transparent;
  box-shadow: none;
}
.h5-header.solid[data-v-00f59df5] {
  background: color-mix(in srgb, var(--bg-primary) 78%, transparent);
  backdrop-filter: blur(14px) saturate(116%);
  -webkit-backdrop-filter: blur(14px) saturate(116%);
}
.brand[data-v-00f59df5],
.h5-theme-toggle[data-v-00f59df5] {
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  color: var(--text-primary);
}
.brand[data-v-00f59df5] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0;
  font-size: 18px;
  font-weight: 850;
}
.brand img[data-v-00f59df5] {
  width: 28px;
  height: 28px;
}
.h5-theme-toggle[data-v-00f59df5] {
  width: 34px;
  height: 34px;
  padding: 0;
}
.theme-icon[data-v-00f59df5] {
  width: 18px;
  height: 18px;
}
.legal-shell[data-v-00f59df5] {
  min-width: 0;
}
.legal-shell[data-v-00f59df5] .terms-page {
  min-height: auto;
  padding: 0 0 8px;
  background: transparent;
}
.legal-shell[data-v-00f59df5] .terms-container {
  max-width: none;
}
.legal-shell[data-v-00f59df5] .terms-wrapper {
  display: block;
}
.legal-shell[data-v-00f59df5] .terms-sidebar {
  display: none;
}
.legal-shell[data-v-00f59df5] .terms-main {
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.legal-shell[data-v-00f59df5] .terms-header {
  margin-bottom: 14px;
  padding: 2px 0 0;
  text-align: left;
}
.legal-shell[data-v-00f59df5] .terms-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.18;
}
.legal-shell[data-v-00f59df5] .terms-subtitle {
  margin: 7px 0 0;
  font-size: 12px;
}
.legal-shell[data-v-00f59df5] .terms-section {
  margin-bottom: 12px;
  padding: 12px;
  border: 0;
  border-radius: 6px;
  background: color-mix(in srgb, var(--bg-secondary) 34%, transparent);
  box-shadow: none;
}
.legal-shell[data-v-00f59df5] .section-title {
  margin: 0 0 8px;
  font-size: 15px;
}
.legal-shell[data-v-00f59df5] .section-content {
  font-size: 12px;
  line-height: 1.72;
}
.legal-shell[data-v-00f59df5] .section-content p {
  margin: 0 0 8px;
}
.legal-shell[data-v-00f59df5] .section-content ul {
  margin: 6px 0 8px;
  padding-left: 18px;
}
.bottom-nav[data-v-00f59df5] {
  position: fixed;
  left: 10px;
  right: 10px;
  bottom: max(10px, env(safe-area-inset-bottom, 0px));
  z-index: 35;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  width: auto;
  padding: 6px;
  border-radius: 22px;
  background: color-mix(in srgb, var(--bg-secondary) 78%, transparent);
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.22);
  transform: none;
  backdrop-filter: blur(18px) saturate(118%);
  -webkit-backdrop-filter: blur(18px) saturate(118%);
}
.bottom-nav button[data-v-00f59df5] {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 3px;
  height: 46px;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--text-tertiary);
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
  letter-spacing: 0;
}
.bottom-nav button.active[data-v-00f59df5],
.bottom-nav button[data-v-00f59df5]:active {
  background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
  color: var(--text-primary);
  font-weight: 850;
}
.bottom-nav.legal-bottom-nav button[data-v-00f59df5]:not(.active) {
  color: color-mix(in srgb, var(--text-tertiary) 88%, transparent);
}
.bottom-nav.legal-bottom-nav button.active[data-v-00f59df5] {
  background: color-mix(in srgb, var(--accent-primary) 14%, transparent);
  color: var(--text-primary);
}
.bottom-nav.legal-bottom-nav[data-v-00f59df5] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.bottom-nav .back-nav-item[data-v-00f59df5] {
  background: transparent;
  color: var(--text-primary);
}
.bottom-nav svg[data-v-00f59df5] {
  width: 18px;
  height: 18px;
}/* shadow */
/* sizing */
/* spacing */
body, :host {
  --semi-transition_duration-slowest:0ms;
  --semi-transition_duration-slower:0ms;
  --semi-transition_duration-slow:0ms;
  --semi-transition_duration-normal:0ms;
  --semi-transition_duration-fast:0ms;
  --semi-transition_duration-faster:0ms;
  --semi-transition_duration-fastest:0ms;
  --semi-transition_duration-none:0ms;
  --semi-transition_function-linear:linear;
  --semi-transition_function-ease:ease;
  --semi-transition_function-easeIn:ease-in;
  --semi-transition_function-easeOut:ease-out;
  --semi-transition_function-easeInIOut:ease-in-out;
  --semi-transition_delay-none: 0ms;
  --semi-transition_delay-slowest:0ms;
  --semi-transition_delay-slower:0ms;
  --semi-transition_delay-slow:0ms;
  --semi-transition_delay-normal:0ms;
  --semi-transition_delay-fast:0ms;
  --semi-transition_delay-faster:0ms;
  --semi-transition_delay-fastest:0ms;
  --semi-transform_scale-none:scale(1,1);
  --semi-transform_scale-small:scale(1,1);
  --semi-transform_scale-medium:scale(1,1);
  --semi-transform_scale-large:scale(1,1);
  --semi-transform-rotate-none:rotate(0deg);
  --semi-transform_rotate-clockwise90deg:rotate(90deg);
  --semi-transform_rotate-clockwise180deg:rotate(180deg);
  --semi-transform_rotate-clockwise270deg:rotate(270deg);
  --semi-transform_rotate-clockwise360deg:rotate(360deg);
  --semi-transform_rotate-anticlockwise90deg:rotate(-90deg);
  --semi-transform_rotate-anticlockwise180deg:rotate(-180deg);
  --semi-transform_rotate-anticlockwise270deg:rotate(-270deg);
  --semi-transform_rotate-anticlockwise360deg:rotate(-360deg);
}

body, body .semi-always-light, :host, :host .semi-always-light {
  --semi-amber-0: 254,251,235;
  --semi-amber-1: 252,245,206;
  --semi-amber-2: 249,232,158;
  --semi-amber-3: 246,216,111;
  --semi-amber-4: 243,198,65;
  --semi-amber-5: 240,177,20;
  --semi-amber-6: 200,138,15;
  --semi-amber-7: 160,102,10;
  --semi-amber-8: 120,70,6;
  --semi-amber-9: 80,43,3;
  --semi-black: 0,0,0;
  --semi-blue-0: 234,245,255;
  --semi-blue-1: 203,231,254;
  --semi-blue-2: 152,205,253;
  --semi-blue-3: 101,178,252;
  --semi-blue-4: 50,149,251;
  --semi-blue-5: 0,100,250;
  --semi-blue-6: 0,98,214;
  --semi-blue-7: 0,79,179;
  --semi-blue-8: 0,61,143;
  --semi-blue-9: 0,44,107;
  --semi-cyan-0: 229,247,248;
  --semi-cyan-1: 194,239,240;
  --semi-cyan-2: 138,221,226;
  --semi-cyan-3: 88,203,211;
  --semi-cyan-4: 44,184,197;
  --semi-cyan-5: 5,164,182;
  --semi-cyan-6: 3,134,152;
  --semi-cyan-7: 1,105,121;
  --semi-cyan-8: 0,77,91;
  --semi-cyan-9: 0,50,61;
  --semi-green-0: 236,247,236;
  --semi-green-1: 208,240,209;
  --semi-green-2: 164,224,167;
  --semi-green-3: 125,209,130;
  --semi-green-4: 90,194,98;
  --semi-green-5: 59,179,70;
  --semi-green-6: 48,149,59;
  --semi-green-7: 37,119,47;
  --semi-green-8: 27,89,36;
  --semi-green-9: 17,60,24;
  --semi-grey-0: 249,249,249;
  --semi-grey-1: 230,232,234;
  --semi-grey-2: 198,202,205;
  --semi-grey-3: 167,171,176;
  --semi-grey-4: 136,141,146;
  --semi-grey-5: 107,112,117;
  --semi-grey-6: 85,91,97;
  --semi-grey-7: 65,70,76;
  --semi-grey-8: 46,50,56;
  --semi-grey-9: 28,31,35;
  --semi-indigo-0: 236,239,248;
  --semi-indigo-1: 209,216,240;
  --semi-indigo-2: 167,179,225;
  --semi-indigo-3: 128,144,211;
  --semi-indigo-4: 94,111,196;
  --semi-indigo-5: 63,81,181;
  --semi-indigo-6: 51,66,161;
  --semi-indigo-7: 40,52,140;
  --semi-indigo-8: 31,40,120;
  --semi-indigo-9: 23,29,99;
  --semi-light-blue-0: 233,247,253;
  --semi-light-blue-1: 201,236,252;
  --semi-light-blue-2: 149,216,248;
  --semi-light-blue-3: 98,195,245;
  --semi-light-blue-4: 48,172,241;
  --semi-light-blue-5: 0,149,238;
  --semi-light-blue-6: 0,123,202;
  --semi-light-blue-7: 0,99,167;
  --semi-light-blue-8: 0,75,131;
  --semi-light-blue-9: 0,53,95;
  --semi-light-green-0: 243,248,236;
  --semi-light-green-1: 227,240,208;
  --semi-light-green-2: 200,226,165;
  --semi-light-green-3: 173,211,126;
  --semi-light-green-4: 147,197,91;
  --semi-light-green-5: 123,182,60;
  --semi-light-green-6: 100,152,48;
  --semi-light-green-7: 78,121,38;
  --semi-light-green-8: 57,91,27;
  --semi-light-green-9: 37,61,18;
  --semi-lime-0: 242,250,230;
  --semi-lime-1: 227,246,197;
  --semi-lime-2: 203,237,142;
  --semi-lime-3: 183,227,91;
  --semi-lime-4: 167,218,44;
  --semi-lime-5: 155,209,0;
  --semi-lime-6: 126,174,0;
  --semi-lime-7: 99,139,0;
  --semi-lime-8: 72,104,0;
  --semi-lime-9: 47,70,0;
  --semi-orange-0: 255,248,234;
  --semi-orange-1: 254,238,204;
  --semi-orange-2: 254,217,152;
  --semi-orange-3: 253,193,101;
  --semi-orange-4: 253,166,51;
  --semi-orange-5: 252,136,0;
  --semi-orange-6: 210,103,0;
  --semi-orange-7: 168,74,0;
  --semi-orange-8: 126,49,0;
  --semi-orange-9: 84,29,0;
  --semi-pink-0: 253,236,239;
  --semi-pink-1: 251,207,216;
  --semi-pink-2: 246,160,181;
  --semi-pink-3: 242,115,150;
  --semi-pink-4: 237,72,123;
  --semi-pink-5: 233,30,99;
  --semi-pink-6: 197,19,86;
  --semi-pink-7: 162,11,72;
  --semi-pink-8: 126,5,58;
  --semi-pink-9: 90,1,43;
  --semi-purple-0: 247,233,247;
  --semi-purple-1: 239,202,240;
  --semi-purple-2: 221,155,224;
  --semi-purple-3: 201,111,209;
  --semi-purple-4: 180,73,194;
  --semi-purple-5: 158,40,179;
  --semi-purple-6: 135,30,158;
  --semi-purple-7: 113,22,138;
  --semi-purple-8: 92,15,117;
  --semi-purple-9: 73,10,97;
  --semi-red-0: 254,242,237;
  --semi-red-1: 254,221,210;
  --semi-red-2: 253,183,165;
  --semi-red-3: 251,144,120;
  --semi-red-4: 250,102,76;
  --semi-red-5: 249,57,32;
  --semi-red-6: 213,37,21;
  --semi-red-7: 178,20,12;
  --semi-red-8: 142,8,5;
  --semi-red-9: 106,1,3;
  --semi-teal-0: 228,247,244;
  --semi-teal-1: 192,240,232;
  --semi-teal-2: 135,224,211;
  --semi-teal-3: 84,209,193;
  --semi-teal-4: 39,194,176;
  --semi-teal-5: 0,179,161;
  --semi-teal-6: 0,149,137;
  --semi-teal-7: 0,119,111;
  --semi-teal-8: 0,89,85;
  --semi-teal-9: 0,60,58;
  --semi-violet-0: 243,237,249;
  --semi-violet-1: 226,209,244;
  --semi-violet-2: 196,167,233;
  --semi-violet-3: 166,127,221;
  --semi-violet-4: 136,91,210;
  --semi-violet-5: 106,58,199;
  --semi-violet-6: 87,47,179;
  --semi-violet-7: 70,37,158;
  --semi-violet-8: 54,28,138;
  --semi-violet-9: 40,20,117;
  --semi-white: 255,255,255;
  --semi-yellow-0: 255,253,234;
  --semi-yellow-1: 254,251,203;
  --semi-yellow-2: 253,243,152;
  --semi-yellow-3: 252,232,101;
  --semi-yellow-4: 251,218,50;
  --semi-yellow-5: 250,200,0;
  --semi-yellow-6: 208,170,0;
  --semi-yellow-7: 167,139,0;
  --semi-yellow-8: 125,106,0;
  --semi-yellow-9: 83,72,0;
}

body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
  --semi-red-0: 108,9,11;
  --semi-red-1: 144,17,16;
  --semi-red-2: 180,32,25;
  --semi-red-3: 215,51,36;
  --semi-red-4: 251,73,50;
  --semi-red-5: 252,114,90;
  --semi-red-6: 253,153,131;
  --semi-red-7: 253,190,172;
  --semi-red-8: 254,224,213;
  --semi-red-9: 255,243,239;
  --semi-pink-0: 92,7,48;
  --semi-pink-1: 128,14,65;
  --semi-pink-2: 164,23,81;
  --semi-pink-3: 199,34,97;
  --semi-pink-4: 235,47,113;
  --semi-pink-5: 239,86,134;
  --semi-pink-6: 243,126,159;
  --semi-pink-7: 247,168,188;
  --semi-pink-8: 251,211,220;
  --semi-pink-9: 253,238,241;
  --semi-purple-0: 74,16,97;
  --semi-purple-1: 94,23,118;
  --semi-purple-2: 115,31,138;
  --semi-purple-3: 137,40,159;
  --semi-purple-4: 160,51,179;
  --semi-purple-5: 181,83,194;
  --semi-purple-6: 202,120,209;
  --semi-purple-7: 221,160,225;
  --semi-purple-8: 239,206,240;
  --semi-purple-9: 247,235,247;
  --semi-violet-0: 64,27,119;
  --semi-violet-1: 76,36,140;
  --semi-violet-2: 88,46,160;
  --semi-violet-3: 100,57,181;
  --semi-violet-4: 114,70,201;
  --semi-violet-5: 136,101,212;
  --semi-violet-6: 162,136,223;
  --semi-violet-7: 190,173,233;
  --semi-violet-8: 221,212,244;
  --semi-violet-9: 241,238,250;
  --semi-indigo-0: 23,30,101;
  --semi-indigo-1: 32,41,122;
  --semi-indigo-2: 41,54,142;
  --semi-indigo-3: 52,68,163;
  --semi-indigo-4: 64,83,183;
  --semi-indigo-5: 95,113,197;
  --semi-indigo-6: 129,145,212;
  --semi-indigo-7: 167,180,226;
  --semi-indigo-8: 209,216,241;
  --semi-indigo-9: 237,239,248;
  --semi-blue-0: 5,49,112;
  --semi-blue-1: 10,70,148;
  --semi-blue-2: 19,92,184;
  --semi-blue-3: 29,117,219;
  --semi-blue-4: 41,144,255;
  --semi-blue-5: 84,169,255;
  --semi-blue-6: 127,193,255;
  --semi-blue-7: 169,215,255;
  --semi-blue-8: 212,236,255;
  --semi-blue-9: 239,248,255;
  --semi-light-blue-0: 0,55,97;
  --semi-light-blue-1: 0,77,133;
  --semi-light-blue-2: 3,102,169;
  --semi-light-blue-3: 10,129,204;
  --semi-light-blue-4: 19,159,240;
  --semi-light-blue-5: 64,180,243;
  --semi-light-blue-6: 110,200,246;
  --semi-light-blue-7: 157,220,249;
  --semi-light-blue-8: 206,238,252;
  --semi-light-blue-9: 235,248,254;
  --semi-cyan-0: 4,52,61;
  --semi-cyan-1: 7,79,92;
  --semi-cyan-2: 10,108,123;
  --semi-cyan-3: 14,137,153;
  --semi-cyan-4: 19,168,184;
  --semi-cyan-5: 56,187,198;
  --semi-cyan-6: 98,205,212;
  --semi-cyan-7: 145,223,227;
  --semi-cyan-8: 198,239,241;
  --semi-cyan-9: 231,247,248;
  --semi-teal-0: 2,60,57;
  --semi-teal-1: 4,90,85;
  --semi-teal-2: 7,119,111;
  --semi-teal-3: 10,149,136;
  --semi-teal-4: 14,179,161;
  --semi-teal-5: 51,194,176;
  --semi-teal-6: 94,209,193;
  --semi-teal-7: 142,225,211;
  --semi-teal-8: 196,240,232;
  --semi-teal-9: 230,247,244;
  --semi-green-0: 18,60,25;
  --semi-green-1: 28,90,37;
  --semi-green-2: 39,119,49;
  --semi-green-3: 50,149,61;
  --semi-green-4: 62,179,73;
  --semi-green-5: 93,194,100;
  --semi-green-6: 127,209,132;
  --semi-green-7: 166,225,168;
  --semi-green-8: 208,240,209;
  --semi-green-9: 236,247,236;
  --semi-light-green-0: 38,61,19;
  --semi-light-green-1: 59,92,29;
  --semi-light-green-2: 81,123,40;
  --semi-light-green-3: 103,153,52;
  --semi-light-green-4: 127,184,64;
  --semi-light-green-5: 151,198,95;
  --semi-light-green-6: 176,212,129;
  --semi-light-green-7: 201,227,167;
  --semi-light-green-8: 228,241,209;
  --semi-light-green-9: 243,248,237;
  --semi-lime-0: 49,70,3;
  --semi-lime-1: 75,105,5;
  --semi-lime-2: 103,141,9;
  --semi-lime-3: 132,176,12;
  --semi-lime-4: 162,211,17;
  --semi-lime-5: 174,220,58;
  --semi-lime-6: 189,229,102;
  --semi-lime-7: 207,237,150;
  --semi-lime-8: 229,246,201;
  --semi-lime-9: 243,251,233;
  --semi-yellow-0: 84,73,3;
  --semi-yellow-1: 126,108,6;
  --semi-yellow-2: 168,142,10;
  --semi-yellow-3: 210,175,15;
  --semi-yellow-4: 252,206,20;
  --semi-yellow-5: 253,222,67;
  --semi-yellow-6: 253,235,113;
  --semi-yellow-7: 254,245,160;
  --semi-yellow-8: 254,251,208;
  --semi-yellow-9: 255,254,236;
  --semi-amber-0: 81,46,9;
  --semi-amber-1: 121,75,15;
  --semi-amber-2: 161,107,22;
  --semi-amber-3: 202,143,30;
  --semi-amber-4: 242,183,38;
  --semi-amber-5: 245,202,80;
  --semi-amber-6: 247,219,122;
  --semi-amber-7: 250,234,166;
  --semi-amber-8: 252,246,210;
  --semi-amber-9: 254,251,237;
  --semi-orange-0: 85,31,3;
  --semi-orange-1: 128,53,6;
  --semi-orange-2: 170,80,10;
  --semi-orange-3: 213,111,15;
  --semi-orange-4: 255,146,20;
  --semi-orange-5: 255,174,67;
  --semi-orange-6: 255,199,114;
  --semi-orange-7: 255,221,161;
  --semi-orange-8: 255,239,208;
  --semi-orange-9: 255,249,237;
  --semi-grey-0: 28,31,35;
  --semi-grey-1: 46,50,56;
  --semi-grey-2: 65,70,76;
  --semi-grey-3: 85,91,97;
  --semi-grey-4: 107,112,117;
  --semi-grey-5: 136,141,146;
  --semi-grey-6: 167,171,176;
  --semi-grey-7: 198,202,205;
  --semi-grey-8: 230,232,234;
  --semi-grey-9: 249,249,249;
  --semi-white: 255, 255, 255;
  --semi-black: 0, 0, 0;
}

body, body[theme-mode=dark] .semi-always-light, :host, :host .semi-always-light {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  --semi-color-white: rgba(var(--semi-white), 1);
  --semi-color-black: rgba(var(--semi-black), 1);
  --semi-color-primary: rgba(var(--semi-blue-5), 1);
  --semi-color-primary-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-primary-active: rgba(var(--semi-blue-7), 1);
  --semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-primary-light-default: rgba(var(--semi-blue-0), 1);
  --semi-color-primary-light-hover: rgba(var(--semi-blue-1), 1);
  --semi-color-primary-light-active: rgba(var(--semi-blue-2), 1);
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-0), 1);
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-1), 1);
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-2), 1);
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-0), 1);
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-1), 1);
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-2), 1);
  --semi-color-default: rgba(var(--semi-grey-0), 1);
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
  --semi-color-info: rgba(var(--semi-blue-5), 1);
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-info-light-default: rgba(var(--semi-blue-0), 1);
  --semi-color-info-light-hover: rgba(var(--semi-blue-1), 1);
  --semi-color-info-light-active: rgba(var(--semi-blue-2), 1);
  --semi-color-success: rgba(var(--semi-green-5), 1);
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
  --semi-color-success-light-default: rgba(var(--semi-green-0), 1);
  --semi-color-success-light-hover: rgba(var(--semi-green-1), 1);
  --semi-color-success-light-active: rgba(var(--semi-green-2), 1);
  --semi-color-danger: rgba(var(--semi-red-5), 1);
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
  --semi-color-danger-light-default: rgba(var(--semi-red-0), 1);
  --semi-color-danger-light-hover: rgba(var(--semi-red-1), 1);
  --semi-color-danger-light-active: rgba(var(--semi-red-2), 1);
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
  --semi-color-warning-light-default: rgba(var(--semi-orange-0), 1);
  --semi-color-warning-light-hover: rgba(var(--semi-orange-1), 1);
  --semi-color-warning-light-active: rgba(var(--semi-orange-2), 1);
  --semi-color-focus-border: rgba(var(--semi-blue-5), 1);
  --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
  --semi-color-shadow: rgba(var(--semi-black), .04);
  --semi-color-link: rgba(var(--semi-blue-5), 1);
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
  --semi-color-border: rgba(var(--semi-grey-9), .08);
  --semi-color-nav-bg: rgba(var(--semi-white), 1);
  --semi-color-overlay-bg: rgba(22, 22, 26, .6);
  --semi-color-fill-0: rgba(var(--semi-grey-8), .05);
  --semi-color-fill-1: rgba(var(--semi-grey-8), .09);
  --semi-color-fill-2: rgba(var(--semi-grey-8), .13);
  --semi-color-bg-0: rgba(var(--semi-white), 1);
  --semi-color-bg-1: rgba(var(--semi-white), 1);
  --semi-color-bg-2: rgba(var(--semi-white), 1);
  --semi-color-bg-3: rgba(var(--semi-white), 1);
  --semi-color-bg-4: rgba(var(--semi-white), 1);
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
  --semi-color-text-1: rgba(var(--semi-grey-9), .8);
  --semi-color-text-2: rgba(var(--semi-grey-9), .62);
  --semi-color-text-3: rgba(var(--semi-grey-9), .35);
  --semi-shadow-elevated: 0 0 1px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .1);
  --semi-border-radius-extra-small: 3px;
  --semi-border-radius-small: 3px;
  --semi-border-radius-medium: 6px;
  --semi-border-radius-large: 12px;
  --semi-border-radius-circle: 50%;
  --semi-border-radius-full: 9999px;
  --semi-color-highlight-bg: rgba(var(--semi-yellow-4), 1);
  --semi-color-highlight: rgba(var(--semi-black), 1);
  --semi-color-data-0: rgba(87, 105, 255, 1);
  --semi-color-data-1: rgba(142, 212, 231, 1);
  --semi-color-data-2: rgba(245, 135, 0, 1);
  --semi-color-data-3: rgba(220, 183, 252, 1);
  --semi-color-data-4: rgba(74, 156, 247, 1);
  --semi-color-data-5: rgba(243, 204, 53, 1);
  --semi-color-data-6: rgba(254, 128, 144, 1);
  --semi-color-data-7: rgba(139, 215, 210, 1);
  --semi-color-data-8: rgba(131, 176, 35, 1);
  --semi-color-data-9: rgba(233, 165, 229, 1);
  --semi-color-data-10: rgba(48, 167, 206, 1);
  --semi-color-data-11: rgba(249, 192, 100, 1);
  --semi-color-data-12: rgba(177, 113, 249, 1);
  --semi-color-data-13: rgba(119, 182, 249, 1);
  --semi-color-data-14: rgba(200, 143, 2, 1);
  --semi-color-data-15: rgba(255, 170, 178, 1);
  --semi-color-data-16: rgba(51, 176, 171, 1);
  --semi-color-data-17: rgba(182, 215, 129, 1);
  --semi-color-data-18: rgba(212, 88, 212, 1);
  --semi-color-data-19: rgba(188, 198, 255, 1);
}

body[theme-mode=dark], body .semi-always-dark, :host([theme-mode=dark]), :host .semi-always-dark {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  --semi-color-white: rgba(228, 231, 245, 1);
  --semi-color-black: rgba(var(--semi-black), 1);
  --semi-color-primary: rgba(var(--semi-blue-5), 1);
  --semi-color-primary-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-primary-active: rgba(var(--semi-blue-7), 1);
  --semi-color-primary-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-primary-light-default: rgba(var(--semi-blue-5), .2);
  --semi-color-primary-light-hover: rgba(var(--semi-blue-5), .3);
  --semi-color-primary-light-active: rgba(var(--semi-blue-5), .4);
  --semi-color-secondary: rgba(var(--semi-light-blue-5), 1);
  --semi-color-secondary-hover: rgba(var(--semi-light-blue-6), 1);
  --semi-color-secondary-active: rgba(var(--semi-light-blue-7), 1);
  --semi-color-secondary-disabled: rgba(var(--semi-light-blue-2), 1);
  --semi-color-secondary-light-default: rgba(var(--semi-light-blue-5), .2);
  --semi-color-secondary-light-hover: rgba(var(--semi-light-blue-5), .3);
  --semi-color-secondary-light-active: rgba(var(--semi-light-blue-5), .4);
  --semi-color-tertiary: rgba(var(--semi-grey-5), 1);
  --semi-color-tertiary-hover: rgba(var(--semi-grey-6), 1);
  --semi-color-tertiary-active: rgba(var(--semi-grey-7), 1);
  --semi-color-tertiary-light-default: rgba(var(--semi-grey-5), .2);
  --semi-color-tertiary-light-hover: rgba(var(--semi-grey-5), .3);
  --semi-color-tertiary-light-active: rgba(var(--semi-grey-5), .4);
  --semi-color-default: rgba(var(--semi-grey-0), 1);
  --semi-color-default-hover: rgba(var(--semi-grey-1), 1);
  --semi-color-default-active: rgba(var(--semi-grey-2), 1);
  --semi-color-info: rgba(var(--semi-blue-5), 1);
  --semi-color-info-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-info-active: rgba(var(--semi-blue-7), 1);
  --semi-color-info-disabled: rgba(var(--semi-blue-2), 1);
  --semi-color-info-light-default: rgba(var(--semi-blue-5), .2);
  --semi-color-info-light-hover: rgba(var(--semi-blue-5), .3);
  --semi-color-info-light-active: rgba(var(--semi-blue-5), .4);
  --semi-color-success: rgba(var(--semi-green-5), 1);
  --semi-color-success-hover: rgba(var(--semi-green-6), 1);
  --semi-color-success-active: rgba(var(--semi-green-7), 1);
  --semi-color-success-disabled: rgba(var(--semi-green-2), 1);
  --semi-color-success-light-default: rgba(var(--semi-green-5), .2);
  --semi-color-success-light-hover: rgba(var(--semi-green-5), .3);
  --semi-color-success-light-active: rgba(var(--semi-green-5), .4);
  --semi-color-danger: rgba(var(--semi-red-5), 1);
  --semi-color-danger-hover: rgba(var(--semi-red-6), 1);
  --semi-color-danger-active: rgba(var(--semi-red-7), 1);
  --semi-color-danger-light-default: rgba(var(--semi-red-5), .2);
  --semi-color-danger-light-hover: rgba(var(--semi-red-5), .3);
  --semi-color-danger-light-active: rgba(var(--semi-red-5), .4);
  --semi-color-warning: rgba(var(--semi-orange-5), 1);
  --semi-color-warning-hover: rgba(var(--semi-orange-6), 1);
  --semi-color-warning-active: rgba(var(--semi-orange-7), 1);
  --semi-color-warning-light-default: rgba(var(--semi-orange-5), .2);
  --semi-color-warning-light-hover: rgba(var(--semi-orange-5), .3);
  --semi-color-warning-light-active: rgba(var(--semi-orange-5), .4);
  --semi-color-focus-border: rgba(var(--semi-blue-5), 1);
  --semi-color-disabled-text: rgba(var(--semi-grey-9), .35);
  --semi-color-disabled-border: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-bg: rgba(var(--semi-grey-1), 1);
  --semi-color-disabled-fill: rgba(var(--semi-grey-8), .04);
  --semi-color-link: rgba(var(--semi-blue-5), 1);
  --semi-color-link-hover: rgba(var(--semi-blue-6), 1);
  --semi-color-link-active: rgba(var(--semi-blue-7), 1);
  --semi-color-link-visited: rgba(var(--semi-blue-5), 1);
  --semi-color-nav-bg: rgba(35, 36, 41, 1);
  --semi-shadow-elevated: inset 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 14px rgba(0, 0, 0, .25);
  --semi-color-overlay-bg: rgba(22, 22, 26, .6);
  --semi-color-fill-0: rgba(var(--semi-white), .12);
  --semi-color-fill-1: rgba(var(--semi-white), .16);
  --semi-color-fill-2: rgba(var(--semi-white), .20);
  --semi-color-border: rgba(var(--semi-white), .08);
  --semi-color-shadow: rgba(var(--semi-black), .04);
  --semi-color-bg-0: rgba(22, 22, 26, 1);
  --semi-color-bg-1: rgba(35, 36, 41, 1);
  --semi-color-bg-2: rgba(53, 54, 60, 1);
  --semi-color-bg-3: rgba(67, 68, 74, 1);
  --semi-color-bg-4: rgba(79, 81, 89, 1);
  --semi-color-text-0: rgba(var(--semi-grey-9), 1);
  --semi-color-text-1: rgba(var(--semi-grey-9), .8);
  --semi-color-text-2: rgba(var(--semi-grey-9), .6);
  --semi-color-text-3: rgba(var(--semi-grey-9), .35);
  --semi-border-radius-extra-small: 3px;
  --semi-border-radius-small: 3px;
  --semi-border-radius-medium: 6px;
  --semi-border-radius-large: 12px;
  --semi-border-radius-circle: 50%;
  --semi-border-radius-full: 9999px;
  --semi-color-highlight-bg: rgba(var(--semi-yellow-2), 1);
  --semi-color-highlight: rgba(var(--semi-white), 1);
  --semi-color-data-0: rgba(94, 109, 194, 1);
  --semi-color-data-1: rgba(8, 104, 120, 1);
  --semi-color-data-2: rgba(250, 173, 63, 1);
  --semi-color-data-3: rgba(76, 43, 156, 1);
  --semi-color-data-4: rgba(16, 125, 248, 1);
  --semi-color-data-5: rgba(248, 202, 16, 1);
  --semi-color-data-6: rgba(195, 30, 87, 1);
  --semi-color-data-7: rgba(5, 119, 115, 1);
  --semi-color-data-8: rgba(154, 207, 13, 1);
  --semi-color-data-9: rgba(117, 29, 138, 1);
  --semi-color-data-10: rgba(16, 162, 180, 1);
  --semi-color-data-11: rgba(208, 110, 11, 1);
  --semi-color-data-12: rgba(113, 66, 197, 1);
  --semi-color-data-13: rgba(7, 100, 212, 1);
  --semi-color-data-14: rgba(251, 232, 110, 1);
  --semi-color-data-15: rgba(160, 19, 73, 1);
  --semi-color-data-16: rgba(11, 179, 167, 1);
  --semi-color-data-17: rgba(98, 138, 6, 1);
  --semi-color-data-18: rgba(162, 48, 179, 1);
  --semi-color-data-19: rgba(40, 51, 138, 1);
}

.semi-light-scrollbar::-webkit-scrollbar, .semi-light-scrollbar *::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.semi-light-scrollbar::-webkit-scrollbar-track, .semi-light-scrollbar *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0);
}
.semi-light-scrollbar::-webkit-scrollbar-corner, .semi-light-scrollbar *::-webkit-scrollbar-corner {
  background-color: rgba(0, 0, 0, 0);
}
.semi-light-scrollbar::-webkit-scrollbar-thumb, .semi-light-scrollbar *::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: transparent;
  transition: all 1s;
}
.semi-light-scrollbar:hover::-webkit-scrollbar-thumb, .semi-light-scrollbar *:hover::-webkit-scrollbar-thumb {
  background: var(--semi-color-fill-2);
}
.semi-light-scrollbar::-webkit-scrollbar-thumb:hover, .semi-light-scrollbar *::-webkit-scrollbar-thumb:hover {
  background: var(--semi-color-fill-1);
}/* shadow */
/* sizing */
/* spacing */
@keyframes semi-tooltip-zoomIn {
  from {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  50% {
    opacity: 1;
  }
}
@keyframes semi-tooltip-bounceIn {
  from {
    opacity: 0;
    transform: scale(0.6, 0.6);
  }
  70% {
    opacity: 1;
    transform: scale(1.01, 1.01);
  }
  to {
    opacity: 1;
    transform: scale(1, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
@keyframes semi-tooltip-zoomOut {
  from {
    opacity: 1;
  }
  60% {
    opacity: 0;
    transform: scale(0.8, 0.8);
  }
  to {
    opacity: 0;
  }
}
.semi-tooltip-wrapper {
  position: relative;
  background-color: rgba(var(--semi-grey-7), 1);
  color: var(--semi-color-bg-0);
  border-radius: var(--semi-border-radius-medium);
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  font-size: 14px;
  left: 0;
  top: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  opacity: 0;
  max-width: 240px;
}
.semi-tooltip-wrapper-show {
  opacity: 1;
}
.semi-tooltip-content {
  min-width: 0;
}
.semi-tooltip-trigger {
  display: inline-block;
  width: auto;
  height: auto;
}
.semi-tooltip-with-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.semi-tooltip-animation-show {
  animation: semi-tooltip-zoomIn 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}
.semi-tooltip-animation-hide {
  animation: semi-tooltip-zoomOut 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
  animation-fill-mode: forwards;
}

.semi-tooltip-wrapper .semi-tooltip-icon-arrow {
  height: 7px;
  width: 24px;
  position: absolute;
  color: rgba(var(--semi-grey-7), 1);
}
.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-icon-arrow {
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
}
.semi-tooltip-wrapper[x-placement=top].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=top] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-icon-arrow {
  bottom: -6px;
  left: 6px;
}
.semi-tooltip-wrapper[x-placement=topLeft].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=topLeft] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-icon-arrow {
  bottom: -6px;
  right: 6px;
}
.semi-tooltip-wrapper[x-placement=topRight].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=topRight] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  right: -6px;
  top: 5px;
}
.semi-tooltip-wrapper[x-placement=leftTop].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=leftTop] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
}
.semi-tooltip-wrapper[x-placement=left].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=left] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  right: -6px;
  bottom: 5px;
}
.semi-tooltip-wrapper[x-placement=leftBottom].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=leftBottom] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  left: -6px;
  top: 5px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=rightTop].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=rightTop] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  left: -6px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=right].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=right] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-icon-arrow {
  width: 7px;
  height: 24px;
  left: -6px;
  bottom: 5px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=rightBottom].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=rightBottom] .semi-tooltip-with-arrow {
  min-height: 34px;
}
.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-icon-arrow {
  top: -6px;
  left: 6px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=bottomLeft].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=bottomLeft] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-icon-arrow {
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=bottom].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=bottom] .semi-tooltip-with-arrow {
  min-width: 36px;
}
.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-icon-arrow {
  right: 6px;
  top: -6px;
  transform: rotate(180deg);
}
.semi-tooltip-wrapper[x-placement=bottomRight].semi-tooltip-with-arrow,
.semi-tooltip-wrapper[x-placement=bottomRight] .semi-tooltip-with-arrow {
  min-width: 36px;
}

.semi-rtl .semi-tooltip-wrapper,
.semi-portal-rtl .semi-tooltip-wrapper {
  direction: rtl;
  padding-right: 12px;
  padding-left: 12px;
  left: auto;
  right: 0;
}/* shadow */
/* sizing */
/* spacing */
.semi-portal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.semi-portal-inner {
  position: absolute;
  background-color: transparent;
  min-width: max-content;
}/* shadow */
/* sizing */
/* spacing */
.semi-icon {
  display: inline-block;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  text-rendering: optimizeLegibility;
  fill: currentColor;
}

.semi-icon-extra-small {
  font-size: 8px;
}

.semi-icon-small {
  font-size: 12px;
}

.semi-icon-default {
  font-size: 16px;
}

.semi-icon-large {
  font-size: 20px;
}

.semi-icon-extra-large {
  font-size: 24px;
}

.semi-icon-spinning {
  animation: 0.6s linear infinite semi-icon-animation-rotate;
  animation-fill-mode: forwards;
}

@keyframes semi-icon-animation-rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}/* shadow */
/* sizing */
/* spacing */
.semi-button-split {
  display: inline-block;
}
.semi-button-split .semi-button {
  border-radius: 0;
  margin-right: 1px;
}
.semi-button-split .semi-button-first {
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-button-split .semi-button-last {
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
  margin-right: unset;
}
.semi-button-split:hover .semi-button-borderless:active {
  background-color: var(--semi-color-fill-1);
}

.semi-button {
  box-shadow: none;
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  border: 0 transparent solid;
  border-radius: var(--semi-border-radius-small);
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-weight: 600;
  outline: none;
  vertical-align: middle;
  white-space: nowrap;
}
.semi-button.semi-button-primary:focus-visible, .semi-button.semi-button-secondary:focus-visible, .semi-button.semi-button-tertiary:focus-visible, .semi-button.semi-button-warning:focus-visible, .semi-button.semi-button-danger:focus-visible {
  outline: 2px solid var(--semi-color-primary-light-active);
}
.semi-button-content {
  display: flex;
  align-items: center;
}
.semi-button-danger {
  background-color: var(--semi-color-danger);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-danger-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-danger-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-danger-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-danger:hover {
  background-color: var(--semi-color-danger-hover);
}
.semi-button-danger:active {
  background-color: var(--semi-color-danger-active);
}
.semi-button-danger.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-danger);
}
.semi-button-danger.semi-button-light, .semi-button-danger.semi-button-outline, .semi-button-danger.semi-button-borderless {
  color: var(--semi-color-danger);
}
.semi-button-danger:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
  outline: 2px solid var(--semi-color-danger-light-active);
}
.semi-button-warning {
  background-color: var(--semi-color-warning);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-warning-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-warning-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-warning-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-warning:hover {
  background-color: var(--semi-color-warning-hover);
}
.semi-button-warning:active {
  background-color: var(--semi-color-warning-active);
}
.semi-button-warning.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-warning);
}
.semi-button-warning.semi-button-light, .semi-button-warning.semi-button-outline, .semi-button-warning.semi-button-borderless {
  color: var(--semi-color-warning);
}
.semi-button-warning:not(.semi-button-borderless):not(.semi-button-light):focus-visible {
  outline: 2px solid var(--semi-color-warning-light-active);
}
.semi-button-tertiary {
  background-color: var(--semi-color-tertiary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-tertiary-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-tertiary-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-tertiary-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-tertiary:hover {
  background-color: var(--semi-color-tertiary-hover);
}
.semi-button-tertiary:active {
  background-color: var(--semi-color-tertiary-active);
}
.semi-button-tertiary.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-tertiary.semi-button-light, .semi-button-tertiary.semi-button-outline, .semi-button-tertiary.semi-button-borderless {
  color: var(--semi-color-text-1);
}
.semi-button-primary {
  background-color: var(--semi-color-primary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-primary-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-primary-disabled.semi-button-light {
  background: var(--semi-color-fill-0);
}
.semi-button-primary-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):hover {
  background-color: var(--semi-color-primary-hover);
}
.semi-button-primary.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-primary:not(.semi-button-borderless):not(.semi-button-light):not(.semi-button-outline):active {
  background-color: var(--semi-color-primary-active);
}
.semi-button-primary.semi-button-light, .semi-button-primary.semi-button-outline, .semi-button-primary.semi-button-borderless {
  color: var(--semi-color-primary);
}
.semi-button-secondary {
  background-color: var(--semi-color-secondary);
  outline-color: var(--semi-color-secondary);
  color: rgba(var(--semi-white), 1);
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-secondary-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-secondary-disabled.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-secondary-disabled.semi-button-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-secondary.semi-button-outline {
  background-color: transparent;
  border: 1px solid var(--semi-color-border);
}
.semi-button-secondary:hover {
  background-color: var(--semi-color-secondary-hover);
}
.semi-button-secondary:active {
  background-color: var(--semi-color-secondary-active);
}
.semi-button-secondary.semi-button-light, .semi-button-secondary.semi-button-outline, .semi-button-secondary.semi-button-borderless {
  color: var(--semi-color-secondary);
}
.semi-button-disabled {
  color: var(--semi-color-disabled-text);
  cursor: not-allowed;
}
.semi-button-disabled:not(.semi-button-borderless):not(.semi-button-light):hover {
  color: var(--semi-color-disabled-text);
}
.semi-button-disabled.semi-button-light, .semi-button-disabled.semi-button-borderless {
  color: var(--semi-color-disabled-text);
}
.semi-button-borderless {
  background-color: transparent;
  border: 0 transparent solid;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-borderless:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-0);
  border: 0 transparent solid;
}
.semi-button-borderless:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-1);
  border: 0 transparent solid;
}
.semi-button-outline {
  background-color: transparent;
}
.semi-button-outline:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-0);
}
.semi-button-outline:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-1);
}
.semi-button-light {
  background-color: var(--semi-color-fill-0);
  border: 0 transparent solid;
  transition: background-color var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none), border var(--semi-transition_duration-none) var(--semi-transition_function-easeIn) var(--semi-transition_delay-none);
  transform: scale(var(--semi-transform_scale-none));
}
.semi-button-light:not(.semi-button-disabled):hover {
  background-color: var(--semi-color-fill-1);
  border: 0 transparent solid;
}
.semi-button-light:not(.semi-button-disabled):active {
  background-color: var(--semi-color-fill-2);
  border: 0 transparent solid;
}
.semi-button-size-small {
  height: 24px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-size-large {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
}
.semi-button-block {
  width: 100%;
}
.semi-button-group {
  display: flex;
  flex-wrap: wrap;
}
.semi-button-group > .semi-button {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-button-group > .semi-button:first-child {
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-button-group > .semi-button:last-child {
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}
.semi-button-group > .semi-button-outline:not(:last-child) {
  border-right-color: transparent;
  margin-right: -1px;
}
.semi-button-group-line {
  display: inline-flex;
  align-items: center;
  background-color: var(--semi-color-border);
}
.semi-button-group-line-primary {
  background-color: var(--semi-color-primary);
}
.semi-button-group-line-secondary {
  background-color: var(--semi-color-secondary);
}
.semi-button-group-line-tertiary {
  background-color: var(--semi-color-tertiary);
}
.semi-button-group-line-warning {
  background-color: var(--semi-color-warning);
}
.semi-button-group-line-danger {
  background-color: var(--semi-color-danger);
}
.semi-button-group-line-disabled {
  background-color: var(--semi-color-disabled-bg);
}
.semi-button-group-line-light {
  background-color: var(--semi-color-fill-0);
}
.semi-button-group-line-borderless {
  background-color: transparent;
}
.semi-button-group-line::before {
  display: block;
  content: "";
  width: 1px;
  height: 20px;
  background-color: var(--semi-color-border);
}

.semi-rtl .semi-button,
.semi-portal-rtl .semi-button {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-small,
.semi-portal-rtl .semi-button-size-small {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-large,
.semi-portal-rtl .semi-button-size-large {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group,
.semi-portal-rtl .semi-button-group {
  direction: rtl;
}
.semi-rtl .semi-button-group > .semi-button,
.semi-portal-rtl .semi-button-group > .semi-button {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button:first-child,
.semi-portal-rtl .semi-button-group > .semi-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
  border-left: 1px var(--semi-color-border) solid;
  border-right: 0;
}
.semi-rtl .semi-button-group > .semi-button:last-child,
.semi-portal-rtl .semi-button-group > .semi-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-content-left,
.semi-portal-rtl .semi-button-content-left {
  margin-left: 8px;
  margin-right: 0;
}
.semi-rtl .semi-button-content-right,
.semi-portal-rtl .semi-button-content-right {
  margin-right: 8px;
  margin-left: 0;
}/* shadow */
/* sizing */
/* spacing */
.semi-button.semi-button-with-icon {
  display: inline-flex;
  align-items: center;
}
.semi-button.semi-button-with-icon .semi-button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.semi-button.semi-button-loading {
  pointer-events: none;
  cursor: not-allowed;
}
.semi-button.semi-button-loading .semi-button-content > svg {
  width: 16px;
  height: 16px;
  animation: 0.6s linear infinite semi-animation-rotate;
  animation-fill-mode: forwards;
}
.semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  justify-content: center;
  align-items: center;
}
.semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.semi-button-content-left {
  margin-right: 8px;
  display: flex;
  align-items: center;
}
.semi-button-content-right {
  margin-left: 8px;
  display: flex;
  align-items: center;
}

.semi-rtl .semi-button,
.semi-portal-rtl .semi-button {
  direction: rtl;
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-small,
.semi-portal-rtl .semi-button-size-small {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-size-large,
.semi-portal-rtl .semi-button-size-large {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group,
.semi-portal-rtl .semi-button-group {
  direction: rtl;
}
.semi-rtl .semi-button-group > .semi-button,
.semi-portal-rtl .semi-button-group > .semi-button {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-large .semi-button-content {
  padding-left: 16px;
  padding-right: 16px;
}
.semi-rtl .semi-button-group > .semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button-size-small .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only {
  padding-left: 0;
  padding-right: 0;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only .semi-button-content {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-small .semi-button-content {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button.semi-button-with-icon-only.semi-button-size-large .semi-button-content {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-group > .semi-button:first-child,
.semi-portal-rtl .semi-button-group > .semi-button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: var(--semi-border-radius-small);
  border-bottom-right-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content,
.semi-portal-rtl .semi-button-group > .semi-button:not(:last-child) .semi-button-content {
  border-left: 1px var(--semi-color-border) solid;
  border-right: 0;
}
.semi-rtl .semi-button-group > .semi-button:last-child,
.semi-portal-rtl .semi-button-group > .semi-button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--semi-border-radius-small);
  border-bottom-left-radius: var(--semi-border-radius-small);
}
.semi-rtl .semi-button.semi-button-with-icon-only,
.semi-portal-rtl .semi-button.semi-button-with-icon-only {
  padding-left: 8px;
  padding-right: 8px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-small {
  padding-left: 4px;
  padding-right: 4px;
}
.semi-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large,
.semi-portal-rtl .semi-button.semi-button-with-icon-only.semi-button-size-large {
  padding-left: 12px;
  padding-right: 12px;
}
.semi-rtl .semi-button-content-left,
.semi-portal-rtl .semi-button-content-left {
  margin-left: 8px;
  margin-right: 0;
}
.semi-rtl .semi-button-content-right,
.semi-portal-rtl .semi-button-content-right {
  margin-right: 8px;
  margin-left: 0;
}/* shadow */
/* sizing */
/* spacing */
.semi-toast {
  pointer-events: none;
}
.semi-toast-wrapper {
  position: fixed;
  height: 0;
  top: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1010;
}
.semi-toast-wrapper .semi-toast-innerWrapper {
  width: fit-content;
  height: fit-content;
  text-align: center;
}
.semi-toast-wrapper .semi-toast-innerWrapper-hover .semi-toast-zero-height-wrapper {
  perspective: unset;
  perspective-origin: center center;
}
.semi-toast-zero-height-wrapper {
  transition: all 300ms cubic-bezier(0.22, 0.57, 0.02, 1.2);
  perspective-origin: center 280px;
  perspective: 280px;
  height: 0;
  overflow: visible;
}
.semi-toast-content {
  pointer-events: all;
  box-shadow: var(--semi-shadow-elevated);
  font-size: 14px;
  line-height: 20px;
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: var(--semi-color-bg-3);
  border-radius: var(--semi-border-radius-medium);
  padding: 12px 8px 12px 8px;
  display: inline-flex;
  align-items: flex-start;
  justify-content: center;
  margin: 12px;
  font-weight: 600;
  color: var(--semi-color-text-0);
}
.semi-toast-content .semi-toast-close-button {
  margin-top: -2px;
  height: 20px;
}
.semi-toast-content .semi-toast-content-text {
  margin-left: 12px;
  margin-right: 12px;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.semi-toast-light.semi-toast-warning .semi-toast-content {
  background-color: var(--semi-color-warning-light-default);
  border: 1px solid var(--semi-color-warning);
}
.semi-toast-light.semi-toast-warning .semi-toast-icon-warning {
  color: var(--semi-color-warning);
}
.semi-toast-light.semi-toast-success .semi-toast-content {
  background-color: var(--semi-color-success-light-default);
  border: 1px solid var(--semi-color-success);
}
.semi-toast-light.semi-toast-success .semi-toast-icon-success {
  color: var(--semi-color-success);
}
.semi-toast-light.semi-toast-info .semi-toast-content {
  background-color: var(--semi-color-info-light-default);
  border: 1px solid var(--semi-color-info);
}
.semi-toast-light.semi-toast-info .semi-toast-icon-info {
  color: var(--semi-color-info);
}
.semi-toast-light.semi-toast-error .semi-toast-content {
  background-color: var(--semi-color-danger-light-default);
  border: 1px solid var(--semi-color-danger);
}
.semi-toast-light.semi-toast-error .semi-toast-icon-error {
  color: var(--semi-color-danger);
}
.semi-toast .semi-toast-icon-warning {
  color: var(--semi-color-warning);
}
.semi-toast .semi-toast-icon-success {
  color: var(--semi-color-success);
}
.semi-toast .semi-toast-icon-info {
  color: var(--semi-color-info);
}
.semi-toast .semi-toast-icon-error {
  color: var(--semi-color-danger);
}
.semi-toast-animation-show {
  animation: 300ms semi-toast-keyframe-toast-show cubic-bezier(0.22, 0.57, 0.02, 1.2) 0s;
  animation-fill-mode: forwards;
}
.semi-toast-animation-hide {
  animation: 300ms semi-toast-keyframe-toast-hide cubic-bezier(0.22, 0.57, 0.02, 1.2) 0s;
  animation-fill-mode: forwards;
}
@keyframes semi-toast-keyframe-toast-show {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
  }
}
@keyframes semi-toast-keyframe-toast-hide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-100%);
  }
}

.semi-toast-rtl {
  direction: rtl;
}
.semi-toast-rtl .semi-toast-content .semi-toast-content-text {
  text-align: right;
  margin-left: 12px;
  margin-right: 12px;
}:root{font-family:OPPO Sans,HarmonyOS Sans SC,Microsoft YaHei,Arial,sans-serif;color-scheme:light dark;font-synthesis:none;--accent:#4f83e9;--accent-2:#2767d8;--win:#5186e8;--loss:#ef5064;--bg:#eef0f4;--page:#f5f6f8;--surface:#fff;--surface-2:#f4f5f8;--surface-3:#e9ebf0;--line:#e0e3e9;--text:#202635;--muted:#7f8797;--soft:#a8afbc;--shadow:0 1px 2px rgba(16,24,40,.04)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-size:12px}body{background:var(--bg);color:var(--text)}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{text-decoration:none;color:inherit}.app-root{min-height:100vh;background:var(--bg);color:var(--text);transition:.2s}.theme-dark{--bg:#191a1e;--page:#1b1c20;--surface:#30313a;--surface-2:#292a32;--surface-3:#383946;--line:#41434f;--text:#f1f2f6;--muted:#a2a5b2;--soft:#6e7282;--shadow:none;color-scheme:dark}.theme-light{color-scheme:light}.detail-main{min-height:100vh}.floating-theme{position:fixed;right:0;top:44%;width:19px;height:32px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:4px 0 0 4px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--accent);z-index:50}.home-main,.home-page{min-height:100vh}.home-page{position:relative;background:var(--page);display:flex;flex-direction:column;padding-top:48px}.theme-dark .home-page{--page:#07080a;--surface:#101116;--surface-2:#121319;--line:#1e2028;--text:#f3f4f6;--muted:#8b8e99;--soft:#565963}.home-nav{position:absolute;left:0;right:0;top:0;height:48px;z-index:10;background:transparent}.home-nav-inner{height:100%;max-width:1536px;width:75%;margin:auto;display:flex;align-items:center}.brand{font-size:20px;font-weight:900;letter-spacing:-.6px;margin-right:30px}.nav-links{display:flex;align-items:center;gap:22px;height:100%}.nav-item{position:relative;font-size:12px;font-weight:650;color:var(--muted);white-space:nowrap}.nav-item.active{color:var(--accent)}.new-pill{position:absolute;left:calc(100% + 4px);top:-9px;padding:1px 5px;border-radius:7px;background:#4d7fea;color:#fff;font-size:7px;font-weight:800}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.icon-button,.text-button{color:var(--text);font-weight:650}.icon-button{display:grid;place-items:center;font-size:15px}.hero-section{padding-top:222px;text-align:center}.hero-section h1{font-size:31px;line-height:1.2;margin:0 0 12px;font-weight:500;letter-spacing:-1.7px}.hero-section>p{margin:0 0 23px;color:var(--muted);font-size:12px}.hero-search{width:530px;height:41px;margin:auto;border:1px solid var(--line);border-radius:22px;background:var(--surface);display:flex;align-items:center;padding:0 13px;color:var(--muted);box-shadow:var(--shadow)}.hero-search input{flex:1;border:0;outline:0;background:transparent;padding:0 10px;font-size:12px}.hero-search input::placeholder{color:var(--soft)}.hero-search button{display:grid;place-items:center;color:var(--muted)}.hero-section small{display:block;color:var(--soft);font-size:9px;margin-top:10px}.services-section{width:940px;margin:70px auto 0}.section-kicker{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.section-kicker strong{font-size:12px}.section-kicker span{color:var(--muted);font-size:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px 12px}.service-card{height:104px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:flex;text-align:left;padding:16px;box-shadow:var(--shadow)}.service-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px)}.service-icon{flex:0 0 26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#7956e8;background:#edeaff;font-size:13px}.service-card:nth-child(2) .service-icon{color:#3f7eee;background:#e9f0ff}.service-card:nth-child(3) .service-icon{color:#00a3cf;background:#e6f8fc}.service-card:nth-child(4) .service-icon{color:#586be8;background:#e9ecff}.service-card:nth-child(5) .service-icon{color:#a24ee7;background:#f3e9ff}.service-copy{padding-left:12px;display:flex;min-width:0;flex-direction:column}.service-copy b{font-size:13px;margin-bottom:7px}.service-copy em{font-size:10px;line-height:1.6;font-style:normal;color:var(--muted);white-space:pre-line}.service-copy i{font-size:10px;font-style:normal;color:var(--accent);margin-top:3px}.service-copy u{width:max-content;margin-top:4px;text-decoration:none;border:1px solid var(--line);border-radius:3px;padding:2px 6px;color:var(--soft);font-size:7px}.home-footer{margin-top:auto;padding:0 12px 14px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--muted);font-size:9px;white-space:nowrap}.home-footer b{color:var(--text)}.home-footer b span{color:var(--accent)}.profile-band{height:151px;background:#fff}.theme-dark .profile-band{background:#30313a}.profile-inner{width:654px;height:100%;margin:auto;position:relative;display:flex;align-items:flex-start;padding-top:25px}.profile-avatar-wrap{position:relative;flex:0 0 62px;height:62px;margin-right:14px}.profile-avatar{width:62px;height:62px;border-radius:13px;object-fit:cover;display:block}.profile-avatar-wrap>span{position:absolute;right:4px;bottom:-7px;border-radius:10px;background:#272a31;color:#fff;font-weight:700;font-size:9px;padding:2px 6px;border:2px solid #fff}.theme-dark .profile-avatar-wrap>span{border-color:#30313a}.profile-copy{position:relative;padding-top:0}.pro-label{position:absolute;left:0;top:-13px;background:#8558e9;color:#fff;font-weight:800;font-size:7px;padding:1px 3px;border-radius:2px}.profile-copy h1{font-size:17px;line-height:21px;margin:0;font-weight:800;letter-spacing:-.3px}.profile-copy h1 small{color:var(--muted);font-size:14px;font-weight:500}.profile-copy h1 button{color:var(--soft);font-size:15px}.profile-copy p{margin:3px 0;color:var(--muted);font-size:9px}.profile-copy p b{color:#e94d65}.profile-notice{height:21px;min-width:174px;border:1px solid var(--line);border-radius:4px;padding:4px 8px;font-size:8px;color:var(--muted)}.profile-notice i{color:#f32650;font-style:normal;margin-right:4px}.profile-notice b{float:right}.profile-buttons{display:flex;gap:7px;margin-top:6px}.profile-buttons button{height:23px;padding:0 13px;border-radius:3px;background:var(--accent);color:#fff;font-weight:700;font-size:9px}.profile-buttons button.outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.profile-buttons button:disabled{opacity:.5}.updated{display:block;color:var(--soft);font-size:7px;margin-top:4px}.ad-panel{position:absolute;right:0;top:0;width:244px;height:134px;overflow:hidden;background:linear-gradient(125deg,#171a24,#284a80 60%,#6d4b83);color:#fff;padding:20px}.ad-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 45%,rgba(255,255,255,.15));transform:skew(-15deg)}.ad-panel span{font-size:7px;opacity:.7}.ad-panel b{position:absolute;left:18px;bottom:21px;font-size:15px;line-height:1.1}.ad-panel i{position:absolute;right:8px;top:4px;font-style:normal;font-size:8px;background:#000000a6;padding:4px 8px;border-radius:12px}.detail-tabs,.tft-top-tabs{width:654px;margin:6px auto 4px;height:28px;background:var(--surface);border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;padding:0 10px;gap:21px}.detail-tabs button{height:100%;font-size:9px;font-weight:700;color:var(--text)}.detail-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.detail-tabs span{color:var(--soft);margin-left:2px}.summoner-grid,.tft-grid,.data-grid{width:654px;margin:auto;display:grid;grid-template-columns:202px 448px;gap:4px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:var(--shadow);overflow:hidden}.panel>header{height:25px;display:flex;align-items:center;padding:0 9px;font-size:9px;font-weight:700;border-bottom:1px solid var(--line)}.data-note{padding:6px 9px;margin-bottom:4px;color:#b47918;background:#fff3d8;border:1px solid #efd28e;border-radius:3px;font-size:8px}.theme-dark .data-note{background:#493c21;border-color:#67552d;color:#f2ce7a}.summoner-page{min-height:100vh;background:var(--bg);padding-bottom:20px}.rank-main{height:61px;display:flex;align-items:center;padding:8px}.rank-main>img{width:43px;height:43px;object-fit:contain;margin-right:8px}.rank-main h3{font-size:14px;margin:0 0 3px}.rank-main div b{font-size:8px;color:var(--muted)}.rank-main>small{margin-left:auto;text-align:right;color:var(--muted);font-size:7px;line-height:1.7}.rank-main.secondary{height:52px;border-top:1px solid var(--line)}.rank-main.secondary>img{width:35px;height:35px}.rank-main.secondary h3{font-size:11px}.rank-main.secondary em{margin-left:auto;background:var(--accent);color:#fff;border-radius:8px;padding:2px 7px;font-size:7px;font-style:normal}.season-table{width:100%;border-collapse:collapse;font-size:7px}.season-table th{height:20px;color:var(--muted);font-weight:500;text-align:left}.season-table th:first-child,.season-table td:first-child{padding-left:9px}.season-table td{height:18px;border-top:1px solid var(--line);color:var(--muted)}.season-table td:last-child{text-align:right;padding-right:9px}.more-line{width:100%;height:25px;color:var(--muted);font-size:8px;border-top:1px solid var(--line)}.collapsed{height:24px;margin:4px 0;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:8px}.collapsed span{color:var(--muted)}.style-panel{margin-bottom:4px;padding-bottom:7px}.style-panel p{font-size:7px;color:var(--muted);padding:0 9px;margin:8px 0 4px}.role-row{display:grid;grid-template-columns:repeat(5,1fr);padding:0 9px;gap:3px}.role-row div{height:41px;border:1px solid var(--line);border-radius:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:8px}.role-row div.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.role-row span{font-size:13px}.meter{display:grid;grid-template-columns:52px 1fr 27px;align-items:center;padding:0 9px;height:18px;font-size:7px}.meter i{height:5px;background:var(--surface-3);border-radius:4px;overflow:hidden}.meter u{display:block;height:100%;background:var(--accent);border-radius:4px}.meter b{text-align:right}.heat-panel{margin-bottom:4px;padding-bottom:7px}.heat-panel>div{display:grid;grid-template-columns:34px repeat(12,1fr);gap:2px;padding:3px 8px 0;align-items:center}.heat-panel>div span{font-size:7px}.heat-panel i{height:16px;display:grid;place-items:center;background:var(--surface-3);font-size:6px;font-style:normal;color:var(--muted)}.heat-panel i.hot{background:var(--accent);color:#fff}.champion-summary>header{justify-content:space-between}.champion-stat{height:38px;display:flex;align-items:center;padding:4px 8px;border-top:1px solid var(--line)}.champion-stat>img{width:28px;height:28px;border-radius:50%;object-fit:cover;margin-right:7px}.champion-stat>span{display:flex;flex-direction:column;min-width:74px}.champion-stat b{font-size:8px}.champion-stat small{font-size:6px;color:var(--muted)}.champion-stat>em{margin-left:auto;font-style:normal;color:#13a67d;font-size:8px;display:flex;flex-direction:column;text-align:right}.champion-stat>em small{color:var(--loss)}.match-column{min-width:0}.recent-summary{height:130px;margin-bottom:4px}.recent-summary>header{justify-content:space-between}.summary-content{height:83px;display:grid;grid-template-columns:65px 85px 1fr 85px;align-items:center;padding:5px 10px}.donut{width:49px;height:49px;border-radius:50%;background:conic-gradient(var(--accent) 0 var(--rate),var(--loss) var(--rate) 360deg);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:8px;background:var(--surface);border-radius:50%}.donut b{z-index:1;font-size:9px}.summary-kda{display:flex;flex-direction:column}.summary-kda small{font-size:7px;color:var(--muted)}.summary-kda b{font-size:16px}.summary-kda em{font-style:normal;color:var(--loss);font-size:8px;font-weight:700}.top-champs span{height:21px;display:flex;align-items:center;gap:5px}.top-champs img{width:18px;height:18px;border-radius:50%;object-fit:cover}.top-champs small{font-size:7px;color:var(--muted)}.bars{height:55px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid var(--line)}.bars i{width:9px;background:var(--surface-3)}.bars i.active{background:var(--accent)}.recent-summary footer{height:21px;border-top:1px solid var(--line);padding:5px 10px;text-align:right;color:var(--accent);font-size:7px}.ai-chips{height:27px;display:flex;gap:4px;overflow:hidden}.ai-chips button{white-space:nowrap;height:20px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:0 8px;color:var(--text);font-size:7px}.match-row{height:66px;margin-bottom:4px;border-left:3px solid var(--loss);background:color-mix(in srgb,var(--loss) 14%,var(--surface));border-radius:3px;display:grid;grid-template-columns:80px 108px 71px 63px 99px 24px;align-items:center;overflow:hidden}.match-row.win{border-left-color:var(--win);background:color-mix(in srgb,var(--win) 16%,var(--surface))}.match-result{height:100%;padding:7px 5px;display:flex;flex-direction:column}.match-result b{font-size:7px;color:var(--loss)}.match-row.win .match-result b{color:var(--win)}.match-result small,.match-result span{font-size:6px;color:var(--muted)}.match-result hr{width:30px;border:0;border-top:1px solid var(--line);margin:4px 0}.match-result em{font-size:8px;color:var(--loss);font-style:normal;font-weight:700}.match-row.win .match-result em{color:var(--win)}.match-result u{background:#4ecb69;color:#fff;text-decoration:none;border-radius:2px;padding:1px 2px}.match-build{height:100%;position:relative;padding:9px 0 0;display:grid;grid-template-columns:37px 15px 15px}.champ-avatar{position:relative}.champ-avatar>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.champ-avatar b{position:absolute;right:1px;bottom:6px;width:13px;height:13px;border-radius:50%;background:#18202c;color:#fff;display:grid;place-items:center;font-size:6px}.spells img{display:block;width:14px;height:14px;border-radius:2px;margin-bottom:2px}.runes i{display:block;width:14px;height:14px;border-radius:50%;background:#561c87;color:#ffc12b;font-size:7px;display:grid;place-items:center;margin-bottom:2px}.items{position:absolute;left:0;bottom:6px;display:flex;gap:2px}.items img,.items span{width:14px;height:14px;border-radius:2px;background:var(--surface-3);object-fit:cover}.match-kda{align-self:start;padding-top:10px;display:flex;flex-direction:column}.match-kda>b{font-size:10px}.match-kda>b em{font-style:normal;color:var(--loss)}.match-kda small{color:var(--muted);font-size:7px}.match-kda div{margin-top:6px}.match-kda u,.match-kda i{font-size:6px;text-decoration:none;font-style:normal;border-radius:7px;padding:2px 4px;margin-right:2px;background:#7e62e6;color:#fff}.match-kda i{background:#9298a7}.match-score{display:flex;flex-direction:column;align-self:start;padding-top:8px}.match-score b{font-size:7px;color:var(--loss)}.match-score small,.match-score span,.match-score em{font-size:6px;color:var(--muted);font-style:normal}.match-teams{display:flex;gap:4px}.match-team-col{display:grid;gap:1px;flex:1;min-width:0}.match-teams span{font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);display:flex;align-items:center}.match-teams img{width:11px;height:11px;border-radius:2px;object-fit:cover;margin-right:2px}.match-actions{align-self:stretch;height:100%;display:grid;grid-template-rows:1fr 1fr;min-width:0}.match-ai-mark,.match-expand{width:100%;height:100%;display:grid;place-items:center;color:var(--loss)}.match-ai-mark{background:color-mix(in srgb,var(--loss) 12%,transparent);cursor:pointer;transition:color .2s ease,background .2s ease}.match-ai-mark svg{width:24px;height:24px}.match-expand{border:0;background:color-mix(in srgb,var(--loss) 22%,transparent);padding:0}.match-expand svg{width:20px;height:20px;transition:transform .15s ease-out}.match-expand.expanded svg{transform:rotate(180deg)}.match-expand-loading{font-size:12px;line-height:1}.match-row.win .match-ai-mark,.match-row.win .match-expand{color:var(--win)}.match-row.win .match-ai-mark{background:color-mix(in srgb,var(--win) 12%,transparent)}.match-row.win .match-expand{background:color-mix(in srgb,var(--win) 22%,transparent)}.match-row.remake .match-ai-mark,.match-row.remake .match-expand{color:var(--remake)}.match-row.remake .match-ai-mark{background:color-mix(in srgb,var(--remake) 12%,transparent)}.match-row.remake .match-expand{background:color-mix(in srgb,var(--remake) 22%,transparent)}.match-row .match-ai-mark:hover{color:#fff;background:linear-gradient(120deg,#2563eb,#3b82f6 32%,#a78bfa 58%,#60a5fa 78%,#2563eb);background-size:300% 300%;animation:ai-gradient-flow 2.2s linear infinite}.tft-page{min-height:100vh;background:var(--bg);padding-bottom:24px}.tft-ad{height:134px;background:linear-gradient(130deg,#5e2432,#11224b 55%,#3786ac)}.tft-mode-tab{height:100%;display:flex;align-items:center;background:none;border:0;color:var(--text);font-size:9px;font-weight:700;cursor:pointer}.tft-page .detail-tabs-tft-link{color:#2196f3}.tft-page .detail-tabs-tft-link:hover{color:#42a5f5}.tft-page .detail-tabs-lol-icon{width:18px;height:18px;flex:0 0 auto}.tft-mode-tab.active{color:var(--accent);border-bottom:2px solid var(--accent)}.tft-rank>header{font-size:10px}.tft-rank>div:nth-of-type(1){height:69px;display:flex;align-items:center;padding:8px}.tft-rank>div img{width:43px;height:43px;object-fit:contain;margin-right:8px}.tft-rank>div span{display:flex;flex-direction:column}.tft-rank>div span b{font-size:13px}.tft-rank>div span small{font-size:10px;color:var(--muted)}.tft-rank>div em{margin-left:auto;text-align:right;font-style:normal;color:var(--muted);font-size:10px}.tft-rank hr{border:0;border-top:1px solid var(--line);margin:0 8px}.tft-rank>p{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:8px}.tft-rank>p span{color:var(--muted);font-size:10px;display:flex;flex-direction:column}.tft-rank>p b{color:var(--text);font-size:12px;margin-top:3px}.place-grid{display:grid!important;grid-template-columns:repeat(8,1fr);height:27px!important;padding:0 8px 8px!important;gap:2px}.place-grid span{height:18px!important;background:var(--surface-3);display:flex!important;flex-direction:row!important;justify-content:center;gap:3px;align-items:center;font-size:6px!important}.place-grid span.hot{background:#d99b0b;color:#fff}.double-ranks{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:4px 0}.double-ranks section{height:98px;text-align:center}.double-ranks section header{text-align:left}.double-ranks img{display:block;width:38px;height:38px;object-fit:contain;margin:7px auto 0}.double-ranks b{display:block;font-size:9px}.double-ranks small{font-size:7px;color:var(--muted)}.tft-list{margin-bottom:0}.tft-list>div{height:34px;display:flex;align-items:center}.tft-list>div>i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#4c4027;color:#e4ad3c;font-style:normal;margin-right:7px}.tft-list>div>img{width:25px;height:25px;border-radius:50%;object-fit:cover;margin-right:7px}.tft-list>div span{display:flex;flex-direction:column}.tft-list>div span b{font-size:11px}.tft-list>div span small{font-size:9px;color:#b98b22}.tft-list>div em{margin-left:auto;font-size:10px;font-style:normal;color:var(--muted);display:flex;gap:15px}.tft-list>div em small{font-size:9px}.tft-list>header{height:36px;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:.01em;display:flex;align-items:center;border-bottom:1px solid var(--line)}.tft-list>nav{grid-template-columns:1.5fr repeat(5,1fr);height:30px}.tft-list-body{min-height:270px;max-height:270px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.tft-list-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px;color:var(--text)}.tft-list-table thead th{position:sticky;top:0;z-index:2;height:30px;padding:0 12px;font-size:10px;font-weight:500;color:var(--muted);text-align:left;background:var(--surface);border-bottom:1px solid var(--line)}.tft-list-table thead th:nth-child(2),.tft-list-table thead th:nth-child(3){text-align:center;width:72px}.tft-list-table thead th:nth-child(1){width:auto}.tft-list-table tbody tr{height:48px}.tft-list-table tbody td{padding:12px;border-top:1px solid var(--line);vertical-align:middle;font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tft-list-table tbody tr:first-child td{border-top:0}.tft-list-table tbody tr:hover td{background:var(--surface-2);cursor:default}.tft-list-name{text-align:left;padding-left:12px!important}.tft-list .tft-list-name-inner{display:flex;flex-direction:row;align-items:center;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tft-list-name .tft-list-ic{display:inline-block;width:32px;height:32px;margin-right:8px;vertical-align:middle;border-radius:50%;object-fit:cover;border:0}.tft-list-name .tft-trait-ic{border:2px solid #e4ad3c;filter:sepia(1) saturate(3) hue-rotate(-10deg)}.tft-list .tft-hero-nav{display:flex;gap:4px;height:auto;background:transparent;padding:8px 12px 6px;grid-template-columns:none}.tft-list .tft-hero-nav button{flex:1;height:22px;border:1px solid var(--line);border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:10px;cursor:pointer;display:grid;place-items:center}.tft-list .tft-hero-nav button.active{color:#e4ad3c;border-color:#e4ad3c;background:#e4ad3c26}.tft-list .tft-hero{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;padding:8px 12px;border-bottom:1px solid var(--line);height:auto}.tft-list .tft-hero:last-child{border-bottom:0}.tft-list .tft-hero:hover{background:var(--surface-2);cursor:default}.tft-list .tft-hero-avatar{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:2px solid var(--cost-border,#9aa4b0);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:transparent}.tft-list .tft-hero-avatar .tft-hero-ic{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover;display:block;background:transparent;margin:0}.tft-hero-avatar .tft-hero-cost{position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;display:grid;place-items:center;background:#1b1d22;border:1px solid var(--cost-border,#e4ad3c);color:#e4ad3c;font-size:9px!important;font-style:normal;font-weight:700;line-height:1}.tft-hero-meta{display:flex;flex-direction:column;min-width:0}.tft-hero-meta b{font-size:11px!important;color:var(--text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tft-hero-meta small{font-size:10px!important;color:var(--muted)!important}.tft-list-num{text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.tft-list-tooltip{min-width:150px;max-width:280px;font-size:11px;color:var(--text);line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.tft-list-tooltip-title{font-size:13px;font-weight:700;margin-bottom:6px;color:var(--text);padding-bottom:5px;border-bottom:1px solid var(--line);display:flex;align-items:center}.tft-tooltip-icon{width:30px;height:30px;border-radius:8px;object-fit:contain;margin-right:8px;flex:0 0 auto}.tft-list-tooltip-title>.tft-tooltip-icon{border:1px solid var(--line);border-radius:50%;object-fit:cover}html.light-theme .tft-list-tooltip .tft-trait-icon{filter:invert(1) hue-rotate(180deg)}.tft-list-tooltip-skill-head{display:flex;align-items:center;gap:6px;margin-top:8px}.tft-list-tooltip-skill-head .tft-tooltip-icon{width:22px;height:22px;border-radius:6px;margin-right:0;border:1px solid var(--line)}.tft-tip-inline-icon{width:13px;height:13px;display:inline-block;vertical-align:-2px;margin:0 1px}html.light-theme .tft-list-tooltip .tft-tip-inline-icon{filter:invert(1) hue-rotate(180deg)}.tft-list-tooltip-grid{display:grid;grid-template-columns:auto 1fr;column-gap:18px;row-gap:5px;align-items:baseline}.tft-list-tooltip-label{color:var(--muted);font-size:11px;white-space:nowrap}.tft-list-tooltip-value{color:var(--text);font-weight:600;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-word}html:not(.light-theme) .tft-list-tooltip,html:not(.light-theme) .tft-list-tooltip-title,html:not(.light-theme) .tft-list-tooltip-value{color:#f4f6fb!important}html:not(.light-theme) .tft-list-tooltip-label{color:#cfd5e2!important}html:not(.light-theme) .tft-list-tooltip-title{border-color:#ffffff1f!important}html:not(.light-theme) .tft-list-tooltip-desc,html:not(.light-theme) .tft-list-tooltip-skill-name,html:not(.light-theme) .tft-list-tooltip-level p{color:#f4f6fb!important}html:not(.light-theme) .tft-list-tooltip-meta,html:not(.light-theme) .tft-list-tooltip-skill-type{color:#cfd5e2!important}html:not(.light-theme) .tft-list-tooltip-level b{color:#e4ad3c!important}.tft-list-tooltip-desc{white-space:pre-line;margin:8px 0 2px;overflow-wrap:anywhere;word-break:break-word}.tft-list-tooltip-meta{font-size:11px;color:var(--muted)}.tft-list-tooltip-traits{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.tft-list-tooltip-traits span{background:var(--surface-3);border-radius:8px;padding:1px 8px;font-size:10px}.tft-list-tooltip-skill-name{font-size:13px;font-weight:700}.tft-list-tooltip-skill-type{font-size:11px;color:var(--muted);margin:2px 0}.tft-list-tooltip-level{display:flex;align-items:center;gap:6px;margin:4px 0}.tft-list-tooltip-level b{flex:0 0 auto;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--accent);font-size:10px;font-weight:700;line-height:1}.tft-list-tooltip-level p{margin:0;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word}html.light-theme .tft-list-name .tft-trait-ic{filter:sepia(1) saturate(3) hue-rotate(-10deg)}.tft-list>button{width:100%;height:23px;border-top:1px solid var(--line);font-size:7px;color:var(--muted)}.tft-list nav{display:grid;grid-template-columns:1.5fr repeat(5,1fr);height:30px;background:var(--surface-2)}.tft-list nav>*{display:grid;place-items:center;border-right:1px solid var(--line);font-size:7px}.tft-list nav b{background:#aa7933;color:#fff}.tft-overview{height:86px;margin-bottom:4px;display:grid;grid-template-columns:164px 143px 1fr;align-items:center}.overview-donut{height:100%;display:flex;align-items:center;padding:8px}.overview-donut .donut{width:50px;height:50px;margin-right:8px;background:conic-gradient(#7f8796 0 var(--rate),#434650 var(--rate) 360deg)}.overview-donut>span{display:flex;flex-direction:column}.overview-donut>span>b{font-size:10px}.overview-donut>span small{font-size:7px;color:var(--muted);margin-top:4px}.overview-stats{border-left:1px solid var(--line);padding-left:12px;display:flex;flex-direction:column}.overview-stats span,.placement-mini>span{font-size:7px;color:var(--muted);margin-bottom:5px}.overview-stats b{font-size:7px;color:#e1a81e;line-height:17px}.placement-mini{padding:8px}.placement-mini div{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.placement-mini b{height:14px;background:var(--surface-3);display:grid;place-items:center;font-size:6px}.placement-mini b.first{background:#cc9207;color:#fff}.tft-match{height:79px;margin-bottom:4px;display:grid;grid-template-columns:66px 1fr 22px;border-left:3px solid #80766a;background:#5d554c;color:#fff;border-radius:3px;overflow:hidden}.theme-light .tft-match{background:#ddd6cc;color:#2b2b2d}.tft-match.gold{background:#8a5500;border-left-color:#f3b22a}.theme-light .tft-match.gold{background:#b57b18;color:#fff}.tft-place{padding:8px 5px;display:flex;flex-direction:column}.tft-place>b{font-size:12px}.tft-place sup,.tft-place strong{font-size:7px}.tft-place small,.tft-place span{font-size:6px;opacity:.78;margin-top:2px}.tft-build{padding:5px 0}.trait-chips{display:flex;gap:3px;height:20px;overflow:hidden}.trait-chips span{white-space:nowrap;padding:3px 6px;border-radius:9px;background:#1a1c1fcc;color:#e8b13c;font-size:6px}.trait-chips i{font-style:normal;margin-right:3px}.unit-row{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;height:auto;min-height:52px;gap:5px 3px}.unit{display:flex;flex-direction:column;align-items:center;width:39px;position:relative;text-align:center;--flag-w:36px}.unit-main{display:flex;flex-direction:column;align-items:center;width:100%}.unit>img,.unit-main>img{width:36px;height:36px;object-fit:cover;border:3px solid var(--cost-border,#9aa4b0);border-radius:8px}.unit-items{display:flex;justify-content:center;gap:1px;align-items:center;width:100%;height:calc(var(--flag-w,36px)/3);margin-top:3px;min-height:calc(var(--flag-w,36px)/3);flex-wrap:nowrap}.unit-items img{flex:0 0 auto;width:16px;height:16px;min-width:0;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.45);display:block}.unit-items>.tft-row-item{flex:0 0 auto;min-width:0;display:flex;align-items:center;justify-content:center;line-height:0;white-space:nowrap;font-size:0}.tft-row-item img{display:block;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.45)}.tft-item-plus{font-style:normal;color:#8b93a1;font-size:10px;line-height:22px;margin:0 2px;flex:0 0 auto}.unit:nth-child(3n)>img{border-color:#d24ebd}.unit:nth-child(4n)>img{border-color:#e1b135}.stars{display:flex;justify-content:center;align-items:center;gap:1px;height:10px;color:#46b4ff;font-size:8px;letter-spacing:0}.stars svg{width:9px;height:9px}.unit:nth-child(3n) .stars{color:#f448c0}.unit>div{position:absolute;left:1px;bottom:-2px;display:flex}.unit>div img{width:11px;height:11px;border-radius:1px;object-fit:cover;border:1px solid rgba(0,0,0,.4)}.tft-match-expand{align-self:stretch;justify-self:stretch;width:100%;height:auto;min-height:0;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--tier-cell,#5d554c) 50%,#16161a);opacity:.8;color:inherit;font-size:inherit;line-height:1;border:0;cursor:pointer}.tft-match-expand svg{width:16px;height:16px;color:#fff}.tft-match-expand:hover{background:color-mix(in srgb,var(--tier-cell,#5d554c) 60%,#16161a);opacity:1}.data-page{min-height:100vh;background:var(--bg);padding-bottom:20px}.data-hero{height:151px;background:#fff;position:relative}.theme-dark .data-hero{background:#30313a}.data-hero-copy{width:654px;margin:auto;padding-top:8px;position:relative}.data-hero-copy h1{margin:0;font-size:14px}.data-hero-copy h1 span{font-size:12px;margin-left:3px}.data-hero-copy p{font-size:7px;color:var(--muted);margin:3px 0}.data-meta{display:flex;gap:14px;font-size:7px}.data-hero-copy>label{display:flex;align-items:center;width:325px;height:31px;border:1px solid var(--accent);border-radius:3px;margin-top:8px;padding:0 10px;color:var(--muted)}.data-hero-copy input{border:0;outline:0;background:transparent;width:100%;padding-left:8px;font-size:8px}.data-hero-copy>small{display:flex;align-items:center;color:var(--muted);font-size:7px;margin-top:7px}.data-hero-copy>small img{width:22px;height:22px;border-radius:50%;margin-left:6px;object-fit:cover}.data-ad{top:0;right:0;height:136px}.data-filter-strip{height:35px;background:var(--surface-2);display:flex;align-items:center;gap:5px;padding-left:calc((100% - 654px)/2)}.data-filter-strip button{height:25px;padding:0 11px;background:var(--surface);border:1px solid var(--line);border-radius:3px;font-size:8px;font-weight:700}.data-mode-tabs{width:654px;height:28px;margin:5px auto 4px;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 10px;font-size:8px;font-weight:700}.data-mode-tabs b{height:100%;display:flex;align-items:center;border-bottom:2px solid var(--accent)}.data-mode-tabs em{margin-left:auto;font-style:normal;background:var(--surface-2);padding:4px 7px}.data-ai-chips{width:654px;margin:0 auto 5px;height:20px;display:flex;gap:5px}.data-ai-chips span{height:19px;padding:4px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:7px;white-space:nowrap}.hero-picker{background:var(--surface);border:1px solid var(--line);border-radius:3px;height:717px;overflow:hidden}.hero-picker>label{height:27px;display:flex;align-items:center;padding:0 8px;border-bottom:1px solid var(--line);color:var(--muted)}.hero-picker>label input{border:0;outline:0;background:transparent;width:100%;padding-left:7px;font-size:8px}.position-tabs{height:31px;display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.position-tabs button{border-right:1px solid var(--line);color:var(--muted)}.position-tabs button.active{background:var(--accent);color:#fff}.hero-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:4px;align-content:start}.hero-grid button{height:47px;position:relative;overflow:hidden;padding:0}.hero-grid img{width:100%;height:34px;object-fit:cover;display:block}.hero-grid span{display:block;height:12px;line-height:12px;background:var(--surface-2);font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-grid i{position:absolute;right:1px;top:1px;width:10px;height:10px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-size:6px;display:grid;place-items:center}.rank-table{min-height:717px}.rank-table nav{height:31px;display:grid;grid-template-columns:repeat(6,1fr);border-bottom:1px solid var(--line)}.rank-table nav button{font-size:8px;font-weight:700;border-right:1px solid var(--line)}.rank-table>header,.rank-table>article{display:grid;grid-template-columns:48px 88px 37px 35px 54px 54px 54px 1fr;align-items:center}.rank-table>header{height:25px;padding:0 5px;background:var(--surface-2);font-size:6px;color:var(--muted);border-bottom:1px solid var(--line)}.rank-table>article{height:25px;padding:0 5px;border-bottom:1px solid var(--line);font-size:7px}.rank-table>article>em{font-style:normal;color:var(--muted)}.rank-hero{display:flex;align-items:center;min-width:0}.rank-hero img{width:20px;height:20px;border-radius:50%;object-fit:cover;margin-right:5px}.rank-hero b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-table>article>strong{width:15px;height:15px;border-radius:3px;display:grid;place-items:center;background:#1593eb;color:#fff;font-size:7px}.rank-table>article>strong.op{background:#f04469}.rank-table>article>i{font-style:normal;color:var(--muted)}.all-lane-icon{display:inline-grid;place-items:center;width:20px;height:20px;color:var(--accent);font-size:15px;font-style:normal}.counter-icons{display:flex;gap:2px}.counter-icons img{width:17px;height:17px;border-radius:50%;object-fit:cover}.table-loading{height:25px;display:grid;place-items:center;color:var(--muted);font-size:11px}@media (max-width:760px){.home-nav-inner{width:94%}.nav-links{display:none}.hero-section{padding-top:150px}.hero-section h1{font-size:25px}.hero-search{width:min(90vw,530px)}.services-section{width:92%;margin-top:50px}.service-grid{grid-template-columns:1fr}.home-footer{position:static;white-space:normal;flex-wrap:wrap;margin-top:50px}.profile-inner,.detail-tabs,.summoner-grid,.tft-top-tabs,.tft-grid,.data-grid,.data-mode-tabs,.data-ai-chips,.data-hero-copy{width:96vw}.ad-panel{display:none}.summoner-grid,.tft-grid,.data-grid{grid-template-columns:1fr}.summoner-sidebar,.tft-sidebar,.hero-picker{display:none}.profile-inner{padding-left:10px}.data-filter-strip{padding-left:2vw}.rank-table{overflow:auto}.rank-table>header,.rank-table>article{min-width:448px}.match-row{grid-template-columns:74px 105px 64px 60px 1fr 22px}.match-teams{display:none}.home-page{min-height:100dvh}}.app-root{display:flex;min-height:100vh;flex-direction:column}.detail-nav{position:relative;flex:0 0 48px;background:var(--page);border-bottom:1px solid var(--line);box-shadow:0 1px #00000005}.theme-dark .detail-nav{background:#101116}.detail-main{flex:1;min-height:0}.detail-footer{flex:0 0 auto;min-height:44px;margin:12px 0 0;padding:14px 12px;background:var(--page);border-top:1px solid var(--line)}.theme-dark .detail-footer{background:#101116}.match-card-shell,.tft-match-shell{margin-bottom:4px}.match-card-shell .match-row,.tft-match-shell .tft-match{margin-bottom:0}.match-card-shell.expanded .match-row,.tft-match-shell.expanded .tft-match{border-radius:3px 3px 0 0}.match-detail{overflow:hidden;border:1px solid var(--line);border-top:0;border-radius:0 0 3px 3px;background:var(--surface)}.match-detail-tabs{height:34px;display:grid;grid-template-columns:repeat(5,1fr);padding:3px;background:var(--surface-2);border-bottom:1px solid var(--line);gap:2px}.match-detail-tabs button{font-size:11px;font-weight:800;color:var(--text);border-radius:3px}.match-detail-tabs button.active{background:#737387;color:#fff}.detail-columns,.detail-player-row{display:grid;grid-template-columns:170px 64px 66px 72px 38px 42px minmax(0,1fr);align-items:center}.detail-columns{height:29px;padding:0 7px;background:var(--surface-2);border-bottom:1px solid var(--line);color:var(--muted);font-size:8px}.detail-columns>span:not(:first-child){text-align:center}.detail-columns small{font-size:7px;font-weight:400}.detail-team>header{height:24px;display:flex;align-items:center;padding:0 8px;color:var(--loss);background:color-mix(in srgb,var(--loss) 9%,var(--surface));border-bottom:1px solid var(--line)}.detail-team>header small{color:var(--muted)}.detail-player-row{min-height:52px;padding:3px 7px;border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);font-size:8px}.loss-team .detail-player-row{background:color-mix(in srgb,var(--loss) 15%,var(--surface))}.win-team .detail-player-row{background:color-mix(in srgb,var(--win) 17%,var(--surface))}.detail-player{display:grid;grid-template-columns:34px 14px 14px minmax(0,1fr);align-items:center;gap:3px;min-width:0}.detail-player-avatar{position:relative;width:34px;height:34px}.detail-player-avatar>img{width:34px;height:34px;border-radius:50%;object-fit:cover}.detail-player-avatar>b{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#20242d;color:#fff;font-size:7px;border:1px solid var(--surface)}.detail-spell-stack,.detail-rune-stack{display:flex;flex-direction:column;gap:2px}.detail-spell-stack img{width:13px;height:13px;border-radius:2px;object-fit:cover}.detail-rune-stack i{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#25363a;color:#56d58b;font-style:normal;font-size:7px}.detail-player>b{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}.detail-player>b small{display:block;color:var(--muted);font-size:7px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.detail-op{text-align:center;display:flex;align-items:center;justify-content:center;gap:4px}.detail-op strong{font-size:9px}.detail-op em{font-style:normal;padding:3px 5px;border-radius:9px;background:#9298aa;color:#fff;font-size:7px;font-weight:800}.detail-player-row:nth-child(2) .detail-op em,.win-team .detail-player-row:last-child .detail-op em{background:#7f65ec}.detail-kda{text-align:center;display:flex;flex-direction:column}.detail-kda span{font-size:7px;color:var(--muted)}.detail-kda b{font-size:8px;color:#f0a225}.damage-cell{display:flex;flex-direction:column;gap:4px}.damage-cell span{position:relative;height:10px;padding-top:1px;background:#7b8291;color:#e7e8ed;text-align:center;font-size:6px;overflow:hidden}.damage-cell span b{position:absolute;left:0;top:0;bottom:0;background:#ef4763;opacity:.9}.damage-cell span:nth-child(2) b{background:#9097a8}.damage-cell span{isolation:isolate}.damage-cell span b{z-index:-1}.ward-cell,.cs-cell{text-align:center;display:flex;flex-direction:column;color:var(--muted)}.ward-cell span,.cs-cell b{color:var(--text);font-size:8px}.ward-cell small,.cs-cell small{font-size:6px}.detail-item-row{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden}.detail-item-row img{width:21px;height:21px;border-radius:3px;object-fit:cover;background:var(--surface-3)}.detail-item-row i{flex:0 0 18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#fff;font-size:8px}.blue-trinket{background:#4d86df}.red-trinket{background:#d64d63}.team-total{height:45px;display:grid;grid-template-columns:1fr 164px 1fr;grid-template-rows:22px 22px;align-items:center;padding:0 8px;background:#20212a;color:#cdd0da;font-size:8px}.team-total>span:first-child{grid-column:1;grid-row:1}.team-total>span:nth-of-type(2){grid-column:3;grid-row:1;text-align:right}.team-total>b,.team-total>strong{grid-column:2;display:grid;grid-template-columns:1fr 1fr;position:relative;height:19px;color:#fff;text-align:center}.team-total>b{grid-row:1}.team-total>strong{grid-row:2}.team-total b i,.team-total strong i{display:grid;place-items:center;font-style:normal;background:#ef4763}.team-total b i:nth-child(2),.team-total strong i:nth-child(2){background:#4f83e9}.team-total em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-style:normal;font-size:7px;white-space:nowrap}.match-copy{height:31px;display:flex;align-items:center;padding-left:9px;background:#20212a;color:#aeb3c1;font-size:7px}.match-copy span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.match-copy button{height:25px;margin-left:auto;margin-right:4px;padding:0 10px;border-radius:3px;background:#00c8c8;color:#fff;font-weight:800}.tft-match-detail{overflow:hidden;border:1px solid var(--line);border-top:0;border-radius:0 0 3px 3px;background:var(--surface)}.tft-detail-tabs{height:36px;padding:3px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--surface-2);border-bottom:1px solid var(--line)}.tft-detail-tabs button{font-size:10px;font-weight:800;color:var(--text);border-radius:3px}.tft-detail-tabs button.active{background:#686878;color:#fff}.tft-detail-head,.tft-player-row{display:grid;grid-template-columns:20px 116px 54px 59px 44px minmax(0,1fr) 34px;align-items:center}.tft-detail-head{height:31px;padding:0 5px;background:#272832;color:#9298aa;border-bottom:1px solid #3d3f4c;font-size:7px;text-align:center}.tft-player-row{min-height:76px;padding:5px;background:#30313b;color:#f1f2f6;border-bottom:1px solid #444652}.tft-player-place{text-align:center;font-size:10px}.tft-player-profile{display:flex;align-items:center;min-width:0}.tft-player-profile>img{width:33px;height:33px;border-radius:7px;object-fit:cover;margin-right:6px}.tft-player-profile span{display:flex;flex-direction:column;min-width:0}.tft-player-profile b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tft-player-profile small,.tft-player-profile em{font-size:6px;color:#a8b0c7;font-style:normal}.tft-player-stage{display:flex;flex-direction:column;text-align:center}.tft-player-stage b{font-size:8px}.tft-player-stage span{font-size:6px;color:#aeb3c1}.tft-player-traits{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.tft-player-traits i,.tft-player-augments i{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#202329;color:#d7aa3e;font-style:normal;font-size:8px;border:1px solid #4b4a3b}.tft-player-augments{display:flex;justify-content:center;gap:2px;flex-wrap:wrap}.tft-player-augments i{color:#c6cad6;border-color:#4a4d5b}.tft-player-units{display:flex;flex-wrap:wrap;align-items:center;gap:2px;align-content:flex-start;min-height:0}.compact-unit{flex:0 0 29px;width:29px}.compact-unit>img{width:28px;height:28px}.compact-unit .stars{height:9px;font-size:7px}.compact-unit>div img{width:9px;height:9px}.tft-player-metrics{display:flex;flex-direction:column;align-items:flex-end;padding-right:2px;font-size:7px}.tft-player-metrics b{color:#ffbd20}.tft-player-metrics span,.tft-player-metrics small{color:#dce0eb}@media (min-width:761px){.profile-inner,.detail-tabs,.summoner-grid,.tft-top-tabs,.tft-grid,.data-grid,.data-mode-tabs,.data-ai-chips,.data-hero-copy{width:870px}.summoner-grid,.tft-grid,.data-grid{grid-template-columns:268px 598px;gap:4px}.profile-band{height:162px}.profile-inner{padding-top:34px}.profile-avatar-wrap{flex-basis:82px;height:82px;margin-right:18px}.profile-avatar{width:82px;height:82px;border-radius:16px}.profile-avatar-wrap>span{font-size:10px;right:7px;bottom:-8px}.profile-copy h1{font-size:20px;line-height:25px}.profile-copy h1 small{font-size:16px}.profile-copy p{font-size:9px}.profile-buttons button{height:29px;padding:0 13px}.updated{font-size:7px}.ad-panel{width:320px;height:145px;padding:20px}.data-ad{height:145px}.detail-tabs,.tft-top-tabs{height:35px;margin-top:7px;margin-bottom:4px;gap:25px;padding:0 12px}.detail-tabs button{font-size:10px}.recent-summary{height:139px}.summary-content{height:90px;grid-template-columns:75px 102px 1fr 106px;padding:5px 12px}.recent-summary footer{height:24px;padding:6px 10px}.match-row{width:100%;height:72px;grid-template-columns:88px 148px 78px 84px minmax(0,1fr) 28px}.match-result{padding-left:8px}.match-build{grid-template-columns:40px 17px 17px;padding-top:10px}.champ-avatar,.champ-avatar img{width:39px;height:39px}.items{width:142px}.items img,.items span{width:19px;height:19px}.match-kda{padding-top:11px}.match-kda>b{font-size:11px}.match-score{padding-top:9px}.match-score b{font-size:8px}.match-teams{padding-right:4px}.match-teams span{font-size:7px}.match-teams img{width:13px;height:13px}.match-expand{font-size:12px}.tft-overview{height:110px;grid-template-columns:220px 180px 1fr}.overview-donut .donut{width:63px;height:63px}.overview-donut>span>b{font-size:11px}.overview-stats b{font-size:8px}.placement-mini{padding:10px}.placement-mini b{height:16px;font-size:7px}.tft-match{min-height:104px;height:104px;grid-template-columns:86px minmax(0,1fr) 28px}.tft-place{padding:9px 8px}.tft-place>b{font-size:13px}.tft-place strong{font-size:8px}.tft-place small,.tft-place span{font-size:7px}.tft-build{padding:6px 0}.trait-chips{height:26px;gap:4px;flex-wrap:wrap}.trait-chips span{font-size:7px;padding:3px 7px}.unit-row{height:auto;min-height:66px;gap:5px 4px}.unit{width:43px}.unit-main>img{width:40px;height:40px}.unit{--flag-w:40px}.stars{height:11px;font-size:9px}.unit>div img{width:12px;height:12px}.data-hero{height:162px}.data-hero-copy{padding-top:12px}.data-hero-copy h1{font-size:17px}.data-hero-copy h1 span{font-size:13px}.data-hero-copy p,.data-meta{font-size:8px}.data-hero-copy>label{width:430px;height:38px;margin-top:10px}.data-hero-copy input{font-size:9px}.data-filter-strip{height:46px;padding-left:calc((100% - 870px)/2)}.data-filter-strip button{height:30px;font-size:9px}.data-mode-tabs{height:35px;font-size:9px}.data-ai-chips{height:24px;margin-bottom:6px}.data-ai-chips span{height:23px;padding:5px 10px;font-size:8px}.hero-picker,.rank-table{min-height:760px;height:auto}.hero-picker>label{height:34px}.position-tabs{height:37px}.hero-grid{gap:3px;padding:5px}.hero-grid button{height:59px}.hero-grid img{height:44px}.hero-grid span{height:14px;line-height:14px;font-size:7px}.rank-table nav{height:38px}.rank-table nav button{font-size:9px}.rank-table>header,.rank-table>article{grid-template-columns:54px 130px 48px 45px 70px 70px 70px minmax(0,1fr)}.rank-table>header{height:31px;font-size:7px}.rank-table>article{height:32px;font-size:8px}.rank-hero img{width:24px;height:24px}.counter-icons img{width:20px;height:20px}}@media (max-width:760px){.detail-nav .home-nav-inner{width:94%}.detail-footer{white-space:normal;flex-wrap:wrap}.match-detail,.tft-match-detail{overflow-x:auto}.detail-columns,.detail-player-row,.tft-detail-head,.tft-player-row{min-width:598px}}html[data-theme=dark],.theme-dark{--bg:#17181c;--page:#191a1f;--surface:#30313b;--surface-2:#292a32;--surface-3:#393a46;--line:#424450;--text:#f3f4f7;--muted:#a5a9b6;--soft:#747887;--detail-dark:#20212a;--detail-row:#292a32}html[data-theme=light],.theme-light{--bg:#eef0f4;--page:#f5f6f8;--surface:#ffffff;--surface-2:#f4f5f8;--surface-3:#e9ebf0;--line:#dfe3ea;--text:#202635;--muted:#7f8797;--soft:#a8afbc;--detail-dark:#f3f5f8;--detail-row:#ffffff}.team-total,.match-copy,.tft-detail-head,.tft-player-row{background:var(--detail-dark);color:var(--text)}.tft-player-row{background:var(--detail-row)}.tft-player-row.tft-player-me{background:color-mix(in srgb,var(--accent) 10%,var(--detail-row))}.image-placeholder{display:inline-block;background:var(--surface-3);border-radius:3px}.detail-empty{padding:28px;text-align:center;color:var(--muted);background:var(--surface)}.empty-copy{padding:12px;color:var(--muted);font-size:11px}.detail-rune-stack img{display:block;width:17px;height:17px;border-radius:50%;object-fit:cover}.runes img{width:17px;height:17px;border-radius:50%;object-fit:cover}.role-row img{width:27px;height:27px;border-radius:50%;object-fit:cover}.tft-season select,.data-filter-strip select{width:100%;height:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);outline:0;font-weight:700;padding:0 11px;border-radius:4px}.data-filter-strip select{width:auto;min-width:120px;height:38px;padding:0 30px 0 13px}.trait-chips span{display:flex;align-items:center;gap:4px}.trait-chips img{width:14px;height:14px;object-fit:contain}.tft-player-traits img,.tft-player-augments img{width:20px;height:20px;object-fit:contain;border-radius:50%;background:var(--surface-3)}.position-tabs img{width:22px;height:22px;object-fit:contain;filter:opacity(.62)}.position-tabs button.active img{filter:none}.rank-table>article>i img{width:20px;height:20px;object-fit:contain;opacity:.72}.rank-table>article{cursor:pointer}.rank-table>article>button{font-size:9px;color:var(--accent);text-align:left}.hero-grid button.selected{outline:2px solid var(--accent);outline-offset:-2px}.hero-detail-panel{position:fixed;z-index:80;right:24px;top:88px;width:390px;max-height:calc(100vh - 112px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:0 18px 50px #00000047}.hero-detail-panel>header>div{display:flex;align-items:center;gap:11px}.hero-detail-panel>header img{width:48px;height:48px;border-radius:6px;object-fit:cover}.hero-detail-panel>header span{display:flex;flex-direction:column}.hero-detail-panel>header b{font-size:16px}.hero-detail-panel>header small{color:var(--muted)}.hero-detail-panel>header>button{font-size:25px;color:var(--muted)}.hero-detail-panel section{padding:14px;border-bottom:1px solid var(--line)}.hero-detail-panel h3{margin:0 0 10px;font-size:13px}.rune-build{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line)}.rune-build>div{display:flex;gap:5px}.rune-build img{width:29px;height:29px;border-radius:50%;object-fit:cover}.rune-build>span{font-size:9px;color:var(--muted);text-align:right}.rune-build>span b{display:block;color:var(--text)}.hero-detail-items{display:flex;flex-wrap:wrap;gap:6px}.hero-detail-items img{width:34px;height:34px;border-radius:4px}.hero-lane-wrap{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-left:auto;flex:0 0 auto}.hero-detail-panel>header{display:flex;align-items:center;gap:8px}.hero-detail-panel>header>div{flex:0 0 auto;display:flex;align-items:center}.hero-detail-panel>header>div>span{display:flex;flex-direction:column}.hd-lane-stats{flex:0 0 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:9px;color:var(--muted);line-height:1.3}.hero-lane-select{height:26px;padding:0 6px;font-size:10px;color:var(--accent);background:var(--surface-2);border:1px solid var(--line);border-radius:3px}.hd-spells{display:flex;flex-direction:column;gap:8px}.hd-skills-row{display:flex;align-items:flex-start;gap:14px}.hd-spells-middle{display:flex;flex-direction:column;gap:8px}.hd-summoners-hdspells-same-row .hd-spells,.hd-skills-row>.hd-spells{flex:1 1 auto;min-width:0}.hd-skills-row>.hd-summoners{margin-top:0;padding-top:0;border-top:0;flex:0 0 auto}.hd-spell{display:flex;gap:8px;align-items:flex-start}.hd-spell img{width:32px;height:32px;border-radius:4px;object-fit:cover}.hd-spell b{font-size:11px}.hd-spell p{font-size:10px;color:var(--muted);line-height:1.5;margin-top:2px}.hd-build-group{border-top:1px solid var(--line);padding:8px 0}.hd-build-group>div:first-child{padding-top:0}.hd-build-group>b{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.hd-build-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 0}.hd-build-icons{display:flex;gap:3px}.hd-build-icons img{width:30px;height:30px;border-radius:4px;object-fit:cover}.hd-rune-row{display:flex;flex-direction:column;gap:4px;padding:6px 0;border-top:1px solid var(--line)}.hd-rune-icons{display:flex;gap:3px;flex-wrap:wrap}.hd-rune-icons img{width:28px;height:28px;border-radius:50%;object-fit:cover}.hd-rune-row>span{font-size:9px;color:var(--muted)}.hd-skillpick>b{font-size:11px;color:var(--accent);letter-spacing:2px}.hd-skillpick>span{font-size:9px;color:var(--muted);text-align:right}.hd-matchup small{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.hd-matchup>div{display:flex;flex-direction:column;gap:6px}.hd-hero-item{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted)}.hd-hero-item img{width:26px;height:26px;border-radius:4px;object-fit:cover}.hd-hero-item b{font-size:10px;color:var(--text)}@media (min-width:761px){.profile-inner,.detail-tabs,.summoner-grid,.tft-top-tabs,.tft-grid,.data-grid,.data-mode-tabs,.data-ai-chips,.data-hero-copy{width:1088px}.summoner-grid,.tft-grid,.data-grid{grid-template-columns:335px 748px;gap:5px}.profile-band,.data-hero{height:203px}.profile-avatar-wrap{flex-basis:103px;height:103px;margin-right:23px}.profile-avatar{width:103px;height:103px;border-radius:20px}.profile-avatar-wrap>span{font-size:12px;right:9px;bottom:-10px}.profile-copy h1{font-size:25px;line-height:31px}.profile-copy h1 small{font-size:20px}.profile-copy p{font-size:11px}.profile-buttons button{height:36px;padding:0 16px}.updated{font-size:9px}.ad-panel,.data-ad{width:400px;height:181px;padding:25px}.detail-tabs,.detail-tabs button{font-size:12px}.recent-summary{height:174px}.summary-content{height:113px;grid-template-columns:94px 128px 1fr 133px;padding:6px 15px}.recent-summary footer{height:30px;padding:8px 12px}.match-row{height:90px;grid-template-columns:110px 185px 98px 105px minmax(0,1fr) 35px;margin-bottom:5px}.match-result{padding-left:10px}.match-result b{font-size:10px}.match-result small,.match-result span{font-size:9px}.match-build{grid-template-columns:50px 21px 21px;padding-top:12px}.champ-avatar,.champ-avatar img{width:49px;height:49px}.spells img,.runes img{width:20px;height:20px}.items{width:178px}.items img,.items span{width:24px;height:24px}.match-kda{padding-top:14px}.match-kda>b{font-size:14px}.match-kda small{font-size:9px}.match-score{padding-top:11px}.match-score b,.match-score small,.match-score span,.match-score em{font-size:9px}.match-teams{padding-right:5px}.match-teams span{font-size:9px}.match-teams img{width:16px;height:16px}.match-expand{font-size:15px}.match-detail-tabs{height:43px;padding:4px}.match-detail-tabs button{font-size:12px}.detail-columns,.detail-player-row{grid-template-columns:205px 72px 75px 87px 46px 51px minmax(0,1fr)}.detail-columns{height:36px;padding:0 8px;font-size:10px}.detail-columns small{font-size:9px}.detail-player-row{min-height:65px;padding:4px 8px;font-size:10px}.detail-player{grid-template-columns:43px 18px 18px minmax(0,1fr);gap:4px}.detail-player-avatar,.detail-player-avatar>img{width:43px;height:43px}.detail-player-avatar>b{width:17px;height:17px;font-size:9px}.detail-player>b{font-size:11px}.detail-player>b small{font-size:9px}.detail-spell-stack img,.detail-rune-stack img{width:17px;height:17px}.detail-item-row img,.detail-item-row i{width:21px;height:21px}.team-total{height:56px;grid-template-columns:1fr 205px 1fr;grid-template-rows:27px 27px;padding:0 10px;font-size:10px}.match-copy{height:41px}.tft-overview{height:138px;grid-template-columns:275px 225px 1fr}.overview-donut .donut{width:79px;height:79px}.overview-donut>span>b{font-size:14px}.overview-stats b{font-size:10px}.placement-mini{padding:12px}.placement-mini b{height:20px;font-size:9px}.tft-match{height:130px;min-height:130px;grid-template-columns:108px minmax(0,1fr) 35px;margin-bottom:5px}.tft-match-expand svg{width:20px;height:20px;color:#fff}.tft-place{padding:11px 10px}.tft-place>b{font-size:16px}.tft-place strong{font-size:10px}.tft-place small,.tft-place span{font-size:9px}.tft-build{padding:8px 0}.trait-chips{height:33px;gap:5px}.trait-chips span{font-size:9px;padding:4px 9px}.unit-row{height:auto;min-height:83px;gap:5px 5px}.unit{width:54px}.unit-main>img{width:50px;height:50px}.unit{--flag-w:50px}.stars{height:14px;font-size:11px}.unit>div img{width:15px;height:15px}.tft-detail-tabs{height:42px}.tft-detail-head,.tft-player-row{grid-template-columns:25px 145px 68px 74px 55px minmax(0,1fr) 43px}.tft-detail-head{height:36px;font-size:9px}.tft-player-row{min-height:82px}.tft-player-profile>img{width:39px;height:39px}.tft-player-profile b{font-size:10px}.tft-player-profile small,.tft-player-profile em{font-size:8px}.tft-player-units{min-height:0}.compact-unit{flex:0 0 36px;width:36px}.compact-unit>img{width:35px;height:35px}.compact-unit .stars{height:11px;font-size:8px}.compact-unit>div img{width:11px;height:11px}.data-hero-copy{padding-top:15px}.data-hero-copy h1{font-size:21px}.data-hero-copy h1 span{font-size:16px}.data-hero-copy p,.data-meta{font-size:10px}.data-hero-copy>label{width:538px;height:48px;margin-top:12px}.data-hero-copy input{font-size:11px}.data-filter-strip{height:58px;padding-left:calc((100% - 1088px)/2);gap:7px}.data-mode-tabs{height:44px;font-size:11px}.data-ai-chips{height:30px;margin-bottom:8px}.data-ai-chips span{height:29px;padding:6px 12px;font-size:10px}.hero-picker,.rank-table{min-height:950px}.hero-picker>label{height:43px}.position-tabs{height:46px}.hero-grid{gap:4px;padding:6px;grid-template-columns:repeat(6,1fr)}.hero-grid button{height:74px}.hero-grid img{height:55px}.hero-grid span{height:18px;line-height:18px;font-size:9px}.rank-table nav{height:48px}.rank-table nav button{font-size:11px}.rank-table>header,.rank-table>article{grid-template-columns:63px 168px 60px 56px 88px 88px 88px minmax(0,1fr)}.rank-table>header{height:39px;font-size:9px}.rank-table>article{height:40px;font-size:10px}.rank-hero img{width:30px;height:30px}.counter-icons img{width:25px;height:25px}}@media (max-width:760px){.hero-detail-panel{left:10px;right:10px;top:70px;width:auto}}.all-lane-icon{display:grid;grid-template-columns:repeat(3,9px);grid-template-rows:repeat(2,9px);gap:1px;width:29px;height:19px;align-content:center;justify-content:start}.all-lane-icon img{width:9px!important;height:9px!important;object-fit:contain;opacity:.72}.hero-detail-panel{right:max(24px,calc((100vw - 1088px)/2));top:88px}@media (max-width:760px){.hero-detail-panel{right:10px}}.detail-tabs{overflow:visible;position:relative;z-index:20}.queue-picker{position:relative;height:100%;display:flex;align-items:center}.queue-picker>button{display:flex;align-items:center;gap:8px;height:100%}.queue-picker>button .queue-chevron{width:24px;height:24px;flex:0 0 24px;color:currentColor;transition:transform .18s ease}.queue-picker.open>button .queue-chevron{transform:rotate(180deg)}.queue-menu{position:absolute;z-index:100;top:calc(100% - 2px);left:-12px;width:228px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:7px;box-shadow:0 15px 38px #0f162438;display:grid;gap:2px}.queue-menu button{width:100%;height:32px;padding:0 10px!important;display:flex;align-items:center;justify-content:flex-start;border:0!important;border-radius:4px;text-align:left;color:var(--text)!important}.queue-menu button:hover,.queue-menu button.active{background:#7e62e621;color:#7e62e6!important;border-bottom:0!important}.queue-menu button>span{margin-left:0;color:inherit}.queue-menu small{color:var(--muted);font-size:10px}.detail-tabs-tft-link{height:100%;margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#d9ad3c;font-size:9px;font-weight:700;white-space:nowrap;transition:color .15s ease}.detail-tabs-tft-link:hover{color:#f0c957}.detail-tabs-tft-link span{margin-left:0;color:inherit}.detail-tabs-tft-icon{width:16px;height:17px;flex:0 0 16px;display:block}.match-empty{padding:32px;text-align:center;color:var(--muted);margin-bottom:8px}@media (min-width:761px){.recent-summary{height:196px}.summary-content{height:135px;grid-template-columns:115px 145px minmax(0,1fr) 150px;padding:8px 15px}.summary-content .donut{width:90px;height:90px}.summary-content .donut:after{inset:12px}.summary-content .donut b{font-size:17px}.summary-kda small{font-size:11px}.summary-kda>b{font-size:18px}.summary-kda em{font-size:12px}.top-champs img{width:31px;height:31px}.top-champs small{font-size:11px}.bars{height:83px}.recent-summary footer{height:32px;padding:8px 12px;font-size:11px}.match-row{height:102px;grid-template-columns:116px 185px 98px 105px minmax(0,1fr) 35px}.match-ai-mark svg{width:24px;height:24px}.match-expand svg{width:24px;height:24px}.match-result{padding:11px 7px 7px 10px;align-items:flex-start}.match-result b{font-size:11px;line-height:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-result small{font-size:9px;line-height:13px;white-space:nowrap;letter-spacing:-.2px}.match-result hr{width:32px;margin:5px 0 4px}.match-result em{font-size:10px;font-weight:800;line-height:13px;white-space:nowrap;letter-spacing:-.3px}.match-result span{font-size:10px;line-height:13px}.match-build{grid-template-columns:43px 21px 42px;padding-top:12px;column-gap:3px}.champ-avatar,.champ-avatar>img{width:42px;height:42px}.champ-avatar{position:relative;align-self:start}.champ-avatar b{position:absolute;right:1px;bottom:0;width:16px;height:16px;border-radius:50%;background:#18202c;color:#fff;display:grid;place-items:center;font-size:10px;line-height:16px;border:0}.spells img{width:20px;height:20px}.runes{width:42px;display:grid;grid-template-columns:repeat(2,20px);grid-auto-rows:20px;gap:2px;align-content:start}.runes img{width:20px;height:20px}.runes.normal-runes{grid-template-columns:20px}.runes.hextech-resources img,.detail-rune-stack.hextech-resources img{border-radius:4px;border:1px solid rgba(218,176,73,.7)}.items{left:0;bottom:12px;width:178px}.match-kda{padding-top:14px;position:relative;overflow:visible}.match-kda>b{font-size:14px}.match-kda small{font-size:11px}.match-kda>b,.match-kda>small{transform:translate(-20px)}.match-kda div{margin-top:12px;position:absolute;top:39px;left:0;width:205px;z-index:4;white-space:nowrap;pointer-events:auto}.match-kda u,.match-kda i{display:inline-block;font-size:10px;text-decoration:none;font-style:normal;border-radius:17px;padding:5px 8px;margin-right:2px;background:#7e62e6;color:#fff;line-height:11px}.match-kda u:empty,.match-kda i:empty{display:none}.match-score{padding-top:8px}.match-score b,.match-score small,.match-score span,.match-score em{font-size:10px;line-height:16px}.match-teams span{font-size:9px;line-height:18px}.match-detail-tabs{height:45px}.match-detail-tabs button{font-size:13px}.detail-columns,.detail-player-row{grid-template-columns:205px 72px 75px 87px 46px 51px minmax(0,1fr)}.detail-columns{height:38px;padding:0 8px;font-size:11px}.detail-columns small{font-size:10px}.detail-player-row{min-height:69px;padding:5px 8px;font-size:11px}.detail-player{grid-template-columns:45px 19px 38px minmax(0,1fr);gap:4px}.detail-player-avatar,.detail-player-avatar>img{width:45px;height:45px}.detail-player-avatar>b{width:17px;height:17px;font-size:10px}.detail-player>b{font-size:12px}.detail-player>b small{font-size:10px;line-height:14px}.detail-spell-stack img{width:18px;height:18px}.detail-rune-stack{width:38px;display:grid;grid-template-columns:repeat(2,18px);gap:2px}.detail-rune-stack img{width:18px;height:18px}.detail-rune-stack.normal-runes{grid-template-columns:18px}.detail-op strong{font-size:14px}.detail-op em,.detail-kda span,.detail-kda b,.damage-cell,.ward-cell,.cs-cell{font-size:11px}.damage-cell span,.ward-cell small,.cs-cell small{font-size:10px}.detail-item-row img,.detail-item-row i{width:23px;height:23px}.team-total{height:58px;font-size:11px}.match-copy{height:43px;font-size:11px}}@media (max-width:760px){.queue-menu{position:fixed;left:12px;right:12px;top:116px;width:auto;max-height:65vh;overflow:auto}.match-kda div{display:flex;flex-wrap:wrap;gap:2px}}.tooltip-help{cursor:help;color:var(--muted)}.game-resource-tooltip.semi-tooltip-wrapper{max-width:340px!important;padding:0!important;border:1px solid rgba(255,255,255,.12);border-radius:2px!important;background:#151b28!important;box-shadow:0 12px 34px #00000047!important}.game-resource-tooltip .semi-tooltip-content{padding:9px 11px!important}.game-tooltip-content{max-width:316px;color:#f4f6fb;font-size:12px;line-height:1.55;text-align:left;word-break:break-word}.game-tooltip-content strong,.game-tooltip-content span{display:block;white-space:pre-line}.game-tooltip-content strong{margin-bottom:3px;color:#fff;font-size:13px;font-weight:800}.game-tooltip-content span{color:#cfd5e2}.match-kda u[data-rank]{background:#6d7384}.match-kda u[data-rank=MVP],.detail-op em[data-rank=MVP]{background:linear-gradient(135deg,#eea928,#d68110);color:#fff7d8;box-shadow:0 2px 6px #d681103d}.match-kda u[data-rank=SVP],.detail-op em[data-rank=SVP]{background:linear-gradient(135deg,#8b6af0,#6847cf);color:#fff}.match-kda i.achievement{background:linear-gradient(135deg,#ee5a72,#d93662);color:#fff}.detail-team .detail-player-row .detail-op em[data-rank]{min-width:30px;text-align:center;background:#737b8d}.detail-team .detail-player-row .detail-op em[data-rank=MVP]{background:linear-gradient(135deg,#eea928,#d68110);color:#fff7d8;box-shadow:0 2px 6px #d681103d}.detail-team .detail-player-row .detail-op em[data-rank=SVP]{background:linear-gradient(135deg,#8b6af0,#6847cf);color:#fff}.detail-player-name{min-width:0;cursor:help}.team-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:inherit;line-height:inherit;font-weight:500;cursor:help}.empty-item-slot{display:inline-block}@media (min-width:761px){.champ-avatar>span,.champ-avatar>span>img{width:42px;height:42px}.detail-player-avatar>span,.detail-player-avatar>span>img{width:45px;height:45px}.match-kda div{max-width:205px;overflow:visible}}html:not(.light-theme) .game-resource-tooltip.semi-tooltip-wrapper{max-width:340px!important;padding:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:2px!important;background:#151b28!important;color:#f4f6fb!important;box-shadow:0 12px 34px #00000047!important}html:not(.light-theme) .game-resource-tooltip .semi-tooltip-content{padding:9px 11px!important}html:not(.light-theme) .game-resource-tooltip .semi-tooltip-icon-arrow{color:#151b28!important}html:not(.light-theme) .game-tooltip-content{max-width:316px;color:#f4f6fb;font-size:12px;line-height:1.55;text-align:left;word-break:break-word}html:not(.light-theme) .game-tooltip-content strong{display:block;margin-bottom:3px;color:#fff;font-size:13px;font-weight:800;white-space:pre-line}html:not(.light-theme) .game-tooltip-content span{color:#cfd5e2}html:not(.light-theme) .game-tooltip-content p{margin:0 0 10px;color:#cfd5e2}html:not(.light-theme) .game-tooltip-content small{display:block;margin-top:10px;color:#a1a1aa;font-size:12px;line-height:1.5;white-space:pre-line}html.light-theme .game-resource-tooltip.semi-tooltip-wrapper{max-width:340px!important;padding:0!important;border:1px solid #e3e6eb!important;border-radius:2px!important;background:#fff!important;color:#4b5563!important;box-shadow:0 8px 24px #0f172a24!important}html.light-theme .game-resource-tooltip .semi-tooltip-content{padding:12px 13px!important}html.light-theme .game-resource-tooltip .semi-tooltip-icon-arrow{color:#fff!important}html.light-theme .game-tooltip-content{max-width:316px;color:#4b5563;font-size:12px;line-height:1.55;text-align:left;word-break:break-word}html.light-theme .game-tooltip-content strong{display:block;margin:0 0 8px;color:#a86e18;font-size:13px;font-weight:500;white-space:pre-line}html.light-theme .game-tooltip-content p{margin:0 0 10px;color:#4b5563}html.light-theme .game-tooltip-content p:last-of-type{margin-bottom:0}html.light-theme .game-tooltip-content p span{display:block;color:#4b5563;white-space:pre-line}html.light-theme .game-tooltip-content small{display:block;margin-top:10px;color:#6b7280;font-size:12px;line-height:1.5;white-space:pre-line}.items,.detail-item-row{display:flex;align-items:center;gap:2px;overflow:visible}.items .semi-tooltip-trigger,.detail-item-row .semi-tooltip-trigger{display:inline-flex;flex:0 0 auto}.items .item-slot,.detail-item-row .item-slot{display:block;flex:0 0 auto;object-fit:cover;border-radius:3px;background:var(--surface-3)}.items .item-slot,.items.has-extra-item .item-slot{width:23px;height:23px}.items .round-item-slot,.detail-item-row .round-item-slot{border-radius:50%!important}.items .empty-item-slot,.detail-item-row .empty-item-slot{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-3) 82%,transparent)}.detail-item-row{min-width:0;flex-wrap:nowrap}.detail-item-row .item-slot{width:23px;height:23px}.match-result hr{align-self:center;margin-left:auto!important;margin-right:auto!important}.detail-player-name small{display:flex!important;align-items:center;gap:3px}.detail-position-icon{width:14px!important;height:14px!important;flex:0 0 14px;object-fit:contain;opacity:.88}.damage-cell{display:flex;flex-direction:column;gap:5px}.damage-cell .damage-track{position:relative;display:block;height:13px;padding:0;overflow:hidden;isolation:isolate;background:#737b8c;color:#fff;text-align:center}.damage-cell .damage-fill{position:absolute;left:0;top:0;bottom:0;z-index:0;display:flex;height:100%;overflow:hidden;opacity:1}.damage-cell .damage-fill>b{position:static;display:block;height:100%;opacity:1}.damage-cell .damage-fill>.physical{background:#df6b50}.damage-cell .damage-fill>.magic{background:#4c89e8}.damage-cell .damage-fill>.true{background:#d8b24b}.damage-cell .damage-track.taken .damage-fill{opacity:.68}.damage-cell .damage-track>em{position:relative;z-index:1;display:block;color:#fff;font-size:10px;font-style:normal;font-weight:600;line-height:13px;text-align:center;text-shadow:0 1px 1px rgba(0,0,0,.35)}.ward-cell span,.cs-cell b{font-size:12px;line-height:16px}.ward-cell small,.cs-cell small{font-size:10px;line-height:14px}.team-total{height:72px;display:grid;grid-template-columns:minmax(170px,1fr) 250px minmax(170px,1fr);grid-template-rows:1fr;gap:12px;align-items:center;padding:8px 12px;background:var(--detail-dark);color:var(--text)}.team-objectives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 10px;align-items:center}.team-objectives span{display:flex;align-items:center;gap:5px;min-width:0}.team-objectives.red span{justify-content:flex-end;color:#ef4763}.team-objectives.blue span{justify-content:flex-start;color:#4f83e9}.team-objectives svg{width:18px;height:18px;flex:0 0 18px;display:block}.team-objectives b{color:var(--text);font-size:11px}.team-comparison{display:grid;gap:7px;min-width:0}.team-compare-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:7px;align-items:center;min-width:0}.team-compare-row>i{font-style:normal;font-size:11px;font-weight:800;text-align:center;color:var(--text)}.team-compare-row>div{min-width:0}.team-total .team-compare-row em{position:static;display:block;transform:none;margin:0 0 3px;font-size:10px;font-style:normal;line-height:12px;text-align:center;white-space:nowrap;color:var(--muted)}.team-compare-track{display:flex;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#353945}.team-compare-track>b{position:static;display:block;height:100%;min-width:0}.team-compare-track>.blue{background:#4f83e9}.team-compare-track>.red{background:#ef4763}@media (min-width:761px){.match-kda div{margin-top:28px;position:absolute;top:39px;left:0;width:205px;z-index:4;white-space:nowrap;pointer-events:auto;min-height:23px;display:flex;align-items:center}.match-row:has(.items.has-extra-item) .match-kda div{left:20px}}@media (max-width:760px){.team-total{min-width:650px;grid-template-columns:minmax(160px,1fr) 230px minmax(160px,1fr)}.items .item-slot,.items.has-extra-item .item-slot{width:18px;height:18px}}.damage-tooltip-stack{display:grid;gap:12px;min-width:190px}.damage-summary-card{min-width:190px;color:#566173;font-size:12px;line-height:1.45}.damage-summary-card strong{display:block;color:#526073;font-size:13px;font-weight:700}.damage-summary-card strong small{font-size:12px;color:#667085;font-weight:600}.damage-summary-total{display:block;margin:2px 0 5px;color:#526073;font-size:18px;line-height:1.2}.damage-summary-line{display:grid;grid-template-columns:8px 1fr auto auto;gap:6px;align-items:center;white-space:nowrap}.damage-summary-line i{width:8px;height:8px;border-radius:50%;display:block}.damage-summary-line span{color:#687385}.damage-summary-line small{color:#7d8795}.damage-summary-line b{color:#526073;font-size:12px}.detail-loading,.detail-error{padding:10px 14px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12px}.detail-error{color:#c47a36}.detail-table-panel,.build-detail-panel,.rune-detail-panel{background:var(--surface);overflow:hidden}.detail-table-panel{border-top:1px solid var(--line)}.detail-table-toolbar{height:50px;padding:8px 12px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.detail-table-toolbar input{width:120px;height:28px;border:1px solid #b9d9d0;border-radius:3px;background:var(--surface-2);padding:0 10px;outline:none}.detail-table-scroll{overflow:auto;max-height:650px}.detail-matrix{border-collapse:collapse;min-width:900px;width:100%;table-layout:fixed;font-size:11px;color:var(--text)}.detail-matrix th,.detail-matrix td{height:34px;padding:5px 8px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.detail-matrix thead th{height:66px;background:color-mix(in srgb,var(--surface-2) 88%,#e7f2ef);position:sticky;top:0;z-index:3;font-weight:700}.detail-matrix thead th:first-child,.detail-matrix tbody th{position:sticky;left:0;z-index:2;background:var(--surface-2);font-weight:700}.detail-matrix thead th:first-child{z-index:4;width:138px}.detail-matrix tbody th{text-align:right;color:var(--text)}.detail-matrix td{color:var(--muted);font-variant-numeric:tabular-nums}.detail-matrix thead th small{display:block;max-width:76px;overflow:hidden;text-overflow:ellipsis;margin:3px auto 0;font-size:10px;color:var(--muted);font-weight:500}.matrix-avatar{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle}.player-build-route,.rune-player{display:flex;gap:14px;align-items:flex-start;padding:12px;border-bottom:1px solid var(--line);min-width:760px}.build-route-name{width:105px;display:flex;align-items:center;gap:7px;flex:0 0 105px;color:var(--text);font-size:11px;overflow:hidden}.build-route-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.build-route-track{display:flex;align-items:flex-start;gap:7px;overflow-x:auto;min-height:57px;padding-bottom:2px}.build-node{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:54px}.build-items{display:flex;gap:2px;min-height:29px;align-items:center}.build-event-item{position:relative;display:inline-flex}.build-route-item{width:28px!important;height:28px!important;border-radius:3px;object-fit:cover}.build-event-item em{position:absolute;right:-2px;bottom:-4px;border-radius:8px;padding:0 3px;background:#475569;color:#fff;font-size:8px;line-height:13px;font-style:normal}.build-node>small{color:#9ba5b3;font-size:10px;white-space:nowrap}.build-arrow{align-self:center;color:#9da8b7;font-size:25px;font-style:normal;line-height:28px}.skill-level-grid{display:grid;gap:8px;padding:12px}.skill-player{display:flex;align-items:center;gap:10px}.skill-player>b{width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.skill-player>div{display:flex;flex-wrap:wrap;gap:3px}.skill-token{width:22px;height:22px;display:grid;place-items:center;border-radius:3px;background:#1f2a33;color:#43b7d5;font-weight:800;font-size:11px}.skill-token.skill-w{color:#2bd0cb}.skill-token.skill-e{color:#f59d31}.skill-token.skill-r{background:#5c83e6;color:#fff}.rune-content{flex:1;min-width:0}.rune-tree-row{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}.rune-style,.rune-shards{display:flex;flex-wrap:wrap;align-items:center;gap:5px;max-width:250px}.rune-style small,.rune-shards small{width:100%;color:var(--muted);font-size:10px}.rune-large-icon{width:30px!important;height:30px!important;border-radius:50%;object-fit:cover}.rune-small-icon{width:22px!important;height:22px!important;border-radius:50%;object-fit:cover}.rune-detail-icons{display:flex;gap:5px;flex-wrap:wrap}.rune-detail-icons img{width:30px!important;height:30px!important;border-radius:5px}.rune-resource-caption{margin-top:6px;color:var(--muted);font-size:10px}.team-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:var(--detail-dark)}.team-analysis-grid>div{padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2)}.team-analysis-grid b,.team-analysis-grid strong,.team-analysis-grid small{display:block}.team-analysis-grid b{color:var(--muted);font-size:11px}.team-analysis-grid strong{margin:4px 0;font-size:22px}.team-analysis-grid small{color:var(--muted);font-size:10px;line-height:1.6}@media (max-width:760px){.detail-table-toolbar,.player-build-route,.rune-player{min-width:760px}.team-analysis-grid{min-width:650px}.damage-tooltip-stack{min-width:170px}}.single-player-detail{display:grid;grid-template-columns:minmax(0,1fr) 66px;min-height:360px;background:var(--surface)}.single-player-main{min-width:0;overflow:hidden;padding-bottom:12px}.selected-player-heading{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-2) 94%,#d8efe8),var(--surface));border-bottom:1px solid var(--line)}.selected-player-heading>div{display:flex;flex-direction:column;gap:3px;min-width:0}.selected-player-heading b{font-size:14px;color:var(--text)}.selected-player-heading small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-player-avatar{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover;border:2px solid #c4dfd7;box-shadow:0 0 0 3px color-mix(in srgb,var(--surface-2) 80%,transparent)}.detail-player-rail{position:sticky;top:82px;align-self:start;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 7px;background:color-mix(in srgb,var(--surface-2) 94%,#d9eee9);border-left:1px solid var(--line);z-index:4}.detail-rail-title{font-size:10px;color:var(--muted);writing-mode:vertical-rl;letter-spacing:2px;margin-bottom:2px}.detail-rail-player{position:relative;width:42px;height:42px;padding:0;border:2px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.detail-rail-player:hover{transform:translate(-2px)}.detail-rail-player.active{border-color:#38aa91;box-shadow:0 0 0 3px color-mix(in srgb,#38aa91 25%,transparent)}.detail-rail-avatar{width:100%!important;height:100%!important;border-radius:50%;object-fit:cover}.detail-rail-player>span{position:absolute;right:-3px;bottom:-3px;min-width:15px;height:15px;padding:0 3px;border-radius:8px;background:#1c2835;color:#fff;font-size:9px;line-height:15px}.build-route-track-large{min-height:116px;padding:18px 16px 10px;align-items:flex-start;overflow-x:auto;scrollbar-width:thin}.build-node-large{min-width:72px;gap:7px}.build-node-time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.build-items{min-height:40px}.build-route-item-large{width:38px!important;height:38px!important;border-radius:5px;object-fit:cover;box-shadow:0 1px 5px #00000038}.build-event-item em{right:-5px;bottom:-5px;min-width:14px;text-align:center}.build-event-item.buy em{background:#2d9c79}.build-event-item.sell em{background:#d96767}.build-event-item.transform em{background:#a66bd1}.build-node-large>small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.build-route-legend{display:flex;align-items:center;gap:14px;padding:0 16px 12px;color:var(--muted);font-size:10px}.build-route-legend span{display:flex;align-items:center;gap:4px}.build-route-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.build-route-legend i.buy{background:#2d9c79}.build-route-legend i.sell{background:#d96767}.build-route-legend i.transform{background:#a66bd1}.build-route-legend b{margin-left:auto;font-weight:500;color:var(--muted)}.skill-title{border-top:1px solid var(--line)}.skill-build-panel{padding:14px 16px 18px}.skill-build-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.skill-build-heading>div:first-child{display:flex;flex-direction:column;gap:3px}.skill-build-heading b{font-size:13px}.skill-build-heading small{font-size:10px;color:var(--muted)}.skill-order-summary{display:flex;gap:6px}.skill-order-summary span{display:flex;align-items:center;gap:4px;padding:4px 7px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);font-size:10px}.skill-order-summary b{font-size:12px}.skill-order-summary em{font-style:normal;color:var(--muted)}.skill-order-q b{color:#51a8e8}.skill-order-w b{color:#3ac7ae}.skill-order-e b{color:#e89545}.skill-order-r b{color:#8e78e8}.skill-level-cards{display:grid;grid-template-columns:repeat(18,minmax(33px,1fr));gap:4px;overflow-x:auto;padding-bottom:4px}.skill-level-card{min-width:33px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 3px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 2px 5px #00000014}.skill-level-card small,.skill-level-card time{font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.skill-level-card strong{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;font-size:12px;background:#24364b;color:#6cb8ec}.skill-card-w strong{background:#163c43;color:#41d1b1}.skill-card-e strong{background:#4a321d;color:#f1ae58}.skill-card-r strong{background:#332b60;color:#b2a1ff}.skill-level-card time{white-space:nowrap}.augment-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 16px}.rune-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);transition:border-color .15s,transform .15s}.rune-card:hover{border-color:#49aa92;transform:translateY(-1px)}.rune-card>div{min-width:0;display:flex;flex-direction:column;gap:4px}.rune-card b{font-size:11px;color:var(--text);line-height:1.35}.rune-card small{font-size:10px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.rune-reference-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(110px,.7fr);padding:18px 16px;gap:0}.rune-column{min-width:0;padding:0 16px;border-right:1px solid var(--line)}.rune-column:first-child{padding-left:0}.rune-column:last-child{border-right:0;padding-right:0}.rune-column-title{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.rune-card-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rune-card-list .rune-card{min-height:84px;padding:7px}.rune-card-list .rune-card b{font-size:10px}.rune-card-list .rune-card small{font-size:9px;-webkit-line-clamp:3}.rune-card-list .rune-large-icon{width:34px!important;height:34px!important;flex:0 0 34px}.secondary-rune-list,.shard-list{grid-template-columns:1fr}.rune-card.compact{align-items:center;padding:6px;min-height:0}.rune-card.compact b,.rune-card.compact small{display:none}.rune-card.compact .rune-small-icon{width:27px!important;height:27px!important}.rune-build-caption{padding:0 16px;color:var(--muted);font-size:10px}.rune-empty{padding:24px;color:var(--muted);font-size:12px}.detail-table-scroll{max-height:760px}.detail-matrix{min-width:1180px;font-size:11px}.detail-matrix th,.detail-matrix td{height:32px}.detail-table-toolbar span{font-variant-numeric:tabular-nums}@media (max-width:900px){.single-player-detail{grid-template-columns:minmax(0,1fr) 54px}.augment-detail-grid{grid-template-columns:1fr}.rune-reference-layout{grid-template-columns:1fr;gap:16px}.rune-column,.rune-column:first-child,.rune-column:last-child{padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.rune-column:last-child{border-bottom:0;padding-bottom:0}.skill-level-cards{grid-template-columns:repeat(18,34px)}.build-route-legend b{display:none}}html,body,#root{max-width:100%;overflow-x:hidden}.match-detail,.detail-table-panel,.build-detail-panel,.rune-detail-panel{min-width:0;max-width:100%;overflow:hidden}.detail-table-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0!important}.detail-table-toolbar input{max-width:220px;min-width:0}.build-route-track-large{overflow-x:visible;flex-wrap:wrap;align-content:flex-start;row-gap:18px;column-gap:8px;white-space:normal}.build-node-large{flex:0 0 72px}.build-arrow{display:none}.build-route-legend{flex-wrap:wrap;row-gap:7px}.build-route-legend b{margin-left:0}.single-player-main{overflow:hidden;min-width:0}.build-items{flex-wrap:wrap;max-width:100%}.augment-detail-grid{min-width:0;overflow:hidden}.rune-reference-layout{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr) minmax(126px,.72fr);min-width:0;overflow:hidden}.rune-tree-column{min-width:0;padding:0 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch}.rune-tree-column:first-child{padding-left:0}.rune-tree-column:last-child{padding-right:0;border-right:0}.rune-tree-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;color:var(--muted);font-size:11px}.rune-tree-heading b{color:var(--text);font-size:12px}.rune-keystone{display:flex;justify-content:center;margin:3px 0 15px}.rune-tree-rows{display:flex;flex-direction:column;gap:10px}.rune-tree-row{display:grid;grid-template-columns:repeat(3,minmax(34px,1fr));justify-items:center;gap:5px}.rune-tree-column .rune-card.compact{width:42px;height:42px;min-height:42px;padding:3px;border:0;background:transparent;display:grid;place-items:center;transform:none}.rune-tree-column .rune-card.compact:hover{transform:scale(1.08);border:0}.rune-tree-column .rune-card.compact>div{display:none}.rune-tree-column .rune-card.compact .rune-small-icon{width:38px!important;height:38px!important;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--muted) 35%,transparent);background:#222;filter:grayscale(1) brightness(.58);opacity:.78;transition:filter .15s,opacity .15s,border-color .15s}.rune-tree-column .rune-card.compact.selected .rune-small-icon{filter:none;opacity:1;border-color:#d4ad59;box-shadow:0 0 0 2px color-mix(in srgb,#d4ad59 22%,transparent)}.rune-tree-column .rune-card.compact.unselected .rune-small-icon{filter:grayscale(1) brightness(.55);opacity:.68}.rune-empty-orb{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,var(--muted) 24%,transparent);background:color-mix(in srgb,var(--surface-3) 80%,#111);opacity:.5}.rune-tree-footer{display:block;text-align:center;color:var(--muted);font-size:10px;margin-top:auto;padding-top:14px}.shard-tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center;margin:32px 0 20px}.shard-tree .rune-card.compact .rune-small-icon{width:38px!important;height:38px!important}.shard-tree .rune-card.compact{width:42px;height:42px}.rune-build-caption{white-space:normal;line-height:1.6}.game-tooltip-content{font-family:inherit;word-break:break-word;white-space:normal}@media (max-width:900px){.rune-reference-layout{grid-template-columns:1fr;gap:18px}.rune-tree-column,.rune-tree-column:first-child,.rune-tree-column:last-child{padding:0 0 18px;border-right:0;border-bottom:1px solid var(--line)}.rune-tree-column:last-child{border-bottom:0;padding-bottom:0}.rune-tree-column .rune-tree-row{max-width:260px;margin-inline:auto}.shard-tree-grid{max-width:260px;margin-inline:auto;margin-top:18px}}@media (max-width:560px){.build-route-track-large{padding-inline:10px;column-gap:5px}.build-route-legend{padding-inline:10px}.skill-build-heading{align-items:flex-start;flex-direction:column}.skill-level-cards{grid-template-columns:repeat(6,minmax(34px,1fr));overflow:visible}}.build-route-track-large{overflow:visible;display:flex;flex-wrap:wrap;align-content:flex-start;gap:14px 10px;white-space:normal;min-height:0}.build-node-large{flex:0 0 auto;min-width:64px;max-width:100%}.build-node-label{font-size:10px;color:var(--muted);white-space:nowrap;line-height:1.2}.build-node-large .build-items{flex-wrap:wrap;justify-content:center;min-height:40px;max-width:100%}.build-node-large .build-event-item em{display:none}.build-route-legend{flex-wrap:wrap;row-gap:6px}.skill-level-cards{grid-template-columns:repeat(auto-fit,minmax(42px,1fr));overflow:visible;min-width:0}.skill-level-card{min-width:0}.rune-reference-layout{grid-template-columns:minmax(0,1.16fr) minmax(0,1fr) minmax(170px,.82fr);align-items:stretch}.rune-tree-column{min-height:290px}.rune-tree-style{display:flex;justify-content:center;align-items:center;margin:2px 0 12px}.rune-tree-style .rune-card.compact{width:36px;height:36px;padding:2px}.rune-tree-style .rune-card.compact .rune-small-icon{width:32px!important;height:32px!important;border-width:1px}.rune-tree-style .rune-card.compact.selected .rune-small-icon{border-color:#49aa92;box-shadow:0 0 0 2px color-mix(in srgb,#49aa92 24%,transparent)}.rune-keystone{margin:0 0 14px}.rune-tree-rows{gap:8px}.rune-tree-row{grid-template-columns:repeat(3,minmax(38px,1fr));gap:5px}.shard-tree-grid{grid-template-columns:repeat(3,minmax(38px,1fr));grid-auto-rows:42px;gap:10px;margin:20px 0 16px}@media (max-width:900px){.rune-reference-layout{grid-template-columns:1fr;gap:18px}.rune-tree-column{min-height:0}.rune-tree-column .rune-tree-row,.shard-tree-grid{max-width:300px}}@media (max-width:560px){.skill-level-cards{grid-template-columns:repeat(6,minmax(34px,1fr));overflow:visible}.build-route-track-large{padding-inline:10px;gap:12px 6px}}.rune-keystone-options{display:flex;align-items:center;justify-content:center;gap:4px;min-height:42px;margin:0 0 10px;flex-wrap:nowrap}@media (max-width:560px){.rune-keystone-options{gap:2px}.rune-keystone-options .rune-card.compact{flex-basis:40px}}.rune-tree-body{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.rune-tree-row,.rune-keystone-options{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:nowrap}.rune-tree-row{min-height:42px}.rune-keystone-options{min-height:42px;margin:0 0 10px}.rune-keystone-options .rune-card.compact{flex:0 0 42px}.rune-tree-rows{gap:10px}.shard-tree-grid{display:grid;grid-template-columns:repeat(3,42px);grid-auto-rows:42px;gap:10px 12px;justify-content:center;justify-items:center;margin:0}.rune-tree-style .rune-card.compact,.rune-tree-style .rune-card.compact:hover{background:transparent;border:0;box-shadow:none}.rune-tree-style .rune-card.compact .rune-small-icon,.rune-tree-style .rune-card.compact.selected .rune-small-icon{background:transparent;border-color:transparent;box-shadow:none}@media (max-width:900px){.rune-tree-body{flex:none}}.rune-keystone-options.four-options{gap:2px}.rune-keystone-options.four-options .rune-card.compact{flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:2px}.rune-keystone-options.four-options .rune-card.compact .rune-small-icon{width:32px!important;height:32px!important}.build-route-track-large{align-items:center}.build-minute-group{flex:0 0 auto;min-width:0;max-width:100%;gap:6px}.build-minute-group .build-items{gap:3px;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.build-purchase-item{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:38px}.build-purchase-item time{font-size:9px;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.build-route-track-large>.build-arrow{display:block!important;flex:0 0 auto;align-self:center;margin:10px 1px 0;color:#7e8b9b;font-size:20px;font-weight:700;line-height:1}.opening-skill-panel{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.opening-skill-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.opening-skill-heading b{font-size:12px;color:var(--text)}.opening-skill-heading small{font-size:10px;color:var(--muted);text-align:right}.opening-skill-sequence{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.opening-skill-card{display:flex;align-items:center;gap:8px;min-width:145px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);cursor:help;transition:border-color .15s,transform .15s}.opening-skill-card:hover{border-color:#49aa92;transform:translateY(-1px)}.opening-skill-icon,.opening-skill-placeholder{width:38px!important;height:38px!important;flex:0 0 38px;border-radius:6px;object-fit:cover;background:#202b38;box-shadow:0 1px 5px #0000003d}.opening-skill-placeholder{display:grid;place-items:center;color:#8fc7f0;font-size:14px;font-weight:800}.opening-skill-card>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.opening-skill-card small{font-size:9px;color:var(--muted)}.opening-skill-card b{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text)}.opening-skill-arrow{font-style:normal;color:#8895a5;font-size:18px;font-weight:700}.hextech-resources img,.rune-card.augment-card .rune-large-icon,.rune-card.augment-card .rune-small-icon{background-color:#333!important;object-fit:contain}@media (max-width:700px){.opening-skill-heading{align-items:flex-start;flex-direction:column}.opening-skill-heading small{text-align:left}.opening-skill-card{min-width:132px}}:root{--remake:#8a909c}.match-card-shell{margin-bottom:6px}.match-result{justify-content:center;align-items:flex-start;row-gap:4px}.match-result hr{align-self:flex-start!important;margin-left:0!important;margin-right:0!important}.match-row.remake{border-left-color:var(--remake);background:color-mix(in srgb,var(--remake) 16%,var(--surface))}.match-row.remake .match-result b,.match-row.remake .match-result em{color:var(--remake)}.match-detail-tabs{height:35px!important}.theme-light .match-detail.win .match-detail-tabs button.active{background:color-mix(in srgb,var(--win) 16%,var(--surface));color:var(--win)}.theme-light .match-detail.loss .match-detail-tabs button.active{background:color-mix(in srgb,var(--loss) 14%,var(--surface));color:var(--loss)}.theme-light .match-detail.remake .match-detail-tabs button.active{background:color-mix(in srgb,var(--remake) 16%,var(--surface));color:#69707d}.match-team-player.is-me .team-name{color:var(--accent);font-weight:800}.detail-player-row.is-me{position:relative;box-shadow:inset 3px 0 0 var(--accent)}.detail-player-name.is-me{color:var(--accent)!important;font-weight:800}.detail-player-rail .detail-rail-player.is-me:not(.active){border-color:color-mix(in srgb,var(--accent) 58%,transparent)}.selected-player-heading>div.is-me b,.detail-matrix thead th.is-me small{color:var(--accent);font-weight:800}.detail-matrix thead th.is-me{background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.player-query-link{color:inherit;text-decoration:none;cursor:pointer;transition:color .15s ease}.player-query-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.team-name .player-query-link{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-player-name>.player-query-link{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-player-name small{flex-wrap:wrap;row-gap:2px}.detail-position-meta{display:inline-flex;align-items:center;gap:3px;min-width:0}.detail-achievement{display:inline-flex;align-items:center;min-height:16px;padding:1px 7px;border-radius:999px;background:linear-gradient(135deg,#ee5a72,#d93662);color:#fff;font-size:9px;line-height:14px;font-style:normal;font-weight:800;white-space:nowrap}.detail-op em{border-radius:999px!important;padding-left:7px;padding-right:7px}.ai-chips{height:30px!important;margin:5px 0!important;gap:7px!important;align-items:flex-start;overflow:visible!important}.ai-chips button{height:30px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;font-size:11px!important;line-height:28px;box-shadow:none;animation:none;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.ai-chips button:hover{border-color:transparent!important;background:linear-gradient(120deg,#2563eb,#3b82f6 32%,#a78bfa 58%,#60a5fa 78%,#2563eb)!important;background-size:300% 300%!important;color:#fff!important;box-shadow:0 3px 10px #3b82f63d;animation:ai-gradient-flow 2.6s linear infinite}@keyframes ai-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (prefers-reduced-motion:reduce){.match-row .match-ai-mark:hover,.ai-chips button:hover{animation:none!important}}.hextech-resources img{opacity:1!important}.team-analysis-panel{min-height:560px;background:var(--surface)}.team-analysis-panel .single-player-detail{min-height:560px}.team-analysis-main{padding:14px 16px 18px;overflow:hidden}.team-analysis-player{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--line)}.team-analysis-section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 9px}.team-analysis-section-title b{font-size:13px;color:var(--text)}.team-analysis-section-title small{font-size:9px;color:var(--muted)}.team-analysis-progress-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.team-analysis-metric{min-width:0;padding:9px 10px 7px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}.team-analysis-metric-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:6px}.team-analysis-metric-head strong{font-size:11px;color:var(--text);font-variant-numeric:tabular-nums}.team-analysis-metric-head strong:last-child{text-align:right}.team-analysis-metric-head b{font-size:10px;color:var(--muted);white-space:nowrap}.team-analysis-dual-bar{display:grid;grid-template-columns:minmax(0,1fr) 2px minmax(0,1fr);align-items:center;height:9px}.team-analysis-dual-bar>span{display:flex;height:7px;overflow:hidden;background:color-mix(in srgb,var(--line) 70%,transparent)}.team-analysis-dual-bar>span.personal{justify-content:flex-end;border-radius:6px 0 0 6px}.team-analysis-dual-bar>span.team{justify-content:flex-start;border-radius:0 6px 6px 0}.team-analysis-dual-bar>em{height:9px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.team-analysis-dual-bar i{display:block;height:100%}.team-analysis-dual-bar .personal i{border-radius:6px 0 0 6px;background:linear-gradient(90deg,#7659de,#9a7cf5)}.team-analysis-dual-bar .team i{border-radius:0 6px 6px 0;background:linear-gradient(90deg,#27a58e,#47c5aa)}.team-analysis-metric-foot{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted)}.team-analysis-metric-foot small{font-size:8px}.team-radar-card{padding:12px 14px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.team-radar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-radar-heading>div:first-child{display:flex;flex-direction:column;gap:2px}.team-radar-heading b{font-size:12px;color:var(--text)}.team-radar-heading small{font-size:9px;color:var(--muted)}.team-radar-legend{display:flex;align-items:center;gap:12px;font-size:9px;color:var(--muted)}.team-radar-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.team-radar-legend span:before{content:"";width:8px;height:8px;border-radius:50%}.team-radar-legend .personal:before{background:#8468e7}.team-radar-legend .team:before{background:#34b39b}.team-radar-wrap{display:grid;place-items:center;height:300px;margin-top:-2px}.team-radar-wrap svg{display:block;width:min(100%,330px);height:300px;overflow:visible}.team-radar-wrap .radar-grid{fill:color-mix(in srgb,var(--surface) 55%,transparent);stroke:color-mix(in srgb,var(--muted) 35%,transparent);stroke-width:1}.team-radar-wrap .radar-axis{stroke:color-mix(in srgb,var(--muted) 28%,transparent);stroke-width:1}.team-radar-wrap .radar-shape{stroke-width:2;stroke-linejoin:round}.team-radar-wrap .radar-shape.team{fill:#34b39b2e;stroke:#34b39b}.team-radar-wrap .radar-shape.personal{fill:#8468e73d;stroke:#8468e7}.team-radar-wrap .radar-dot{fill:#8468e7;stroke:var(--surface);stroke-width:1.5}.team-radar-wrap text{fill:var(--text);font-size:10px;font-weight:700}@media (max-width:760px){.ai-chips{height:30px!important;min-height:30px;flex-wrap:wrap;margin:5px 0!important}.team-analysis-progress-grid{grid-template-columns:1fr}.team-analysis-main{padding:12px 10px}.team-analysis-section-title{align-items:flex-start;flex-direction:column;gap:3px}.team-radar-heading{flex-direction:column}.team-radar-wrap{height:280px}.team-radar-wrap svg{height:280px}}.detail-player-rail{gap:0;padding:0;background:transparent;border-left:0;overflow:hidden}.detail-player-rail .detail-rail-group{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:10px 7px;box-sizing:border-box;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.detail-player-rail .detail-rail-group.blue{background:color-mix(in srgb,#3b82f6 13%,var(--surface-2))}.detail-player-rail .detail-rail-group.red{background:color-mix(in srgb,#ef4444 13%,var(--surface-2))}.detail-player-rail .detail-rail-group.unknown{background:var(--surface-2)}.detail-rail-player.team-blue.active{border-color:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 26%,transparent)}.detail-rail-player.team-red.active{border-color:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 26%,transparent)}.team-analysis-content{padding:14px 16px 18px;overflow:hidden}.team-analysis-panel .selected-player-heading{margin:0}.team-analysis-tug-bar{position:relative;display:flex;width:100%;height:9px;overflow:hidden;border-radius:7px;background:color-mix(in srgb,var(--line) 70%,transparent)}.team-analysis-tug-bar>span{display:block;height:100%;min-width:0;transition:width .2s ease}.team-analysis-tug-bar>span.personal{border-radius:7px 0 0 7px}.team-analysis-tug-bar>span.team{border-radius:0 7px 7px 0}.team-analysis-tug-bar>em{position:absolute;top:-1px;width:2px;height:11px;transform:translate(-1px);background:var(--surface);box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 18%,transparent);font-size:0}.team-analysis-metric.side-blue .team-analysis-tug-bar .personal{background:linear-gradient(90deg,#2563eb,#3b82f6)}.team-analysis-metric.side-blue .team-analysis-tug-bar .team{background:linear-gradient(90deg,#7db1ff,#b6d3ff)}.team-analysis-metric.side-red .team-analysis-tug-bar .personal{background:linear-gradient(90deg,#dc2626,#ef4444)}.team-analysis-metric.side-red .team-analysis-tug-bar .team{background:linear-gradient(90deg,#ff8a8a,#ffc1c1)}.team-analysis-metric.side-blue .team-analysis-tug-bar>em{box-shadow:0 0 0 1px color-mix(in srgb,#3b82f6 32%,transparent)}.team-analysis-metric.side-red .team-analysis-tug-bar>em{box-shadow:0 0 0 1px color-mix(in srgb,#ef4444 32%,transparent)}.team-radar-heading{align-items:center}.team-radar-heading>small{display:none}.team-radar-wrap svg{width:min(100%,390px);height:300px}.team-radar-wrap text{font-size:9px}@media (max-width:760px){.team-analysis-content{padding:12px 10px}.team-radar-wrap svg{width:100%;height:280px}}.match-score{align-self:stretch;justify-content:center;padding-top:0}.team-analysis-metric,.team-radar-card,.skill-order-summary span,.skill-level-card,.opening-skill-card,.rune-card{border-radius:4px}.team-radar-legend .team:before{background:#94a3b8}.team-radar-wrap .radar-shape.team{fill:#94a3b82e;stroke:#94a3b8}.team-radar-card.side-blue .team-radar-legend .personal:before{background:#3b82f6}.team-radar-card.side-red .team-radar-legend .personal:before{background:#ef4444}.team-radar-card.side-blue .team-radar-wrap .radar-shape.personal{fill:#3b82f63d;stroke:#3b82f6}.team-radar-card.side-red .team-radar-wrap .radar-shape.personal{fill:#ef44443d;stroke:#ef4444}.team-radar-card.side-blue .team-radar-wrap .radar-dot{fill:#3b82f6}.team-radar-card.side-red .team-radar-wrap .radar-dot{fill:#ef4444}.team-analysis-tug-bar>em{top:50%;width:4px;height:17px;transform:translate(-50%,-50%) rotate(20deg);background:var(--surface-2);box-shadow:none!important}.team-compare-track{position:relative}.team-compare-divider{position:absolute;top:50%;width:4px;height:16px;transform:translate(-50%,-50%) rotate(20deg);background:var(--detail-dark);pointer-events:none}.theme-dark .detail-position-icon{filter:brightness(0) invert(1);opacity:1}.summary-content{grid-template-columns:minmax(215px,.95fr) minmax(250px,1.12fr) minmax(205px,.93fr);gap:0;align-items:stretch;padding:0 15px}.summary-overview{min-width:0;display:flex;align-items:center;gap:14px;padding-right:18px;border-right:1px solid var(--line)}.summary-overview .donut{flex:0 0 auto}.summary-overview .summary-kda{min-width:0;justify-content:center;gap:2px}.summary-overview .summary-kda small:last-child{margin-top:1px;font-size:9px;letter-spacing:.08em}.summary-champions{min-width:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-content:center;padding:8px 18px;border-right:1px solid var(--line)}.summary-champion-row{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) 52px;align-items:center;gap:9px;padding:3px 0}.summary-champion-row+.summary-champion-row{border-top:1px solid color-mix(in srgb,var(--line) 62%,transparent)}.summary-champion-row>img{width:32px!important;height:32px!important;border-radius:50%;object-fit:cover;display:block}.summary-champion-row>span{min-width:0;display:flex;flex-direction:column;gap:2px}.summary-champion-row>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--text)}.summary-champion-row>span small{font-size:9px;color:var(--muted);white-space:nowrap}.summary-champion-row>em{display:flex;flex-direction:column;align-items:flex-end;font-style:normal}.summary-champion-row>em b{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.summary-champion-row>em small{font-size:8px;color:var(--muted);letter-spacing:.06em}.summary-empty{display:grid;place-items:center;color:var(--muted);font-size:10px}.summary-position-panel{min-width:0;display:flex;flex-direction:column;padding:10px 0 7px 18px}.summary-position-empty{flex:1;display:grid;place-items:center;color:var(--muted);font-size:10px}.summary-position-heading{height:24px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.summary-position-heading b{font-size:11px;color:var(--text)}.summary-position-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:var(--muted)}.summary-position-bars{flex:1;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(28px,1fr));align-items:stretch;gap:5px}.summary-position-item{min-width:0;display:grid;grid-template-rows:14px minmax(42px,1fr) 32px;justify-items:center;align-items:end}.summary-position-item>b{font-size:9px;line-height:14px;color:var(--muted);font-variant-numeric:tabular-nums}.summary-position-item>span{width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}.summary-position-item>span i{display:block;width:12px;min-height:3px;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--muted) 28%,var(--surface-3));transition:height .2s ease}.summary-position-item.preferred>span i{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 72%,#fff),var(--accent))}.summary-position-item.preferred>b{color:var(--accent);font-weight:800}.summary-position-label{height:32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1px}.summary-position-icon{width:17px!important;height:17px!important;display:block;object-fit:contain;opacity:.72}.summary-position-label small{font-size:8px;line-height:11px;color:var(--muted);white-space:nowrap}.summary-position-item.preferred .summary-position-icon{opacity:1}.summary-position-item.preferred .summary-position-label small{color:var(--accent);font-weight:700}.theme-dark .summary-position-icon{filter:brightness(0) invert(1)}@media (max-width:760px){.recent-summary{height:auto;min-height:420px}.summary-content{height:auto;grid-template-columns:1fr;padding:8px 12px}.summary-overview{min-height:104px;padding:8px 4px 12px;border-right:0;border-bottom:1px solid var(--line);justify-content:center}.summary-champions{min-height:150px;padding:8px 4px;border-right:0;border-bottom:1px solid var(--line)}.summary-position-panel{min-height:128px;padding:10px 4px 4px}}.recent-summary>header{justify-content:flex-start;font-size:11px}.recent-summary>header>b{font-size:11px}.recent-summary footer.summary-pagination{height:32px;min-height:32px;padding:4px 10px!important;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center!important;color:var(--text)!important;font-size:11px}.summary-pagination label{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--muted);font-size:11px}.summary-pagination select{height:22px;min-width:50px;padding:0 20px 0 7px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--text);font-size:11px;outline:none}.summary-pagination select:focus{border-color:var(--accent)}.summary-pagination button{height:22px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:600}.summary-pagination button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.summary-pagination button:disabled,.summary-pagination select:disabled{cursor:not-allowed;opacity:.42}.summary-pagination>span{min-width:52px;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}@media (max-width:760px){.recent-summary footer.summary-pagination{height:auto;min-height:40px;flex-wrap:wrap;padding:7px 6px!important;gap:5px}}.summoner-rank-stack{display:grid;gap:7px;margin-bottom:7px}.summoner-rank-card{border-radius:4px;overflow:hidden}.summoner-rank-card>header{height:36px;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:.01em}.summoner-rank-current{min-height:92px;display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;column-gap:12px;padding:10px 12px 8px}.summoner-rank-emblem,.summoner-rank-highest-emblem{display:grid;place-items:center;border-radius:50%;background:#f6f7fa;overflow:hidden}.summoner-rank-emblem{width:72px;height:72px}.summoner-rank-emblem img{display:block;width:68px;height:68px;object-fit:contain}.summoner-rank-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:5px}.summoner-rank-copy h3{margin:0;font-size:11px;line-height:24px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.summoner-rank-copy span{font-size:11px;line-height:15px;color:#6580ae;font-variant-numeric:tabular-nums}.summoner-rank-record{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;font-size:11px;line-height:14px;white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums}.summoner-rank-highest{min-height:60px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;column-gap:11px;padding:5px 12px 9px}.summoner-rank-highest-emblem{width:44px;height:44px}.summoner-rank-highest-emblem img{display:block;width:41px;height:41px;object-fit:contain}.summoner-rank-highest-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}.summoner-rank-highest-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:18px;color:var(--text)}.summoner-rank-highest-copy span{font-size:11px;line-height:14px;color:#6580ae}.summoner-rank-highest-badge{height:20px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;background:#5a84ec;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;line-height:1;justify-content:center}.theme-dark .summoner-rank-emblem,.theme-dark .summoner-rank-highest-emblem{background:#393b46}.theme-dark .summoner-rank-copy span,.theme-dark .summoner-rank-highest-copy span{color:#9eb8e6}@media (max-width:760px){.summoner-rank-current{grid-template-columns:76px minmax(0,1fr) 76px}}.summoner-rank-lp-progress{width:76px;height:7px;display:block;overflow:hidden;border-radius:999px;background:var(--surface-3);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent)}.summoner-rank-lp-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5a84ec,#7ba4ff);transition:width .2s ease}.recent-summary>header{height:36px;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:.01em}.recent-summary>header>b{font-size:14px;font-weight:500}.recent-summary footer.summary-pagination{height:36px;min-height:36px;padding:5px 10px!important;font-size:14px}.recent-summary footer.summary-pagination label,.recent-summary footer.summary-pagination select,.recent-summary footer.summary-pagination button,.recent-summary footer.summary-pagination>span{font-size:14px}.recent-summary footer.summary-pagination select,.recent-summary footer.summary-pagination button{height:26px}@media (min-width:761px){.recent-summary{height:209px}}@media (max-width:760px){.recent-summary footer.summary-pagination{height:36px;min-height:36px;padding:5px 6px!important}}.summoner-sidebar-panels{display:grid;gap:7px;margin-bottom:7px}.sidebar-section-panel{border-radius:4px;overflow:hidden}.sidebar-section-panel>header{height:36px;padding:0 12px;font-size:14px;font-weight:500;letter-spacing:.01em}.sidebar-section-panel>header>b{font-size:inherit;font-weight:500}.sidebar-section-panel>header>span{margin-left:auto;color:var(--muted);font-size:10px;font-weight:500}.player-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.player-asset-item{min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:4px;background:var(--surface-2);color:var(--text)}.player-asset-item b{font-size:17px;line-height:20px;font-weight:500;font-variant-numeric:tabular-nums}.player-asset-item span{font-size:10px;line-height:13px;color:var(--muted)}.sidebar-champion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;padding:11px 12px 10px}.sidebar-champion-stat{min-width:0;height:43px;display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;padding:3px;border-radius:4px;transition:background .15s ease}.sidebar-champion-stat:hover{background:var(--surface-2)}.sidebar-champion-stat>img{width:38px;height:38px;border-radius:4px;object-fit:cover}.sidebar-champion-stat>span{min-width:0;display:flex;flex-direction:column;gap:3px}.sidebar-champion-stat>span>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;color:var(--text)}.sidebar-champion-stat>span>small{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:9px;line-height:12px;color:var(--muted)}.sidebar-champion-stat em,.recent-teammate-row em{font-style:normal}.sidebar-champion-stat .positive,.recent-teammate-row .positive{color:var(--accent)}.sidebar-champion-stat .negative,.recent-teammate-row .negative{color:var(--loss)}.sidebar-position-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);padding:9px 10px 10px}.sidebar-position-summary>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted)}.sidebar-position-summary>div.has-games{color:var(--text)}.sidebar-position-icon{width:20px!important;height:20px!important;display:block;object-fit:contain;opacity:.45}.sidebar-position-summary>div.has-games .sidebar-position-icon{opacity:.9}.sidebar-position-summary small{font-size:9px;line-height:11px;font-variant-numeric:tabular-nums}.theme-dark .sidebar-position-icon{filter:brightness(0) invert(1)}.recent-teammate-list{display:grid;gap:3px;padding:6px 8px 8px}.recent-teammate-row{min-width:0;min-height:38px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;border-radius:4px;background:var(--surface-2)}.recent-teammate-avatar-link{width:30px;height:30px;display:block;border-radius:50%}.recent-teammate-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}.recent-teammate-row>span:not(.recent-teammate-record){min-width:0;display:flex;flex-direction:column;gap:1px}.recent-teammate-row>span>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:13px}.recent-teammate-row>span>b .player-query-link{color:var(--text)}.recent-teammate-row>span>b .player-query-link:hover{color:var(--accent)}.recent-teammate-row>span>small{display:none}.recent-teammate-record{display:flex;align-items:center;gap:5px;font-size:10px;line-height:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.recent-teammate-record .win{color:var(--accent)}.recent-teammate-record .loss{color:var(--loss)}.recent-teammate-record .sep{color:var(--muted);font-style:normal}.mastery-list{max-height:298px;overflow-y:auto;padding:5px 7px 7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mastery-row{min-width:0;height:54px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px 55px;align-items:center;gap:8px;padding:6px 7px;border-radius:4px;color:var(--text);transition:background .15s ease}.mastery-row:hover{background:var(--surface-2)}.mastery-row.top-mastery{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 11%,var(--surface)),color-mix(in srgb,#f3b43f 7%,var(--surface)))}.mastery-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;display:block}.mastery-row>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px}.mastery-row>span{color:#5d87f1;font-size:10px;line-height:13px;text-align:right;white-space:nowrap}.mastery-row>em{color:#e59c19;font-size:10px;line-height:13px;font-style:normal;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.sidebar-empty{min-height:74px;display:grid;place-items:center;padding:16px 12px;text-align:center;color:var(--muted);font-size:10px;line-height:1.6}@media (max-width:1080px) and (min-width:761px){.player-assets-grid{gap:6px;padding:10px}.player-asset-item{height:50px}.player-asset-item b{font-size:14px}.sidebar-champion-grid{gap:5px 3px;padding:9px 7px}.sidebar-champion-stat{grid-template-columns:32px minmax(0,1fr);gap:5px;padding:2px}.sidebar-champion-stat>img{width:32px;height:32px}.mastery-row{grid-template-columns:36px minmax(0,1fr) 34px 44px;gap:5px;padding:5px}.mastery-avatar{width:36px;height:36px}}.summoner-rank-highest{grid-template-columns:62px minmax(0,1fr) auto}.summoner-rank-highest-emblem{margin-left:14px}.sidebar-role-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--line);padding:9px 8px 10px}.sidebar-role-summary>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted)}.sidebar-role-summary>div.has-games{color:var(--text)}.sidebar-role-icon{width:21px;height:21px;display:block;opacity:.38;transition:opacity .15s ease,color .15s ease}.sidebar-role-summary>div.has-games .sidebar-role-icon{opacity:.95;color:var(--accent)}.sidebar-role-summary span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;line-height:11px}.sidebar-role-summary small{font-size:9px;line-height:11px;font-variant-numeric:tabular-nums}.team-objectives-cluster{min-width:0;align-items:center}.team-objectives-cluster.without-bans{display:block}.team-objectives-cluster.has-bans{display:grid;gap:8px}.team-objectives-cluster.blue.has-bans{grid-template-columns:minmax(0,1fr) auto}.team-objectives-cluster.red.has-bans{grid-template-columns:auto minmax(0,1fr)}.team-ban-trigger{height:24px;min-width:34px;padding:0 7px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font-size:9px;font-weight:800;line-height:22px;letter-spacing:.04em;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.team-ban-trigger.blue{color:#4f83e9;background:color-mix(in srgb,#4f83e9 10%,transparent)}.team-ban-trigger.red{color:#ef4763;background:color-mix(in srgb,#ef4763 10%,transparent)}.team-ban-trigger:hover{color:#fff}.team-ban-trigger.blue:hover{background:#4f83e9;box-shadow:0 0 0 3px color-mix(in srgb,#4f83e9 16%,transparent)}.team-ban-trigger.red:hover{background:#ef4763;box-shadow:0 0 0 3px color-mix(in srgb,#ef4763 16%,transparent)}.ban-tooltip{min-width:284px;display:grid;gap:8px}.ban-tooltip>b{font-size:12px;line-height:16px}.ban-tooltip.blue>b{color:#79a3ff}.ban-tooltip.red>b{color:#ff7b91}.ban-tooltip-roster{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ban-tooltip-slot{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.ban-tooltip-slot>img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--line) 70%,transparent)}.ban-tooltip.blue .ban-tooltip-slot>img{border-color:#4f83e9}.ban-tooltip.red .ban-tooltip-slot>img{border-color:#ef4763}.ban-tooltip-slot small{width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:9px;color:var(--muted)}.ban-tooltip-slot.empty{justify-content:flex-start;color:var(--muted)}.ban-tooltip-slot.empty .empty-ban{width:30px;height:34px;margin:2px 0;fill:currentColor;opacity:.65}@media (max-width:1080px) and (min-width:761px){.sidebar-role-summary{padding-left:4px;padding-right:4px}.sidebar-role-icon{width:18px;height:18px}.sidebar-role-summary span,.sidebar-role-summary small{font-size:8px}.team-objectives-cluster.has-bans{gap:5px}.team-ban-trigger{min-width:30px;padding:0 5px}}@media (min-width:761px){.detail-tabs-tft-link{font-size:12px}}.arena-overview{background:var(--surface)}.arena-ban-strip{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:8px 10px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 82%,var(--surface))}.arena-ban-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.arena-ban-heading b{font-size:11px;color:var(--text)}.arena-ban-heading small{font-size:9px;color:var(--muted)}.arena-ban-roster{display:flex;align-items:center;justify-content:flex-start;gap:4px;min-width:0;flex-wrap:wrap}.arena-ban-slot{position:relative;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border:1px solid color-mix(in srgb,var(--line) 82%,transparent);border-radius:4px;overflow:hidden;background:var(--surface-3)}.arena-ban-slot>img{width:100%!important;height:100%!important;display:block;object-fit:cover}.arena-ban-slot>em{position:absolute;right:1px;bottom:0;min-width:11px;height:11px;padding:0 2px;display:grid;place-items:center;border-radius:4px 0 3px;background:#111827c7;color:#fff;font-size:7px;font-style:normal;line-height:1}.arena-ban-slot.empty{color:var(--muted);background:color-mix(in srgb,var(--surface-3) 72%,transparent)}.arena-ban-slot.empty .empty-ban{width:14px;height:16px;fill:currentColor;opacity:.72}.arena-team-list{display:flex;flex-direction:column;gap:7px;padding:8px;background:var(--surface-2)}.arena-team-block{overflow:hidden;border:1px solid var(--line);border-left:3px solid #64748b;border-radius:4px;background:var(--surface)}.arena-team-block.arena-place-1{border-left-color:#d7a72e}.arena-team-block.arena-place-2{border-left-color:#94a3b8}.arena-team-block.arena-place-3{border-left-color:#b87942}.arena-team-heading{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 88%,var(--surface))}.arena-team-heading>div:first-child{display:flex;align-items:baseline;gap:7px;white-space:nowrap}.arena-team-heading b{font-size:12px;color:var(--text)}.arena-team-heading small{font-size:9px;color:var(--muted)}.arena-team-shares{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap}.arena-team-shares span{height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:10px;background:var(--surface-3);color:var(--muted);font-size:8px;white-space:nowrap}.arena-detail-columns{background:color-mix(in srgb,var(--surface-2) 70%,var(--surface))}.arena-detail-team .detail-player-row{background:var(--surface)}.arena-detail-team .detail-player-row:nth-child(2n){background:color-mix(in srgb,var(--surface-2) 55%,var(--surface))}.detail-player-rail.arena-mode .detail-rail-group.arena{position:relative;gap:5px;padding:7px 6px;background:var(--surface-2);border-left:3px solid #64748b}.detail-player-rail.arena-mode .detail-rail-group.arena-place-1{border-left-color:#d7a72e}.detail-player-rail.arena-mode .detail-rail-group.arena-place-2{border-left-color:#94a3b8}.detail-player-rail.arena-mode .detail-rail-group.arena-place-3{border-left-color:#b87942}.detail-rail-team-rank{display:block;width:100%;text-align:center;color:var(--muted);font-size:8px;font-weight:800;line-height:12px}.detail-rail-player.team-arena.active{border-color:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 25%,transparent)}@media (max-width:760px){.arena-ban-strip{grid-template-columns:1fr;gap:6px}.arena-ban-heading{flex-direction:row;align-items:center;justify-content:space-between}.arena-ban-roster{gap:3px}.arena-ban-slot{width:26px;height:26px;flex-basis:26px}.arena-team-heading{align-items:flex-start;flex-direction:column;gap:5px}.arena-team-shares{justify-content:flex-start}}.single-player-detail.arena-mode{grid-template-columns:minmax(0,1fr) 108px}.detail-player-rail.arena-mode{width:108px;box-sizing:border-box}.detail-player-rail.arena-mode .detail-rail-group.arena{display:grid;grid-template-columns:repeat(2,42px);justify-content:center;align-items:center;gap:6px;width:100%;box-sizing:border-box}.detail-player-rail.arena-mode .detail-rail-team-rank{grid-column:1/-1}@media (max-width:900px){.single-player-detail.arena-mode{grid-template-columns:minmax(0,1fr) 108px}}.summoner-page .ad-panel.has-profile-background{background-size:cover;background-position:center;background-repeat:no-repeat}.summoner-page .ad-panel.has-profile-background:before{background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.13));transform:skew(-15deg)}.summoner-page .profile-inner{align-items:flex-start}.summoner-page .profile-avatar-wrap{--profile-avatar-size:62px;position:relative;display:block;width:70px;height:70px;flex:0 0 70px;margin-right:16px;cursor:help}.summoner-page .profile-exp-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none}.summoner-page .profile-exp-track,.summoner-page .profile-exp-value{fill:none;stroke-width:4}.summoner-page .profile-exp-track{stroke:color-mix(in srgb,var(--line) 86%,#d8dde8)}.summoner-page .profile-exp-value{stroke:#4f78dd;stroke-linecap:round;transform:rotate(-90deg);transform-origin:36px 36px;filter:drop-shadow(0 0 2px color-mix(in srgb,#4f78dd 38%,transparent));transition:stroke-dasharray .35s ease}.summoner-page .profile-avatar{position:absolute;z-index:0;left:4px;top:4px;width:var(--profile-avatar-size);height:var(--profile-avatar-size);border-radius:22px;object-fit:cover;display:block}.summoner-page .profile-avatar-wrap>.profile-level-badge{position:absolute;z-index:2;left:50%;right:auto;bottom:-6px;min-width:28px;height:17px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%);border:2px solid #fff;border-radius:9px;background:#272a31;color:#fff;font-size:9px;font-weight:800;line-height:1;box-sizing:border-box;white-space:nowrap}.theme-dark .summoner-page .profile-avatar-wrap>.profile-level-badge{border-color:#30313a}.summoner-page .profile-copy{min-width:0;padding-top:0}.summoner-page .profile-name-row{display:flex;align-items:center;gap:6px;min-width:0;height:24px}.summoner-page .profile-name-row h1{min-width:0;margin:0;color:var(--text);font-size:19px;line-height:24px;font-weight:800;letter-spacing:-.35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summoner-page .profile-tag{flex:0 0 auto;color:var(--muted);font-size:14px;font-weight:500;line-height:24px}.summoner-page .profile-icon-action{width:23px;height:23px;flex:0 0 23px;padding:4px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--line) 76%,transparent);border-radius:3px;background:var(--surface-2);color:var(--soft);transition:color .16s ease,border-color .16s ease,background .16s ease}.summoner-page .profile-icon-action svg{width:100%;height:100%;display:block}.summoner-page .profile-icon-action:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 36%,var(--line));background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.summoner-page .profile-favorite-button.active{color:#e2a92f;border-color:color-mix(in srgb,#e2a92f 42%,var(--line));background:color-mix(in srgb,#e2a92f 10%,var(--surface-2))}.summoner-page .profile-favorite-control{position:relative;display:flex;flex:0 0 auto}.summoner-page .profile-favorite-editor{position:absolute;z-index:30;left:50%;top:calc(100% + 7px);width:190px;padding:8px;transform:translate(-50%);border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 9px 24px #14192633;box-sizing:border-box}.summoner-page .profile-favorite-editor:before{content:"";position:absolute;left:50%;top:-5px;width:8px;height:8px;transform:translate(-50%) rotate(45deg);border-left:1px solid var(--line);border-top:1px solid var(--line);background:var(--surface)}.summoner-page .profile-favorite-editor input{position:relative;z-index:1;width:100%;height:27px;padding:0 8px;border:1px solid var(--line);border-radius:3px;outline:0;background:var(--surface-2);color:var(--text);font-size:10px;box-sizing:border-box}.summoner-page .profile-favorite-editor input:focus{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 10%,transparent)}.summoner-page .profile-favorite-actions{display:flex;align-items:center;gap:4px;margin-top:6px}.summoner-page .profile-favorite-actions button{height:23px;padding:0 7px;border:1px solid var(--line);border-radius:3px;background:var(--surface-2);color:var(--muted);font-size:9px;white-space:nowrap}.summoner-page .profile-favorite-actions button.confirm{border-color:var(--accent);background:var(--accent);color:#fff}.summoner-page .profile-favorite-actions button.remove{margin-left:auto;border-color:color-mix(in srgb,#d84c5d 34%,var(--line));color:#d84c5d}.summoner-page .profile-meta-row{display:flex;align-items:center;gap:7px;margin-top:7px;min-height:20px;color:var(--muted);font-size:9px}.summoner-page .profile-region-tag,.summoner-page .profile-privacy-tag{height:20px;padding:0 8px;display:inline-flex;align-items:center;border-radius:3px;background:var(--surface-2);color:var(--muted);font-weight:600;white-space:nowrap}.summoner-page .profile-privacy-tag.public{background:#e7f7ee;color:#39a96b}.summoner-page .profile-privacy-tag.private{background:#fff0f1;color:#d84c5d}.theme-dark .summoner-page .profile-privacy-tag.public{background:#39a96b29;color:#65d097}.theme-dark .summoner-page .profile-privacy-tag.private{background:#d84c5d29;color:#ef7f8c}.summoner-page .profile-online-status{height:20px;display:inline-flex;align-items:center;gap:5px;color:var(--soft);font-weight:600;white-space:nowrap}.summoner-page .profile-online-status i{width:7px;height:7px;display:block;border-radius:50%;background:#b8bec9}.summoner-page .profile-online-status.online{color:#45b97c}.summoner-page .profile-online-status.online i{background:#45b97c;box-shadow:0 0 0 2px color-mix(in srgb,#45b97c 14%,transparent)}.summoner-page .profile-last-online{width:max-content;max-width:100%;height:20px;margin-top:6px;padding:0 8px;display:flex;align-items:center;border-radius:3px;background:var(--surface-2);color:var(--muted);font-size:8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summoner-page .profile-favorite-remark{width:max-content;max-width:100%;height:20px;margin-top:4px;padding:0 8px;display:flex;align-items:center;border-radius:3px;background:color-mix(in srgb,#e2a92f 11%,var(--surface-2));color:#b07b14;font-size:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-dark .summoner-page .profile-favorite-remark{color:#e8bd59}@media (min-width:761px){.summoner-page .profile-avatar-wrap{--profile-avatar-size:103px;width:111px;height:111px;flex-basis:111px;margin-right:23px}.summoner-page .profile-avatar{left:4px;top:4px;border-radius:22px}.summoner-page .profile-exp-track,.summoner-page .profile-exp-value{stroke-width:3}.summoner-page .profile-avatar-wrap>.profile-level-badge{bottom:-8px;min-width:37px;height:21px;padding:0 9px;border-radius:11px;font-size:11px}.summoner-page .profile-copy{padding-top:1px}.summoner-page .profile-name-row{height:32px;gap:8px}.summoner-page .profile-name-row h1{font-size:25px;line-height:32px}.summoner-page .profile-tag{font-size:18px;line-height:32px}.summoner-page .profile-icon-action{width:28px;height:28px;flex-basis:28px;padding:5px}.summoner-page .profile-meta-row{gap:8px;margin-top:8px;min-height:24px;font-size:11px}.summoner-page .profile-region-tag,.summoner-page .profile-privacy-tag,.summoner-page .profile-online-status{height:24px}.summoner-page .profile-region-tag,.summoner-page .profile-privacy-tag{padding:0 10px}.summoner-page .profile-online-status i{width:8px;height:8px}.summoner-page .profile-last-online{height:24px;margin-top:7px;padding:0 10px;font-size:10px}.summoner-page .profile-favorite-remark{height:22px;margin-top:4px;padding:0 10px;font-size:10px}}@media (max-width:760px){.summoner-page .profile-copy{max-width:calc(100vw - 116px)}.summoner-page .profile-name-row{gap:4px}.summoner-page .profile-name-row h1{font-size:17px}.summoner-page .profile-tag{font-size:12px}.summoner-page .profile-meta-row{gap:4px;flex-wrap:wrap}.summoner-page .profile-region-tag,.summoner-page .profile-privacy-tag{padding:0 6px}.summoner-page .profile-last-online{font-size:7px}}.nav-register-button{height:28px;padding:0 12px;border-radius:4px;background:var(--accent);color:#fff}.nav-user-menu{position:relative}.nav-user-menu>summary{height:34px;display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font-size:11px;font-weight:650}.nav-user-menu>summary::-webkit-details-marker{display:none}.nav-user-avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:var(--surface-3);color:var(--accent);font-weight:800}.nav-user-avatar img{width:100%;height:100%;object-fit:cover}.nav-user-menu>summary b{padding:1px 5px;border-radius:7px;background:#f1b936;color:#fff;font-size:7px}.nav-user-popover{position:absolute;right:0;top:39px;width:142px;padding:6px;border:1px solid var(--line);border-radius:6px;background:var(--surface);box-shadow:0 12px 30px #14192629;z-index:80}.nav-user-popover button{width:100%;height:31px;padding:0 9px;border-radius:4px;text-align:left;font-size:10px}.nav-user-popover button:hover{background:var(--surface-2);color:var(--accent)}.nav-user-popover button.danger{color:#d84c5d}.nav-user-popover i{display:block;height:1px;margin:4px;background:var(--line)}.profile-modal-input{width:100%;height:37px;border:1px solid var(--line);border-radius:5px;outline:0;padding:0 11px;background:var(--surface-2);color:var(--text);font-size:11px}.profile-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}.route-loading{min-height:500px;display:grid;place-items:center}.profile-center-page{min-height:calc(100vh - 48px);padding:68px 0 34px;background:var(--bg)}.profile-shell{width:min(1100px,92vw);margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;align-items:start}.profile-sidebar,.profile-content,.profile-panel,.profile-hero-card,.profile-checkin-card,.profile-stat-grid>div{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.profile-sidebar{position:sticky;top:58px;border-radius:4px;overflow:hidden}.profile-user-card{padding:22px 16px 17px;display:flex;flex-direction:column;align-items:center;text-align:center;border-bottom:1px solid var(--line)}.profile-user-avatar{position:relative}.profile-user-avatar .semi-avatar{width:62px;height:62px;border-radius:17px}.profile-user-avatar>button{position:absolute;right:-5px;bottom:-4px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--surface);background:var(--accent);color:#fff}.profile-user-card>strong{margin-top:12px;font-size:14px}.profile-user-card>span{margin:4px 0 9px;color:var(--muted);font-size:9px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.profile-sidebar nav{display:grid;padding:7px}.profile-sidebar nav button{height:37px;padding:0 13px;border-radius:4px;text-align:left;color:var(--muted);font-size:10px}.profile-sidebar nav button:hover{background:var(--surface-2);color:var(--text)}.profile-sidebar nav button.active{background:color-mix(in srgb,var(--accent) 11%,var(--surface-2));color:var(--accent);font-weight:700}.profile-content{min-height:640px;padding:20px;border-radius:4px}.profile-page-heading{height:48px;margin-bottom:12px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.profile-page-heading h1{margin:0 0 4px;font-size:16px}.profile-page-heading p{margin:0;color:var(--muted);font-size:9px}.profile-page-heading .semi-button{height:30px;border-radius:4px}.profile-user-card{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 72%)}.profile-sidebar nav button{transition:background .18s ease,color .18s ease}.profile-hero-card:before,.profile-checkin-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.profile-checkin-card:before{background:#d59b2d}.profile-hero-card{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 48%)}.profile-checkin-card{background:linear-gradient(120deg,color-mix(in srgb,#d59b2d 8%,var(--surface)),var(--surface) 52%)}.profile-stat-grid>div:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 3%,var(--surface));transform:translateY(-1px)}.profile-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px}.profile-hero-card,.profile-checkin-card{position:relative;min-height:104px;border-radius:4px;padding:16px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.profile-hero-card>div{display:flex;align-items:center;gap:12px}.profile-hero-card h2{margin:0 0 5px;font-size:15px}.profile-hero-card p{margin:0;color:var(--muted);font-size:9px}.profile-checkin-card>div{display:grid;gap:6px}.profile-checkin-card b{font-size:12px}.profile-checkin-card span{color:var(--muted);font-size:9px}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.profile-stat-grid>div{min-height:69px;padding:12px;border-radius:4px;display:grid;align-content:center;gap:7px;transition:border-color .18s ease,background .18s ease,transform .18s ease}.profile-stat-grid span{color:var(--muted);font-size:9px}.profile-stat-grid b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-panel{margin-top:10px;padding:15px;border-radius:4px}.profile-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.profile-panel>header h3{margin:0;font-size:11px}.profile-panel>header span,.profile-panel>p{color:var(--muted);font-size:9px}.profile-list-panel{min-height:500px;margin-top:0}.profile-loading{height:420px;display:grid;place-items:center}.profile-empty{padding:80px 0}.profile-record-list{display:grid;gap:7px}.profile-record-row{min-height:62px;padding:9px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);display:flex;align-items:center;gap:9px}.profile-record-row>.semi-avatar{flex:0 0 40px;width:40px;height:40px;border-radius:10px}.profile-record-main{min-width:0;flex:1;display:grid;gap:4px}.profile-record-main>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-record-main>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.profile-record-main>em{width:max-content;max-width:100%;padding:2px 6px;border-radius:3px;background:#fff3d8;color:#a77514;font-size:8px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dark .profile-record-main>em{background:#d2a03126;color:#e6b952}.profile-record-row .semi-button{height:29px}.ai-record-list{display:grid;gap:8px}.ai-record-list>article{padding:13px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2)}.ai-record-list header,.ai-record-list footer{display:flex;align-items:center;justify-content:space-between}.ai-record-list header>div{display:grid;gap:4px}.ai-record-list header span{color:var(--muted);font-size:8px}.ai-record-list p{line-height:1.75;white-space:pre-wrap;font-size:10px}.ai-record-list details{margin:9px 0;color:var(--muted);font-size:9px}.ai-record-list pre{white-space:pre-wrap;line-height:1.6;font-family:inherit}.ai-record-list time{color:var(--soft);font-size:8px}.pay-type-toggle{height:30px;padding:2px;border-radius:4px;background:var(--surface-2);display:flex}.pay-type-toggle button{padding:0 10px;border-radius:3px;color:var(--muted);font-size:9px}.pay-type-toggle button.active{background:var(--surface);color:var(--accent);font-weight:700}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.package-grid article{padding:15px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);display:grid;gap:9px}.package-grid article>span{color:var(--muted);font-size:9px}.package-grid article>strong{font-size:22px}.package-grid article>b{font-size:9px}.profile-subtitle{margin:22px 0 10px;font-size:11px}.profile-table{border:1px solid var(--line);border-radius:4px;overflow:hidden}.profile-table>div{min-height:38px;padding:8px 11px;display:grid;grid-template-columns:1.4fr 1fr .6fr 1fr;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:9px}.profile-table>div:last-child{border-bottom:0}.profile-table-head{background:var(--surface-2);color:var(--muted);font-weight:700}.invite-summary{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px}.invite-summary>div{min-height:92px;padding:15px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px}.invite-summary span{color:var(--muted);font-size:9px}.invite-summary strong{font-size:18px;letter-spacing:2px}.invite-summary b{font-size:16px}.invite-table{margin-top:14px}.invite-table>div{grid-template-columns:1fr 1.4fr .6fr}.react-page-bridge .binding-list,.react-page-bridge .settings-list{display:grid;gap:8px}.react-page-bridge .binding-list article,.react-page-bridge .settings-list article{min-height:70px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);display:flex;align-items:center;gap:12px}.binding-logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#46a7f2;color:#fff;font-size:18px;font-weight:900}.binding-logo.wx{background:#36b65f}.react-page-bridge .binding-list article>div:nth-child(2),.react-page-bridge .settings-list article>div{flex:1;display:grid;gap:5px}.react-page-bridge .binding-list span,.react-page-bridge .settings-list span{color:var(--muted);font-size:9px}.react-page-bridge .settings-list article{min-height:66px}.avatar-editor{display:grid;justify-items:center;gap:15px;padding:8px 0}.avatar-editor .semi-avatar{width:72px;height:72px;border-radius:20px}@media (max-width:900px){.home-nav-inner{width:94%}.nav-links{gap:11px}.profile-shell{grid-template-columns:170px minmax(0,1fr)}.profile-stat-grid{grid-template-columns:repeat(2,1fr)}.package-grid{grid-template-columns:1fr}.profile-table{overflow-x:auto}.profile-table>div{min-width:620px}}@media (max-width:680px){.nav-links{display:none}.profile-center-page{padding-top:58px}.profile-shell{width:94vw;grid-template-columns:1fr}.profile-sidebar{position:static}.profile-user-card{display:none}.profile-sidebar nav{display:flex;overflow-x:auto}.profile-sidebar nav button{white-space:nowrap}.profile-content{padding:14px}.profile-overview-grid,.invite-summary{grid-template-columns:1fr}.profile-page-heading{height:auto;min-height:52px;gap:8px}.profile-record-row{flex-wrap:wrap}.profile-record-main{min-width:calc(100% - 55px)}.profile-stat-grid{grid-template-columns:1fr 1fr}}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(390px,.94fr) minmax(500px,1.06fr);background:#f4f7fb;color:#172033;font-family:OPPO Sans,Inter,PingFang SC,Microsoft YaHei,sans-serif}.auth-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,7vw,116px);overflow:hidden;background:radial-gradient(circle at 14% 8%,rgba(93,151,255,.24),transparent 34%),radial-gradient(circle at 85% 70%,rgba(101,77,210,.16),transparent 36%),linear-gradient(145deg,#071322,#0d1d38,#132b52);color:#f7faff}.auth-brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 92%)}.auth-brand-panel:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(130,177,255,.17);border-radius:50%;right:-250px;bottom:-210px;box-shadow:0 0 0 58px #82b1ff0a,0 0 0 116px #82b1ff06}.auth-brand-mark{position:absolute;z-index:2;top:42px;left:clamp(34px,6vw,88px);font-size:24px;font-weight:900;letter-spacing:-1px}.auth-brand-mark span{color:#75a8ff}.auth-brand-copy{position:relative;z-index:2;max-width:500px}.auth-brand-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:19px;color:#8eb6ff;font-size:10px;font-weight:800;letter-spacing:2px}.auth-brand-kicker:before{content:"";width:24px;height:1px;background:#75a8ff}.auth-brand-copy h1{margin:0 0 24px;font-size:clamp(38px,4vw,64px);line-height:1.13;letter-spacing:-2px}.auth-brand-copy>p{max-width:430px;margin:0;color:#eff5ffab;font-size:14px;line-height:2}.auth-brand-features{display:grid;grid-template-columns:repeat(3,max-content);gap:24px;margin-top:42px;color:#eff5ffb3;font-size:11px}.auth-brand-features span{display:grid;gap:7px}.auth-brand-features b{color:#75a8ff;font-size:9px;letter-spacing:1px}.auth-brand-bottom{position:absolute;z-index:2;left:clamp(34px,6vw,88px);right:clamp(34px,6vw,88px);bottom:34px;display:flex;justify-content:space-between;color:#eff5ff70;font-size:10px}.auth-form-panel{min-height:100vh;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:42px 30px;background:#fff}.auth-form-wrap{width:min(420px,100%);margin:auto}.auth-back{margin:0 0 26px;padding:0;border:0;background:transparent;color:#7e899a;font-size:11px;cursor:pointer}.auth-back:hover{color:#3c78ea}.auth-form-header{margin-bottom:28px}.auth-eyebrow{color:#4e83ee;font-size:10px;font-weight:800;letter-spacing:1.5px}.auth-form-header h2{margin:10px 0 8px;color:#172033;font-size:30px;letter-spacing:-.8px}.auth-form-header p{margin:0;color:#7b8494;font-size:12px;line-height:1.7}.auth-form-wrap form{display:grid;gap:15px}.auth-form-wrap label{display:grid;gap:7px;color:#404a5b;font-size:12px;font-weight:700}.auth-form-wrap input:not([type=checkbox]){box-sizing:border-box;width:100%;height:44px;padding:0 13px;border:1px solid #dbe1ea;border-radius:6px;outline:none;background:#fbfcfe;color:#172033;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}.auth-form-wrap input:not([type=checkbox]):hover{border-color:#c6d0df}.auth-form-wrap input:not([type=checkbox]):focus{border-color:#6b99f7;box-shadow:0 0 0 3px #4d80ee1f;background:#fff}.auth-primary{height:44px;border:0;border-radius:6px;background:#3c78ea;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 6px 14px #3c78ea38;transition:.2s}.auth-primary:hover{background:#2f69da;transform:translateY(-1px)}.auth-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-code-row{display:grid!important;grid-template-columns:minmax(0,1fr) 112px;align-items:end;gap:9px}.auth-code-row>button{height:44px;border:1px solid #d4ddeb;border-radius:6px;background:#fff;color:#3c78ea;font-size:11px;cursor:pointer}.auth-code-row>button:hover:not(:disabled){border-color:#8eb0f1;background:#f7faff}.auth-code-row>button:disabled{color:#9ca7b7;cursor:not-allowed}.auth-agree{display:flex!important;align-items:center;gap:7px!important;color:#667085!important;font-size:11px!important;font-weight:400!important}.auth-agree input{width:14px;height:14px;margin:0;accent-color:#3c78ea}.auth-agree span{line-height:1.5}.auth-agree a{color:#3c78ea}.auth-agree a:hover{text-decoration:underline}.auth-form-links{display:flex;justify-content:space-between;margin-top:18px}.auth-form-links button,.auth-link-button{padding:0;border:0;background:none;color:#5a6b86;font-size:11px;cursor:pointer}.auth-form-links button:hover,.auth-link-button:hover{color:#3c78ea}.auth-divider{display:flex;align-items:center;gap:10px;margin:25px 0 14px;color:#a2aab7;font-size:10px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e7ebf2}.auth-divider span{padding:0 2px}.auth-oauth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-oauth-actions button{height:40px;border:1px solid #e1e6ef;border-radius:6px;background:#fff;color:#536076;font-size:11px;cursor:pointer}.auth-oauth-actions button:hover{border-color:#a7c0f4;background:#f7faff}.auth-oauth-actions b{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:4px;border-radius:50%;background:#4c8ff4;color:#fff;font-size:11px}.auth-oauth-actions button+button b{background:#49b778}.auth-captcha{padding:11px 12px;border:1px solid #e3e8f1;border-radius:6px;background:#fafbfd}.auth-captcha-head{display:flex;justify-content:space-between;align-items:center;color:#677387;font-size:11px}.auth-captcha-head button{border:0;background:none;color:#5d87dd;font-size:10px;cursor:pointer}.auth-captcha-tip{margin:8px 0 0;color:#98a2b3;font-size:9px}.auth-slider-track{position:relative;height:6px;margin:12px 0 5px;overflow:visible;border-radius:4px;background:#e7ecf4}.auth-slider-track>span{position:absolute;inset:0 auto 0 0;border-radius:4px;background:linear-gradient(90deg,#89aef5,#4b82ee)}.auth-slider-track .auth-captcha-target{position:absolute;top:-4px;width:3px;height:14px;border-radius:2px;background:#245ed1;box-shadow:0 0 0 3px #4b82ee29;transform:translate(-50%)}.auth-captcha input[type=range]{display:block;width:100%;height:18px;margin:0;accent-color:#4b82ee}.auth-captcha-submit{width:100%;height:29px;border:1px solid #dbe3ef;border-radius:4px;background:#fff;color:#4a75c8;font-size:10px;cursor:pointer}.auth-captcha-submit:hover:not(:disabled){border-color:#9bb7ec;background:#f6f9ff}.auth-captcha.verified{border-color:#a8d9bc;background:#f4fbf6}.auth-captcha.verified .auth-captcha-head{color:#2f9c5a}.auth-bind-switch{display:flex;gap:3px;padding:3px;margin-bottom:20px;border-radius:6px;background:#f2f5f9}.auth-bind-switch button{flex:1;height:32px;border:0;border-radius:4px;background:transparent;color:#7d8796;font-size:11px;cursor:pointer}.auth-bind-switch button.active{background:#fff;color:#3c78ea;box-shadow:0 1px 5px #1f2f4e14;font-weight:700}@media (max-height:760px) and (min-width:801px){.auth-form-panel{align-items:flex-start;padding-top:28px;padding-bottom:28px}.auth-form-header{margin-bottom:20px}.auth-form-wrap form{gap:11px}.auth-form-wrap input:not([type=checkbox]){height:40px}.auth-code-row>button{height:40px}.auth-page-register .auth-form-panel,.auth-page-reset .auth-form-panel{padding-top:10px;padding-bottom:10px}.auth-page-register .auth-back,.auth-page-reset .auth-back,.auth-page-register .auth-form-header,.auth-page-reset .auth-form-header{margin-bottom:8px}.auth-page-register .auth-form-header h2,.auth-page-reset .auth-form-header h2{margin-top:4px;font-size:25px}.auth-page-register .auth-form-header p,.auth-page-reset .auth-form-header p{margin-top:5px}.auth-page-register .auth-form-wrap form,.auth-page-reset .auth-form-wrap form{gap:6px}.auth-page-register .auth-form-wrap input:not([type=checkbox]),.auth-page-reset .auth-form-wrap input:not([type=checkbox]),.auth-page-register .auth-code-row>button,.auth-page-reset .auth-code-row>button{height:35px}.auth-page-register .auth-captcha,.auth-page-reset .auth-captcha{padding:6px 10px}.auth-page-register .auth-captcha-tip,.auth-page-reset .auth-captcha-tip{margin-top:5px}.auth-page-register .auth-slider-track,.auth-page-reset .auth-slider-track{margin-top:8px}.auth-page-register .auth-primary,.auth-page-reset .auth-primary{height:37px}.auth-page-register .auth-form-links,.auth-page-reset .auth-form-links{margin-top:7px}}@media (max-width:980px){.auth-page{grid-template-columns:minmax(330px,.78fr) minmax(470px,1.22fr)}.auth-brand-panel{padding:52px}.auth-brand-features{grid-template-columns:1fr;gap:12px}.auth-brand-features span{display:flex;gap:8px}}@media (max-width:800px){.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh;padding:32px 22px}.auth-form-wrap{width:min(440px,100%)}}@media (max-width:440px){.auth-form-panel{padding:24px 18px}.auth-form-header h2{font-size:27px}.auth-code-row{grid-template-columns:minmax(0,1fr) 102px}.auth-oauth-actions{grid-template-columns:1fr}}.tft-pagination{display:flex;justify-content:center;padding:8px 0 16px}.tft-pagination button{min-width:150px;height:34px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--accent);font-size:11px;font-weight:700}.tft-pagination button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.tft-pagination button:disabled{opacity:.55;cursor:not-allowed}.legal-page{min-height:calc(100vh - 48px);padding:76px 0 38px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,transparent),transparent 32%),var(--bg)}.legal-shell{width:min(1040px,92vw);margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start}.legal-sidebar{position:sticky;top:60px}.legal-sidebar-card,.legal-header,.legal-notice,.legal-section{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.legal-sidebar-card{padding:16px;border-radius:5px}.legal-sidebar-card>strong{display:block;margin-bottom:11px;font-size:11px}.legal-sidebar nav{display:grid;gap:2px}.legal-sidebar nav a{padding:8px 9px;border-radius:3px;color:var(--muted);font-size:9px;line-height:1.4}.legal-sidebar nav a:hover{background:var(--surface-2);color:var(--accent)}.legal-document-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.legal-document-switch span{grid-column:1/-1;color:var(--soft);font-size:8px}.legal-document-switch a{height:28px;display:grid;place-items:center;border:1px solid var(--line);border-radius:3px;color:var(--muted);font-size:9px}.legal-document-switch a.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:var(--accent);font-weight:700}.legal-main{min-width:0}.legal-header{padding:24px 26px;border-radius:5px}.legal-header>span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:1.5px}.legal-header h1{margin:7px 0 6px;font-size:24px;letter-spacing:-.7px}.legal-header p{margin:0;color:var(--muted);font-size:9px}.legal-notice{margin-top:8px;padding:11px 14px;border-radius:4px;border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:var(--muted);font-size:9px;line-height:1.7}.legal-content{display:grid;gap:8px;margin-top:8px}.legal-section{scroll-margin-top:62px;padding:19px 22px;border-radius:5px}.legal-section h2{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:13px}.legal-section p{margin:8px 0;color:var(--muted);font-size:10px;line-height:1.9}.legal-section p:last-child{margin-bottom:0}.legal-section.warning{border-color:color-mix(in srgb,#d99a2b 42%,var(--line));background:color-mix(in srgb,#d99a2b 5%,var(--surface))}.home-footer a:hover{color:var(--accent)}@media (max-width:760px){.legal-page{padding-top:62px}.legal-shell{grid-template-columns:1fr}.legal-sidebar{position:static}.legal-sidebar-card>strong,.legal-sidebar nav{display:none}.legal-document-switch{margin-top:0;padding-top:0;border-top:0}.legal-header{padding:20px}.legal-section{padding:17px}.legal-header h1{font-size:21px}}.query-state-page{width:min(1040px,calc(100% - 32px));min-height:calc(100vh - 120px);margin:0 auto;padding:84px 0 44px;display:grid;place-items:center}.query-state-card{width:min(680px,100%);display:grid;grid-template-columns:104px minmax(0,1fr);gap:24px;padding:30px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 12px 34px #1f2a4414}.query-state-card.loading{display:flex;min-height:250px;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.query-state-card.loading h1{margin:4px 0 0;font-size:18px}.query-state-card.loading p{margin:0;color:var(--muted);font-size:11px}.query-state-mark{height:82px;border-radius:4px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--accent);font-size:24px;font-weight:850;letter-spacing:-1px}.query-state-card.vip .query-state-mark{background:#dda02d1f;color:#c88712}.query-state-card.privacy .query-state-mark{background:#715bdd1f;color:#715bdd}.query-state-card.not-found .query-state-mark,.query-state-card.upstream .query-state-mark,.query-state-card.error .query-state-mark{background:#e14b541a;color:#d84953}.query-state-copy{min-width:0}.query-state-eyebrow{display:block;margin-bottom:8px;color:var(--soft);font-size:9px;font-weight:800;letter-spacing:1.1px}.query-state-copy h1{margin:0;color:var(--text);font-size:22px;line-height:1.25}.query-state-copy>p{margin:10px 0 0;color:var(--muted);font-size:12px;line-height:1.8}.query-state-message{margin-top:13px;padding:10px 12px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--muted);font-size:10px;line-height:1.6;word-break:break-word}.query-state-message.error{border-color:#e14b5442;color:#d84953}.query-state-copy ul{margin:13px 0 0;padding:11px 12px 11px 28px;border:1px solid var(--line);border-radius:4px;background:var(--panel);color:var(--muted);font-size:10px;line-height:1.8}.query-state-actions{display:flex;align-items:center;gap:8px;margin-top:18px}.query-state-actions .semi-button{height:32px;border-radius:4px;font-size:11px}.profile-account-bar{display:grid;grid-template-columns:minmax(315px,1.15fr) minmax(330px,1fr) auto;align-items:center;gap:24px;min-height:104px;padding:18px 20px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 4px 15px #1f2a440b}.profile-account-identity{display:flex;align-items:center;gap:13px;min-width:0}.profile-account-avatar{position:relative;flex:0 0 auto}.profile-account-avatar .semi-avatar{border-radius:4px}.profile-account-avatar>button{position:absolute;right:-5px;bottom:-4px;width:22px;height:22px;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);font-size:10px}.profile-account-avatar>button:hover{border-color:var(--accent);color:var(--accent)}.profile-account-title{display:flex;align-items:center;gap:8px;min-width:0}.profile-account-title h1{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.3}.profile-account-identity p{display:flex;gap:9px;margin:4px 0;color:var(--muted);font-size:10px}.profile-account-identity p span{padding-left:9px;border-left:1px solid var(--line)}.profile-account-identity small{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.profile-account-identity small i{width:6px;height:6px;border-radius:50%;background:#9ca4b3}.profile-account-identity small.active i{background:#32af66;box-shadow:0 0 0 3px #32af661f}.profile-account-identity small.warning i{background:#de555d}.profile-account-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-right:1px solid var(--line)}.profile-account-metrics>div{min-width:0;padding:3px 15px;border-right:1px solid var(--line)}.profile-account-metrics>div:last-child{border-right:0}.profile-account-metrics span,.profile-account-metrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-account-metrics span{margin-bottom:6px;color:var(--soft);font-size:9px}.profile-account-metrics strong{font-size:10px;font-weight:700}.profile-account-actions{display:flex;flex-direction:column;gap:7px}.profile-center-page .semi-button{height:31px;border-radius:4px;font-size:10px}.profile-workspace{display:grid;grid-template-columns:170px minmax(0,1fr);gap:12px;margin-top:12px}.profile-center-page .profile-sidebar{position:static!important;width:auto!important;min-height:610px;padding:12px 0!important;border:1px solid var(--line);border-radius:4px!important;background:var(--surface)!important;box-shadow:none!important}.profile-nav-label{padding:3px 15px 11px;color:var(--soft);font-size:9px;font-weight:800;letter-spacing:.8px}.profile-center-page .profile-sidebar nav{display:flex!important;flex-direction:column!important;gap:2px!important;padding:0 8px!important}.profile-center-page .profile-sidebar nav button{height:35px!important;padding:0 11px!important;border:0!important;border-radius:4px!important;background:transparent!important;color:var(--muted)!important;text-align:left!important;font-size:11px!important;font-weight:600!important}.profile-center-page .profile-sidebar nav button:hover{background:var(--panel)!important;color:var(--text)!important}.profile-center-page .profile-sidebar nav button.active{background:color-mix(in srgb,var(--accent) 10%,var(--surface))!important;color:var(--accent)!important;box-shadow:inset 2px 0 0 var(--accent)}.profile-center-page .profile-content{min-width:0;min-height:610px;padding:0!important;border:1px solid var(--line);border-radius:4px!important;background:var(--surface)!important;box-shadow:none!important}.profile-page-heading{height:51px!important;margin:0!important;padding:0 16px!important;border-bottom:1px solid var(--line);display:flex!important;align-items:center!important}.profile-page-heading h1{margin:0!important;font-size:13px!important;line-height:1.2!important}.profile-page-heading p{margin:3px 0 0!important;color:var(--muted)!important;font-size:9px!important}.profile-page-heading>.semi-button,.profile-page-heading>div+*{margin-left:auto}.profile-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;margin:14px 14px 0!important;border:1px solid var(--line);border-radius:4px!important;overflow:hidden;background:var(--surface)!important}.profile-stat-grid>div{min-height:66px!important;padding:12px 13px!important;border:0!important;border-right:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important}.profile-stat-grid>div:nth-child(4n){border-right:0!important}.profile-stat-grid>div:nth-last-child(-n+4){border-bottom:0!important}.profile-stat-grid span{display:block;color:var(--soft)!important;font-size:9px!important}.profile-stat-grid b{display:block;margin-top:7px;color:var(--text)!important;font-size:11px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 14px 14px}.profile-center-page .profile-panel>header{display:flex;align-items:center;margin:0 0 14px!important;padding:0 0 11px!important;border-bottom:1px solid var(--line)!important}.profile-center-page .profile-panel>header h3{margin:0;font-size:11px}.profile-center-page .profile-panel>header>span,.profile-center-page .profile-panel>header>.semi-tag{margin-left:auto;color:var(--muted);font-size:9px}.profile-membership-main strong{display:block;font-size:17px}.profile-membership-main p,.profile-quota-panel p{min-height:42px;margin:7px 0 13px;color:var(--muted);font-size:10px;line-height:1.7}.profile-inline-actions{display:flex;justify-content:flex-end;gap:7px}.profile-quota-panel>.semi-button{float:right}.profile-list-panel{min-height:500px!important;margin:14px!important}.profile-loading{min-height:500px!important;display:grid!important;place-items:center!important}.react-page-bridge .profile-record-row,.react-page-bridge .ai-record-list article,.react-page-bridge .binding-list article,.react-page-bridge .settings-list article,.react-page-bridge .package-grid article,.react-page-bridge .invite-summary>div{border-radius:4px!important}.profile-record-row{min-height:58px!important;padding:9px 10px!important}.profile-record-main b{font-size:11px!important}.profile-record-main span,.profile-record-main em{font-size:9px!important}.profile-table{border:1px solid var(--line);border-radius:4px!important;overflow:hidden}.profile-table>div{min-height:38px!important}.pay-type-toggle{border-radius:4px!important}.pay-type-toggle button{border-radius:3px!important}.profile-modal-input{border-radius:4px!important}@media (max-width:900px){.profile-account-bar{grid-template-columns:1fr auto}.profile-account-metrics{grid-column:1/-1;grid-row:2;border:1px solid var(--line);padding:9px 0}.profile-workspace{grid-template-columns:145px minmax(0,1fr)}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.profile-stat-grid>div:nth-child(4n){border-right:1px solid var(--line)!important}.profile-stat-grid>div:nth-child(2n){border-right:0!important}.profile-stat-grid>div:nth-last-child(-n+4){border-bottom:1px solid var(--line)!important}.profile-stat-grid>div:nth-last-child(-n+2){border-bottom:0!important}}@media (max-width:680px){.query-state-page{width:calc(100% - 24px);padding-top:66px}.query-state-card{grid-template-columns:1fr;padding:20px}.query-state-mark{height:56px}.profile-account-bar{grid-template-columns:1fr;gap:15px}.profile-account-actions{flex-direction:row}.profile-account-actions>*{flex:1}.profile-account-metrics{grid-column:auto;grid-row:auto}.profile-workspace{grid-template-columns:1fr}.profile-center-page .profile-sidebar{min-height:0}.profile-center-page .profile-sidebar nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important}.profile-center-page .profile-sidebar nav button{text-align:center!important;padding:0 3px!important}.profile-center-page .profile-content{min-height:520px}.profile-overview-columns{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:1fr!important}.profile-stat-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.profile-stat-grid>div:last-child{border-bottom:0!important}}.summoner-query-landing,.tft-query-landing{width:min(1120px,calc(100% - 32px));min-height:calc(100vh - 176px);margin:0 auto;padding:72px 0;display:grid;place-items:center}.summoner-query-panel,.tft-query-panel{width:min(720px,100%);padding:34px 38px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 14px 32px #1118270f}.summoner-query-kicker,.tft-query-kicker{display:block;margin-bottom:10px;color:#3977d6;font-size:10px;font-weight:800;letter-spacing:.16em}.summoner-query-panel h1,.tft-query-panel h1{margin:0;color:var(--text);font-size:24px;line-height:1.35}.summoner-query-panel p,.tft-query-panel p{margin:10px 0 22px;color:var(--muted);font-size:12px;line-height:1.75}.summoner-query-input,.tft-query-input{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:8px}.summoner-query-input input,.tft-query-input input{height:42px;padding:0 13px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);font-size:13px;outline:none}.summoner-query-input input:focus,.tft-query-input input:focus{border-color:#3977d6;box-shadow:0 0 0 2px #3977d61f}.summoner-query-input button,.tft-query-input button{height:42px;border:0;border-radius:4px;background:#3977d6;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.summoner-query-panel small,.tft-query-panel small{display:block;margin-top:13px;color:var(--soft);font-size:10px}.dark .summoner-query-panel,.dark .tft-query-panel{box-shadow:none}@media (max-width:680px){.summoner-query-landing,.tft-query-landing{width:calc(100% - 20px);padding:38px 0}.summoner-query-panel,.tft-query-panel{padding:24px 20px}.summoner-query-input,.tft-query-input{grid-template-columns:1fr}.summoner-query-input button,.tft-query-input button{width:100%}}.profile-console-page{padding:28px 0 48px;background:var(--bg)}.profile-console-page .profile-shell{width:min(1160px,calc(100% - 32px));margin:0 auto}.profile-console-page .profile-account-bar{min-height:112px;display:grid;grid-template-columns:minmax(300px,1.35fr) minmax(390px,1.5fr) auto;align-items:center;gap:24px;padding:18px 20px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:0 8px 24px #121c2d0b}.profile-console-page .profile-account-identity{display:flex;align-items:center;min-width:0;gap:14px}.profile-console-page .profile-account-avatar{position:relative;flex:0 0 auto}.profile-console-page .profile-account-avatar .semi-avatar{width:62px;height:62px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.profile-console-page .profile-account-avatar>button{position:absolute;right:-5px;bottom:-5px;width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--muted);cursor:pointer}.profile-console-page .profile-account-copy{min-width:0}.profile-console-page .profile-account-kicker{display:block;margin-bottom:5px;color:#3977d6;font-size:9px;font-weight:800;letter-spacing:.15em}.profile-console-page .profile-account-title{display:flex;align-items:center;gap:8px;min-width:0}.profile-console-page .profile-account-title h1{margin:0;overflow:hidden;color:var(--text);font-size:18px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.profile-console-page .profile-account-copy p{display:flex;align-items:center;gap:9px;margin:5px 0 0;color:var(--muted);font-size:11px}.profile-console-page .profile-account-copy p span{padding-left:9px;border-left:1px solid var(--line);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.profile-console-page .profile-account-copy small{display:flex;align-items:center;gap:6px;margin-top:8px;color:var(--muted);font-size:10px}.profile-console-page .profile-account-copy small i{width:6px;height:6px;border-radius:50%;background:#9ca3af}.profile-console-page .profile-account-copy small.active i{background:#22a06b;box-shadow:0 0 0 3px #22a06b1f}.profile-console-page .profile-account-copy small.warning i{background:#d84b4b}.profile-console-page .profile-account-metrics{height:58px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:4px;background:var(--bg)}.profile-console-page .profile-account-metrics>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 14px;border-right:1px solid var(--line)}.profile-console-page .profile-account-metrics>div:last-child{border-right:0}.profile-console-page .profile-account-metrics span{color:var(--soft);font-size:10px}.profile-console-page .profile-account-metrics strong{margin-top:6px;overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.profile-console-page .profile-account-actions{display:flex;flex-direction:column;gap:7px}.profile-console-page .semi-button{border-radius:4px!important}.profile-console-page .profile-workspace{display:grid;grid-template-columns:184px minmax(0,1fr);align-items:stretch;margin-top:12px}.profile-console-page .profile-sidebar{min-height:650px;padding:0;border:1px solid var(--line);border-right:0;border-radius:4px 0 0 4px;background:var(--surface)}.profile-console-page .profile-nav-label{height:58px;display:flex;flex-direction:column;justify-content:center;padding:0 15px;border-bottom:1px solid var(--line)}.profile-console-page .profile-nav-label b{color:var(--text);font-size:13px}.profile-console-page .profile-nav-label span{margin-top:3px;color:var(--soft);font-size:8px;letter-spacing:.14em}.profile-console-page .profile-sidebar nav{display:block;padding:8px}.profile-console-page .profile-sidebar nav button{position:relative;width:100%;height:42px;display:grid;grid-template-columns:29px 1fr;align-items:center;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.profile-console-page .profile-sidebar nav button:hover{background:var(--bg);color:var(--text)}.profile-console-page .profile-sidebar nav button.active{background:#3977d61a;color:#3977d6;font-weight:700}.profile-console-page .profile-sidebar nav button.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:#3977d6}.profile-console-page .profile-sidebar nav button i{font-style:normal;color:var(--soft);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.profile-console-page .profile-sidebar nav button span{font-size:11px}.profile-console-page .profile-content{min-width:0;min-height:650px;border:1px solid var(--line);border-radius:0 4px 4px 0;background:var(--surface)}.profile-console-page .profile-page-heading{height:58px;display:flex;align-items:center;margin:0;padding:0 18px;border-bottom:1px solid var(--line)}.profile-console-page .profile-page-heading h1{margin:0;color:var(--text);font-size:14px;line-height:1.25}.profile-console-page .profile-page-heading p{margin:4px 0 0;color:var(--muted);font-size:10px}.profile-console-page .profile-page-heading>div+*,.profile-console-page .profile-page-heading>.semi-button{margin-left:auto}.profile-console-page .profile-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 16px 0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface)}.profile-console-page .profile-stat-grid>div{min-height:76px;padding:15px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.profile-console-page .profile-stat-grid>div:nth-child(4n){border-right:0}.profile-console-page .profile-stat-grid>div:nth-last-child(-n+4){border-bottom:0}.profile-console-page .profile-stat-grid span{color:var(--soft);font-size:10px}.profile-console-page .profile-stat-grid b{display:block;margin-top:9px;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.profile-console-page .profile-overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 16px 16px}.profile-console-page .profile-panel{padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--surface);box-shadow:none}.profile-console-page .profile-panel>header{display:flex;align-items:center;margin:0 0 14px;padding:0 0 11px;border-bottom:1px solid var(--line)}.profile-console-page .profile-panel>header h3{margin:0;color:var(--text);font-size:12px}.profile-console-page .profile-panel>header>span,.profile-console-page .profile-panel>header>.semi-tag{margin-left:auto;color:var(--muted);font-size:10px}.profile-console-page .profile-membership-main strong{display:block;color:var(--text);font-size:20px}.profile-console-page .profile-membership-main p,.profile-console-page .profile-quota-panel p{min-height:48px;margin:9px 0 15px;color:var(--muted);font-size:11px;line-height:1.75}.profile-console-page .profile-inline-actions{display:flex;justify-content:flex-end;gap:8px}.profile-console-page .profile-quota-row{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.profile-console-page .profile-quota-row b{color:var(--text)}.profile-console-page .profile-quota-track{height:6px;margin-top:10px;border-radius:4px;background:var(--bg);overflow:hidden}.profile-console-page .profile-quota-track i{display:block;height:100%;border-radius:4px;background:#3977d6}.profile-console-page .profile-quota-panel>.semi-button{float:right}.profile-console-page .profile-list-panel{min-height:540px;margin:16px}.profile-console-page .profile-loading{min-height:540px;display:grid;place-items:center}.profile-console-page .profile-record-row{min-height:66px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);border-radius:0}.profile-console-page .profile-record-row:last-child{border-bottom:0}.profile-console-page .profile-record-main{min-width:0;flex:1}.profile-console-page .profile-record-main b{display:block;color:var(--text);font-size:12px}.profile-console-page .profile-record-main span{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--muted);font-size:10px}.profile-console-page .profile-record-main em{display:block;margin-top:4px;color:var(--soft);font-size:10px;font-style:normal}.profile-console-page .profile-table{border:1px solid var(--line);border-radius:4px;overflow:hidden}.profile-console-page .profile-table>div{min-height:42px;display:grid;grid-template-columns:1.5fr 1fr .8fr 1.2fr;align-items:center;border-bottom:1px solid var(--line)}.profile-console-page .profile-table>div:last-child{border-bottom:0}.profile-console-page .profile-table span{min-width:0;padding:0 11px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.profile-console-page .profile-table-head{background:var(--bg)}.profile-console-page .profile-table-head span{color:var(--text);font-weight:700}.profile-console-page .invite-summary+.profile-table>div{grid-template-columns:1fr 1.3fr .65fr}.profile-console-page .package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-console-page .package-grid article{padding:16px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.profile-console-page .package-grid article span,.profile-console-page .package-grid article b{display:block;color:var(--muted);font-size:10px}.profile-console-page .package-grid article strong{display:block;margin:10px 0;color:var(--text);font-size:22px}.profile-console-page .package-grid article .semi-button{width:100%;margin-top:13px}.profile-console-page .profile-subtitle{margin:20px 0 10px;color:var(--text);font-size:12px}.profile-console-page .invite-summary{display:grid;grid-template-columns:1.5fr .75fr .75fr;margin-bottom:14px;border:1px solid var(--line);border-radius:4px;overflow:hidden}.profile-console-page .invite-summary>div{min-height:90px;display:flex;flex-direction:column;justify-content:center;padding:14px;border-right:1px solid var(--line);border-radius:0}.profile-console-page .invite-summary>div:last-child{border-right:0}.profile-console-page .invite-summary span{color:var(--soft);font-size:10px}.profile-console-page .invite-summary strong,.profile-console-page .invite-summary b{margin-top:8px;color:var(--text);font-size:15px}.profile-console-page .invite-summary .semi-button{width:max-content;margin-top:10px}.profile-console-page .binding-list,.profile-console-page .settings-list{display:grid;gap:8px}.profile-console-page .binding-list article,.profile-console-page .settings-list article{min-height:64px;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.profile-console-page .binding-list article>div:nth-child(2),.profile-console-page .settings-list article>div:first-child{min-width:0;flex:1}.profile-console-page .binding-list b,.profile-console-page .settings-list b{display:block;color:var(--text);font-size:11px}.profile-console-page .binding-list span,.profile-console-page .settings-list span{display:block;margin-top:4px;color:var(--muted);font-size:10px}.profile-console-page .binding-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:4px;background:#3977d6;color:#fff;font-weight:800}.profile-console-page .binding-logo.wx{background:#22a06b}.profile-console-page .ai-record-list{display:grid;gap:10px}.profile-console-page .ai-record-list article{padding:13px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.profile-console-page .ai-record-list article header,.profile-console-page .ai-record-list article footer{display:flex;align-items:center;justify-content:space-between}.profile-console-page .ai-record-list article header b{display:block;color:var(--text);font-size:11px}.profile-console-page .ai-record-list article header span,.profile-console-page .ai-record-list article footer time{display:block;margin-top:3px;color:var(--muted);font-size:9px}.profile-console-page .ai-record-list article p{color:var(--text);font-size:11px;line-height:1.75}.profile-console-page .pay-type-toggle{display:flex;padding:2px;border:1px solid var(--line);border-radius:4px;background:var(--bg)}.profile-console-page .pay-type-toggle button{height:26px;padding:0 10px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.profile-console-page .pay-type-toggle button.active{background:var(--surface);color:#3977d6;box-shadow:0 1px 3px #00000014}.profile-console-page .profile-modal-input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--text);outline:none}.profile-console-page .avatar-editor{display:flex;align-items:center;gap:14px}.dark .profile-console-page .profile-account-bar{box-shadow:none}@media (max-width:960px){.profile-console-page .profile-account-bar{grid-template-columns:1fr auto}.profile-console-page .profile-account-metrics{grid-column:1/-1;grid-row:2}.profile-console-page .profile-workspace{grid-template-columns:154px minmax(0,1fr)}.profile-console-page .profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-console-page .profile-stat-grid>div:nth-child(4n){border-right:1px solid var(--line)}.profile-console-page .profile-stat-grid>div:nth-child(2n){border-right:0}.profile-console-page .profile-stat-grid>div:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.profile-console-page .profile-stat-grid>div:nth-last-child(-n+2){border-bottom:0}}@media (max-width:700px){.profile-console-page{padding-top:12px}.profile-console-page .profile-shell{width:calc(100% - 20px)}.profile-console-page .profile-account-bar{grid-template-columns:1fr;gap:15px}.profile-console-page .profile-account-actions{flex-direction:row}.profile-console-page .profile-account-actions>*{flex:1}.profile-console-page .profile-workspace{grid-template-columns:1fr}.profile-console-page .profile-sidebar{min-height:0;border-right:1px solid var(--line);border-radius:4px 4px 0 0}.profile-console-page .profile-sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.profile-console-page .profile-sidebar nav button{grid-template-columns:1fr;height:38px;padding:0 4px;text-align:center}.profile-console-page .profile-sidebar nav button i{display:none}.profile-console-page .profile-content{min-height:520px;border-top:0;border-radius:0 0 4px 4px}.profile-console-page .profile-stat-grid{grid-template-columns:1fr}.profile-console-page .profile-stat-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.profile-console-page .profile-stat-grid>div:last-child{border-bottom:0!important}.profile-console-page .profile-overview-columns,.profile-console-page .package-grid,.profile-console-page .invite-summary{grid-template-columns:1fr}.profile-console-page .invite-summary>div{border-right:0;border-bottom:1px solid var(--line)}.profile-console-page .invite-summary>div:last-child{border-bottom:0}.profile-console-page .profile-record-row{flex-wrap:wrap}.profile-console-page .profile-record-main{flex-basis:calc(100% - 56px)}.profile-console-page .profile-table{overflow-x:auto}.profile-console-page .profile-table>div{min-width:620px}}.profile-console-page{padding:22px 0 48px;background:var(--bg)}.profile-console-page .profile-shell{width:min(1200px,calc(100% - 32px))}.profile-console-page .profile-account-bar{position:relative;min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:16px 22px;padding:20px 22px 18px;overflow:hidden;box-shadow:none}.profile-console-page .profile-account-bar:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#3977d6}.profile-console-page .profile-account-identity{gap:16px}.profile-console-page .profile-account-avatar .semi-avatar{width:68px;height:68px;border-color:#3977d640;box-shadow:0 0 0 3px #3977d612}.profile-console-page .profile-account-kicker{margin-bottom:6px;color:var(--soft);font-size:10px;letter-spacing:.08em}.profile-console-page .profile-account-title h1{font-size:20px}.profile-console-page .profile-account-copy p{font-size:12px}.profile-console-page .profile-account-copy small{font-size:11px}.profile-console-page .profile-account-actions{grid-column:2;grid-row:1;flex-direction:row;align-self:start;gap:8px;padding-top:2px}.profile-console-page .profile-account-actions .semi-button{height:34px;padding:0 14px}.profile-console-page .profile-account-metrics{grid-column:1/-1;grid-row:2;height:66px;background:color-mix(in srgb,var(--bg) 76%,transparent)}.profile-console-page .profile-account-metrics>div{padding:0 18px}.profile-console-page .profile-account-metrics span{font-size:11px}.profile-console-page .profile-account-metrics strong{font-size:13px}.profile-console-page .profile-workspace{grid-template-columns:196px minmax(0,1fr);gap:12px;margin-top:12px}.profile-console-page .profile-sidebar{min-height:660px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.profile-console-page .profile-nav-label{height:64px;padding:0 17px}.profile-console-page .profile-nav-label b{font-size:14px}.profile-console-page .profile-nav-label span{font-size:9px;letter-spacing:.11em}.profile-console-page .profile-sidebar nav{padding:8px}.profile-console-page .profile-sidebar nav button{height:44px;grid-template-columns:31px 1fr;padding:0 11px;font-size:12px}.profile-console-page .profile-sidebar nav button i{font-size:10px}.profile-console-page .profile-content{min-height:660px;padding:23px 24px 28px;border:1px solid var(--line);border-radius:4px;background:var(--surface)}.profile-console-page .profile-page-heading{min-height:42px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid var(--line)}.profile-console-page .profile-page-heading h1{font-size:16px;line-height:1.4}.profile-console-page .profile-page-heading p{margin-top:4px;font-size:11px}.profile-console-page .profile-stat-grid{margin-bottom:14px;border-radius:4px;background:var(--surface)}.profile-console-page .profile-stat-grid>div{min-height:82px;padding:14px 15px}.profile-console-page .profile-stat-grid span{font-size:10px}.profile-console-page .profile-stat-grid b{margin-top:9px;font-size:13px}.profile-console-page .profile-overview-columns{gap:12px}.profile-console-page .profile-panel{padding:16px;background:var(--surface)}.profile-console-page .profile-panel header h3,.profile-console-page .profile-subtitle{font-size:13px}.profile-console-page .profile-membership-main strong{font-size:22px}.profile-console-page .profile-membership-main p,.profile-console-page .profile-quota-panel p{font-size:11px;line-height:1.75}.profile-console-page .profile-record-row{min-height:70px;padding:11px 13px;background:var(--surface)}.profile-console-page .profile-record-main b{font-size:12px}.profile-console-page .profile-record-main span,.profile-console-page .profile-record-main em{font-size:10px}.profile-console-page .binding-list article,.profile-console-page .settings-list article,.profile-console-page .ai-record-list article{background:var(--surface)}.profile-console-page .binding-list b,.profile-console-page .settings-list b,.profile-console-page .ai-record-list article header b{font-size:12px}.profile-console-page .binding-list span,.profile-console-page .settings-list span,.profile-console-page .ai-record-list article p{font-size:11px}.profile-console-page .package-grid article{background:var(--surface)}.profile-console-page .profile-table{border-radius:4px;overflow:hidden}.profile-console-page .profile-table-head{background:color-mix(in srgb,var(--bg) 80%,transparent)}@media (max-width:960px){.profile-console-page .profile-workspace{grid-template-columns:168px minmax(0,1fr)}.profile-console-page .profile-account-bar{grid-template-columns:minmax(0,1fr) auto}.profile-console-page .profile-account-metrics{grid-column:1/-1;grid-row:2}}@media (max-width:700px){.profile-console-page .profile-account-bar{grid-template-columns:1fr}.profile-console-page .profile-account-actions{grid-column:1;grid-row:2;padding:0}.profile-console-page .profile-account-metrics{grid-column:1;grid-row:3}.profile-console-page .profile-workspace{grid-template-columns:1fr;gap:8px}.profile-console-page .profile-sidebar{min-height:0}.profile-console-page .profile-content{min-height:520px;padding:18px 14px}.profile-console-page .profile-account-metrics{height:auto;grid-template-columns:1fr}.profile-console-page .profile-account-metrics>div{min-height:54px;border-right:0;border-bottom:1px solid var(--line)}.profile-console-page .profile-account-metrics>div:last-child{border-bottom:0}}.recent-summary-header{justify-content:space-between!important}.recent-summary-header-tools{margin-left:auto;display:flex;align-items:center;gap:6px}.hidden-score-trigger{height:26px;display:inline-flex;align-items:center;gap:4px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease,box-shadow .15s ease}.hidden-score-trigger:hover,.hidden-score-trigger.has-result{border-color:#ef7549;color:#ef7549;background:color-mix(in srgb,#ef7549 8%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,#ef7549 9%,transparent)}.hidden-score-trigger:disabled{cursor:wait;opacity:.72}.hidden-score-icon{width:20px;height:20px;display:block;flex:0 0 auto}.hidden-score-result-tip{min-height:40px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:6px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,#ef7549 5%,var(--surface-2));color:var(--text)}.hidden-score-result-tip>span{min-width:100px;height:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 9px;border:1px solid color-mix(in srgb,#ef7549 18%,var(--line));border-radius:4px;background:var(--surface);font-size:10px}.hidden-score-result-tip>span small{color:var(--muted);font-size:10px}.hidden-score-result-tip>span b{color:#ef7549;font-size:12px;font-variant-numeric:tabular-nums}.hidden-score-result-tip>span.hidden-score-loading{justify-content:center;color:var(--muted)}.hidden-score-result-tip.is-error>span{color:var(--loss);border-color:color-mix(in srgb,var(--loss) 30%,var(--line))}.sidebar-role-summary>div{position:relative;overflow:hidden}.sidebar-role-summary>div:after{content:"";position:absolute;left:0;bottom:0;width:var(--role-share,0%);height:2px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 45%,transparent));transition:width .2s ease}.sidebar-role-summary>div:not(.has-games):after{width:0}@media (min-width:761px){.recent-summary.has-hidden-score-result{height:249px}}@media (max-width:760px){.recent-summary.has-hidden-score-result{min-height:460px}.hidden-score-result-tip{justify-content:center;flex-wrap:wrap}}.sidebar-role-summary>div:after{display:none!important}.hidden-score-trigger,.hidden-score-trigger:hover,.hidden-score-trigger.has-result{border:0!important;background:transparent!important;box-shadow:none!important;padding:0 2px!important;color:var(--text)}.hidden-score-trigger:hover,.hidden-score-trigger.has-result{color:#ef7549}.hidden-score-tooltip{width:312px;display:grid;gap:10px;padding:2px;color:#fff}.hidden-score-tooltip>b{font-size:12px;line-height:18px}.hidden-score-tooltip-message{min-height:34px;display:grid;place-items:center;border-radius:4px;background:#ffffff14;color:#ffffffc7;font-size:11px}.hidden-score-tooltip-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.hidden-score-tooltip-results>span{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:4px;background:#ffffff17}.hidden-score-tooltip-results small{font-size:9px;color:#ffffffad;white-space:nowrap}.hidden-score-tooltip-results strong{font-size:14px;color:#ff946c;font-variant-numeric:tabular-nums}.hidden-score-reference{display:grid;gap:5px;padding-top:8px;border-top:1px solid rgba(255,255,255,.12)}.hidden-score-reference>small{font-size:10px;color:#ffffffb8}.hidden-score-reference>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px}.hidden-score-reference span{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:18px}.hidden-score-reference i{font-style:normal;color:#ffffffd1}html.light-theme .hidden-score-tooltip{color:#1f2937}html.light-theme .hidden-score-tooltip>b{color:#1f2937}html.light-theme .hidden-score-tooltip-message{background:#0f172a0f;color:#4b5563}html.light-theme .hidden-score-tooltip-results>span{background:#0f172a0d}html.light-theme .hidden-score-tooltip-results small{color:#64748b}html.light-theme .hidden-score-tooltip-results strong{color:#ea580c}html.light-theme .hidden-score-reference{border-top:1px solid rgba(15,23,42,.1)}html.light-theme .hidden-score-reference>small{color:#475569}html.light-theme .hidden-score-reference i{color:#1f2937}.hidden-score-reference em{font-style:normal;color:#ffb195;font-variant-numeric:tabular-nums}.tft-list .tft-list-body,.tft-list>.tft-list-body{display:block;height:auto;overflow-x:hidden}.tft-list-table thead th{position:sticky;top:0;z-index:3;background:var(--surface);border-top:1px solid var(--soft)}.tft-list-head{padding-right:8px}.tft-list-body{scrollbar-gutter:stable}.tft-list-table-traits thead th,.tft-list-table-traits tbody tr:first-child td{border-top:0}.tft-list-table-traits tbody td{border-top:1px solid var(--line);border-bottom:0}.tft-list-table-hero thead th{border-top-color:var(--line)}.tft-list-table-hero tbody tr:first-child td{border-top:0}.tft-list-table-hero tbody td{border-top:1px solid var(--line);border-bottom:0}.tft-list-body .tft-list-table tbody td:nth-child(2),.tft-list-body .tft-list-table tbody td:nth-child(3){width:72px;text-align:center}.tft-list .tft-hero-nav{display:flex;gap:0;height:auto;background:var(--surface);border:1px solid var(--soft);margin:6px 12px;padding:0;border-radius:2px;overflow:hidden}.tft-list .tft-hero-nav button{flex:1;height:34px;border:0;border-right:1px solid var(--soft);border-radius:0;background:var(--surface);color:var(--muted);font-size:10px;cursor:pointer;display:grid;place-items:center;padding:0;min-width:0}.tft-list .tft-hero-nav button:last-child{border-right:0}.tft-list .tft-hero-nav button.active{background:var(--accent);color:#fff;border-color:var(--soft)}.tft-list .tft-hero-name{font-size:11px;color:var(--text);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis}.tft-list .tft-hero-avatar{margin-right:8px}.tft-list .tft-trait-ic{display:inline-block;width:32px;height:32px;flex:0 0 auto;margin-right:8px;border:0;border-radius:0;background-color:#e8b13c;-webkit-mask-image:var(--trait-src);mask-image:var(--trait-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;filter:none!important}.tft-list .tft-trait-ic .tft-trait-ic-img{opacity:0}.tft-list-tooltip-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:4px 0 2px}.tft-tip-cost{font-weight:600;color:#e4ad3c!important;white-space:nowrap}.tft-list-tooltip-traits{margin:0}html:not(.light-theme) .tft-list-tooltip-traits span{color:#000}.tft-list-tooltip-desc{white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;margin:6px 0 2px}.tft-overview{height:auto;margin-bottom:4px;display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;padding:8px 12px}.tft-overview .overview-donut{min-width:0;display:flex;align-items:center;gap:14px;padding:0 18px 0 0;border-right:1px solid var(--line)}.tft-overview .overview-donut .donut{flex:0 0 auto;width:50px;height:50px;margin-right:0;background:conic-gradient(#eb9c00 0 var(--r1),#758592 var(--r1) var(--r2),#907659 var(--r2) var(--r3),#676678 var(--r3) var(--r4),#424254 var(--r4) 360deg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 55%,transparent)}.tft-overview .tft-kda{min-width:0;display:flex;flex-direction:column;gap:3px;justify-content:center}.tft-overview .tft-kda b{font-size:15px;color:var(--text);font-weight:600}.tft-overview .tft-kda small{font-size:9px;color:var(--muted)}.tft-overview .tft-kda em{font-style:normal;color:var(--accent);font-weight:700}.tft-overview .overview-stats{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:6px 18px;border-width:0 1px 0 0;border-style:solid;border-color:var(--line)}.tft-overview .overview-trait-row{min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 0}.tft-overview .overview-trait-row+.overview-trait-row{border-top:1px solid color-mix(in srgb,var(--line) 62%,transparent)}.tft-overview .overview-trait-row .tft-trait-ic{display:inline-block;width:24px;height:24px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:var(--surface-3);overflow:hidden}.tft-overview .overview-trait-row .tft-trait-ic .tft-trait-ic-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.tft-overview .overview-trait-row .ot-name{min-width:0;display:flex;align-items:baseline;gap:6px;padding-right:4px}.tft-overview .overview-trait-row .ot-name b{font-size:11px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tft-overview .overview-trait-row .ot-name small{font-size:9px;color:var(--muted);white-space:nowrap;flex:0 0 auto}.tft-overview .overview-trait-row .ot-stat{display:flex;align-items:baseline;gap:5px;white-space:nowrap;font-style:normal}.tft-overview .overview-trait-row .ot-stat b{font-size:13px;color:var(--text);font-variant-numeric:tabular-nums}.tft-overview .overview-trait-row .ot-stat small{font-size:8px;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.tft-overview .overview-stats-empty{display:grid;place-items:center;color:var(--muted);font-size:9px;flex:1}.tft-overview .placement-mini>span{font-size:9px;color:var(--muted);margin-bottom:4px}.tft-overview .placement-mini{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 18px}.tft-overview .placement-mini div{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.tft-overview .placement-mini b{height:14px;background:var(--surface-3);display:grid;place-items:center;font-size:8px;border-radius:2px;color:var(--text)}.tft-overview .placement-mini b.first{background:#cc9207;color:#fff}@media (min-width:761px){.tft-overview{height:135px;grid-template-columns:minmax(215px,.95fr) minmax(250px,1.12fr) minmax(205px,.93fr);gap:0;align-items:stretch;padding:0 15px}.tft-overview .overview-donut{padding:0 18px 0 0;border-right:1px solid var(--line)}.tft-overview .overview-donut .donut{width:90px;height:90px}.tft-overview .overview-donut .donut:after{inset:12px}.tft-overview .overview-donut .donut b{font-size:17px}.tft-overview .tft-kda b{font-size:15px}.tft-overview .tft-kda small{font-size:11px}.tft-overview .tft-kda em{font-size:12px}.tft-overview .overview-stats{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:5px 18px;border-width:0 1px 0 0;border-style:solid;border-color:var(--line)}.tft-overview .overview-trait-row{min-width:0;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 0}.tft-overview .overview-trait-row .tft-trait-ic{width:24px;height:24px}.tft-overview .overview-trait-row .ot-name b{font-size:11px}.tft-overview .overview-trait-row .ot-name small{font-size:9px}.tft-overview .overview-trait-row .ot-stat b{font-size:13px}.tft-overview .overview-trait-row .ot-stat small{font-size:8px}.tft-overview .overview-stats-empty{font-size:10px}.tft-overview .overview-stats b{font-size:13px;line-height:26px}.tft-overview .placement-mini>span{font-size:11px;margin-bottom:6px}.tft-overview .placement-mini div{gap:4px}.tft-overview .placement-mini b{height:24px;font-size:12px}}.tft-overview .overview-trait-row .tft-trait-ic,.tft-list .tft-trait-ic{display:inline-block;box-sizing:border-box;position:relative;border:0;border-radius:0;background:color-mix(in srgb,var(--tier-cell,var(--surface-3)) 55%,#fff);padding:2px;overflow:visible;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-overview .overview-trait-row .tft-trait-ic:before,.tft-list .tft-trait-ic:before{content:"";position:absolute;inset:2px;background:var(--tier-cell,var(--surface-3));clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-overview .overview-trait-row .tft-trait-ic .tft-trait-ic-img,.tft-list .tft-trait-ic .tft-trait-ic-img{opacity:1;display:block;position:absolute;top:50%;left:50%;width:66%;height:66%;transform:translate(-50%,-50%);object-fit:contain;border-radius:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-list-name .tft-trait-ic{border:0!important;filter:none!important}html.light-theme .tft-list-name .tft-trait-ic{filter:none!important}.tft-list .tft-trait-ic{width:32px;height:32px;margin-right:8px}.tft-overview .overview-trait-row .tft-trait-ic{width:26px;height:26px;margin:0;flex:0 0 auto}.tft-trait-tip-ic{display:inline-block;box-sizing:border-box;position:relative;width:30px;height:30px;border:0;border-radius:0;background:color-mix(in srgb,var(--tier-cell,var(--surface-3)) 55%,#fff);padding:2px;overflow:visible;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-trait-tip-ic:before{content:"";position:absolute;inset:2px;background:var(--tier-cell,var(--surface-3));clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-trait-tip-ic .tft-trait-tip-ic-img{opacity:1;display:block;position:absolute;top:50%;left:50%;width:66%;height:66%;transform:translate(-50%,-50%);object-fit:contain;border-radius:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-overview{height:auto;margin-bottom:4px;display:flex;flex-direction:column;padding:0}.tft-overview .overview-grid{min-width:0;min-height:135px;display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;flex:1;padding:8px 12px}.tft-overview>footer.summary-pagination{height:36px;min-height:36px;padding:5px 10px!important;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center!important;color:var(--text)!important;font-size:14px;border-top:1px solid var(--line)}.tft-overview>footer.summary-pagination label,.tft-overview>footer.summary-pagination select,.tft-overview>footer.summary-pagination button,.tft-overview>footer.summary-pagination>span{font-size:14px}.tft-overview>footer.summary-pagination select,.tft-overview>footer.summary-pagination button{height:26px}@media (min-width:761px){.tft-overview{padding:0}.tft-overview .overview-grid{display:grid;grid-template-columns:minmax(215px,.95fr) minmax(250px,1.12fr) minmax(205px,.93fr);gap:0;height:135px;padding:0 15px}.tft-overview>footer.summary-pagination{height:36px;min-height:36px;padding:5px 10px!important}}@media (max-width:760px){.tft-overview>footer.summary-pagination{height:36px;min-height:36px;flex-wrap:wrap;padding:5px 6px!important}}.tft-match{background:color-mix(in srgb,var(--tier-cell,#5d554c) 62%,#16161a);border-left-color:color-mix(in srgb,var(--tier-cell,#80766a) 78%,#fff);color:#fff}.theme-light .tft-match{background:color-mix(in srgb,var(--tier-cell,#ddd6cc) 24%,#fff);color:#2b2b2d}.tft-match{background:linear-gradient(112deg,color-mix(in srgb,var(--tier-cell,#5d554c) 62%,#16161a) 46%,color-mix(in srgb,#5b3fa0 86%,#16161a));border-left-color:color-mix(in srgb,var(--tier-cell,#80766a) 78%,#fff);color:#fff}.theme-light .tft-match{background:linear-gradient(112deg,color-mix(in srgb,var(--tier-cell,#ddd6cc) 24%,#fff) 46%,color-mix(in srgb,#9f8fdd 68%,#fff));color:#2b2b2d}.tft-match .trait-chips{height:auto;align-items:center;flex-wrap:wrap;row-gap:2px;column-gap:3px}.tft-match .trait-chips .trait-chip{display:inline-flex;flex-direction:row;align-items:center;gap:0;padding:0;border-radius:0;background:none;white-space:nowrap}.tft-match .trait-chips .trait-chip-ic{display:inline-block;box-sizing:border-box;position:relative;flex:0 0 auto;width:24px;height:24px;border:0;border-radius:0;background:color-mix(in srgb,var(--tier-cell,var(--surface-3)) 55%,#fff);padding:2px;overflow:visible;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-match .trait-chips .trait-chip-ic:before{content:"";position:absolute;inset:2px;background:var(--tier-cell,var(--surface-3));clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-match .trait-chips .trait-chip-ic .tft-trait-ic-img{opacity:1;display:block;position:absolute;top:50%;left:50%;width:66%;height:66%;transform:translate(-50%,-50%);object-fit:contain;border-radius:0;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-match .trait-chips .trait-chip-name{display:flex;align-items:center;justify-content:center;height:16px;line-height:1;padding:0 6px;font-size:8px;white-space:nowrap;color:#fff;background:var(--tier-cell,var(--surface-3));border:2.5px solid color-mix(in srgb,var(--tier-cell,var(--surface-3)) 55%,#fff);margin-left:-6px;border-left:0;border-radius:0 3px 3px 0}.tft-match .trait-chips .trait-chip-name i{font-style:normal;color:#fff}@media (min-width:761px){.tft-match .trait-chips .trait-chip-ic{width:28px;height:28px}.tft-match .trait-chips .trait-chip-name{height:19px;font-size:9px}}.tft-match{height:auto;min-height:104px;overflow:visible}.tft-match .tft-build{height:auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding-left:8px;gap:2px}@media (min-width:761px){.tft-match{min-height:130px}}.tft-place{justify-content:center;gap:4px}n.tft-place small,.tft-place span{margin-top:0}n.tft-match .tft-place hr{width:32px!important;align-self:flex-start;border:0;border-top:1px solid var(--line);opacity:.9;margin:0;flex:0 0 auto!important}.tft-list-tooltip-members{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding-top:8px;border-top:1px solid var(--line)}.tft-list-tooltip-title+.tft-list-tooltip-members{border-color:#ffffff1f!important}.tft-tip-member{position:relative;flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid var(--cost-border,#9aa4b0);display:grid;place-items:center;background:var(--surface-3);overflow:visible}.tft-tip-member-ic{width:22px!important;height:22px!important;border-radius:50%;object-fit:cover;display:block;background:transparent;margin:0}.tft-tip-member-cost{position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:#1b1d22;border:1px solid var(--cost-border,#e4ad3c);color:#e4ad3c;font-size:8px!important;font-style:normal;font-weight:700;line-height:1}.tft-list-tooltip-level.active b{background:var(--accent,#e4ad3c);color:#1b1d22;box-shadow:0 0 6px color-mix(in srgb,var(--accent,#e4ad3c) 60%,transparent)}.tft-list-tooltip-level.active p{color:var(--accent,#e4ad3c);font-weight:700}.unit:nth-child(3n)>img,.unit:nth-child(4n)>img{border-color:var(--cost-border,#9aa4b0)}.unit .stars,.unit:nth-child(3n) .stars,.unit:nth-child(4n) .stars{color:var(--cost-border,#9aa4b0)}.unit .stars svg{width:calc(var(--unit-w,39px)*.26);height:auto;max-width:16px}.unit-row{position:relative;top:-3px;margin-bottom:-3px}.tft-list-tooltip-items{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);border-color:#ffffff1f!important}.tft-tip-item{display:inline-block;width:22px;height:22px}.tft-tip-item img{width:22px;height:22px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.unit>div{position:relative;left:auto;right:auto;bottom:auto;display:flex;justify-content:center;gap:2px;align-items:center;margin-top:1px}.unit>div img{width:13px;height:13px;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.45)}.unit-row{position:relative;top:2px;margin-bottom:-2px}.tft-tip-stars{display:inline-flex;gap:1px;align-items:center;font-style:normal;margin-left:5px;vertical-align:1px}.tft-tip-stars svg{width:10px;height:auto;color:var(--cost-border,#9aa4b0)}.tft-list-tooltip-title .tft-hero-avatar{width:32px;height:32px;border-radius:6px;margin-right:8px;flex:0 0 auto}.tft-list-tooltip-title .tft-hero-ic{width:28px!important;height:28px!important;border-radius:4px}.tft-list-tooltip-title .tft-hero-cost{right:-3px;bottom:-3px}.unit-main>img{display:block}.unit-items img,.tft-row-item img{width:13px;height:13px;object-fit:cover;border-radius:2px;border:1px solid rgba(0,0,0,.45);display:block}@media (min-width:761px){.unit{--unit-w:43px}}@media (min-width:1024px){.unit{--unit-w:54px}}.tft-item-components .tft-tip-item{width:18px;height:18px}.tft-item-components .tft-tip-item img{width:18px;height:18px;border-radius:3px}.tft-list-tooltip-items.tft-item-components{display:flex;flex:none;flex-wrap:wrap;gap:4px;width:auto;height:auto;margin:0;padding:0;border:0}.tft-list-tooltip .tft-list-tooltip-meta .tft-list-tooltip-label{margin-right:6px}.tft-player-row{grid-template-columns:180px 90px minmax(0,1fr)}.tft-player-row>.tft-player-main{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0}.tft-player-main .tft-player-place{display:block;width:36px;text-align:center;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.tft-player-main .tft-player-profile{display:flex;align-items:center;gap:8px;min-width:0}.tft-player-main .tft-player-profile img.tft-player-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto;border:2px solid var(--line)}.tft-player-main .tft-player-profile>span{display:flex;flex-direction:column;min-width:0}.tft-player-main .tft-player-profile a.tft-player-name{display:flex;align-items:baseline;gap:2px;min-width:0;font-size:12px;color:var(--text);line-height:1.3;text-decoration:none;cursor:pointer}.tft-player-main .tft-player-profile a.tft-player-name:hover{color:var(--accent)}.tft-player-main .tft-player-profile a.tft-player-name>span{flex:0 0 auto;white-space:nowrap;overflow:visible;min-width:0}.tft-player-main .tft-player-profile a.tft-player-name small{font-size:9px;color:color-mix(in srgb,var(--text) 55%,transparent);font-weight:400;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tft-player-main .tft-player-profile em{font-style:normal;font-size:10px;color:#9298aa;white-space:nowrap}.tft-player-main .tft-player-profile em:before{content:""}@media (min-width:761px){.tft-player-row{min-height:82px;padding:6px 10px}.tft-player-main .tft-player-place{width:44px}.tft-player-main .tft-player-profile img.tft-player-avatar{width:44px;height:44px;border-radius:50%;margin-top:2px}}.tft-player-build .tft-player-units{display:flex;flex-wrap:wrap;gap:5px;align-items:center;align-content:flex-start;min-height:0}.tft-player-build .tft-player-units .compact-unit{flex:0 0 auto;width:36px}.tft-player-build .tft-player-units .compact-unit .unit-main>img{width:36px;height:36px;border-width:2px;border-radius:6px}.tft-player-build .tft-player-units .compact-unit .stars svg{width:10px;height:10px}.tft-player-build .tft-player-units .compact-unit .unit-items{display:flex;margin-top:1px;gap:0}.tft-player-build .tft-player-units .compact-unit .unit-items img{width:13px;height:13px;border-width:1px}.tft-player-build{display:flex;flex-direction:column;gap:3px;justify-content:center;min-width:0}.tft-player-build .tft-player-traits{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start;align-items:center;min-height:0}.tft-player-build .tft-player-traits img{width:16px;height:16px;border-radius:3px}.tft-player-build .tft-player-traits .trait-icon .tft-trait-ic-img{width:auto;height:auto;border-radius:0}.trait-icon{display:inline-block;box-sizing:border-box;position:relative;border:0;border-radius:0;background:var(--tier-cell,#3f4250);overflow:visible;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.trait-icon:before{content:"";position:absolute;inset:2px;background:color-mix(in srgb,var(--tier-cell,#3f4250) 22%,#1b1d22);clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.trait-icon .tft-trait-ic-img{position:absolute;top:50%;left:50%;width:60%;height:60%;transform:translate(-50%,-50%);object-fit:contain;z-index:1;opacity:1!important;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.trait-icon{width:22px;height:22px}.trait-icon-sm{width:16px;height:16px}.trait-icon-md{width:22px;height:22px}.trait-icon-lg{width:32px;height:32px}.tft-player-build .tft-player-traits{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;align-items:center}.tft-player-build .tft-player-traits .trait-icon{width:28px;height:28px;background:color-mix(in srgb,var(--tier-cell,var(--surface-3)) 55%,#fff)}.tft-player-build .tft-player-traits .trait-icon:before{inset:1.5px;background:var(--tier-cell,var(--surface-3))}.tft-player-build .tft-player-traits .trait-icon .tft-trait-ic-img{width:62%;height:62%}.tft-player-avatar{display:block}.tft-player-profile .tft-tooltip-icon{width:28px;height:28px;border-radius:50%;object-fit:cover}.tft-player-build .tft-player-traits .trait-icon{width:28px;height:28px;box-sizing:border-box;position:relative;border:0;border-radius:0;background:color-mix(in srgb,var(--tier-cell,var(--surface-3)) 55%,#fff);padding:2px;overflow:visible;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-player-build .tft-player-traits .trait-icon:before{content:"";position:absolute;inset:2px;background:var(--tier-cell,var(--surface-3));clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-player-build .tft-player-traits .trait-icon .tft-trait-ic-img{opacity:1;display:block;box-sizing:border-box;position:absolute;top:50%;left:50%;width:66%;height:66%;transform:translate(-50%,-50%);object-fit:contain;margin:0;padding:0;border:0;border-radius:0;background:transparent;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%)}.tft-player-metrics{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;font-size:11px;line-height:1.5}.tft-player-metrics b{color:#ffbd20;font-size:12px}.tft-player-metrics span{font-size:11px}.tft-player-metrics small{font-size:11px;color:#dce0eb}.tft-player-metrics .t-metric-ic{width:12px;height:12px;flex:0 0 auto;vertical-align:-1px;margin-right:1px}.tft-player-metrics{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;padding:0 0 0 2px;font-size:11px;line-height:1.6}.tft-player-metrics b{color:#ffbd20;font-size:12px;display:inline-flex;align-items:center;gap:2px}.tft-player-metrics span,.tft-player-metrics small{color:currentColor}.tft-player-metrics span,.tft-player-metrics small{font-size:11px;display:inline-flex;align-items:center;gap:2px}.tft-player-metrics .t-metric-ic{width:12px;height:12px;flex:0 0 auto}.tft-player-metrics b .t-metric-ic{width:14px;height:14px}html.light-theme .tft-player-metrics b{color:#a97400}html.light-theme .tft-player-metrics span,html.light-theme .tft-player-metrics small{color:#47505f}.tft-detail-head,.tft-player-row{grid-template-columns:180px 90px minmax(0,1fr)}.tft-detail-head{height:36px;padding:0 10px;text-align:left;font-size:9px}.tft-detail-head span:nth-child(2){text-align:left}.tft-detail-head,.tft-player-row{min-width:0}.tft-player-metrics b,.tft-player-metrics span,.tft-player-metrics small{color:#ffbd20;font-size:12px;line-height:1.6;display:inline-flex;align-items:center;gap:2px}.tft-player-metrics .t-metric-ic{width:14px;height:14px}html.light-theme .tft-player-metrics b,html.light-theme .tft-player-metrics span,html.light-theme .tft-player-metrics small{color:#a97400}.tft-match-detail{background:linear-gradient(160deg,#1b2a5e,#24306e 30%,#3a2f75 62%,#4a2f82)}.tft-detail-tabs{background:#ffffff0a}html.light-theme .tft-match-detail{background:linear-gradient(160deg,#e8edff,#e2e7fb 35%,#e6defa 65%,#ece0fb)}html.light-theme .tft-detail-tabs{background:#1a2a780d}.tft-player-row{background:linear-gradient(90deg,#ffffff0b,#ffffff05)}.tft-player-row:nth-child(2n){background:linear-gradient(90deg,#ffffff14,#ffffff08)}html.light-theme .tft-player-row{background:#ffffff59}html.light-theme .tft-player-row:nth-child(2n){background:#ffffff80}.tft-detail-head{background:linear-gradient(90deg,#0f173c8c,#281e5a8c);border-bottom-color:#ffffff24;color:#c6cede}.tft-detail-tabs{position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}html.light-theme .tft-detail-head{background:linear-gradient(90deg,#fff6,#ffffff40);border-bottom-color:#1a2a781f;color:#4a5680}html:not(.light-theme) body{background:#191a1e;color:#f1f2f6}html.light-theme body{background:#eef0f4;color:#202635}html:not(.light-theme) .react-page-shell{--bg:#191a1e;--page:#1b1c20;--surface:#30313a;--surface-2:#292a32;--surface-3:#383946;--line:#41434f;--text:#f1f2f6;--muted:#a2a5b2;--soft:#6e7282}html.light-theme .react-page-shell{--bg:#eef0f4;--page:#f5f6f8;--surface:#fff;--surface-2:#f4f5f8;--surface-3:#e9ebf0;--line:#e0e3e9;--text:#202635;--muted:#7f8797;--soft:#a8afbc}.data-hero{height:180px}.data-hero-copy h1{margin:0;font-size:26px}.data-hero-copy h1 span{font-size:15px;margin-left:8px}.data-hero-copy p{font-size:13px;color:var(--muted);margin:8px 0 6px}.data-meta{display:flex;gap:16px;font-size:12px}.data-meta b{color:var(--text)}.data-hero-copy>label{display:flex;align-items:center;width:360px;height:38px;border:1px solid var(--accent);border-radius:4px;margin-top:10px;padding:0 12px;color:var(--muted)}.data-hero-copy>label .data-search-icon,.hero-picker>label .data-search-icon{width:13px;height:13px;flex:none}.data-hero-copy input{border:0;outline:0;background:transparent;width:100%;padding-left:9px;font-size:13px}.data-hero-copy>small{display:flex;align-items:center;color:var(--muted);font-size:11px;margin-top:9px}.data-hero-copy>small img{width:26px;height:26px;border-radius:50%;margin-left:8px;object-fit:cover}.data-ad{top:0;right:0;height:164px}.hero-picker>label{height:32px;padding:0 10px}.hero-picker>label input{font-size:12px}.data-filter-strip{padding-left:calc((100% - 654px)/2)}.data-grid{position:relative}.hero-detail-panel{position:absolute;top:0;right:calc(100% + 8px);width:310px;max-height:calc(100vh - 112px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #00000047;z-index:80}.hero-detail-panel>header{height:74px;padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.hero-detail-panel>header>div{min-width:0}@media (max-width:760px){.hero-detail-panel{display:none}}.data-filter-select{border:0;outline:0;background:transparent;color:var(--text);font-size:10px;font-weight:600;cursor:pointer;flex:none;max-width:78px;appearance:none;-webkit-appearance:none}.hero-picker>label{height:31px}.data-filter-label{display:flex;align-items:center;gap:7px;height:25px;padding:0 10px;background:var(--surface);border:1px solid var(--line);border-radius:3px;color:var(--text);font-size:11px;font-weight:700}.data-filter-label select{border:0;outline:0;background:transparent;color:var(--text);font-size:11px;font-weight:600;cursor:pointer}.hero-picker>label input{flex:1;min-width:0;width:auto;padding-left:7px}.hero-picker>label .data-search-icon{width:13px;height:13px;flex:none}.data-filter-select{border:1px solid var(--line);border-radius:3px;background:var(--surface-2);color:var(--text);font-size:10px;font-weight:600;cursor:pointer;flex:none;max-width:78px;padding:0 3px}.position-tabs button:first-child{border-left:0}@media (min-width:761px){.hero-picker>label{height:48px}.data-filter-select{max-width:96px}}.hero-picker{height:auto;min-height:0;overflow:visible;align-self:start}.hero-picker>label{height:31px;gap:6px}.hero-picker>label .data-search-icon{width:13px;height:13px;flex:none;margin-right:4px}.data-filter-select{height:100%;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface-2);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;flex:none;margin:0;padding:0 4px;appearance:auto;-webkit-appearance:auto;outline:0}.picker-tier-select,.picker-version-select{width:auto!important;max-width:none!important}@media (min-width:761px){.hero-picker{height:auto;min-height:0;align-self:start}.hero-picker>label{height:48px}.data-filter-select{max-width:none}.picker-tier-select{width:70px}.picker-version-select{width:112px}}.hero-picker{padding:8px;display:flex;flex-direction:column;gap:8px}.hero-picker>label{height:32px;margin:0;padding:0 10px;border:1px solid var(--line)!important;border-radius:6px;background:var(--surface-2);gap:6px}.hero-picker>label:focus-within{border-color:var(--accent)!important;box-shadow:0 0 0 1px var(--accent)}.hero-picker>label input{height:100%;font-size:12px;color:var(--text)}.hero-picker>label .data-search-icon{width:14px;height:14px;color:var(--muted)}.data-filter-select{height:100%;border:0!important;border-left:1px solid var(--line)!important;border-radius:0;background:transparent;color:var(--text);font-size:12px;font-weight:600;padding:0 6px;cursor:pointer;flex:none;outline:0;appearance:auto;-webkit-appearance:auto;margin:0}.picker-tier-select{width:60px}.picker-version-select{width:112px}.position-tabs{height:32px;margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface-2)}.position-tabs button{color:var(--muted);border-right:1px solid var(--line)}.position-tabs button:last-child{border-right:0}.position-tabs button:hover{color:var(--text)}.hero-grid{height:auto;padding:0;gap:6px}.hero-grid button{border-radius:6px;border:1px solid var(--line);background:var(--surface-2)}.hero-grid button:hover{border-color:var(--accent)}.hero-grid button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.hero-grid-loading{grid-column:1/-1;color:var(--muted);font-size:11px;text-align:center;padding:18px 0}.data-ai-chips{flex-wrap:wrap;align-items:center}.data-ai-chips .ai-chip-star{display:inline-flex;align-items:center;gap:4px}.data-ai-chips .ai-chip-star svg{width:16px;height:16px;flex:none;color:var(--text)}.week-free-chip{height:22px;padding:0 10px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:7px;font-weight:700;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.week-free-chip .week-free-icon{width:12px;height:12px;flex:none}.week-free-chip.active{border-color:var(--accent);color:var(--accent)}@media (min-width:761px){.hero-picker>label{height:40px}.hero-picker .position-tabs{height:40px}.picker-tier-select{width:68px}.picker-version-select{width:120px}.week-free-chip{height:26px;padding:0 12px;font-size:8px;border-radius:13px}}.position-tabs .pos-icon{width:15px;height:15px;display:block;margin:auto;color:var(--muted)}.position-tabs .wk-free{background:linear-gradient(135deg,#dcc3ff2e,#dbf5d22e)}.hero-grid button img{width:46px;height:46px;object-fit:cover;margin:auto;display:block}.hero-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:5px 2px;height:auto;min-height:64px}.hero-grid span{line-height:1;margin-top:2px}.position-tabs img{width:15px;height:15px;object-fit:contain;display:block;margin:auto}.position-tabs .pos-icon{width:15px;height:15px;display:block;margin:auto;color:var(--muted);fill:currentColor}.position-tabs button:not(.active):hover img{opacity:.8}.position-tabs button.active .pos-icon{color:#fff}.position-tabs .wk-free{background:linear-gradient(135deg,#dcc3ff29,#dbf5d229)}.position-tabs{grid-template-columns:repeat(6,1fr)}.position-tabs img,.position-tabs .pos-icon{width:24px;height:24px;display:block;margin:auto;object-fit:contain}.week-free-chip{height:26px;padding:0 12px;border:1px solid var(--accent);border-radius:13px;background:var(--surface);color:var(--text);font-size:9px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;margin-left:6px}.week-free-chip svg{width:20px;height:20px;flex:none}.week-free-chip.active{border-color:var(--accent);background:#8458e924;color:var(--accent)}.position-tabs{grid-template-columns:repeat(7,1fr)}.position-tabs img,.position-tabs .pos-icon{width:20px;height:20px;display:block;margin:auto;object-fit:contain}.position-tabs .pos-icon{color:var(--muted)}.position-tabs button:not(.active):hover .pos-icon{color:var(--accent)}.position-tabs button.active img,.position-tabs button.active .pos-icon{color:#fff}.hero-grid button{background:transparent;border:0;border-radius:0;box-shadow:none;padding:2px 0;min-height:0;height:auto;flex-direction:column;align-items:center;justify-content:center;gap:3px;overflow:hidden}.hero-grid button:hover,.hero-grid button.selected{background:transparent;border:0;box-shadow:none}.hero-grid button:hover img{opacity:.75}.hero-grid button.selected img{outline:2px solid var(--accent);outline-offset:1px;border-radius:8px}.hero-grid span{font-size:9px;color:var(--text);line-height:1}.position-tabs .pos-icon{color:var(--text)}.hero-grid button,.hero-grid button:hover,.hero-grid button.selected{background:transparent!important;border:0!important;box-shadow:none!important}.hero-grid span,.hero-grid button span{background:transparent!important;color:var(--text)}.hero-grid button.selected img{outline:2px solid var(--accent)!important;outline-offset:1px;border-radius:8px}.hero-grid span{height:auto!important;line-height:1.3;margin-top:0!important;padding:0!important;font-size:9px;text-align:center}@media (min-width:761px){.hero-grid span{height:auto!important;line-height:1.3;margin:0!important;padding:0!important;font-size:9px}}.hero-grid button.selected{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.hero-grid button.selected img{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.hero-grid button.selected span{outline:0!important;background:transparent!important;color:var(--text)!important}.hero-grid button{overflow:visible!important}.hero-grid button img{outline-offset:2px}.hero-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.hero-grid button{min-width:0}.hero-grid button img{width:100%;max-width:46px;height:auto;aspect-ratio:1;object-fit:cover}html:not(.light-theme) .position-tabs img{filter:invert(1)}html.light-theme .position-tabs button:not(.active) img{filter:none}html.light-theme .position-tabs button.active img{filter:invert(1)}.hero-avatar-wrap{position:relative;display:block;width:100%;max-width:46px;aspect-ratio:1}.hero-avatar-wrap>img{width:100%;height:100%;object-fit:cover;display:block}.hero-free-badge{position:absolute;top:-4px;right:-4px;width:17px;height:17px;border-radius:50%;background:var(--surface);border:1px solid var(--accent);display:grid;place-items:center;z-index:2;color:var(--accent)}.hero-free-badge svg{width:10px;height:10px;display:block}.hero-free-badge{top:-5px;right:-5px;width:18px;height:18px}.hero-free-badge{top:-3px;right:-3px;width:10px;height:10px;border:1px solid var(--accent)}.hero-free-badge svg{width:6px;height:6px}.hero-free-badge{top:-5px;right:-5px;width:18px;height:18px;border:1px solid var(--accent)}.hero-free-badge svg{width:10px;height:10px}.hero-grid .hero-free-badge{position:absolute;top:-5px;right:-5px;width:18px!important;height:18px!important;border-radius:50%;background:var(--surface);border:1.5px solid var(--accent);display:grid;place-items:center;z-index:2;color:var(--accent);font-style:normal}.hero-grid .hero-free-badge svg{width:10px;height:10px;display:block}.theme-light .hero-grid .hero-free-badge{background:#000;color:#fff;border-color:var(--accent)}.theme-dark .hero-grid .hero-free-badge{background:#fff;color:#000;border-color:var(--accent)}.hero-avatar-wrap{border-radius:4px;overflow:visible!important}.hero-avatar-wrap>img{border-radius:4px}.hero-grid button.selected img{outline:2px solid #4f83e9!important;outline-offset:2px;border-radius:4px!important}.recent{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:9px;color:var(--muted)}.recent-heroes{display:grid;grid-template-columns:repeat(5,minmax(0,auto));justify-content:start;gap:4px 10px;min-width:0}.recent-heroes button{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;cursor:pointer;min-width:0;border-radius:4px}.recent-heroes img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.recent-heroes em{font-style:normal;font-size:9px;color:var(--text);line-height:1;max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-no{color:var(--soft);font-size:9px;line-height:22px}.data-mode-tabs{height:35px;margin-top:7px;margin-bottom:4px;gap:25px;padding:0 12px}.data-mode-tabs b,.data-mode-tabs span{height:100%;display:flex;align-items:center;font-size:12px;font-weight:700;color:var(--text)}.data-mode-tabs span{color:var(--soft)}.data-mode-tabs b{color:var(--accent);border-bottom:2px solid var(--accent)}.data-mode-tabs em{margin-left:auto;font-style:normal;color:var(--soft);font-size:9px;font-weight:700;white-space:nowrap}.data-ai-chips{height:30px!important;min-height:30px;margin:5px auto!important;gap:7px;align-items:flex-start;flex-wrap:wrap}.data-ai-chips span{height:30px!important;display:inline-flex;align-items:center;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;font-size:11px!important;white-space:nowrap;box-shadow:none;cursor:pointer;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.data-ai-chips span:hover{border-color:transparent!important;background:linear-gradient(120deg,#2563eb,#3b82f6 32%,#a78bfa 58%,#60a5fa 78%,#2563eb)!important;background-size:300% 300%!important;color:#fff!important;box-shadow:0 3px 10px #3b82f63d;animation:none}.rank-table nav{height:40px;margin:8px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--surface-2)}.rank-table nav button{color:var(--muted);border-right:1px solid var(--line)}.rank-table nav button:first-child{border-left:0}.rank-table nav button:last-child{border-right:0}.rank-table nav button:hover{color:var(--text)}.rank-table nav button.active{background:var(--accent);color:#fff}.rank-table>header{font-size:11px;padding:0 8px}.rank-table>article{font-size:10px;padding:0 8px}.rank-table>article{font-size:11px}.rank-table>header span.sortable{cursor:pointer;user-select:none}.rank-table>header span.sortable:hover{color:var(--accent)}.rank-table nav,.hero-picker>label,.position-tabs{border-radius:4px!important}.rank-table>article .tier-icon{display:inline-flex;align-items:center}.rank-table>article .tier-icon svg{width:24px;height:24px;display:block}.rank-table>article>strong{width:auto;height:auto;border-radius:0;background:transparent;color:inherit;font-size:inherit;display:inline-flex;align-items:center}.data-mode-tabs b{cursor:pointer;border-bottom:2px solid transparent}.data-mode-tabs b:not(.active){color:var(--soft)}.data-mode-tabs b:not(.active):hover{color:var(--text)}.data-mode-tabs b.active{color:var(--accent);border-bottom:2px solid var(--accent)}.rank-table nav button{font-size:11px}.rank-table>header span:nth-child(n+3){text-align:center;display:flex;align-items:center;justify-content:center}.rank-table>article>*:nth-child(n+3){display:flex;align-items:center;justify-content:center}.rank-table>article .rank-hero{display:flex;align-items:center}.rank-table>article .rank-hero b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-table>header span:first-child{display:flex;align-items:center;justify-content:center}.rank-table>article em{display:flex;align-items:center;justify-content:center}.rank-table>article em{font-weight:700}.rank-table>article>span:nth-child(5),.rank-table>article>span:nth-child(6),.rank-table>article>span:nth-child(7){font-weight:600}.picker-select-wrap{position:relative;display:inline-flex;align-items:center;height:100%;margin-left:6px;flex:none}.picker-select-btn{background:transparent;border:0;cursor:pointer;color:var(--accent);font-size:11px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:3px;height:100%;min-width:64px;padding:0 4px}.picker-select-btn i{font-style:normal;font-size:7px;opacity:.8}.hero-picker .queue-menu{top:calc(100% + 4px);left:auto;right:0;width:auto;min-width:128px;max-height:280px;overflow:auto}.hero-picker{overflow:visible!important}.hero-picker .queue-menu{max-height:none!important;overflow:visible!important}.theme-dark .rank-table>article>i img{filter:invert(1) brightness(1.2)}.picker-select-btn:hover{color:#7e62e6;background:#7e62e614;border-radius:4px}.queue-menu,.hero-picker .queue-menu{border-radius:4px}.picker-select-btn{border:1px solid var(--line);border-radius:4px;background:var(--surface-2);height:28px;padding:0 8px;color:var(--accent);gap:4px;font-size:9px}.hero-detail-panel{position:absolute;top:0;right:calc(100% + 8px);width:430px;max-width:calc(100vw - 20px);max-height:calc(100vh - 112px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:0 18px 50px #00000047;z-index:80;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.hd-col{display:flex;flex-direction:column;min-width:0}.hd-skill-first-row{display:flex;align-items:center;gap:2px;min-width:0;justify-content:flex-start;flex-wrap:nowrap}.hd-skill-stats{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font-size:8px;line-height:1.2;color:var(--muted);margin-left:6px;white-space:nowrap}.hd-skill-stats b{font-weight:400}.hd-skill-step{position:relative;display:inline-block;flex:0 0 auto}.hd-skill-step img{width:20px;height:20px;border-radius:3px;object-fit:cover;display:block}.hd-skill-step em{position:absolute;right:0;bottom:0;min-width:11px;height:11px;line-height:11px;padding:0 2px;font-size:7px;font-style:normal;font-weight:700;color:#ffd54a;background:#1b1d22;border:1px solid var(--line);border-radius:2px;text-align:center;pointer-events:none}.hd-skillpick>span{font-size:8px;color:var(--muted)}.hd-skill-arrow{color:var(--muted);font-style:normal;font-size:8px;padding:0 1px;flex:0 0 auto}.hd-skill-upper{display:flex;flex-wrap:wrap;gap:1px;min-width:0}.hd-skill-upper b{width:14px;height:14px;line-height:14px;font-size:8px;font-weight:600;text-align:center;color:#fff;background:var(--surface-2);border:1px solid var(--line);border-radius:1px}.hd-skill-upper b.b-q{background:#2ea45a}.hd-skill-upper b.b-w{background:#3b7fe0}.hd-skill-upper b.b-e{background:#d9a403}.hd-skill-upper b.b-r{background:#d14444}.hd-skill-upper b.b-passive{background:#7d8a99}.hd-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}.hd-rune-shards{display:flex;gap:3px;flex-basis:100%}.hd-rune-shards img{width:28px;height:28px;border-radius:50%;object-fit:cover}.hd-sec{padding:12px 14px;border-bottom:1px solid var(--line);min-width:0}.hd-sec h3{margin:0 0 10px;font-size:12px}.hd-sec-skills h3{margin-bottom:8px}.hd-summoners{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.hd-summoner-row{display:flex;align-items:center;justify-content:flex-start;gap:6px}.hd-summoner-pair{display:flex;gap:2px}.hd-summoner-pair img{width:20px;height:20px;border-radius:3px;object-fit:cover}.hd-summoner-row small{font-size:9px;color:var(--muted);white-space:nowrap;text-align:left}.hd-spells{display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;justify-content:space-between}.hd-spell{position:relative;display:block;flex:1 1 0;min-width:0;max-width:52px}.hd-spell img{width:42px;height:42px;border-radius:4px;object-fit:cover;display:block}.hd-spell em{position:absolute;right:-3px;bottom:-3px;min-width:15px;height:15px;line-height:15px;padding:0 3px;border-radius:3px;background:#1b1d22;border:1px solid var(--line);color:#ffd54a;font-size:9px;font-style:normal;font-weight:700;text-align:center;pointer-events:none}.hd-spell b{display:none}.hd-rune-row{display:flex;flex-direction:column;gap:4px;padding:5px 0;border-top:1px solid var(--line);min-width:0}.hd-rune-row:first-of-type{border-top:0}.hd-rune-icons{display:flex;gap:2px;flex-wrap:wrap;min-width:0}.hd-rune-icons img{width:24px;height:24px;border-radius:50%;object-fit:cover}.hd-rune-row>span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-build-group{min-width:0}.hd-build-group>b{display:block;font-size:10px;color:var(--muted);margin:8px 0 3px}.hd-build-group:first-of-type>b{margin-top:0}.hd-build-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:2px 0;min-width:0}.hd-build-icons{display:flex;gap:2px;min-width:0}.hd-build-icons img{width:24px;height:24px;border-radius:3px;object-fit:cover}.hd-build-row>span{font-size:9px;color:var(--muted);text-align:right;white-space:nowrap}.hd-skillpick{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:5px 0;border-top:1px solid var(--line);min-width:0}.hd-skillpick:first-of-type{border-top:0}.hd-skillpick>b{font-size:10px;color:var(--accent);letter-spacing:1px;flex:none}.hd-skillpick>span{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hd-matchups{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.hd-matchup small{display:block;font-size:9px;color:var(--muted);margin-bottom:6px}.hd-matchup>div{display:flex;flex-direction:column;gap:5px}.hd-hero-item{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);min-width:0}.hd-hero-item img{width:24px;height:24px;border-radius:4px;object-fit:cover}.hd-hero-item b{font-size:9px;color:var(--text)}.hd-partners{display:flex;flex-wrap:wrap;gap:10px}.hero-lane-wrap{display:flex;align-items:center;gap:4px;font-size:9px;color:var(--muted)}.hero-lane-select{height:24px;padding:0 5px;font-size:9px;color:var(--accent);background:var(--surface-2);border:1px solid var(--line);border-radius:3px}.tier-emblem{width:14px;height:14px;object-fit:contain;border-radius:50%;flex:none;display:inline-block}.hero-picker .queue-menu button{display:flex;align-items:center;gap:5px}.hero-picker .queue-menu{margin-top:4px}.lane-picker-wrap{position:relative;display:inline-flex;align-items:center;flex:none}.lane-picker-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;font-size:9px;font-weight:700;color:var(--accent);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;cursor:pointer;white-space:nowrap}.lane-picker-btn i{font-style:normal;font-size:7px;opacity:.8}.lane-picker-btn:hover{background:#7e62e614}.lane-menu{position:absolute;z-index:120;top:calc(100% + 4px);right:0;min-width:136px;max-height:216px;overflow:auto;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 15px 38px #0f162438;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.lane-menu button{display:flex;align-items:center;justify-content:flex-start;width:100%;height:26px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:var(--text);font-size:10px;text-align:left;cursor:pointer}.lane-menu button:hover{background:#7e62e621;color:#7e62e6}.version-picker{padding:10px}.version-picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.version-picker-head b{font-size:15px;color:var(--text)}.version-picker-head small{font-size:11px;color:var(--muted)}.version-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:740px;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.version-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:52px;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;cursor:pointer}.version-grid button b{font-size:17px;font-weight:700;color:var(--text)}.version-grid button small{font-size:10px;color:var(--muted)}.version-grid button:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.version-grid button.active b,.version-grid button.active small{color:#fff}.patch-panel{padding:12px}.patch-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:4px;padding-bottom:8px;border-bottom:1px solid var(--line)}.patch-head b{font-size:13px;color:var(--text)}.patch-head small{font-size:9px;color:var(--muted)}.patch-section{padding:10px 0;border-bottom:1px solid var(--line)}.patch-section h3{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;color:var(--text)}.patch-section h3 em{font-style:normal;font-size:9px;font-weight:400;color:var(--muted)}.patch-item{display:flex;gap:8px;align-items:flex-start;padding:6px 0}.patch-item>img{width:34px;height:34px;border-radius:4px;object-fit:cover;flex:none}.patch-item-body{flex:1 1 auto;min-width:0}.patch-item-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:11px;font-weight:700;color:var(--text)}.patch-item-title small{width:100%;font-size:9px;font-weight:400;color:var(--muted);white-space:pre-line}.patch-tag{font-style:normal;font-size:8px;padding:1px 5px;border-radius:2px;background:color-mix(in srgb,var(--accent-2) 13%,var(--surface));color:var(--accent-2)}.patch-spell{display:flex;align-items:center;gap:6px;margin-top:5px}.patch-spell img{width:20px;height:20px;border-radius:3px;flex:none}.patch-spell span{display:flex;flex-direction:column;min-width:0}.patch-spell b{font-size:9px;color:var(--text)}.patch-spell small{font-size:9px;color:var(--muted);white-space:pre-line}.version-grid button:hover{background:#4f83e914}.version-grid button.active{background:var(--accent);border-color:var(--accent)}.version-grid button.active b{color:#fff}.patch-panel{min-height:717px}.patch-panel>nav{grid-template-columns:repeat(4,1fr)}.patch-panel>header,.patch-panel>.patch-row{grid-template-columns:38px 104px 56px 1fr;align-items:center}.patch-panel>header{height:28px;font-size:11px;padding:0 10px;white-space:nowrap}.patch-panel>.patch-row{height:auto;min-height:52px;padding:9px 10px;align-items:flex-start}.patch-panel>.patch-row:hover{background:var(--surface-2)}.patch-thumb{width:38px;height:38px;border-radius:8px;overflow:hidden;flex:none}.patch-thumb img{width:100%;height:100%;object-fit:cover}.patch-name{font-size:13px;color:var(--text);line-height:1.4;word-break:break-all}.patch-tag-cell{font-style:normal;font-size:10px;font-weight:700;color:var(--accent-2);white-space:pre-line;line-height:1.4;margin-left:6px}.patch-desc{font-size:11px;color:var(--muted);white-space:pre-line;line-height:1.65;min-width:0}.patch-panel .patch-spell{display:grid;grid-template-columns:20px auto;align-items:center;column-gap:6px;font-style:normal;margin-top:6px;color:var(--muted)}.patch-panel .patch-spell b{color:var(--text);font-weight:700;font-size:12px;line-height:1.4}.patch-panel .patch-spell img{width:20px;height:20px;border-radius:4px;flex:none;margin:0;object-fit:cover}.patch-mode-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px 6px;border-bottom:1px solid var(--line)}.patch-mode-bar button{font-size:8px;font-weight:700;padding:3px 0;border:1px solid var(--line);border-radius:3px;background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patch-mode-bar button:hover{border-color:var(--accent);color:var(--accent)}.patch-mode-bar button.active{background:var(--accent);border-color:var(--accent);color:#fff}.version-picker{display:flex;flex-direction:column}.version-grid{flex:1 1 auto;overflow-y:auto;align-content:start}.patch-mode-bar+.version-grid{border-top:none}.patch-mode-tabs{display:flex;gap:6px;padding:0 0 8px;border-bottom:1px solid var(--line)}.patch-mode-tabs button{font-size:12px;font-weight:700;padding:5px 12px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2);color:var(--muted);cursor:pointer;white-space:nowrap}.patch-mode-tabs button:hover,.patch-mode-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.patch-panel>.patch-mode-tabs+.nav,.patch-panel>.patch-mode-tabs+nav{border-top:1px solid var(--line)}.patch-panel>nav{display:flex;margin:8px 0}.patch-panel>nav button{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patch-panel>header,.patch-panel>.patch-row{grid-template-columns:46px 152px 88px 1fr}.patch-panel>header span:not(:last-child){text-align:center}.patch-panel>.patch-row{align-items:flex-start}.patch-postfix{display:block;margin-top:5px;padding:4px 6px;background:var(--surface-2);border-radius:3px}.patch-postfix-title{display:flex;align-items:center;margin-bottom:1px}.patch-postfix-content{font-size:7px;color:var(--muted);line-height:1.4}.patch-type-cell{font-style:normal;font-size:7px;color:var(--accent-2);font-weight:700;line-height:1.4;white-space:pre-line}.patch-type-cell{font-style:normal;font-size:11px;font-weight:700;color:var(--accent-2);white-space:nowrap;text-align:center}.patch-row .patch-type-cell{justify-self:start;padding:2px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface-2)}.patch-panel>.patch-row .patch-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-width:0}.patch-panel>.patch-row .patch-tag-cell{margin-left:0}.patch-panel>.patch-row .patch-desc-main{margin-bottom:4px}.patch-panel>.patch-row .patch-type-cell{justify-self:start}.patch-panel>.patch-row{cursor:pointer;transition:background .15s ease}.patch-panel>.patch-row.open{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}.patch-panel>.patch-row .patch-preview{font-style:normal;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:11px;line-height:1.6;text-align:left}.patch-panel>.patch-row .patch-preview i{font-style:normal;margin-left:8px;color:var(--accent);font-weight:700}.patch-panel>header,.patch-panel>.patch-row{min-width:0}.patch-panel>header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-panel>.patch-row .patch-desc{min-width:0;overflow-wrap:anywhere}.patch-panel>.patch-row .patch-name{min-width:0}.patch-panel>.patch-row .patch-thumb{flex:none}.patch-panel>.patch-row .patch-type-cell{flex:none}.patch-panel .patch-expand{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:2px;padding:8px 0 2px;border-top:1px dashed var(--line);white-space:pre-line;text-align:left!important;overflow-wrap:anywhere}.patch-panel .patch-expand .patch-desc-main{flex:none;width:100%;min-width:0;margin:0;text-align:left!important}.patch-panel .patch-expand .patch-spell{flex:none;width:100%;min-width:0;margin:0;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:6px 8px}.patch-panel .patch-spell span{grid-column:1 / -1;min-width:0;text-align:left;font-size:10px;line-height:1.55;margin-top:2px}.patch-type-cell.type-buff{color:#1f9d6f;background:color-mix(in srgb,#1f9d6f 14%,var(--surface));border-color:transparent}.patch-type-cell.type-nerf{color:#e04f5f;background:color-mix(in srgb,#e04f5f 14%,var(--surface));border-color:transparent}.patch-type-cell.type-update{color:#d98a19;background:color-mix(in srgb,#d98a19 14%,var(--surface));border-color:transparent}.patch-type-cell.type-hero{color:#3d7de0;background:color-mix(in srgb,#3d7de0 14%,var(--surface));border-color:transparent}.patch-type-cell.type-skill{color:#1f9d6f;background:color-mix(in srgb,#1f9d6f 14%,var(--surface));border-color:transparent}.patch-type-cell.type-other{color:#9a63cc;background:color-mix(in srgb,#9a63cc 14%,var(--surface));border-color:transparent}.patch-panel .patch-name em{display:block;font-style:normal;text-align:left}.patch-panel .patch-name .patch-name-main{font-size:13px;font-weight:700;color:var(--text);line-height:1.4;word-break:break-word}.patch-panel .patch-name .patch-name-sub{font-size:10px;font-weight:400;color:var(--muted);line-height:1.45;margin-top:1px;word-break:break-word}.patch-panel .patch-spell span,.patch-panel .patch-expand .patch-spell span{text-align:left}.patch-panel .patch-expand{grid-column:1 / -1!important;width:100%!important;justify-self:stretch;justify-items:start}.patch-panel .patch-expand>*{text-align:left!important}.patch-panel .patch-expand .patch-spell{justify-content:flex-start!important;text-align:left!important}.patch-panel .patch-expand .patch-spell b,.patch-panel .patch-expand .patch-spell span{text-align:left!important}.data-page{background:var(--bg)}.data-page .data-hero{background:var(--surface);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.data-page .hero-picker,.data-page .rank-table{border-radius:3px;box-shadow:0 5px 16px #141b2b12}.theme-dark .data-page .hero-picker,.theme-dark .data-page .rank-table{box-shadow:0 8px 22px #00000029}.data-page .data-mode-tabs,.data-page .data-ai-chips{border-color:color-mix(in srgb,var(--line) 76%,transparent)}.data-page .data-ai-chips span{border-radius:11px!important}.data-page .rank-table nav,.data-page .hero-picker>label,.data-page .position-tabs{border-radius:4px}.data-page .rank-table>article:hover{background:color-mix(in srgb,var(--surface-2) 68%,transparent)}.data-page .data-hero{height:203px;min-height:203px;display:flex;align-items:stretch;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 4%,var(--surface)),var(--surface) 56%,color-mix(in srgb,var(--surface-2) 56%,var(--surface)))}.data-page .data-hero-copy{width:1088px;height:100%;min-height:0;padding:18px 0 14px;display:flex;flex-direction:column;justify-content:center}.data-page .data-hero-copy h1{display:flex;align-items:baseline;gap:6px;margin:0;font-size:19px;line-height:1.25;letter-spacing:-.4px}.data-page .data-hero-copy h1 span{margin:0;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}.data-page .data-hero-copy p{max-width:500px;margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.data-page .data-meta{display:flex;align-items:center;gap:14px;margin-top:9px;color:var(--muted);font-size:9px}.data-page .data-meta b{color:var(--text)}.data-page .recent{display:flex;align-items:center;gap:7px;min-height:22px;margin-top:9px;color:var(--muted);font-size:8px}.data-page .recent-heroes{display:flex;gap:4px;min-width:0}.data-page .recent-heroes button{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 6px 0 2px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:none}.data-page .recent-heroes button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:none}.data-page .recent-heroes img{width:18px;height:18px;border-radius:50%}.data-page .recent-heroes em{font-size:8px}.data-page .data-ad{top:0;right:max(0px,calc((100vw - 1088px)/2));width:400px;height:181px;padding:25px;border-radius:3px;box-shadow:0 6px 16px #141b2b12}.theme-dark .data-page .data-ad{box-shadow:0 8px 20px #00000026}.data-page .data-ai-chips{height:auto!important;min-height:30px;margin:5px auto!important;gap:7px;align-items:flex-start;row-gap:6px;flex-wrap:wrap}.data-page .data-ai-chips span{height:30px!important;display:inline-flex;align-items:center;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;font-size:11px!important;white-space:nowrap;box-shadow:none}@media (max-width: 760px){.data-page .data-hero{height:151px;min-height:151px}.data-page .data-hero-copy{width:96vw;height:100%;min-height:0;padding:24px 0 18px}.data-page .data-hero-copy h1{font-size:18px}.data-page .data-hero-copy h1 span{font-size:11px}.data-page .data-hero-copy p{font-size:9px}.data-page .data-meta{font-size:8px;gap:9px}.data-page .recent{align-items:flex-start;flex-direction:column}.data-page .data-ad{display:none}}@media (min-width: 761px){.data-page .data-hero-copy{position:relative;width:min(1088px,calc(100% - 32px));margin:0 auto;padding-right:430px}.data-page .data-hero-copy h1{gap:8px;font-size:25px}.data-page .data-hero-copy h1 span{font-size:16px}.data-page .data-hero-copy p{max-width:620px;margin-top:9px;font-size:12px;line-height:1.6}.data-page .data-meta{gap:16px;margin-top:12px;font-size:11px}.data-page .recent{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;width:100%;max-width:658px;min-height:53px;margin-top:12px;font-size:10px}.data-page .recent-label{padding-top:6px;white-space:nowrap}.data-page .recent-heroes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,24px);gap:5px;width:100%;max-height:53px;min-width:0;overflow:hidden}.data-page .recent-heroes button{width:100%;min-width:0;height:24px;padding:0 7px 0 3px;gap:5px}.data-page .recent-heroes em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.data-page .data-ad{position:absolute;top:0;right:0!important;left:auto!important}}@media (max-width: 760px){.data-page .data-hero-copy{padding-right:0}.data-page .data-hero-copy h1{font-size:20px}.data-page .data-hero-copy h1 span{font-size:12px}.data-page .data-hero-copy p{max-width:92vw;font-size:10px;line-height:1.5}.data-page .data-meta{gap:10px;font-size:9px}.data-page .recent{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;width:100%;max-width:100%;min-height:53px;gap:6px}.data-page .recent-label{padding-top:5px;white-space:nowrap}.data-page .recent-heroes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,24px);gap:4px;width:100%;max-height:52px;overflow:hidden}.data-page .recent-heroes button{width:100%;min-width:0;height:24px;padding-right:4px}.data-page .recent-heroes em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}}.data-page .data-ai-chips{height:30px!important;min-height:30px;margin:5px 0!important;gap:7px!important;align-items:flex-start;overflow:visible!important;flex-wrap:nowrap}.data-page .data-ai-chips button{height:30px!important;padding:0 12px!important;border:1px solid var(--line)!important;border-radius:999px!important;background:var(--surface)!important;color:var(--text)!important;font-size:11px!important;line-height:28px;white-space:nowrap;box-shadow:none;animation:none;transition:color .2s ease,border-color .2s ease,box-shadow .2s ease}.data-page .data-ai-chips button:hover{border-color:transparent!important;background:linear-gradient(120deg,#2563eb,#3b82f6 32%,#a78bfa 58%,#60a5fa 78%,#2563eb)!important;background-size:300% 300%!important;color:#fff!important;box-shadow:0 3px 10px #3b82f63d;animation:ai-gradient-flow 2.6s linear infinite}@media (prefers-reduced-motion: reduce){.data-page .data-ai-chips button:hover{animation:none!important}}@media (max-width: 760px){.data-page .data-ai-chips{height:auto!important;min-height:30px;flex-wrap:wrap}}.data-page .data-mode-tabs{width:min(1088px,calc(100% - 32px));margin:7px auto 4px;box-sizing:border-box}@media (min-width: 761px){.data-page .data-hero-copy{box-sizing:border-box}}.data-page .data-mode-tabs{position:relative;z-index:1;margin-bottom:0}.data-page .data-mode-tabs+.data-ai-chips{position:relative;z-index:0;clear:both;margin-top:4px!important;margin-bottom:5px!important}.data-page>.data-ai-chips{width:min(1088px,calc(100% - 32px))!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;justify-content:flex-start}@media (max-width: 760px){.data-page>.data-ai-chips{width:96vw!important}}.data-page .aram-board-tabs{display:flex;align-items:center;gap:20px;min-height:42px;padding:0 14px;border-bottom:1px solid var(--line)}.data-page .aram-board-tabs button{height:42px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-weight:700;padding:0 4px}.data-page .aram-board-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.data-page .aram-rank-table nav{margin-top:0}.data-page .aram-rank-table>header,.data-page .aram-rank-table>article{grid-template-columns:64px minmax(170px,1.4fr) 90px 100px 100px minmax(150px,1fr)}.data-page .aram-rank-table>header:has(span:nth-child(5):last-child),.data-page .aram-rank-table>article.aram-hero-row{grid-template-columns:64px minmax(170px,1.4fr) 100px 100px minmax(180px,1fr)}.data-page .aram-quality{font-size:12px;font-weight:700}.data-page .quality-silver{color:#aeb9c6}.data-page .quality-gold{color:#d8a94f}.data-page .quality-prismatic{color:#bba0ff}@media (max-width:760px){.data-page .aram-board-tabs{gap:12px;overflow:auto}.data-page .aram-rank-table>header,.data-page .aram-rank-table>article{min-width:720px}}

/* Summoner detail: preserve the original layout and only soften divider opacity. */
.summoner-page .panel,
.summoner-page .detail-tabs,
.summoner-page .profile-icon-action {
  border-color: color-mix(in srgb, var(--line) 58%, transparent) !important;
}
.summoner-page .panel > header,
.summoner-page .rank-main.secondary,
.summoner-page .season-table td,
.summoner-page .more-line,
.summoner-page .sidebar-role-summary,
.summoner-page .recent-summary footer,
.summoner-page .match-detail,
.summoner-page .match-detail-tabs,
.summoner-page .detail-columns,
.summoner-page .detail-team > header,
.summoner-page .detail-player-row {
  border-color: color-mix(in srgb, var(--line) 42%, transparent) !important;
}
.summoner-page .summary-overview,
.summoner-page .summary-champions {
  border-right-color: color-mix(in srgb, var(--line) 42%, transparent) !important;
}
.summoner-page .summary-champion-row + .summary-champion-row {
  border-top-color: color-mix(in srgb, var(--line) 35%, transparent) !important;
}
.summoner-page .summary-position-item > span {
  border-bottom-color: color-mix(in srgb, var(--line) 42%, transparent) !important;
}

/* Match-summary augments use the intended six-slot, three-by-two grid. */
.summoner-page .match-row .runes.hextech-resources {
  width: 64px;
  display: grid;
  grid-template-columns: repeat(3, 20px);
  grid-template-rows: repeat(2, 20px);
  grid-auto-flow: row;
  gap: 2px;
  align-content: start;
}
@media (max-width: 760px) {
  .summoner-page .match-row .runes.hextech-resources {
    width: 55px;
    grid-template-columns: repeat(3, 17px);
    grid-template-rows: repeat(2, 17px);
  }
}

.match-detail:has(.match-replay-button.active) { position: relative; overflow: visible; z-index: 200; }
.match-detail-tabs { position: relative; overflow: visible; z-index: 20; }
.summoner-page .match-detail-tabs { width: calc(100% + 5px); }
.shared-match-page .match-detail-tabs { width: 100%; }
.match-replay-control {
  position: relative;
  width: 35px;
  min-width: 35px;
  height: 100%;
  align-self: stretch;
}
.match-detail-tabs .match-replay-button {
  width: 35px;
  min-width: 35px;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0;
  border-left: 1px solid var(--line);
  color: var(--muted);
  background: transparent;
}
.match-detail-tabs .match-replay-button:hover,
.match-detail-tabs .match-replay-button.active { color: var(--accent); background: var(--surface-2); }
.match-replay-icon { width: 24px; height: 24px; display: block; }
.replay-guide-tip {
  position: absolute;
  right: 0;
  bottom: calc(100% + 9px);
  z-index: 120;
  width: min(720px, calc(100vw - 40px));
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 14px 38px rgba(15, 23, 42, .18);
}
.replay-guide-tip::before {
  content: '';
  position: absolute;
  right: 12px;
  bottom: -6px;
  width: 10px;
  height: 10px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--surface);
  transform: rotate(45deg);
}
.replay-guide-tip>header {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
}
.replay-guide-tip h3 { margin: 0; font-size: 15px; line-height: 22px; }
.replay-guide-tip header p { margin: 2px 0 0; color: var(--muted); font-size: 11px; }
.replay-guide-tip .replay-region { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 6px 9px; border: 1px solid var(--line); border-radius: 4px; background: var(--surface-2); }
.replay-guide-tip .replay-region span { color: var(--muted); font-size: 10px; }
.replay-guide-tip .replay-region strong { color: var(--accent); font-size: 11px; }
.replay-method-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.replay-method { min-width: 0; padding: 15px 16px 16px; }
.replay-method+.replay-method { border-left: 1px solid var(--line); }
.replay-method-heading { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.replay-method-heading b { font-size: 13px; }
.replay-method-heading a { flex: 0 0 auto; padding: 5px 9px; border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--line)); border-radius: 4px; color: var(--accent); font-size: 10px; font-weight: 650; }
.replay-method-heading a:hover { background: color-mix(in srgb, var(--accent) 8%, transparent); }
.replay-method ol { min-height: 60px; margin: 9px 0 0; padding-left: 19px; color: var(--muted); font-size: 10px; line-height: 1.8; }
.replay-token-box { height: 34px; display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-top: 10px; border: 1px solid var(--line); border-radius: 4px; overflow: hidden; background: var(--surface-2); }
.replay-token-box.error { border-color: color-mix(in srgb, var(--loss) 55%, var(--line)); }
.replay-token-box input { min-width: 0; padding: 0 9px; border: 0; outline: 0; background: transparent; color: var(--text); font-family: Consolas, Monaco, monospace; font-size: 10px; }
.replay-token-box.error input { color: var(--loss); font-family: inherit; }
.replay-token-box button { min-width: 76px; padding: 0 10px; border-left: 1px solid var(--line); color: #fff; background: var(--accent); font-weight: 650; }
.replay-token-box button:disabled { color: var(--soft); background: var(--surface-3); cursor: default; }
@media (max-width: 680px) {
  .replay-guide-tip { width: calc(100vw - 24px); }
  .replay-guide-tip>header { align-items: flex-start; flex-direction: column; gap: 8px; }
  .replay-method-grid { grid-template-columns: 1fr; }
  .replay-method+.replay-method { border-left: 0; border-top: 1px solid var(--line); }
  .replay-method ol { min-height: 0; }
}

/* Current-page repeated teammate party indicators */
.party-badge{--party-color:#3e8bf8;--party-soft:#80b7f9;display:inline-flex;align-items:center;justify-content:center;gap:3px;height:18px;padding:0 6px;border:1px solid color-mix(in srgb,var(--party-color) 45%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--party-color) 9%,var(--surface));color:var(--party-color);line-height:1;white-space:nowrap;cursor:help}
.party-badge.party-size-2,.party-member-avatar.party-size-2{--party-color:#3e8bf8;--party-soft:#80b7f9}
.party-badge.party-size-3,.party-member-avatar.party-size-3{--party-color:#1f9d70;--party-soft:#77d5ae}
.party-badge.party-size-4,.party-member-avatar.party-size-4{--party-color:#8257df;--party-soft:#c2aff3}
.party-badge.party-size-5,.party-member-avatar.party-size-5{--party-color:#c88b1e;--party-soft:#efc66f}
.party-badge svg{width:14px;height:14px;display:block;flex:0 0 14px}
.party-badge b{font-size:9px;font-weight:800;line-height:16px;color:inherit}
.match-result .match-duration-party{display:inline-flex;flex-direction:row;align-items:center;gap:6px;height:18px;min-height:18px;line-height:18px}
.match-result .match-duration-party>span:first-child{display:inline-flex;align-items:center;height:18px;line-height:18px}
.match-result .match-duration-party .party-badge{align-self:center;transform:none}
.party-tooltip-content{width:300px;padding:2px 1px;text-align:left;color:inherit;white-space:normal}
.party-tooltip-content>b{display:block;margin-bottom:7px;font-size:12px;line-height:1.4}
.party-tooltip-content p{margin:4px 0;font-size:11px;line-height:1.55}
.party-tooltip-content small{display:block;margin-top:7px;color:var(--soft);font-size:9px;line-height:1.5}
.detail-player-avatar.party-member-avatar{z-index:5}
.detail-player-avatar.party-member-avatar>img{border:2px solid var(--party-color);box-shadow:0 0 0 1px var(--surface),0 0 0 3px color-mix(in srgb,var(--party-color) 42%,transparent)}
.detail-player-avatar.party-member-avatar>b{z-index:10;right:-4px;bottom:-4px;border:2px solid var(--surface)}
.detail-player-avatar .party-badge.icon-only{position:absolute;z-index:8;right:-3px;top:-3px;width:17px;height:17px;padding:2px;border:1px solid var(--party-color);border-radius:50%;background:var(--surface);box-shadow:0 1px 4px rgba(15,23,42,.2)}
.detail-player-avatar .party-badge.icon-only svg{width:12px;height:12px;flex-basis:12px}
.detail-player-row.party-member-row{background:color-mix(in srgb,var(--party-color,#3e8bf8) 2.5%,var(--surface))}

/* Shared feedback shortcut */
.feedback-shortcut{width:auto;height:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;transition:color .15s ease}
.feedback-shortcut:hover{border:0!important;background:transparent!important;box-shadow:none!important;color:var(--accent)}
.feedback-shortcut-icon{width:18px;height:18px;flex:0 0 18px;display:block;pointer-events:none}
.feedback-shortcut span,.detail-tabs .feedback-shortcut span{margin-left:0;color:inherit}
.feedback-shortcut-tip{max-width:290px;color:var(--text);line-height:1.55}
.feedback-shortcut-tip p{margin:0;color:var(--muted);font-size:10px}
.data-mode-tabs .feedback-shortcut{margin-left:auto}
.detail-tabs .feedback-shortcut{margin-left:auto}
.detail-tabs .feedback-shortcut+.detail-tabs-tft-link{margin-left:0}
@media(max-width:760px){.feedback-shortcut{gap:4px;font-size:9px}.feedback-shortcut-icon{width:16px;height:16px;flex-basis:16px}}

/* Summoner career highlights */
.recent-summary-header-tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;flex:1;margin-left:8px}
.highlight-trigger,.hidden-score-trigger{height:26px;display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;padding:0 4px!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}
.highlight-trigger,.hidden-score-trigger{transition:color .15s ease,opacity .15s ease}.highlight-trigger:hover,.highlight-trigger.has-result{color:#b47a13!important;background:transparent!important;box-shadow:none!important}.hidden-score-trigger:hover,.hidden-score-trigger.has-result{color:#ef7549!important;background:transparent!important;box-shadow:none!important}.highlight-trigger.is-private{cursor:not-allowed;opacity:.42;color:var(--muted)!important}
.highlight-moment-icon,.hidden-score-icon{width:20px;height:20px;display:block;flex:0 0 20px}
.highlight-latest-tag{height:26px;display:flex;align-items:center;min-width:0;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0!important;border:0!important;border-radius:0;background:transparent!important;color:#9c6b12;font-size:10px;font-weight:600}
.highlight-latest-tag.is-empty{border:0!important;background:transparent!important;color:var(--muted)}
.highlight-modal-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(8,12,20,.68);backdrop-filter:blur(4px)}
.highlight-modal{width:min(1080px,calc(100vw - 48px));height:min(720px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:0;border-radius:3px;background:var(--surface);box-shadow:0 24px 64px rgba(0,0,0,.34)}
.highlight-modal>header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px}
.highlight-modal>header>div{display:flex;align-items:center;gap:10px}.highlight-modal>header .highlight-moment-icon{width:26px;height:26px;color:#b47a13}.highlight-modal>header span{display:flex;flex-direction:column}.highlight-modal>header b{font-size:15px}.highlight-modal>header small{margin-top:2px;color:var(--muted);font-size:10px}
.highlight-close{width:30px;height:30px;display:grid;place-items:center;border-radius:3px;color:var(--muted);font-size:22px;line-height:1}.highlight-close:hover{background:var(--surface-2);color:var(--text)}
.highlight-filters{height:42px;display:flex;align-items:center;gap:4px;padding:5px 18px;background:var(--surface-2)}
.highlight-filters button{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:0;border-radius:3px;background:transparent;color:var(--muted);font-size:11px;font-weight:650}.highlight-filters button small{min-width:15px;padding:0 3px;border-radius:6px;background:var(--surface-3);font-size:8px}.highlight-filters button:hover{color:var(--text)}.highlight-filters button.active{background:var(--surface);color:#a96f0c;box-shadow:var(--shadow)}.highlight-filters button.active small{background:color-mix(in srgb,#d19a2c 16%,var(--surface));color:#a96f0c}
.highlight-gallery-scroll{flex:1;min-height:0;overflow:auto;padding:14px 18px 18px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.highlight-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.highlight-card{min-width:0;overflow:hidden;border:0;border-radius:3px;background:var(--surface-2)}
.highlight-thumbnail{position:relative;width:100%;aspect-ratio:16/9;display:block;overflow:hidden;background:var(--surface-3)}.highlight-thumbnail>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .2s ease}.highlight-thumbnail:hover>img{transform:scale(1.025)}.highlight-thumbnail>span{position:absolute;left:7px;bottom:7px;padding:3px 6px;border-radius:2px;background:rgba(16,20,28,.76);color:#fff;font-size:10px;font-weight:750}
.highlight-card>div{height:50px;display:flex;align-items:center;gap:7px;padding:7px 8px}.highlight-hero-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;object-fit:cover}.highlight-card>div>span{display:flex;flex-direction:column;min-width:0}.highlight-card>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.highlight-card>div small{margin-top:2px;color:var(--muted);font-size:9px}
.highlight-empty{height:100%;min-height:240px;display:grid;place-items:center;color:var(--muted);font-size:12px}
.highlight-viewer{position:fixed;inset:0;z-index:5100;display:flex;flex-direction:column;background:transparent;color:#fff}.highlight-viewer:fullscreen{background:transparent}
.highlight-viewer-stage{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:92px 70px 104px;scrollbar-width:thin;scrollbar-color:#454b59 transparent}.highlight-viewer-figure{position:relative;display:flex;align-items:center;justify-content:center;width:max-content;max-width:90%;max-height:calc(100vh - 196px);margin:0}.highlight-viewer-figure figcaption{position:absolute;left:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;min-width:max-content;padding:5px 8px;border-radius:3px;background:color-mix(in srgb,var(--surface) 92%,transparent);color:var(--text);box-shadow:0 4px 14px rgba(0,0,0,.14);backdrop-filter:blur(6px)}.highlight-viewer-figure figcaption b{font-size:12px}.highlight-viewer-figure figcaption small{margin-top:2px;color:var(--muted);font-size:9px}.highlight-viewer-figure img{display:block;max-width:100%;max-height:calc(100vh - 196px);object-fit:contain;transform-origin:center;transition:transform .12s ease-out;box-shadow:0 12px 40px rgba(0,0,0,.32)}
.highlight-viewer-toolbar{position:absolute;z-index:3;left:50%;bottom:28px;transform:translateX(-50%);height:44px;display:flex;align-items:center;gap:2px;padding:5px 7px;border-radius:4px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 8px 24px rgba(0,0,0,.2);backdrop-filter:blur(8px)}.highlight-viewer-toolbar button{min-width:32px;height:32px;display:grid;place-items:center;padding:0 7px;border:0;border-radius:3px;background:transparent;color:var(--text);font-size:17px;line-height:1}.highlight-viewer-toolbar button:hover{background:var(--surface-2)}.highlight-viewer-toolbar span{width:42px;text-align:center;color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums}.highlight-viewer-toolbar i{width:1px;height:18px;margin:0 3px;background:var(--line)}
@media(max-width:760px){.recent-summary-header-tools{gap:3px}.highlight-trigger,.hidden-score-trigger{padding:0 2px!important}.highlight-latest-tag{display:none}.highlight-modal-backdrop{padding:8px}.highlight-modal{width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:3px}.highlight-modal>header{height:52px;padding:0 12px}.highlight-filters{height:auto;overflow-x:auto;padding:7px 10px}.highlight-filters button{flex:0 0 auto}.highlight-gallery-scroll{padding:10px}.highlight-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.highlight-viewer-stage{padding:78px 18px 96px}.highlight-viewer-figure{max-width:94%;max-height:calc(100vh - 174px)}.highlight-viewer-figure img{max-height:calc(100vh - 174px)}.highlight-viewer-figure figcaption{left:0;bottom:calc(100% + 6px);padding:4px 6px}.highlight-viewer-toolbar{bottom:18px;max-width:calc(100vw - 16px);overflow-x:auto}.highlight-viewer-toolbar button{min-width:30px}.highlight-viewer-toolbar span{width:38px}}


/* ==========================================================================
   ChampionRankPage — 极简微调（在原始样式之上，仅两处）
   1. 阴影柔和：英雄详情浮层 / 下拉菜单的阴影降低透明度，更自然。
   2. 线条淡化：排行行分割线、表头分隔、分段按钮竖线改淡。
   不改配色、圆角、布局、data-mode-tabs 等其它任何样式。
   ========================================================================== */

/* —— 阴影柔和 —— */
.data-page .hero-detail-panel {
  box-shadow: 0 18px 46px rgba(0, 0, 0, .14) !important;
}
.data-page .queue-menu,
.data-page .lane-menu {
  box-shadow: 0 14px 32px rgba(15, 22, 36, .12) !important;
}

/* —— 线条淡化 —— */
.data-page .rank-table > article {
  border-bottom-color: color-mix(in srgb, var(--line) 40%, transparent) !important;
}
.data-page .rank-table > header {
  border-bottom-color: color-mix(in srgb, var(--line) 55%, transparent) !important;
}
.data-page .rank-table nav button,
.data-page .hero-picker .position-tabs button {
  border-right-color: color-mix(in srgb, var(--line) 45%, transparent) !important;
}

/* —— data-hero 高度对齐 profile-band（覆盖 theme.css 末尾的 180px/164px）+ 字号放大 —— */
.data-page .data-hero { height: 203px; }
.data-page .ad-panel.data-ad { height: 181px; }
.data-page .data-hero-copy h1 { font-size: 28px; }
.data-page .data-hero-copy h1 span { font-size: 16px; }
.data-page .data-hero-copy p { font-size: 14px; }

/* —— ad-panel 文案放大 —— */
.data-page .ad-panel.data-ad b { font-size: 20px; line-height: 1.15; }
.data-page .ad-panel.data-ad i { font-size: 11px; }

/* Recent heroes: compact history row with a stable label column. */
.data-page .recent {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-height: 64px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}
.data-page .recent-label {
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding-right: 12px;
  border-right: 1px solid var(--line);
}
.data-page .recent-label b { color: var(--text); font-size: 12px; line-height: 16px; }
.data-page .recent-label small { color: var(--muted); font-size: 10px; line-height: 14px; }
.data-page .recent-heroes {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-template-rows: repeat(2, 28px);
  gap: 4px 6px;
  height: 60px;
  max-height: 60px;
  overflow: visible;
}
.data-page .recent-heroes button {
  width: 100%;
  min-width: 0;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 3px 7px 3px 3px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  transition: background-color .16s ease;
}
.data-page .recent-heroes button:hover { background: var(--hover); }
.data-page .recent-heroes img { width: 24px; height: 24px; border-radius: 4px; }
.data-page .recent-heroes em { max-width: 58px; overflow: hidden; color: var(--text); font-size: 11px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.data-page .recent-no { align-self: center; color: var(--muted); font-size: 11px; line-height: 28px; }

/* —— data-mode-tabs 未选中用正常黑白（不灰） —— */
.data-page .data-mode-tabs b:not(.active) { color: var(--text); }

/* —— patch-mode-tabs 与 data-mode-tabs 同款（下划线式 tab） —— */
.data-page .patch-mode-tabs { gap: 25px; }
.data-page .patch-mode-tabs button {
  padding: 4px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  font-size: 12px;
  font-weight: 700;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  white-space: nowrap;
}
.data-page .patch-mode-tabs button:hover { color: var(--text); }
.data-page .patch-mode-tabs button.active {
  background: transparent;
  border-color: transparent;
  color: var(--accent);
  border-bottom: 2px solid var(--accent);
}

/* —— 海克斯大乱斗面板 —— */
.data-page .aram-panel nav { display: flex; margin: 8px 0; }
.data-page .aram-panel nav button { flex: 1 1 0; min-width: 0; }
.data-page .aram-sub-tabs { padding: 0 0 8px; }

.data-page .aram-rune-header, .data-page .aram-rune-row { grid-template-columns: 48px minmax(0, 1.4fr) 60px 80px 80px minmax(0, 1fr); }
.data-page .aram-hero-header, .data-page .aram-hero-row { grid-template-columns: 48px minmax(0, 1.3fr) 52px 60px 80px 80px minmax(0, 1fr); }

.data-page .aug-quality { display: inline-flex; align-items: center; justify-content: center; padding: 2px 9px; border-radius: 4px; font-size: 11px; font-weight: 600; white-space: nowrap; }
.data-page .aug-quality.q-prismatic { color: #c58aff; background: rgba(168, 85, 247, .14); }
.data-page .aug-quality.q-gold { color: #e6bd58; background: rgba(217, 164, 6, .14); }
.data-page .aug-quality.q-silver { color: #b3c0cd; background: rgba(148, 163, 184, .16); }
.data-page .tier-text { font-size: 11px; font-weight: 700; color: var(--accent); }

/* —— 排名变化箭头 —— */
.data-page .trend-mark { margin-left: 4px; font-size: 10px; font-style: normal; font-weight: 700; }
.data-page .trend-mark.trend-up { color: #22c55e; }
.data-page .trend-mark.trend-down { color: #ef4444; }

/* —— 符文图片背景固定深色 —— */
.data-page .augment-icon { background: #333333; }

/* —— 面板统一 8px 内边距（对齐 hero-picker / patch-panel） —— */
.data-page .hero-picker,
.data-page .version-picker,
.data-page .patch-panel,
.data-page .rank-table.panel:not(.patch-panel) {
  padding: 8px;
}

/* Specialized modes render a rank table inside the shared outer panel. */
.data-page .rank-table.panel > .rank-table {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* —— 面板内 nav 间距：SR 首元素无上边距；海克斯 nav 在副 tab 之下保留上边距 —— */
.data-page .rank-table.panel:not(.patch-panel):not(.aram-panel) > nav { margin: 0 0 8px; }

/* —— 海克斯 aram-panel：取消外边距与边框 —— */
.data-page .rank-table.panel.aram-panel { padding: 0; border: 0; }

/* —— 海克斯英雄详情：符文按钮 / 导航 / 表格 —— */
.data-page .hd-rune-btn { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-2); color: var(--accent); font-size: 12px; font-weight: 700; cursor: pointer; }
.data-page .hd-rune-btn i { font-style: normal; font-size: 9px; }
.data-page .hd-rune-nav { display: flex; gap: 6px; margin-bottom: 10px; border-bottom: 1px solid var(--line); }
.data-page .hd-rune-nav button { padding: 6px 12px; border: 0; background: transparent; color: var(--muted); font-size: 12px; font-weight: 700; border-bottom: 2px solid transparent; cursor: pointer; white-space: nowrap; }
.data-page .hd-rune-nav button.active { color: var(--accent); border-bottom: 2px solid var(--accent); }
.data-page .hd-rune-table { display: flex; flex-direction: column; max-height: 320px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--line) transparent; }
.data-page .hd-rune-table::-webkit-scrollbar { width: 4px; }
.data-page .hd-rune-table::-webkit-scrollbar-thumb { border-radius: 999px; background: var(--line); }
.data-page .hd-rune-head, .data-page .hd-rune-item { display: grid; grid-template-columns: minmax(0, 1fr) 44px 72px; align-items: center; gap: 8px; }
.data-page .hd-rune-head { padding: 4px 0; color: var(--muted); font-size: 11px; border-bottom: 1px solid var(--line); }
.data-page .hd-rune-head span:nth-child(2), .data-page .hd-rune-head span:nth-child(3) { text-align: center; }
.data-page .hd-rune-item { padding: 6px 0; border-bottom: 1px solid color-mix(in srgb, var(--line) 40%, transparent); }
.data-page .hd-rune-name { display: flex; align-items: center; gap: 8px; min-width: 0; }
.data-page .hd-rune-name img { width: 24px; height: 24px; border-radius: 4px; flex: none; }
.data-page .hd-rune-name b { font-size: 12px; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.data-page .hd-rune-item .strength { font-style: normal; font-weight: 700; font-size: 12px; text-align: center; padding: 1px 7px; border-radius: 3px; }
.data-page .hd-rune-item .strength.s { color: #e6bd58; background: rgba(217, 164, 6, .16); }
.data-page .hd-rune-item .strength.a { color: #c084fc; background: rgba(168, 85, 247, .16); }
.data-page .hd-rune-item .strength.b { color: #7aa5f0; background: rgba(59, 130, 246, .16); }
.data-page .hd-rune-item .strength.c { color: #aab4c0; background: rgba(148, 163, 184, .16); }
.data-page .hd-rune-item > span:last-child { font-size: 12px; color: var(--text); text-align: center; }

/* —— 海克斯英雄详情：头部统计右靠 / 装备换行 / 拍档胜率登场率 —— */
.data-page .ha-detail-stats,
.data-page .aram-detail-stats { margin-left: auto; }
.data-page .hd-build-row > span { line-height: 1.6; text-align: left; }
.data-page .hd-hero-rates { display: flex; flex-direction: column; gap: 1px; }
.data-page .hd-hero-rates b { font-size: 10px; color: var(--text); font-weight: 600; }
.data-page .hd-hero-rates small { font-size: 9px; color: var(--muted); }
.data-page .aram-skill-sequence { display: flex; flex-wrap: wrap; gap: 3px; }
.data-page .hd-skill-priority { margin-top: 4px; color: var(--muted); font-size: 9px; }
.data-page .aram-partners > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.data-page .aram-partners .hd-hero-item { min-width: 0; }

/* —— 最佳拍档占满 hd-matchups 全宽 —— */
.data-page .hd-col .hd-matchup { grid-column: 1 / -1; }

/* —— 极地大乱斗面板：取消外边距、边框与额外内边距 —— */
.data-page .rank-table.panel.aram-overview-panel { margin: 0; padding: 0; border: 0; }
.data-page .aram-overview-panel nav { display: flex; margin: 0 0 8px; }
.data-page .aram-overview-panel nav button { flex: 1 1 0; min-width: 0; }
.data-page .aram-overview-header,
.data-page .aram-overview-row { grid-template-columns: 48px minmax(0, 1.4fr) 52px 60px 80px 80px minmax(0, 1fr); }




/* —— 英雄详情横向导航：保留原始面板排版，仅切换内容模块 —— */
.data-page .hero-detail-tabs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  padding: 0 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 45%, transparent);
}
.data-page .hero-detail-tabs button {
  flex: 1 1 0;
  min-width: 0;
  padding: 10px 0 8px;
  text-align: center;
}

/* SR 与 AR：原有 build / rune / skill / relation 节点按标签显隐。 */
.data-page .sr-detail-panel .hd-cols,
.data-page .ar-detail-panel .hd-cols { display: block; }
.data-page .sr-detail-panel.detail-tab-build .hd-cols > .hd-col,
.data-page .ar-detail-panel.detail-tab-build .hd-cols > .hd-col,
.data-page .sr-detail-panel.detail-tab-rune .hd-cols > .hd-sec,
.data-page .ar-detail-panel.detail-tab-rune .hd-cols > .hd-sec,
.data-page .sr-detail-panel.detail-tab-skill .hd-cols > .hd-sec,
.data-page .ar-detail-panel.detail-tab-skill .hd-cols > .hd-sec,
.data-page .sr-detail-panel.detail-tab-relation .hd-cols,
.data-page .ar-detail-panel.detail-tab-relation .hd-cols,
.data-page .sr-detail-panel:not(.detail-tab-relation) > .hd-sec:last-child,
.data-page .ar-detail-panel:not(.detail-tab-relation) > .hd-sec:last-child { display: none; }
.data-page .sr-detail-panel.detail-tab-rune .hd-cols > .hd-col,
.data-page .ar-detail-panel.detail-tab-rune .hd-cols > .hd-col,
.data-page .sr-detail-panel.detail-tab-skill .hd-cols > .hd-col,
.data-page .ar-detail-panel.detail-tab-skill .hd-cols > .hd-col { display: block; }
.data-page .sr-detail-panel.detail-tab-rune .hd-col > .hd-sec:nth-child(2),
.data-page .ar-detail-panel.detail-tab-rune .hd-col > .hd-sec:nth-child(2),
.data-page .sr-detail-panel.detail-tab-skill .hd-col > .hd-sec:nth-child(1),
.data-page .ar-detail-panel.detail-tab-skill .hd-col > .hd-sec:nth-child(1) { display: none; }

/* HA：符文沿用原符文表，其余三个标签从原内容节点中选择。 */
.data-page .ha-detail-panel .hd-cols { display: block; }
.data-page .ha-detail-panel.detail-tab-build .hd-cols > .hd-col,
.data-page .ha-detail-panel.detail-tab-skill .hd-cols > .hd-sec,
.data-page .ha-detail-panel.detail-tab-relation .hd-cols > .hd-sec { display: none; }
.data-page .ha-detail-panel.detail-tab-skill .hd-cols > .hd-col,
.data-page .ha-detail-panel.detail-tab-relation .hd-cols > .hd-col { display: block; }
.data-page .ha-detail-panel.detail-tab-skill .hd-col > .hd-sec:nth-child(2),
.data-page .ha-detail-panel.detail-tab-relation .hd-col > .hd-sec:nth-child(1) { display: none; }

/* —— 出装：四类分组一行两列 —— */
.data-page .detail-tab-build .hd-cols > .hd-sec {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.data-page .detail-tab-build .hd-cols > .hd-sec > h3,
.data-page .detail-tab-build .hd-cols > .hd-sec > .empty-copy { grid-column: 1 / -1; }
.data-page .detail-tab-build .hd-build-group {
  min-width: 0;
  margin: 0;
  padding: 7px 6px;
  border-top: 0;
  background: color-mix(in srgb, var(--surface-2) 68%, transparent);
  border-radius: 4px;
}
.data-page .detail-tab-build .hd-build-row { gap: 4px; }
.data-page .detail-tab-build .hd-build-icons { flex-wrap: wrap; min-width: 0; }
.data-page .detail-tab-build .hd-build-icons img { width: 25px; height: 25px; }
.data-page .detail-tab-build .hd-build-row > span { font-size: 7px; }

/* —— 符文：主系、副系、属性碎片完整树 —— */
.data-page .sr-detail-panel.detail-tab-rune .hd-rune-row,
.data-page .ar-detail-panel.detail-tab-rune .hd-rune-row,
.data-page .sr-detail-panel.detail-tab-rune .hd-col > .hd-sec > .empty-copy:last-child,
.data-page .ar-detail-panel.detail-tab-rune .hd-col > .hd-sec > .empty-copy:last-child { display: none; }
.data-page .detail-rune-build {
  display: grid;
  grid-template-columns: 1.12fr 1fr .9fr;
  gap: 0;
  position: relative;
  padding-bottom: 34px;
}
.data-page .detail-rune-tree {
  min-width: 0;
  padding: 0 7px;
  border-right: 1px solid color-mix(in srgb, var(--line) 42%, transparent);
  text-align: center;
}
.data-page .detail-rune-tree:last-of-type { border-right: 0; }
.data-page .detail-rune-tree > header { display: flex; justify-content: space-between; gap: 4px; margin-bottom: 7px; color: var(--muted); font-size: 8px; }
.data-page .detail-rune-tree > header b { color: var(--text); font-size: 8px; }
.data-page .detail-rune-style { display: flex; justify-content: center; margin-bottom: 7px; }
.data-page .detail-rune-options { display: flex; justify-content: center; gap: 5px; margin: 6px 0; }
.data-page .detail-rune-option { width: 23px !important; height: 23px !important; border-radius: 50%; background: #17191d; object-fit: cover; transition: opacity .15s, filter .15s, box-shadow .15s; }
.data-page .detail-rune-option.unselected { opacity: .28; filter: grayscale(1); }
.data-page .detail-rune-option.selected { opacity: 1; filter: none; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 72%, transparent); }
.data-page .detail-rune-tree > small { display: block; margin-top: 7px; color: var(--muted); font-size: 8px; }
.data-page .detail-shards .detail-rune-options { gap: 4px; }
.data-page .detail-rune-build > footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
  border-top: 1px solid color-mix(in srgb, var(--line) 36%, transparent);
  color: var(--muted);
  font-size: 8px;
}

/* —— 技能加点：次数、逐等级时间轴、前三等级顺序 —— */
.data-page .detail-tab-skill .hd-skillpick,
.data-page .detail-tab-skill .hd-col > .hd-sec > .empty-copy:last-child { display: none; }
.data-page .detail-skill-plan { min-width: 0; }
.data-page .detail-skill-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.data-page .detail-skill-head > div { display: flex; flex-direction: column; }
.data-page .detail-skill-head > div b { font-size: 11px; }
.data-page .detail-skill-head > div small { color: var(--muted); font-size: 8px; }
.data-page .detail-skill-head > span { display: flex; gap: 4px; }
.data-page .skill-count { padding: 3px 5px; border: 1px solid var(--line); border-radius: 3px; background: var(--surface-2); font-size: 8px; font-style: normal; }
.data-page .detail-skill-levels { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 4px; margin-top: 10px; }
.data-page .detail-skill-level { display: grid; gap: 3px; min-width: 0; padding: 5px 2px; border: 1px solid color-mix(in srgb, var(--line) 60%, transparent); border-radius: 3px; background: var(--surface-2); text-align: center; }
.data-page .detail-skill-level small { color: var(--muted); font-size: 7px; }
.data-page .detail-skill-level b { display: grid; width: 22px; height: 22px; place-items: center; justify-self: center; border-radius: 50%; background: color-mix(in srgb, var(--accent) 18%, var(--surface-3)); color: var(--accent); font-size: 10px; }
.data-page .detail-first-three { margin-top: 12px; padding-top: 10px; border-top: 1px solid color-mix(in srgb, var(--line) 36%, transparent); }
.data-page .detail-first-three h4 { margin: 0 0 8px; font-size: 10px; }
.data-page .detail-first-three > div { display: flex; align-items: center; gap: 8px; }
.data-page .detail-first-three > div > span { display: flex; align-items: center; gap: 6px; min-width: 0; padding: 5px 7px; background: var(--surface-2); border: 1px solid color-mix(in srgb, var(--line) 55%, transparent); border-radius: 3px; }
.data-page .detail-first-three img { width: 30px; height: 30px; border-radius: 4px; }
.data-page .detail-first-three span small { display: flex; flex-direction: column; color: var(--muted); font-size: 7px; }
.data-page .detail-first-three span small b { color: var(--text); font-size: 9px; }
.data-page .detail-first-three > div > i { color: var(--muted); font-size: 13px; font-style: normal; }
.data-page .detail-skill-plan > footer { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; color: var(--muted); font-size: 8px; }

/* —— SR 出装列头与数值严格对齐 —— */
.data-page .hero-detail-panel .hd-build-group > b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.data-page .hd-build-rate-head,
.data-page .hd-build-rate-values {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 62px;
  flex: 0 0 62px;
  gap: 3px;
  text-align: right;
}
.data-page .hd-build-rate-head { color: var(--muted); font-size: 7px; font-weight: 500; }
.data-page .hd-build-rate-head i,
.data-page .hd-build-rate-values i { font-style: normal; white-space: nowrap; }
.data-page .hd-build-rate-values { color: var(--muted); font-size: 7px; }

/* —— 三套符文与三套加点方案 —— */
.data-page .detail-rune-builds,
.data-page .detail-skill-plans { display: grid; gap: 12px; counter-reset: detail-plan; }
.data-page .detail-rune-builds > .detail-rune-build,
.data-page .detail-skill-plans > .detail-skill-plan {
  counter-increment: detail-plan;
  position: relative;
  padding-top: 18px;
}
.data-page .detail-rune-builds > .detail-rune-build::before,
.data-page .detail-skill-plans > .detail-skill-plan::before {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--muted);
  font-size: 8px;
  content: '方案 ' counter(detail-plan);
}
.data-page .detail-rune-builds > .detail-rune-build + .detail-rune-build,
.data-page .detail-skill-plans > .detail-skill-plan + .detail-skill-plan {
  border-top: 1px solid color-mix(in srgb, var(--line) 38%, transparent);
  padding-top: 28px;
}
.data-page .detail-rune-builds > .detail-rune-build + .detail-rune-build::before,
.data-page .detail-skill-plans > .detail-skill-plan + .detail-skill-plan::before { top: 9px; }

/* —— 更紧凑的技能等级格 —— */
.data-page .detail-skill-levels {
  grid-template-columns: repeat(9, 26px);
  justify-content: space-between;
  gap: 3px;
}
.data-page .detail-skill-level {
  width: 26px;
  min-height: 38px;
  padding: 3px 1px;
}
.data-page .detail-skill-level b {
  width: 19px;
  height: 19px;
  font-size: 8px;
}

/* Q/W/E/R 使用稳定的四种语义色。 */
.data-page .detail-skill-level b.b-q,
.data-page .skill-count.b-q { color: #4da3d9; background: rgba(77, 163, 217, .13); border-color: rgba(77, 163, 217, .28); }
.data-page .detail-skill-level b.b-w,
.data-page .skill-count.b-w { color: #36a878; background: rgba(54, 168, 120, .13); border-color: rgba(54, 168, 120, .28); }
.data-page .detail-skill-level b.b-e,
.data-page .skill-count.b-e { color: #d98a43; background: rgba(217, 138, 67, .13); border-color: rgba(217, 138, 67, .28); }
.data-page .detail-skill-level b.b-r,
.data-page .skill-count.b-r { color: #8d72d9; background: rgba(141, 114, 217, .13); border-color: rgba(141, 114, 217, .28); }

.data-page .detail-first-three > div { gap: 5px; }
.data-page .detail-first-three > div > span {
  flex: 1 1 0;
  min-width: 0;
  gap: 4px;
  padding: 4px;
}
.data-page .detail-first-three img { width: 24px; height: 24px; }
.data-page .detail-first-three span small { min-width: 0; }
.data-page .detail-first-three span small b {
  max-width: 48px;
  overflow: hidden;
  font-size: 7px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-page .detail-first-three > div > i { font-size: 10px; }

/* —— 出装分组标题间距；方案统计与方案号同一行 —— */
.data-page .sr-detail-panel .hd-build-group + .hd-build-group > b { margin-top: 5px; }
.data-page .detail-rune-builds > .detail-rune-build > footer {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
  padding: 0;
  border-top: 0;
}
.data-page .detail-rune-builds > .detail-rune-build + .detail-rune-build > footer { top: 9px; }
.data-page .detail-skill-plans > .detail-skill-plan > footer {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  gap: 8px;
  margin: 0;
}
.data-page .detail-skill-plans > .detail-skill-plan + .detail-skill-plan > footer { top: 9px; }

/* —— SR 关系：每类最多六位，展示登场率与关系胜率 —— */
.data-page .sr-detail-panel.detail-tab-relation .hd-matchup > div { gap: 6px; }
.data-page .sr-detail-panel.detail-tab-relation .hd-hero-item {
  align-items: center;
  min-width: 0;
}
.data-page .sr-detail-panel.detail-tab-relation .hd-hero-rates {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 1px;
}
.data-page .sr-detail-panel.detail-tab-relation .hd-hero-rates b,
.data-page .sr-detail-panel.detail-tab-relation .hd-hero-rates small {
  overflow: hidden;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 装备分组标题取消上边距，分组内部仅保留统一内边距。 */
.data-page .hero-detail-panel .hd-build-group > b,
.data-page .hero-detail-panel .hd-build-group + .hd-build-group > b { margin-top: 0 !important; }

/* —— HA / AR 关系面板占满宽度，每行三位，最多五行 —— */
.data-page .ha-detail-panel.detail-tab-relation > .hd-sec .hd-matchups,
.data-page .ar-detail-panel.detail-tab-relation > .hd-sec .hd-matchups {
  display: block;
  width: 100%;
}
.data-page .ha-detail-panel.detail-tab-relation > .hd-sec .hd-matchup,
.data-page .ar-detail-panel.detail-tab-relation > .hd-sec .hd-matchup {
  width: 100%;
  max-width: none;
}
.data-page .ha-detail-panel.detail-tab-relation > .hd-sec .hd-matchup > div,
.data-page .ar-detail-panel.detail-tab-relation > .hd-sec .hd-matchup > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}
.data-page .ha-detail-panel.detail-tab-relation > .hd-sec .hd-hero-item,
.data-page .ar-detail-panel.detail-tab-relation > .hd-sec .hd-hero-item {
  min-width: 0;
  width: 100%;
}

/* 三种详情头部不显示胜率、登场率、禁用率统计。 */
.data-page .hero-detail-panel > header > .hd-lane-stats,
.data-page .hero-detail-panel > header > .ha-detail-stats,
.data-page .hero-detail-panel > header > .aram-detail-stats { display: none !important; }

/* HA / AR 关系卡片跨满父级，再用三列排布，最多十五项由 JSX 限制。 */
.data-page .ha-detail-panel.detail-tab-relation .hd-matchups,
.data-page .ar-detail-panel.detail-tab-relation .hd-matchups {
  display: block !important;
  width: 100% !important;
}
.data-page .ha-detail-panel.detail-tab-relation .hd-matchups > .hd-matchup,
.data-page .ar-detail-panel.detail-tab-relation .hd-matchups > .hd-matchup,
.data-page .ha-detail-panel.detail-tab-relation .hd-matchups .aram-partners {
  display: block !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}
.data-page .ha-detail-panel.detail-tab-relation .hd-matchups > .hd-matchup > div,
.data-page .ar-detail-panel.detail-tab-relation .hd-matchups > .hd-matchup > div {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  width: 100%;
}

/* HA / AR 出装分组保持两列，组内装备纵向排列，避免其余成装横向铺六项。 */
.data-page .ha-detail-panel.detail-tab-build .hd-cols > .hd-sec,
.data-page .ar-detail-panel.detail-tab-build .hd-cols > .hd-sec {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.data-page .ha-detail-panel.detail-tab-build .hd-build-group,
.data-page .ar-detail-panel.detail-tab-build .hd-build-group {
  display: block;
  min-width: 0;
}
.data-page .ha-detail-panel.detail-tab-build .hd-build-row,
.data-page .ar-detail-panel.detail-tab-build .hd-build-row {
  display: flex;
  min-width: 0;
}

/* —— 斗魂竞技场三类排行 —— */
.data-page .arena-panel { min-width: 0; }
.data-page .arena-panel .aram-sub-tabs { display: flex; align-items: center; gap: 25px; }
.data-page .arena-panel > nav { display: flex; gap: 4px; overflow-x: auto; }
.data-page .arena-panel > nav button { flex: 1 1 auto; min-width: 54px; white-space: nowrap; }
.data-page .arena-panel > header,
.data-page .arena-panel > article { display: grid; align-items: center; gap: 8px; min-width: 0; }
.data-page .arena-panel > header { color: var(--muted); }
.data-page .arena-hero-header,
.data-page .arena-hero-row { grid-template-columns: 48px minmax(0, 1.3fr) 52px 60px 80px 80px minmax(0, 1fr); }
.data-page .arena-rune-header,
.data-page .arena-rune-row { grid-template-columns: 48px minmax(0, 1.4fr) 60px 80px 80px; }
.data-page .arena-equip-header,
.data-page .arena-equip-row { grid-template-columns: 48px minmax(0, 1.4fr) 80px 80px minmax(0, 1fr); }
.data-page .arena-panel > article { padding: 7px 0; border-top: 1px solid color-mix(in srgb, var(--line) 42%, transparent); }
.data-page .arena-panel > article > span:not(.aug-quality),
.data-page .arena-panel > article > strong { min-width: 0; color: var(--muted); text-align: center; }
.data-page .arena-panel .rank-hero { min-width: 0; }
.data-page .arena-panel .rank-hero b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.data-page .arena-panel .counter-icons { display: flex; justify-content: flex-start; gap: 3px; min-width: 0; }
.data-page .arena-panel .counter-icons img { width: 25px; height: 25px; border-radius: 3px; object-fit: cover; }


/* 斗魂与海克斯保持相同的 data-grid 两列定位。 */
.data-page .data-grid > .hero-picker { grid-column: 1; grid-row: 1; align-self: start; }
.data-page .data-grid > .arena-panel { grid-column: 2; grid-row: 1; align-self: start; }

.data-page .arena-hero-row > strong { width: 24px; height: 24px; background: transparent; }
.data-page .arena-hero-header > span,
.data-page .arena-rune-header > span,
.data-page .arena-equip-header > span { min-width: 0; }

/* 斗魂排行：表头、数据单元格居中，关键数值加粗。 */
.data-page .arena-panel > header > span { text-align: center; }
.data-page .arena-panel > article { text-align: center; }
.data-page .arena-panel > article > em,
.data-page .arena-panel > article > strong,
.data-page .arena-panel > article > span:not(.counter-icons):not(.aug-quality) { text-align: center; font-weight: 700; }
.data-page .arena-panel .rank-hero { justify-content: center; text-align: center; }
.data-page .arena-panel .rank-hero b { font-weight: 700; }
.data-page .arena-panel .counter-icons { justify-content: center; }

/* 斗魂排行：header 与 row 使用相同横向内边距，名称列左对齐。 */
.data-page .arena-panel > header,
.data-page .arena-panel > article { padding-left: 5px; padding-right: 5px; }
.data-page .arena-panel .rank-hero { justify-content: flex-start; text-align: left; }
.data-page .arena-hero-header > span:nth-child(2),
.data-page .arena-hero-row > .rank-hero,
.data-page .arena-rune-header > span:nth-child(2),
.data-page .arena-rune-row > .rank-hero,
.data-page .arena-equip-header > span:nth-child(2),
.data-page .arena-equip-row > .rank-hero { text-align: left; }

/* 斗魂排行数值与 HA/AR 保持高对比文字，层级徽章位于第三列中心。 */
.data-page .arena-hero-row { cursor: pointer; }
.data-page .arena-hero-row > strong { justify-self: center; }
.data-page .arena-hero-row > span,
.data-page .arena-rune-row > span:not(.counter-icons):not(.aug-quality),
.data-page .arena-equip-row > span:not(.counter-icons) { color: #fff; font-weight: 700; }
html.light-theme .data-page .arena-hero-row > span,
html.light-theme .data-page .arena-rune-row > span:not(.counter-icons):not(.aug-quality),
html.light-theme .data-page .arena-equip-row > span:not(.counter-icons) { color: #000; }
.data-page .arena-equip-row .counter-icons img { border-radius: 50%; }


/* ARAM / HA / 斗魂英雄平衡调整标签。 */
.data-page .balance-badge { display: inline-flex; flex: none; align-items: center; margin-left: 4px; padding: 1px 4px; border-radius: 3px; font-size: 8px; line-height: 1.2; font-style: normal; font-weight: 700; vertical-align: middle; white-space: nowrap; }
.data-page .balance-增强 { color: #16803c; background: rgba(34, 197, 94, .14); }
.data-page .balance-削弱 { color: #c53030; background: rgba(239, 68, 68, .14); }
.data-page .balance-调整 { color: #9a6700; background: rgba(234, 179, 8, .16); }
.theme-dark .data-page .balance-增强 { color: #6ee7a0; }
.theme-dark .data-page .balance-削弱 { color: #ff8f8f; }
.theme-dark .data-page .balance-调整 { color: #f4d36b; }

.data-page .balance-cell { display: flex; align-items: center; justify-content: center; min-width: 0; }
.data-page button.balance-badge { border: 0; cursor: pointer; font-family: inherit; }

/* 平衡调整列贴近英雄列，保持其它排行列宽不变。 */
.data-page .balance-cell { justify-content: flex-start; transform: translateX(-4px); }
.data-page .arena-hero-header > span:nth-child(3),
.data-page .aram-hero-header > span:nth-child(3),
.data-page .aram-overview-header > span:nth-child(3) { text-align: left; }

/* 经典召唤师峡谷 Jade 英雄排行：直接沿用 SR rank-table 的行高、字体和导航排版。 */
.data-page .rank-table > .classic-hero-header,
.data-page .rank-table > .classic-hero-row { grid-template-columns: 48px minmax(88px, 1fr) 37px 35px 54px 54px; }
@media (min-width: 761px) {
  .data-page .rank-table > .classic-hero-header,
  .data-page .rank-table > .classic-hero-row { grid-template-columns: 63px minmax(168px, 1fr) 60px 56px 88px 88px; }
}
.data-page.mode-sr-classic .position-tabs,
.data-page.mode-ha-classic .position-tabs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.data-page.mode-sr-classic .position-tabs > *,
.data-page.mode-ha-classic .position-tabs > * { min-width: 0; width: 100%; }

/* 经典召唤师峡谷详情仅保留英雄头部与英雄技能。 */
.data-page.mode-sr-classic .sr-detail-panel .hero-lane-wrap,
.data-page.mode-sr-classic .sr-detail-panel .hd-lane-stats,
.data-page.mode-sr-classic .sr-detail-panel .hd-summoners,
.data-page.mode-sr-classic .sr-detail-panel > .hero-detail-tabs,
.data-page.mode-sr-classic .sr-detail-panel > .hd-cols,
.data-page.mode-sr-classic .sr-detail-panel > .hd-sec:not(.hd-sec-skills) { display: none; }
.data-page.mode-sr-classic .sr-detail-panel .hd-skills-row { display: block; }
.data-page.mode-sr-classic .sr-detail-panel .hd-spells { width: 100%; }

/* 经典海克斯排行不显示平衡调整列，恢复六列英雄排行宽度。 */
.data-page .classic-hex-rank-panel .aram-hero-header,
.data-page .classic-hex-rank-panel .aram-hero-row { grid-template-columns: 48px minmax(0, 1.3fr) 60px 80px 80px minmax(0, 1fr); }

/* 经典召唤师峡谷排行的关键数据列增加可读间距。 */
.data-page.mode-sr-classic .rank-table > .classic-hero-header,
.data-page.mode-sr-classic .rank-table > .classic-hero-row { column-gap: 16px; }
.shared-match-page {
  min-height: calc(100vh - 128px);
  padding: 72px 16px 48px;
  background: var(--bg);
  color: var(--text);
}
.shared-match-hero {
  width: min(1088px, 100%);
  min-height: 132px;
  margin: 0 auto 12px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
}
.shared-match-hero > div { min-width: 0; }
.shared-match-hero span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 800;
}
.shared-match-hero h1 {
  margin: 7px 0 6px;
  font-size: 25px;
  line-height: 1.25;
  letter-spacing: 0;
}
.shared-match-hero p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
}
.shared-match-content {
  width: min(1088px, 100%);
  margin: 0 auto;
}
.shared-match-content .match-detail {
  border-top: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
  border-radius: 4px;
}
.shared-match-state {
  min-height: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid color-mix(in srgb, var(--line) 55%, transparent);
  border-radius: 4px;
  background: var(--surface);
}
.shared-match-state b { font-size: 16px; }
.shared-match-state span {
  max-width: 560px;
  color: var(--muted);
  text-align: center;
  line-height: 1.7;
}
.shared-match-state.error b { color: var(--loss); }
.match-copy {
  height: 40px;
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr) 76px;
  align-items: center;
  gap: 6px;
  padding: 5px 4px 5px 8px;
  box-sizing: border-box;
}
.match-copy .match-share-expiry,
.match-copy .match-share-input,
.match-copy button {
  height: 30px;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 11px;
}
.match-copy .match-share-expiry {
  min-width: 0;
  width: 100%;
  padding: 0 7px;
  overflow: hidden;
  border: 1px solid #454855;
  background: #292b35;
  color: #c7cad4;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.match-copy select.match-share-expiry { cursor: pointer; }
.match-copy.is-shared { grid-template-columns: 204px minmax(0, 1fr) 76px; }
.match-copy.is-shared .match-share-expiry {
  display: flex;
  align-items: center;
  overflow: visible;
  text-overflow: clip;
  font-variant-numeric: tabular-nums;
}
.match-copy .match-share-input {
  min-width: 0;
  width: 100%;
  padding: 0 9px;
  border: 1px solid #454855;
  outline: 0;
  background: #181920;
  color: #d9dce4;
  font-family: inherit;
}
.match-copy .match-share-input:focus { border-color: #00a9ac; }
.match-copy .match-share-input.error { color: var(--loss); }
.match-copy button {
  width: 76px;
  margin: 0;
  padding: 0 8px;
}
.match-copy button:disabled {
  cursor: not-allowed;
  opacity: .48;
}
.theme-light .match-copy {
  border-top: 1px solid var(--line);
  background: var(--surface-2);
  color: var(--muted);
}
.theme-light .match-copy .match-share-expiry {
  border-color: var(--line);
  background: var(--surface);
  color: var(--text);
}
.theme-light .match-copy .match-share-input {
  border-color: var(--line);
  background: #fff;
  color: var(--text);
}
.theme-light .match-copy .match-share-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
}
.shared-match-content .detail-team,
.shared-match-content .detail-columns,
.shared-match-content .detail-player-row {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.shared-match-content .detail-columns,
.shared-match-content .detail-player-row {
  grid-template-columns:
    minmax(190px, 1.7fr)
    minmax(70px, .65fr)
    minmax(72px, .7fr)
    minmax(100px, .85fr)
    minmax(48px, .45fr)
    minmax(55px, .5fr)
    minmax(190px, 1.5fr);
}
@media (max-width: 760px) {
  .shared-match-page { padding: 58px 8px 28px; }
  .shared-match-hero { min-height: 108px; }
  .shared-match-hero h1 { font-size: 20px; }
  .shared-match-hero p { line-height: 1.6; }
  .shared-match-content { overflow-x: auto; }
  .match-copy {
    grid-template-columns: 82px minmax(0, 1fr) 68px;
    gap: 4px;
    padding-left: 4px;
  }
  .match-copy .match-share-expiry,
  .match-copy .match-share-input,
  .match-copy button { font-size: 9px; }
  .match-copy button { width: 68px; }
  .shared-match-content .match-detail { min-width: 820px; }
}
.query-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
  color: var(--muted);
  background: linear-gradient(180deg, rgba(8, 9, 12, 0.82), rgba(8, 9, 12, 0.9)), var(--bg);
  backdrop-filter: blur(10px);
}
.query-loading-overlay p {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: 0;
}
.loader-blocks {
  position: relative;
  width: 58px;
  height: 58px;
  --loader-size: 18px;
  --loader-offset: 20px;
  --loader-color: var(--accent);
  --loader-shadow: rgba(83, 131, 232, 0.18);
  filter: drop-shadow(0 8px 20px var(--loader-shadow));
  contain: layout paint;
}
.loader-blocks span {
  position: absolute;
  width: var(--loader-size);
  height: var(--loader-size);
  background: var(--loader-color);
  will-change: transform;
  animation: queryLoaderBlockMove 1.35s infinite cubic-bezier(0.3, 1, 0, 1);
}
.loader-blocks span:nth-child(1) { left: 0; top: 0; --move-x: var(--loader-offset); --move-y: 0px; }
.loader-blocks span:nth-child(2) { right: 0; top: 0; --move-x: 0px; --move-y: var(--loader-offset); }
.loader-blocks span:nth-child(3) { right: 0; bottom: 0; --move-x: calc(var(--loader-offset) * -1); --move-y: 0px; }
.loader-blocks span:nth-child(4) { left: 0; bottom: 0; --move-x: 0px; --move-y: calc(var(--loader-offset) * -1); }
@keyframes queryLoaderBlockMove {
  0%, 28%, 100% { transform: translate3d(0, 0, 0); }
  58% { transform: translate3d(var(--move-x), var(--move-y), 0); }
}
.theme-light .query-loading-overlay {
  color: #475569;
  background: #f6f7f9;
  backdrop-filter: none;
}
.theme-light .loader-blocks {
  --loader-color: #2563eb;
  --loader-shadow: rgba(37, 99, 235, 0.14);
}
.career-privacy-overlay {
  position: fixed;
  inset: 0;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(3, 6, 12, 0.58);
  backdrop-filter: blur(10px) saturate(112%);
}
.theme-light .career-privacy-overlay { background: rgba(246, 247, 249, 0.86); }
.career-privacy-modal {
  width: min(560px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  background: color-mix(in srgb, var(--surface) 90%, transparent);
  border: 0;
  border-radius: 6px;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.32), inset 0 0 0 1px rgba(148, 163, 184, 0.14);
  backdrop-filter: blur(16px) saturate(116%);
}
.career-privacy-header {
  padding: 28px 30px 18px;
  text-align: left;
  background: rgba(255, 255, 255, 0.025);
}
.career-privacy-kicker {
  width: fit-content;
  margin-bottom: 14px;
  padding: 5px 8px;
  border-radius: 4px;
  background: rgba(216, 189, 122, 0.12);
  color: #d8bd7a;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
}
.career-privacy-header h2 {
  margin: 0 0 10px;
  color: var(--text);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: 0;
}
.career-privacy-header p,
.career-declaration-text p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 0;
}
.career-privacy-header p { max-width: 460px; }
.career-privacy-body { padding: 22px 30px 4px; }
.career-declaration-text { margin-bottom: 18px; }
.career-declaration-text p + p { margin-top: 10px; }
.career-agreement-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}
.career-agreement-list > div {
  min-width: 0;
  padding: 13px 12px 12px;
  border-radius: 5px;
  background: rgba(148, 163, 184, 0.075);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}
.career-agreement-list span,
.career-agreement-list strong,
.career-agreement-list em { display: block; letter-spacing: 0; }
.career-agreement-list span { margin-bottom: 8px; color: var(--soft); font-size: 11px; font-weight: 700; }
.career-agreement-list strong { margin-bottom: 6px; color: var(--text); font-size: 13px; line-height: 1.35; }
.career-agreement-list em { color: var(--muted); font-size: 12px; line-height: 1.6; font-style: normal; }
.career-legal-notice > p {
  margin: 0 0 9px;
  color: var(--soft);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
}
.career-legal-notice > div { display: flex; flex-wrap: wrap; gap: 8px; }
.career-legal-notice span {
  padding: 5px 8px;
  border-radius: 4px;
  background: rgba(148, 163, 184, 0.07);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.career-privacy-error {
  margin: 14px 0 0;
  color: var(--loss);
  font-size: 12px;
  line-height: 1.6;
}
.career-privacy-footer {
  display: flex;
  gap: 12px;
  padding: 20px 30px 28px;
}
.career-privacy-footer button {
  height: 42px;
  border: 0;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  transition: filter 0.2s, background 0.2s, color 0.2s;
}
.career-privacy-footer button:disabled { cursor: wait; opacity: 0.65; }
.career-privacy-reject {
  flex: 1;
  background: rgba(148, 163, 184, 0.08);
  color: var(--muted);
  box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.1);
}
.career-privacy-reject:hover:not(:disabled) { background: rgba(148, 163, 184, 0.13); color: var(--text); }
.career-privacy-agree {
  flex: 1.3;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #fff;
}
.career-privacy-agree:hover:not(:disabled) { filter: brightness(1.06); }
@media (max-width: 640px) {
  .career-privacy-overlay { align-items: flex-end; padding: 12px; }
  .career-privacy-modal { max-height: calc(100dvh - 24px); }
  .career-privacy-header { padding: 22px 20px 15px; }
  .career-privacy-header h2 { font-size: 21px; }
  .career-privacy-body { padding: 18px 20px 2px; }
  .career-agreement-list { grid-template-columns: 1fr; gap: 8px; }
  .career-agreement-list > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 8px; }
  .career-agreement-list span { grid-row: 1 / span 2; margin: 2px 0 0; }
  .career-agreement-list strong { margin-bottom: 2px; }
  .career-privacy-footer { padding: 16px 20px 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .loader-blocks span { animation-duration: 2.7s; }
}
html.ai-drawer-open .page-scroll-actions { display: none !important; }

.ai-chat-drawer {
  position: fixed;
  z-index: 3100;
  top: 64px;
  right: 16px;
  bottom: 16px;
  width: min(420px, calc(100vw - 32px));
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface) 84%, transparent);
  color: var(--text);
  box-shadow: 0 18px 48px rgba(16, 24, 40, .16);
  backdrop-filter: blur(18px) saturate(116%);
  -webkit-backdrop-filter: blur(18px) saturate(116%);
  transform: translateX(calc(100% + 32px));
  visibility: hidden;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), visibility .22s;
}
.ai-chat-drawer.open { transform: translateX(0); visibility: visible; }
.theme-dark .ai-chat-drawer { box-shadow: 0 18px 52px rgba(0, 0, 0, .38); }

.ai-drawer-header {
  min-height: 66px;
  padding: 11px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface) 88%, transparent);
  backdrop-filter: blur(12px);
}
.ai-drawer-title { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ai-drawer-title > div { min-width: 0; }
.ai-drawer-title strong, .ai-drawer-title small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ai-drawer-title strong { font-size: 14px; font-weight: 760; }
.ai-drawer-title small { margin-top: 2px; color: var(--muted); font-size: 10px; }
.ai-drawer-avatar {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--accent) 14%, var(--surface));
  color: var(--accent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);
}
.ai-drawer-avatar svg { width: 18px; height: 18px; }
.ai-drawer-header-actions { display: flex; align-items: center; gap: 2px; }
.ai-drawer-header-actions button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: var(--muted);
  transition: background .16s ease, color .16s ease;
}
.ai-drawer-header-actions button:hover, .ai-drawer-header-actions button.active { background: var(--surface-2); color: var(--accent); }

.ai-drawer-session-bar {
  height: 42px;
  padding: 5px 12px;
  border-bottom: 1px solid var(--line);
  background: var(--surface);
}
.ai-drawer-session-bar > button { width: 100%; height: 31px; display: grid; grid-template-columns: minmax(0, 1fr) auto 16px; align-items: center; gap: 8px; padding: 0 8px; border-radius: 6px; color: var(--text); text-align: left; }
.ai-drawer-session-bar > button:hover { background: var(--surface-2); }
.ai-drawer-session-bar span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11px; font-weight: 700; }
.ai-drawer-session-bar small { color: var(--muted); font-size: 9px; }
.ai-drawer-session-bar svg { width: 13px; height: 13px; color: var(--soft); }

.ai-session-panel {
  position: absolute;
  z-index: 4;
  top: 108px;
  left: 10px;
  right: 10px;
  max-height: min(430px, calc(100vh - 190px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 16px 38px rgba(16, 24, 40, .18);
  animation: ai-panel-in .16s ease-out;
}
@keyframes ai-panel-in { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }
.ai-session-panel-head { min-height: 46px; padding: 9px 10px 9px 13px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); }
.ai-session-panel-head strong { font-size: 11px; }
.ai-session-panel-head button { height: 28px; display: inline-flex; align-items: center; gap: 4px; padding: 0 9px; border-radius: 6px; background: var(--accent-2); color: #fff; font-size: 10px; }
.ai-session-panel-head svg { width: 13px; height: 13px; }
.ai-session-list { min-height: 0; overflow-y: auto; padding: 5px; }
.ai-session-list > div { min-height: 46px; display: grid; grid-template-columns: minmax(0, 1fr) 30px; align-items: center; border-radius: 0; }
.ai-session-list > div:hover, .ai-session-list > div.active { background: var(--surface-2); }
.ai-session-list > div.active { box-shadow: none; color: var(--accent); }
.ai-session-list > div > button:first-child { min-width: 0; height: 46px; padding: 6px 8px; text-align: left; }
.ai-session-list span { min-width: 0; display: grid; gap: 3px; }
.ai-session-list b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.ai-session-list small { color: var(--muted); font-size: 8px; }
.ai-session-delete { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 5px; color: var(--soft); }
.ai-session-delete:hover { background: color-mix(in srgb, var(--loss) 10%, var(--surface)); color: var(--loss); }
.ai-session-empty { padding: 38px 12px; color: var(--muted); font-size: 10px; text-align: center; }

.ai-drawer-messages {
  min-height: 0;
  overflow-y: auto;
  padding: 18px 15px 24px;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: var(--line) transparent;
  overscroll-behavior: contain;
}
.ai-drawer-empty { min-height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 6px; text-align: center; }
.ai-drawer-empty-icon { width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--surface); color: var(--accent); box-shadow: 0 8px 22px rgba(20, 45, 90, .08); }
.ai-drawer-empty-icon svg { width: 22px; height: 22px; }
.ai-drawer-empty > strong { margin-top: 14px; font-size: 15px; }
.ai-drawer-empty > small { margin-top: 5px; color: var(--muted); font-size: 10px; }
.ai-drawer-suggestions { width: 100%; margin-top: 22px; display: grid; gap: 7px; }
.ai-drawer-suggestions button { width: 100%; min-height: 40px; padding: 9px 10px 9px 12px; display: grid; grid-template-columns: minmax(0, 1fr) 16px; align-items: center; gap: 8px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--text); text-align: left; line-height: 1.45; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.ai-drawer-suggestions button:hover { border-color: color-mix(in srgb, var(--accent) 50%, var(--line)); background: color-mix(in srgb, var(--accent) 3%, var(--surface)); transform: translateY(-1px); }
.ai-drawer-suggestions svg { width: 13px; height: 13px; color: var(--soft); }

.ai-drawer-message + .ai-drawer-message { margin-top: 18px; }
.ai-drawer-message-label { margin-bottom: 6px; display: flex; align-items: center; gap: 5px; color: var(--muted); font-size: 9px; font-weight: 680; }
.ai-drawer-message.user .ai-drawer-message-label { justify-content: flex-end; }
.ai-message-ai-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent); }
.ai-drawer-bubble { max-width: 94%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); line-height: 1.72; word-break: break-word; box-shadow: 0 3px 12px rgba(16, 24, 40, .035); }
.ai-drawer-message.user .ai-drawer-bubble { max-width: 86%; margin-left: auto; border-color: transparent; background: var(--accent-2); color: #fff; box-shadow: 0 6px 16px color-mix(in srgb, var(--accent) 18%, transparent); }
.ai-drawer-rich-text { display: flex; flex-direction: column; gap: 5px; white-space: normal; }
.ai-drawer-rich-text .ai-drawer-break { height: 4px; }
.ai-drawer-heading { display: block; margin: 8px 0 1px; font-size: 12px; font-weight: 780; }
.ai-drawer-heading:first-child { margin-top: 0; }
.ai-drawer-paragraph { display: block; }
.ai-drawer-list-row { position: relative; display: grid; grid-template-columns: 15px minmax(0, 1fr); gap: 3px; }
.ai-drawer-list-row > i { padding-top: 1px; color: var(--accent); font-size: 9px; font-style: normal; font-weight: 800; }
.ai-drawer-list-row > i:empty::before { content: ''; display: block; width: 4px; height: 4px; margin: 8px 0 0 3px; border-radius: 50%; background: var(--accent); }
.ai-drawer-rich-text strong { font-weight: 780; }
.ai-drawer-rich-text code { padding: 1px 4px; border-radius: 4px; background: var(--surface-2); color: var(--accent); font-family: inherit; font-size: .92em; }
.ai-stream-caret { display: inline-block; width: 2px; height: 1em; margin-left: 2px; background: var(--accent); vertical-align: -.14em; animation: ai-caret .8s step-end infinite; }
@keyframes ai-caret { 50% { opacity: 0; } }

.ai-reasoning { max-width: 94%; margin: 0 0 8px; overflow: hidden; border: 1px solid color-mix(in srgb, var(--accent) 16%, var(--line)); border-radius: 7px; background: color-mix(in srgb, var(--accent) 3%, var(--surface)); }
.ai-reasoning summary { min-height: 34px; padding: 7px 9px; display: flex; align-items: center; justify-content: space-between; gap: 8px; cursor: pointer; color: var(--muted); font-size: 9px; list-style: none; }
.ai-reasoning summary::-webkit-details-marker { display: none; }
.ai-reasoning summary span { display: flex; align-items: center; gap: 6px; }
.ai-reasoning summary span::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.ai-reasoning[open] summary span::before { animation: ai-reasoning-pulse 1.2s ease-in-out infinite; }
@keyframes ai-reasoning-pulse { 50% { opacity: .35; transform: scale(.8); } }
.ai-reasoning summary small { color: var(--soft); font-size: 8px; }
.ai-reasoning > div { max-height: 220px; overflow-y: auto; padding: 9px 10px 11px; border-top: 1px solid var(--line); color: var(--muted); font-size: 9px; line-height: 1.65; white-space: pre-wrap; }
.ai-stream-status { width: max-content; max-width: 94%; min-height: 38px; padding: 9px 11px; display: flex; align-items: center; gap: 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); color: var(--muted); font-size: 9px; }
.ai-stream-status > span { display: flex; gap: 3px; }
.ai-stream-status i { width: 4px; height: 4px; border-radius: 50%; background: var(--accent); animation: ai-dot 1s infinite ease-in-out; }
.ai-stream-status i:nth-child(2) { animation-delay: .14s; }
.ai-stream-status i:nth-child(3) { animation-delay: .28s; }
@keyframes ai-dot { 0%, 60%, 100% { transform: translateY(0); opacity: .35; } 30% { transform: translateY(-3px); opacity: 1; } }
.ai-message-meta { display: block; margin-top: 5px; color: var(--soft); font-size: 8px; }
.ai-drawer-error { margin-top: 14px; padding: 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid color-mix(in srgb, var(--loss) 35%, var(--line)); border-radius: 7px; background: color-mix(in srgb, var(--loss) 7%, var(--surface)); color: var(--loss); }
.ai-drawer-error span { min-width: 0; line-height: 1.45; font-size: 9px; }
.ai-drawer-error button { flex: 0 0 auto; color: inherit; font-size: 9px; font-weight: 760; }

.ai-drawer-composer { padding: 10px 11px max(10px, env(safe-area-inset-bottom)); display: grid; grid-template-columns: minmax(0, 1fr) 38px; align-items: end; gap: 8px; border-top: 1px solid var(--line); background: var(--surface); }
.ai-composer-input { min-width: 0; padding: 7px 9px 5px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); transition: border-color .16s ease, background .16s ease; }
.ai-composer-input:focus-within { border-color: var(--accent); background: var(--surface); }
.ai-composer-input textarea { width: 100%; min-height: 24px; max-height: 120px; resize: none; border: 0; outline: none; background: transparent; color: var(--text); line-height: 1.5; overflow-y: auto; }
.ai-composer-input textarea::placeholder { color: var(--soft); }
.ai-composer-input small { display: block; margin-top: 3px; color: var(--soft); font-size: 8px; text-align: right; }
.ai-drawer-composer > button { width: 38px; height: 38px; margin-bottom: 3px; display: grid; place-items: center; border-radius: 50%; background: var(--accent-2); color: #fff; transition: background .16s ease, transform .16s ease; }
.ai-drawer-composer > button:hover:not(:disabled) { background: var(--accent); transform: translateY(-1px); }
.ai-drawer-composer > button.stop { background: var(--loss); }
.ai-drawer-composer > button:disabled { opacity: .38; cursor: default; }
.ai-glyph { display: block; width: 1em; height: 1em; }
.ai-message-ai-glyph { width: 11px; height: 11px; color: var(--accent); }
.ai-drawer-avatar .ai-glyph, .ai-drawer-empty-icon .ai-glyph { width: 20px; height: 20px; }
.ai-session-list, .ai-session-delete { border-radius: 0; }
.ai-drawer-session-bar, .ai-drawer-composer { background: color-mix(in srgb, var(--surface) 88%, transparent); backdrop-filter: blur(12px); }
.data-ai-chips button, .ai-chips button { display: inline-flex; align-items: center; min-height: 28px; padding: 0 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--text); transition: border-color .16s ease, color .16s ease, background .16s ease; }
.data-ai-chips button:hover, .ai-chips button:hover { border-color: color-mix(in srgb, var(--accent) 55%, var(--line)); color: var(--accent); background: color-mix(in srgb, var(--accent) 5%, var(--surface)); }
.match-ai-mark { padding: 0; display: inline-grid; place-items: center; }
.match-row.loss .match-ai-mark { color: var(--loss); }

.ai-drawer-mobile-backdrop { display: none; }

@media (max-width: 700px) {
  .ai-chat-drawer { top: 0; right: 0; bottom: 0; width: 100vw; border: 0; border-radius: 0; }
  .ai-drawer-mobile-backdrop { display: block; position: fixed; z-index: 3090; inset: 0; background: rgba(0, 0, 0, .36); }
  .ai-drawer-header { padding-top: max(11px, env(safe-area-inset-top)); }
  .ai-drawer-messages { padding: 15px 12px 20px; }
  .ai-session-panel { top: calc(108px + env(safe-area-inset-top)); left: 7px; right: 7px; }
  .ai-reasoning, .ai-drawer-bubble { max-width: 96%; }
}

@media (prefers-reduced-motion: reduce) {
  .ai-chat-drawer, .ai-session-panel, .ai-drawer-suggestions button { transition: none; animation: none; }
  .ai-stream-status i, .ai-stream-caret, .ai-reasoning[open] summary span::before { animation: none; opacity: .7; }
}
/* Generated by tools/font-subset/build_font_subsets.py. Do not edit manually. */
/* Browsers request only the font files whose unicode-range matches rendered text. */

/* Base / ASCII: 95 code points, 4896 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/base-ascii-fcb22701ce.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0020-007E;
}

/* Common / L1: 500 code points, 68220 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l1-01-834c319028.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E00, U+4E09-4E0B, U+4E0D-4E0E, U+4E13, U+4E1A-4E1B, U+4E2A, U+4E2D, U+4E3A-4E3B, U+4E4B, U+4E71, U+4E89, U+4E8B-4E8C, U+4E8E, U+4E91, U+4E94, U+4E9A, U+4EA4, U+4EA7, U+4EBA, U+4EC5, U+4ED6, U+4ED8, U+4EE5, U+4EEC, U+4EF6-4EF7, U+4EFB, U+4F18, U+4F1A, U+4F20, U+4F24, U+4F4D, U+4F5C, U+4F60, U+4F7F, U+4F8B, U+4F9B, U+4F9D, U+4FB5, U+4FDD, U+4FE1, U+4FEE, U+503C, U+50A8, U+5148, U+514B, U+514D, U+5165, U+5168, U+516C, U+5173, U+5176-5177, U+5185, U+518C-518D, U+51B3, U+51B7, U+51FA-51FB, U+5206-5207, U+5217, U+5219, U+521B, U+5220, U+5229, U+5230, U+5236-5237, U+524A, U+524D, U+529B, U+529F-52A1, U+52A8-52A9, U+52B1, U+5316, U+533A, U+5347, U+534F, U+5353, U+5355, U+5361, U+5373-5374, U+5386, U+539F, U+53C2, U+53CA-53CD, U+53D1, U+53D6, U+53D8, U+53E3, U+53EC, U+53EF-53F0, U+53F2, U+53F7, U+5408-5409, U+540C-540E, U+542F, U+543E, U+544A, U+5458, U+5468, U+548C, U+5524, U+5546, U+5668, U+56DB, U+56DE, U+56E0, U+56FE, U+5728, U+5730, U+573A, U+5740, U+5747, U+578B, U+57CE, U+57DF, U+586B, U+589E, U+58F0, U+5904, U+5907, U+590D, U+591A, U+5927, U+5929, U+592B, U+5931, U+5956-5957, U+597D, U+5982, U+59CB, U+5B58, U+5B66, U+5B88-5B89, U+5B8C, U+5B98, U+5B9A, U+5B9E, U+5BA2, U+5BB3, U+5BB6, U+5BB9, U+5BC6, U+5BF9, U+5C01, U+5C06, U+5C0F, U+5C11, U+5C14, U+5C3C, U+5C40, U+5C55, U+5C5E, U+5CE1, U+5DC5, U+5DE2, U+5DE5, U+5DE8, U+5DF2, U+5E03, U+5E08, U+5E38, U+5E73-5E74, U+5E76, U+5E94, U+5EA6, U+5EFA, U+5F00, U+5F02, U+5F0F, U+5F17, U+5F31, U+5F3A, U+5F53, U+5F55, U+5F69, U+5F71, U+5F81, U+5F8B, U+5F97, U+5FAE, U+5FB7, U+5FC3, U+5FC5, U+5FD7, U+5FEB, U+6001, U+6027, U+603B, U+606F, U+60A8, U+60C5, U+610F, U+620F-6211, U+6216, U+6218, U+622A, U+6237, U+6240, U+624B, U+6253, U+626D, U+6279, U+627F-6280, U+6295, U+62A4, U+62C9, U+62E9, U+6301, U+6309, U+6362, U+636E, U+6377, U+6388, U+6392, U+63A5, U+63A8, U+63D0, U+641C, U+64CD, U+652F, U+6536, U+6539, U+653B, U+653F, U+6545, U+6548, U+6559, U+6570, U+6574, U+6587, U+6597, U+65AF-65B0, U+65B9, U+65BD, U+65E0, U+65E5, U+65F6, U+660E, U+662F, U+663E, U+6676, U+6682, U+66F2, U+66F4, U+6700, U+6709, U+670D, U+671F, U+672A, U+672C, U+672F, U+673A, U+6743, U+6761, U+6765, U+677F, U+6781, U+6790, U+6797, U+679C, U+67E5, U+6807, U+6838, U+683C, U+68F1, U+6A21, U+6B21, U+6B27, U+6B3E, U+6B63, U+6BB5, U+6BD4, U+6C34, U+6C38, U+6C42, U+6C83, U+6CD5, U+6CE8, U+6D3B, U+6D3E, U+6D41, U+6D4B, U+6D4E-6D4F, U+6D77, U+6D88, U+6DAF, U+6E05, U+6E38, U+7075, U+70B9, U+7235, U+7247-7248, U+7279, U+72B6, U+7387, U+739B, U+73A9, U+73AB, U+73B0, U+7406, U+7470, U+751F, U+7528, U+7531, U+7537, U+754F, U+767B, U+767D, U+7684, U+76AE, U+76D8, U+76DF, U+76EE, U+76F8, U+770B, U+77E5, U+7801, U+786E, U+793A, U+7981, U+79C1, U+79D2, U+79F0, U+79FB, U+7A0D, U+7A7A, U+7ACB, U+7AD9, U+7ADE, U+7AEF, U+7B26, U+7B2C, U+7B49, U+7B56, U+7B7E, U+7BA1, U+7BB1, U+7C7B, U+7CFB, U+7D22, U+7EA7, U+7EC3, U+7ECF, U+7ED1, U+7ED3, U+7EDF, U+7EE7, U+7EE9, U+7EED, U+7EF4, U+7EFC, U+7F16, U+7F51, U+7F5A, U+7F6E, U+8005, U+8054, U+805A, U+80DC, U+80FD, U+81EA, U+81F3-81F4, U+8272, U+827E, U+82F1, U+8303, U+8350, U+83B7, U+85CF, U+884C, U+8861, U+8865, U+8868, U+88AB, U+88C5, U+897F, U+8981, U+89C4, U+89C8, U+89E3, U+8B66, U+8BA1-8BA2, U+8BA4, U+8BAE, U+8BB0, U+8BBE-8BBF, U+8BC1, U+8BC4, U+8BC6, U+8BC9, U+8BD5, U+8BDD, U+8BE2, U+8BE5-8BE6, U+8BF4, U+8BF7, U+8BFB, U+8C03, U+8C37, U+8D1F, U+8D23, U+8D25-8D26, U+8D39, U+8D44, U+8D5E, U+8D60, U+8DEF, U+8EAB, U+8F7D, U+8F85, U+8F93, U+8FBE, U+8FC7, U+8FD1, U+8FD4, U+8FDB, U+9000-9002, U+9009, U+901A, U+901F, U+9047, U+9080, U+90AE, U+90E8, U+914D, U+91CD-91CF, U+91D1, U+94A2, U+94C1, U+94F6, U+94FE, U+950B, U+9519, U+957F, U+95E8, U+95ED-95EE, U+95F4, U+9605, U+961F, U+9633, U+9650, U+9662, U+9664, U+9690, U+96C4, U+96F7, U+9700, U+9762, U+9875, U+9886, U+9898, U+98CE, U+9910, U+9988, U+9A8C, U+9AD8, U+9B42, U+9EC4, U+9ED1, U+9F99;
}

/* Common / L1: 500 code points, 70824 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l1-02-c709cdea7c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E01, U+4E03, U+4E07-4E08, U+4E14, U+4E16, U+4E22, U+4E24, U+4E34, U+4E3D, U+4E43, U+4E45, U+4E49, U+4E50, U+4E59, U+4E5D, U+4E5F-4E60, U+4E66, U+4E70, U+4E86, U+4E8F, U+4E92, U+4E9B, U+4EA6, U+4EAB-4EAC, U+4EAE, U+4EC0, U+4ECA-4ECB, U+4ECD-4ECE, U+4ED4, U+4EE3, U+4EFD, U+4F0D, U+4F17, U+4F30, U+4F46, U+4F4E-4F4F, U+4F55, U+4F59, U+4FA7, U+4FBF, U+4FD7, U+500D, U+5019, U+504F, U+505C, U+5077, U+507F, U+50B2, U+50CF, U+513F, U+5141, U+5143, U+5145, U+5149, U+516B, U+516D, U+5171, U+5175, U+5178, U+5199, U+51B2, U+51BB, U+51C6, U+51CC, U+51CF, U+51E0-51E1, U+51ED, U+51EF, U+5200-5201, U+5212, U+521A, U+521D, U+5224, U+522B, U+523A-523B, U+5269-526A, U+526F, U+52AA, U+52BF, U+52C7, U+52FF, U+5305, U+5315, U+5339, U+533F, U+5341, U+534E, U+5357, U+535C, U+5360, U+536B, U+5370, U+5378, U+5382, U+539A, U+53BB, U+53C8, U+53D7, U+53E6, U+53EA, U+53F3, U+5404, U+5411, U+5417, U+5426, U+542B, U+5438, U+5448, U+547D, U+5496, U+54C1, U+54CD, U+54E5, U+54EA, U+552E-552F, U+5561, U+5584, U+56E2, U+56F4, U+56FD, U+5706, U+571F, U+574F, U+5757, U+575A, U+5766, U+57FA, U+5854, U+585E, U+5883, U+5899, U+58EB, U+5916, U+5934, U+5947, U+59A5, U+59A8, U+59D4, U+5A31, U+5ACC, U+5B50, U+5B57, U+5B63, U+5B97, U+5B9D, U+5BA1, U+5BDF, U+5BF8, U+5BFC, U+5C04, U+5C1A, U+5C1D, U+5C3D-5C3E, U+5C42, U+5C45, U+5C48, U+5C65, U+5C71, U+5C81, U+5C9B, U+5CF0, U+5DE6, U+5DEE, U+5DF1, U+5DFE, U+5E01, U+5E26, U+5E2E, U+5E45, U+5E72, U+5E7F, U+5E8F, U+5E93, U+5E95, U+5EF6, U+5F03, U+5F15, U+5F20, U+5F39, U+5F52, U+5F62, U+5F80, U+5F84-5F85, U+5FA1, U+5FAA, U+5FD8, U+5FFD, U+601D, U+6025, U+602A, U+6055, U+6062, U+6076, U+60F3, U+611F, U+614E, U+624D, U+6258, U+6267, U+626B, U+6270, U+627E, U+6293, U+6297, U+62C5-62C6, U+62D2, U+62D6, U+62EC, U+62F3, U+62FC-62FD, U+6307, U+6324, U+635F, U+638C, U+63A7, U+63AA, U+63CF, U+63D2, U+63E1, U+64AD, U+64CE, U+653E, U+654F, U+6551, U+6563, U+6599, U+65AD, U+6613, U+6628, U+6668, U+666E-6670, U+6697, U+66B4, U+66FC, U+66FF, U+6708, U+670B, U+671B, U+6728, U+672B, U+6740, U+6750, U+675F, U+676F, U+6784, U+67B6, U+680F, U+6837, U+6848, U+6863, U+68AF, U+68C0, U+6982, U+699C, U+6B22, U+6B62, U+6B64-6B65, U+6B67, U+6BCD, U+6BCF, U+6C11, U+6C47, U+6C60, U+6CA1, U+6CBB, U+6D1E, U+6D89, U+6DF1, U+6DFB, U+6E20, U+6E90, U+6ED1, U+6EDA, U+6EE1, U+6EE5, U+6F0F, U+706B, U+707E, U+70AB, U+70C8, U+7136, U+7167, U+719F, U+724C, U+7269, U+72AF, U+72C2, U+72EC, U+738B, U+73AF, U+73ED, U+745E-745F, U+7532-7533, U+7535, U+754C, U+7559, U+7565, U+7597, U+75D5, U+767E, U+76CA, U+76D1, U+76D6, U+76F4, U+76FE, U+771F, U+773C, U+77ED, U+77F3, U+7834, U+7840, U+793E, U+7956, U+795E, U+79BB, U+79CD, U+7A0B, U+7A33, U+7A76, U+7A81, U+7A97, U+7AE0, U+7AE5, U+7B54, U+7B5B, U+7B97, U+7BC7, U+7C98, U+7CBE, U+7D20, U+7D27, U+7E41, U+7EA0, U+7EA2, U+7EA6, U+7EB3, U+7EBF, U+7EC4, U+7EC6-7EC8, U+7ECD, U+7ED5, U+7ED9, U+7EDC-7EDD, U+7F13, U+7F29, U+7F3A, U+7F8E, U+7FA4, U+7FE0, U+8000, U+8003, U+800C, U+804A, U+8089, U+8096, U+80A4, U+80B2, U+80CC, U+8106, U+811A, U+822A, U+826F, U+8282, U+82E5, U+8363, U+8425, U+8428, U+8457, U+84DD, U+865A, U+866B, U+8840, U+88C1, U+8986, U+89C1-89C2, U+89C6, U+89D2, U+89E6, U+8BA9, U+8BAF, U+8BB8, U+8BBA, U+8BCD, U+8BEF, U+8BFA, U+8C22, U+8C61, U+8D28, U+8D2D, U+8D34-8D35, U+8D54, U+8D5B, U+8D74, U+8D77, U+8D85, U+8D8A-8D8B, U+8DB3, U+8DD1, U+8DDF, U+8DF3, U+8DF5, U+8E2A, U+8F6C, U+8F6E-8F6F, U+8F7B, U+8F83, U+8F91, U+8F96, U+8F9B, U+8FB9, U+8FC1, U+8FCE, U+8FD0, U+8FD8-8FD9, U+8FDC-8FDF, U+8FF0, U+8FF7, U+8FFD, U+9003, U+9014, U+9017, U+9020, U+9053, U+9057, U+9075, U+907F, U+90FD, U+91C7, U+91CA, U+91CC, U+949F, U+94A5, U+94AE, U+94BB, U+94DC, U+94ED, U+9500, U+9510, U+9526, U+952E, U+95EA, U+9632, U+963F, U+9644-9645, U+964D, U+9669, U+968F, U+9694, U+969C, U+96B6, U+96C6, U+9752, U+975E, U+978B, U+97E7, U+97F3, U+9876, U+9879-987A, U+987F, U+9884, U+9891, U+989D, U+9996, U+9A9A, U+9B54, U+9ED8, U+9F50;
}

/* Common / L1: 500 code points, 58220 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l1-03-899baff5d3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E10-4E11, U+4E18-4E19, U+4E1C-4E1D, U+4E25, U+4E2B, U+4E30, U+4E32, U+4E38-4E39, U+4E48, U+4E4C-4E4F, U+4E52-4E54, U+4E5E, U+4E61, U+4E88, U+4E95, U+4EA1-4EA2, U+4EA5, U+4EA9, U+4EBF, U+4EC1, U+4EC6-4EC7, U+4ED1, U+4ED3, U+4ED7, U+4ED9, U+4EE4, U+4EEA, U+4EF0, U+4EF2, U+4EFF, U+4F01, U+4F0A, U+4F0F-4F11, U+4F19, U+4F1E-4F1F, U+4F26, U+4F2A, U+4F2F, U+4F34, U+4F36, U+4F38, U+4F3A, U+4F3C, U+4F43, U+4F50-4F51, U+4F53, U+4F5B, U+4F63, U+5144, U+5146, U+5151, U+5170, U+5174, U+5188-5189, U+5197, U+519B-519C, U+51AC, U+51AF-51B0, U+51B5-51B6, U+51E4, U+51F6, U+51F8-51F9, U+5203, U+520A, U+5211, U+5218, U+5228, U+529D-529E, U+52A3, U+52AB, U+52B2-52B3, U+52FA, U+52FE, U+5300, U+5306, U+5308, U+5317, U+5320, U+5323, U+533B, U+5343, U+5348-534A, U+5362, U+5364, U+536F, U+5371, U+5375, U+5385, U+5389, U+538B-538C, U+53BF, U+53C9, U+53E4-53E5, U+53E8-53E9, U+53EB, U+53ED-53EE, U+53F6, U+53F8-53F9, U+53FC-53FD, U+5401, U+5403, U+5406, U+540A, U+540F-5410, U+5413, U+5415, U+541B, U+541D-5420, U+5427-5429, U+542C-542E, U+5431, U+5434-5435, U+5439, U+543B-543C, U+5440, U+5446, U+5450, U+5455, U+545B-545C, U+56DA, U+56E4, U+56ED, U+56F0-56F1, U+5723, U+573E, U+574A, U+574E, U+5750-5751, U+575B, U+575D, U+575F-5760, U+58EC, U+58EE, U+58F3, U+5915, U+592A, U+592D-592F, U+5937-593A, U+5973-5974, U+5976, U+5978-5979, U+5983-5984, U+5986-5988, U+5992-5993, U+5996, U+5999, U+59CA, U+5B54-5B55, U+5B59, U+5B5D, U+5B81, U+5B83, U+5B85, U+5B87, U+5B8B, U+5B8F, U+5BFA-5BFB, U+5BFF, U+5C16, U+5C18, U+5C24, U+5C27, U+5C2C, U+5C38, U+5C3A, U+5C3F, U+5C41, U+5C6F, U+5C79, U+5C7F, U+5C82, U+5C94, U+5C96-5C97, U+5DDD-5DDE, U+5DE1, U+5DE7, U+5DE9, U+5DEB, U+5DF3-5DF4, U+5E02, U+5E05-5E06, U+5E0C, U+5E10, U+5E7B-5E7C, U+5E84, U+5E86-5E87, U+5E8A, U+5E90, U+5EF7, U+5F04, U+5F13, U+5F18, U+5F1B, U+5F1F, U+5F64, U+5F79, U+5F7B, U+5FC6, U+5FCC-5FCD, U+5FD9, U+5FE7, U+5FF1, U+6000, U+6208, U+620A, U+620C, U+620E, U+6212, U+624E, U+6251-6252, U+6254, U+625B, U+6263, U+6269, U+626C, U+626E-626F, U+6273, U+6276, U+627C, U+6284, U+628A, U+6291-6292, U+6296, U+6298, U+629A-629B, U+62A0-62A2, U+62A5, U+62DF, U+65A4-65A5, U+65E6-65E9, U+65EC-65ED, U+65F1, U+65F7, U+66F0, U+6731, U+6734-6735, U+673D, U+6742, U+6746, U+6749, U+674E-674F, U+6751, U+6756, U+675C, U+6760, U+6768, U+6B20, U+6B79, U+6B7B-6B7C, U+6BD5, U+6BDB, U+6C0F, U+6C14, U+6C41, U+6C49, U+6C57, U+6C5B, U+6C5D-6C5F, U+6C61, U+6C64, U+6C6A, U+6C70, U+6C79, U+6C7D, U+6C81, U+6C88-6C89, U+6C90, U+6C99, U+6C9B, U+6C9F, U+6CA5-6CA7, U+6CAA, U+6CDB, U+706D, U+706F-7070, U+7076, U+7078, U+707C, U+707F, U+722A, U+7236-7237, U+7259, U+725B, U+7261-7262, U+72AC, U+72B9, U+72C8, U+7384, U+7389, U+7396, U+74DC, U+74E6, U+7518, U+7529, U+752B, U+7530, U+7538, U+7682, U+76BF, U+76EF, U+77DB, U+77E2-77E3, U+793C, U+7940, U+79BE, U+79C0, U+79C3, U+7A74, U+7A77, U+7AF9, U+7C73, U+7EA4, U+7EAA-7EAC, U+7F55, U+7F8A, U+7FBD, U+8001, U+8033, U+808B-808C, U+8098, U+809A-809B, U+809D, U+80A0, U+81E3, U+81FC, U+820C, U+821F, U+827A, U+828B, U+8292, U+8299, U+829C-829D, U+82A5-82A6, U+82AC-82AD, U+82AF, U+82B1, U+82B3, U+82B9, U+82BD, U+82C7, U+82CD, U+82CF, U+8863, U+8A00, U+8BA5, U+8BA8, U+8BAD, U+8BB2-8BB3, U+8BB6, U+8BB9, U+8BBC-8BBD, U+8BC0, U+8BC8, U+8BCA, U+8BD1, U+8C46, U+8D1D-8D1E, U+8D21-8D22, U+8D64, U+8D70, U+8F66-8F69, U+8FB0, U+8FBD, U+8FC2, U+8FC4-8FC5, U+8FC8, U+9091, U+9093, U+90A3, U+90A6, U+90AA, U+90BB, U+9149, U+9488-9489, U+95EF-95F0, U+95F2, U+95F7, U+9634-9636, U+963B, U+9646, U+9648, U+98DE, U+9965, U+996D-996E, U+9A6C, U+9A6E-9A71, U+9E1F, U+9E21, U+9EA6, U+9F9F;
}

/* Common / L2: 500 code points, 72060 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l2-01-dc28c60b15.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E27, U+4E56, U+4E73, U+4EAD, U+4EB2, U+4F69, U+4F73, U+4F84, U+4F88, U+4F8D, U+4FA0, U+4FA3, U+4FA5-4FA6, U+4FA8, U+4FAE-4FAF, U+4FC3-4FC4, U+4FCA, U+4FCF-4FD0, U+4FD8, U+4FE9, U+4FED, U+5154, U+517B, U+5192, U+51C0, U+51FD, U+522E, U+5238-5239, U+5242, U+5251, U+52C3, U+52C9, U+52CB, U+5351-5352, U+5356, U+5366-5367, U+5377, U+5395, U+5398, U+53C1, U+53D4, U+53D9, U+53DB, U+5462, U+5473, U+5475, U+547B-547C, U+5484, U+548B, U+548F-5490, U+5492, U+5495, U+5499, U+54A7-54A8, U+54AA, U+54AC, U+54B1, U+54B3, U+54B8, U+54BD, U+54C0, U+54C4, U+54C6-54C9, U+54CE, U+54D1, U+54D7, U+54DF, U+56FA, U+5761, U+5764, U+576A, U+576F, U+5777, U+5782-5784, U+579B, U+57A2, U+57AB, U+57AE, U+591C, U+5948-5949, U+594B, U+594F, U+5951, U+5954, U+59AE, U+59B9, U+59BB, U+59C6, U+59D0-59D1, U+59D3, U+59DC, U+59FF, U+5A01, U+5A04, U+5B5F, U+5B64, U+5B99, U+5B9B-5B9C, U+5BA0, U+5C49-5C4A, U+5CA9, U+5CAD, U+5CB3, U+5CB8, U+5CE6, U+5DF7, U+5E15-5E16, U+5E18, U+5E1A, U+5E1C-5E1D, U+5E78, U+5E7D, U+5E97, U+5E99-5E9A, U+5E9C, U+5E9E-5E9F, U+5EAD, U+5F25-5F27, U+5F2F, U+5F7C, U+5F88, U+5F8A, U+5FE0, U+5FF5, U+5FFF, U+600E, U+6014-6016, U+601C, U+6021, U+6028, U+602F, U+623F, U+62AB-62AC, U+62B1, U+62B5, U+62B9, U+62BC-62BD, U+62C2, U+62C4, U+62C7, U+62CC-62CE, U+62D0, U+62D3-62D4, U+62D7-62D9, U+62DB-62DC, U+62E2-62E3, U+62E5-62E8, U+62ED, U+62EF, U+62F1, U+62F4, U+62F7, U+62FE, U+6302, U+630E, U+6311, U+6316, U+631F-6321, U+6323, U+6325, U+632A, U+633A, U+65A7, U+65A9, U+65FA, U+6602, U+6606, U+660C, U+660F, U+6614, U+661F-6620, U+6625, U+6627, U+662D, U+676D, U+6770, U+677E, U+6789, U+6795, U+679A, U+679D, U+67A2-67A3, U+67AA-67AB, U+67AF, U+67C4, U+67CF-67D1, U+67DC, U+67E0, U+67EC, U+67F1, U+67F3, U+67FF, U+6805, U+6808, U+680B, U+6811, U+6B23, U+6B66, U+6B6A, U+6B83, U+6B8B, U+6BB4, U+6BD2, U+6BE1, U+6C13, U+6C1B, U+6C22, U+6CAB, U+6CAE, U+6CB3, U+6CB8-6CB9, U+6CBC-6CBF, U+6CC4, U+6CC9-6CCA, U+6CCC, U+6CDE, U+6CE1-6CE3, U+6CE5, U+6CEA, U+6CF3, U+6CF5, U+6CFB-6CFD, U+6D45, U+7089-708A, U+708E, U+7092, U+7095, U+70AC-70AD, U+722C, U+7238, U+7267, U+7272, U+7275, U+72D0, U+72D7, U+72DE, U+72E0-72E1, U+72ED-72EE, U+72F0-72F1, U+73B2, U+73B7, U+73BB, U+73CA, U+73CD, U+751A, U+753B, U+7545, U+7599-759A, U+759F, U+75A4, U+75AB, U+75AE-75AF, U+7686-7687, U+76C6, U+76F2, U+76F9, U+76FC, U+7701, U+7728, U+77E9, U+77FE-77FF, U+7802, U+780C-780D, U+7814, U+7816, U+781A, U+7948, U+79B9, U+79C6, U+79C9, U+79CB, U+79D1, U+7AD6, U+7AFF, U+7C7D, U+7EAF, U+7EB1-7EB2, U+7EB5, U+7EB7-7EBA, U+7EBD, U+7EC5, U+7ECA, U+7ECE, U+7F38, U+7F57, U+800D, U+8010, U+8083, U+80A1-80A2, U+80A5, U+80A9-80AA, U+80AE-80AF, U+80B4, U+80BA, U+80BE-80C1, U+80C3, U+80C6, U+80CE, U+80D6, U+80DA, U+80DE, U+80E1, U+80E7, U+8109, U+820D, U+8270, U+82D1, U+82D4, U+82D7, U+82DB, U+82DE-82DF, U+82E6, U+82F9, U+8301-8302, U+8304-8305, U+8309, U+830E, U+8327, U+832B-832C, U+8335-8336, U+8338, U+8346, U+8349, U+8352, U+8354, U+8361, U+8364, U+8367, U+836B, U+836F, U+864E-8650, U+8679, U+867D-867E, U+8680-8682, U+884D, U+886B-886C, U+89C5, U+8BD7, U+8BDA, U+8BDE, U+8BE1, U+8D24, U+8D27, U+8D29-8D2C, U+8D2E-8D31, U+8D37-8D38, U+8D3B, U+8D75, U+8DB4, U+8F70, U+8F74, U+8FE2, U+8FEA-8FEB, U+8FED, U+8FF9, U+90C1, U+90CA, U+90CE, U+90D1, U+9493, U+9499, U+949D-949E, U+94A0, U+94A6-94A7, U+94A9, U+95F8-95FB, U+95FD, U+9600-9601, U+964B-964C, U+9655, U+96E8, U+9769, U+97ED, U+9877, U+987B, U+98DF, U+9970-9972, U+9975-9976, U+997A, U+997C, U+9999, U+9A73-9A74, U+9A76, U+9A79, U+9A7B-9A7C, U+9A7E, U+9A82, U+9AA8, U+9B3C, U+9C7C, U+9E23, U+9E25-9E26, U+9F7F;
}

/* Common / L2: 500 code points, 82024 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l2-02-b5f4fff593.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E3E, U+4E58, U+4E7E, U+4FEF, U+4FF1, U+4FFA, U+5012, U+5014, U+5018, U+501A, U+501F, U+5021, U+5026, U+503A, U+503E, U+5065, U+515A, U+5179, U+517C, U+51A0, U+51A4-51A5, U+51C4, U+51C9, U+5243, U+5254, U+5256, U+5265, U+5267, U+52D2, U+52D8, U+5319, U+532A, U+533E, U+537F, U+53A2, U+54E6, U+54E8-54E9, U+54ED-54EE, U+54F2, U+54FA, U+54FC, U+5501, U+5506-5507, U+5509, U+5510, U+5520, U+5527, U+552C, U+5531, U+553E, U+5543-5544, U+554A, U+5564-5566, U+556A, U+5570, U+5578, U+5703, U+5792, U+57A6, U+57C2-57C3, U+57CB, U+57E0, U+57F9, U+5802, U+5806, U+5835, U+58F6, U+590F, U+5962, U+59DA, U+59E5, U+59E8, U+59FB, U+5A03, U+5A07, U+5A18, U+5A1C, U+5A1F, U+5A25, U+5A36, U+5A6A, U+5B69, U+5BA3-5BA4, U+5BA6, U+5BAA-5BAB, U+5BB0, U+5BB4-5BB5, U+5BBD-5BBE, U+5C4B, U+5C4E-5C4F, U+5C51, U+5CE8, U+5CED, U+5CFB, U+5D0E, U+5D16, U+5D2D, U+5E2D, U+5EA7, U+5F6A, U+5F6C, U+5F90, U+5F92, U+6012, U+6020, U+6043, U+604B, U+604D, U+6050, U+6052, U+6064, U+6068-6069, U+606C-606D, U+6070, U+6073, U+607C, U+6084, U+608D, U+6094, U+6096, U+609F, U+60A3, U+60A6, U+60AC, U+60AF, U+621A, U+6241, U+6247, U+62FF, U+631A, U+6328, U+632B, U+632F, U+633D, U+6342, U+6345-6346, U+6349, U+634C-6350, U+6355, U+635E, U+6361, U+6363, U+6367, U+6376, U+637A-637B, U+6380, U+6382, U+6389, U+638F-6390, U+6398, U+63A0, U+63A2, U+63A9, U+63B7, U+63BA, U+654C, U+658B, U+65C1, U+65C5, U+65E2, U+663C, U+6643, U+664B-664C, U+6652-6653, U+6655, U+665A, U+6666, U+66F9, U+6717, U+67D2-67D4, U+67F4, U+6813, U+6816-6817, U+6821, U+682A, U+6839, U+683D, U+6842-6843, U+6846, U+684C, U+6850-6851, U+6854, U+6865-6866, U+6868-6869, U+6876, U+6885-6886, U+6897, U+68A2, U+68A6-68A7, U+68AD, U+68B0, U+68B3, U+6B89-6B8A, U+6BB7, U+6BD9, U+6C27-6C28, U+6CF0, U+6D01, U+6D0B, U+6D12, U+6D17, U+6D1B, U+6D25, U+6D2A, U+6D32, U+6D3C-6D3D, U+6D46-6D47, U+6D4A, U+6D51, U+6D53, U+6D59, U+6D66, U+6D69-6D6A, U+6D6E, U+6D74, U+6D78, U+6D82, U+6D8C, U+6D95, U+6D9B, U+6D9D, U+6DA1, U+6DA3-6DA4, U+6DA6-6DA9, U+70AE, U+70B8, U+70BC, U+70C1-70C2, U+70D8-70D9, U+70DB, U+70DF, U+70E4, U+70E6-70E7, U+70EB, U+70ED, U+7109, U+7231, U+7239, U+723D, U+727A, U+72F8, U+72FC, U+73E0, U+7403, U+7405, U+7409, U+7410, U+74F6-74F7, U+7554, U+755C, U+75B2, U+75B9, U+75BC, U+75BE, U+75C5, U+75C7, U+7678, U+76B1, U+76C8, U+76CF-76D0, U+76D4, U+76DB, U+7709, U+7720, U+772F, U+7736, U+7741, U+7830, U+7838, U+783E, U+7845, U+7855, U+795D, U+795F-7960, U+7965, U+7968, U+79D8, U+79DF, U+79E4, U+79E6-79E7, U+79E9, U+79EF, U+7A7F, U+7A83-7A84, U+7A8D, U+7B0B, U+7B11, U+7B14, U+7C89, U+7D0A, U+7D2F, U+7ED2, U+7ED8, U+7EDA, U+7EDE, U+7EE2-7EE3, U+7F62, U+7F94, U+7F9E, U+7FC1, U+7FC5, U+8015, U+8017-8019, U+8038, U+803B, U+803D, U+803F, U+8042, U+8046, U+804B-804C, U+80F0, U+80F3, U+80F6, U+80F8, U+8102, U+810A, U+810F-8111, U+8113, U+81ED, U+8200, U+822C, U+8230-8231, U+8273, U+8377, U+8389, U+83AB, U+83B1-83B2, U+83B9-83BA, U+83BD, U+83C7, U+83CA, U+83CC, U+83DC, U+83E0, U+83E9, U+83F1-83F2, U+8404, U+840C-840E, U+841D, U+8424, U+8427, U+8651, U+868A, U+868C, U+8693, U+8695, U+86A3-86A4, U+86AA, U+86AF, U+86C0, U+86C7, U+8870, U+8877, U+8881, U+8884, U+888D, U+8896, U+889C, U+88AD, U+89C9, U+8BEB-8BED, U+8BF1-8BF2, U+8BF5, U+8BF8, U+8BFD-8BFE, U+8C01, U+8C05-8C06, U+8C08, U+8C0A, U+8C79-8C7A, U+8D3A, U+8D3C, U+8D3E-8D3F, U+8D41-8D43, U+8D66, U+8D76, U+8DBE, U+8DC3, U+8DDD, U+8EAC, U+8F7F, U+8F86, U+8FB1, U+9006, U+900A, U+900F-9010, U+9012, U+901B, U+901D-901E, U+9022, U+903B, U+90ED, U+9102, U+914C, U+9152, U+9157, U+915D, U+94B1, U+94B3, U+94BE, U+94C3, U+94C5, U+9661, U+9668, U+966A, U+9675-9677, U+96BE, U+96C0, U+96EA, U+987D-987E, U+9881-9882, U+9885, U+997F, U+9981, U+9A84, U+9A86-9A87, U+9A8F, U+9E2D, U+9E2F, U+9E33, U+9E35;
}

/* Common / L3: 500 code points, 90616 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l3-01-e734190b91.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5047, U+504E, U+505A, U+5076, U+5085, U+508D, U+515C, U+517D, U+51D1, U+51F0, U+51FF, U+5272, U+52DF, U+52E4, U+535A, U+53A6, U+53A8, U+557C, U+5582, U+5587, U+5589-558A, U+5598, U+559C-559D, U+55A7, U+55B3, U+55B7, U+55BB, U+55C5, U+55DC, U+55E1, U+55E6, U+5708, U+5815, U+5821, U+5824, U+582A, U+5830, U+584C, U+5858, U+5893, U+58F9, U+591F, U+5960, U+5965, U+5A46, U+5A49, U+5A5A, U+5A74, U+5A76, U+5A7F, U+5A92, U+5A9A, U+5AC2, U+5BBF, U+5BC2, U+5BC4-5BC5, U+5BC7, U+5BCC, U+5BD2-5BD3, U+5C09-5C0A, U+5C31, U+5C34, U+5C60-5C61, U+5D07, U+5D14, U+5D1B, U+5D29, U+5D4C, U+5E37, U+5E3D, U+5E55, U+5EB5-5EB8, U+5ECA, U+5F6D, U+5F98-5F99, U+6089, U+60A0, U+60B2, U+60B4, U+60BC, U+60CA-60CB, U+60D1, U+60D5, U+60DC, U+60DF-60E0, U+60E6-60E9, U+60EB, U+60ED, U+60EF-60F0, U+60F6, U+60F9, U+6109, U+6115, U+611A, U+6123-6124, U+6127, U+614C, U+6168, U+63B0, U+63C9, U+63CD, U+63E3, U+63E9-63EA, U+63ED, U+63F4, U+63FD, U+6400-6402, U+6405, U+640F, U+6413-6414, U+641E, U+642C-642D, U+643A, U+6444, U+6446-6447, U+644A, U+6478, U+655B, U+655E, U+6562, U+6566, U+656C, U+658C, U+6591, U+659C, U+659F, U+65CB, U+65CF, U+6674, U+667A, U+667E, U+6687, U+6691, U+6696, U+66FE, U+671D, U+6881, U+68A8, U+68C9, U+68CB, U+68CD, U+68D2, U+68D5, U+68D8, U+68DA, U+68E0, U+68EE, U+68F5, U+68FA, U+6905, U+690D-690E, U+6912, U+692D, U+6930, U+693F, U+695A, U+6977, U+697C, U+6984, U+6986, U+6994, U+69D0, U+6B32, U+6B3A, U+6B47, U+6B96, U+6BEB, U+6BEF, U+6C2E-6C2F, U+6DAE, U+6DB2, U+6DB5, U+6DC0, U+6DC6, U+6DCB-6DCC, U+6DD1, U+6DD8, U+6DE1, U+6DE4, U+6DEB, U+6DEE, U+6DF3, U+6DF7, U+6DF9, U+6E0A, U+6E10, U+6E14, U+6E17, U+6E1D, U+6E21, U+6E23-6E24, U+6E29, U+6E2F, U+6E32, U+6E34, U+6E3A, U+6E43, U+6E56, U+6E58, U+6E7E-6E7F, U+6E83, U+6E85, U+6E89, U+6ECB, U+6EDE, U+70F9, U+710A, U+7115, U+711A, U+7126, U+7130, U+716E, U+7280-7281, U+730E, U+7316, U+731B-731C, U+7329-732C, U+732E, U+7334, U+733E, U+7422, U+7433-7434, U+743C, U+7459, U+751C, U+7525, U+756A, U+7574, U+7578, U+758F, U+75CA, U+75D2, U+75D8, U+75DB, U+75E2, U+75EA, U+7693, U+7696, U+76D2, U+76D7, U+7737, U+7740, U+7750, U+775B, U+7761, U+7763, U+7766, U+776B-776C, U+7779, U+7784, U+77EB, U+785D, U+786B-786C, U+788C-788E, U+7891, U+7897-7898, U+78B0, U+796D, U+7977-7978, U+7984-7985, U+79BD, U+79F8, U+79FD, U+7A00, U+7A0E, U+7A91-7A92, U+7A96, U+7A98, U+7A9C-7A9D, U+7ADF, U+7AE3, U+7B19, U+7B1B, U+7B28, U+7B3C, U+7B4B, U+7B4F-7B52, U+7B5D, U+7C92, U+7C97, U+7C9F, U+7CA4-7CA5, U+7CAA, U+7D2B, U+7D6E, U+7EEA, U+7EF0, U+7EF3, U+7EF5, U+7EF7-7EF8, U+7EFD, U+7EFF-7F00, U+7F05-7F06, U+7F09, U+7F0E, U+7F14-7F15, U+7F18, U+7F9A, U+7FA1, U+7FD4, U+7FD8, U+8058, U+8086, U+8116, U+812F, U+8131, U+8138, U+813E, U+814A-814B, U+8154-8155, U+8212, U+8235-8236, U+8239, U+8247, U+843D, U+845B, U+8461, U+8463, U+846B-846C, U+8471, U+8475, U+8482, U+848B, U+8499, U+849C, U+84B2, U+84B8, U+84C4, U+84C9, U+84EC, U+86CB, U+86D9, U+86DB, U+86E4, U+86EE, U+86FE, U+8702, U+8708, U+8712-8713, U+8715, U+8717, U+8845, U+8854, U+8857, U+888B, U+88B1, U+88C2, U+88D5, U+88D9, U+88E4, U+8C0B, U+8C0D-8C0E, U+8C10, U+8C13, U+8C1A, U+8C1C, U+8C23-8C24, U+8C26, U+8C5A, U+8D4B-8D4C, U+8D4E-8D50, U+8D56, U+8D81, U+8DCB-8DCC, U+8DDB, U+8DE4, U+8DE8, U+8DEA, U+8DF7, U+8DFA, U+8EAF, U+8F88-8F89, U+8F90, U+8F9C, U+902E, U+9038, U+903C, U+903E, U+9042, U+904D, U+904F, U+9063, U+9119, U+9163, U+9165, U+916A, U+916C, U+9274, U+94D0, U+94DB, U+94DD, U+94F2, U+94F8, U+94FA, U+9501, U+9504-9505, U+9508, U+950C, U+960E, U+9610, U+9614, U+9685-9686, U+968B, U+9698-9699, U+96C1, U+96C5, U+96C7, U+96F3, U+96F6, U+96F9, U+96FE, U+9774, U+9776, U+97E9, U+9887-9888, U+988A, U+9985-9986, U+998B, U+9A91, U+9A97, U+9C81, U+9E3D, U+9E3F, U+9E43, U+9E45, U+9E49-9E4A, U+9E7F, U+9EBB, U+9F0E, U+9F13, U+9F84;
}

/* Common / L3: 500 code points, 107452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/common-l3-02-b663211b3d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+50AC, U+50BB, U+50DA, U+50E7, U+50F5, U+50FB, U+5112, U+5162, U+5180, U+51DB, U+51DD, U+51F3, U+527F, U+5288, U+53E0, U+55D3, U+55FD, U+5600, U+5609, U+561B, U+5631-5632, U+5634, U+5636, U+5639, U+563B, U+563F, U+5669-566A, U+568E, U+56A3, U+56B7, U+56BC, U+56CA, U+5851, U+5885, U+589F, U+58A8-58A9, U+58C1, U+58E4, U+5AB3, U+5AC1, U+5AC9, U+5AE9, U+5B75, U+5B7D, U+5BDD-5BDE, U+5BE1, U+5BE5, U+5BE8, U+5DCD, U+5E4C, U+5E62, U+5EC9, U+5ED3, U+5F0A, U+5F70, U+5FBD, U+6101, U+6108, U+613F, U+6148, U+6155, U+6162, U+6167, U+6170, U+6177, U+618B, U+618E, U+6194, U+61A8, U+61BE, U+61C2, U+61C8, U+61CA, U+61D2, U+61E6, U+6233-6234, U+6454, U+6458, U+6467, U+6469, U+6479, U+6487, U+6491-6492, U+6495, U+649E, U+64A4, U+64A9, U+64AC, U+64AE, U+64B0, U+64B5, U+64BC, U+64C2, U+64C5, U+64D2, U+64E6, U+6500, U+6572, U+6577, U+65D7, U+66AE, U+66D9, U+66DD, U+6726, U+6995, U+69A8, U+69B4, U+69DB, U+69FD, U+6A1F, U+6A2A, U+6A31, U+6A44, U+6A58-6A59, U+6A61, U+6A71, U+6A80, U+6A90, U+6AAC, U+6B49, U+6B4C, U+6BBF, U+6BC1, U+6BC5, U+6E9C, U+6EA2, U+6EAA, U+6EAF, U+6EB6, U+6EBA, U+6EC7, U+6ED4, U+6EE4, U+6EE8-6EE9, U+6EF4, U+6F02, U+6F06, U+6F13-6F14, U+6F20, U+6F2B, U+6F31, U+6F3E, U+6F47, U+6F58, U+6F5C, U+6F6D-6F6E, U+6F84, U+6F88, U+6F8E, U+6F9C, U+6FA1, U+6FB3, U+6FC0, U+6FD2, U+7011, U+704C, U+714C, U+714E, U+715E, U+7164, U+717D, U+7184, U+718A, U+718F, U+7194, U+7199, U+71AC, U+71C3, U+71D5, U+71E5, U+7206, U+733F, U+7483, U+74A7, U+74E2-74E4, U+7586, U+7591, U+75F0, U+75F4, U+75F9, U+761F, U+7624, U+7626, U+7629-762B, U+7638, U+763E, U+764C, U+7663, U+7785, U+778E, U+7792, U+77A7, U+77A9-77AA, U+77AC-77AD, U+77B3, U+77BB, U+77D7, U+77EE, U+789F, U+78A7, U+78B1, U+78B3, U+78BE, U+78C1, U+78C5, U+78CA, U+78D5, U+78E8, U+78F7, U+7901, U+7980, U+798F, U+7A1A, U+7A20, U+7A3B-7A3D, U+7A3F, U+7A46, U+7A57, U+7A9F, U+7AA5, U+7ABF, U+7AED, U+7B77, U+7B79, U+7B80, U+7B95, U+7BA9, U+7BAB, U+7BAD, U+7BD3, U+7BE1, U+7BEE, U+7BF1, U+7BF7, U+7C07, U+7C27, U+7C38, U+7C3F, U+7C4D, U+7CAE, U+7CB1, U+7CB9, U+7CCA, U+7CD5-7CD6, U+7CD9, U+7CDF-7CE0, U+7CEF, U+7F1A, U+7F1D, U+7F20, U+7F24, U+7F2D, U+7F30, U+7F34, U+7F50, U+7F69-7F6A, U+7F72, U+7FB9, U+7FE9, U+7FF0, U+7FFB-7FFC, U+806A, U+8087, U+8150, U+8165, U+816E, U+8170, U+8179-817B, U+817E-8180, U+818A, U+818F, U+819B-819D, U+81A8, U+81C0, U+81C2, U+81CA, U+8205-8206, U+8214, U+821E, U+8258, U+8511, U+8513, U+8517, U+851A, U+8521, U+852C, U+853C-853D, U+8549-854A, U+8574, U+857E, U+8584, U+8587, U+859B, U+85AA, U+85AF, U+85C9, U+85D0, U+85D5, U+85E4, U+85FB, U+8611, U+8700, U+8718, U+871C, U+8721, U+873B, U+8747, U+8749, U+874C, U+874E, U+8757, U+8759, U+8760, U+8774, U+8776, U+8783, U+878D, U+87BA, U+87C0, U+87C6, U+87CB, U+87F9, U+8815, U+8822, U+8859, U+88F3, U+88F8-88F9, U+8902, U+8910, U+8912, U+8925, U+892A, U+895F, U+8A89-8A8A, U+8A93, U+8B6C, U+8C28, U+8C2C-8C2D, U+8C31, U+8C34, U+8C41, U+8C4C, U+8C6A-8C6B, U+8C8C, U+8D58, U+8D5A, U+8D61-8D63, U+8D6B, U+8D9F, U+8DA3, U+8E0A, U+8E0F, U+8E22, U+8E29, U+8E31, U+8E42, U+8E44, U+8E48, U+8E4B, U+8E66, U+8E6C-8E6D, U+8E72, U+8E81, U+8E8F, U+8EB2, U+8EBA, U+8F97, U+8F99, U+8F9E-8F9F, U+8FA3, U+8FA8-8FA9, U+8FAB, U+9065, U+906D-906E, U+9171, U+9175, U+9177-9178, U+917F, U+9187, U+9189, U+918B, U+9192, U+951A, U+9521, U+9523-9525, U+952F-9530, U+9539, U+953B, U+9540, U+9547, U+9550-9551, U+955C, U+9570, U+9576, U+96A7, U+96CC, U+96CF, U+96D5, U+9704, U+9707, U+9709, U+970D-970E, U+971C, U+971E, U+9732, U+9738-9739, U+9756, U+9759, U+9760-9761, U+978D, U+97A0, U+97AD, U+97F5, U+9893, U+9896-9897, U+989C, U+98A0, U+98A4, U+98D8, U+998D, U+998F, U+9992, U+99A8, U+9AA1, U+9AA4, U+9AD3, U+9B13, U+9B41, U+9B44-9B45, U+9B4F, U+9C8D, U+9C9C, U+9CA4, U+9CA8, U+9CAB, U+9CB8, U+9CC4, U+9CCD, U+9CD6, U+9CDE, U+9E4F, U+9E64, U+9E66, U+9E70, U+9ECE, U+9ED4, U+9EEF, U+9F20, U+9F3B;
}

/* Rare: 200 code points, 6848 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-001-3e0e96008a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+00A0-0167;
}

/* Rare: 200 code points, 7792 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-002-5504339daf.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0168-017F, U+018F, U+0192, U+01A0-01A1, U+01AF-01B0, U+01CD-01DC, U+01E5, U+01E7, U+01E9, U+01EF-01F0, U+01F9-01FF, U+0218-021B, U+021F, U+0232-0233, U+0237, U+0251, U+0259, U+0261, U+0292, U+02BC, U+02C6-02C7, U+02C9-02CB, U+02D8-02DD, U+02F3, U+0300-0304, U+0306-030C, U+030F, U+0312, U+031B, U+0323, U+0326-0329, U+0334-0335, U+0337-0338, U+0374-0375, U+037E, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03CE, U+03D1-03D4, U+03D6, U+0400-040C;
}

/* Rare: 200 code points, 7980 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-003-0eb8a5db1e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+040D-045F, U+0462-0463, U+046A-046B, U+0472-0475, U+0490-049D, U+04A0-04A5, U+04AA-04AB, U+04AE-04B3, U+04B6-04BB, U+04C0, U+04C3-04C4, U+04C7-04C8, U+04CA, U+04D0-04D3, U+04D6-04DF, U+04E2-04EB, U+04EE-04F5, U+04F8-04F9, U+0E3F, U+1E00-1E03, U+1E0A-1E0B, U+1E1E-1E1F, U+1E3E-1E41, U+1E56-1E57, U+1E6A-1E6B, U+1E80-1E85, U+1E9E, U+1EA0-1EAA;
}

/* Rare: 200 code points, 7768 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-004-e0603f3a24.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+1EAB-1EF9, U+1F4D, U+1FDE, U+2002-200A, U+2010-2022, U+2025-2027, U+2030-2037, U+2039-203A, U+203C, U+2042-2044, U+2047-2049, U+204E, U+2051-2052, U+2055, U+2070, U+2074-208E, U+20A1-20A4, U+20A6-20AE, U+20B1-20B2, U+20B4-20B5, U+20B8-20BA, U+20BC-20BD, U+20BF, U+2103, U+2105, U+2109, U+2113-2114, U+2116-2117, U+211E, U+2120-2122, U+2126, U+212E, U+2153-2155;
}

/* Rare: 200 code points, 5484 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-005-d3e2654898.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2156-2179, U+2180-2182, U+2190-2193, U+2196-2199, U+21C4, U+2202, U+2205-2206, U+2208, U+220F, U+2211-2212, U+2215, U+221A, U+221D-2220, U+2223, U+2225, U+2227-222B, U+222E, U+2234-2237, U+223D, U+2248, U+224C, U+2252, U+2260-2261, U+2264-2267, U+226E-226F, U+2295, U+2299, U+22A5, U+22BF, U+2500-254B, U+2550-2572;
}

/* Rare: 200 code points, 13656 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-006-c4d1aa7a64.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2573, U+2581-258F, U+2593-2595, U+25A0-25A1, U+25B2-25B3, U+25BC-25BD, U+25C6-25C7, U+25CA-25CB, U+25CE-25CF, U+25E2-25E5, U+2605-2606, U+2609, U+2640, U+2642, U+2713, U+2715, U+275B-275E, U+2780-2788, U+278A-2792, U+27E8-27E9, U+2E81, U+2E84, U+2E88, U+2E8B-2E8C, U+2E97, U+2EA7, U+2EAA, U+2EAE, U+2EB3, U+2EB6-2EB7, U+2EBB, U+2ECA, U+2FF0-2FFB, U+3000-3003, U+3005, U+3007-3017, U+301D-301E, U+30FB, U+3105-3129, U+3231, U+32A3, U+338E-338F, U+339C-339E, U+33A1, U+33C4, U+33CE, U+33D1-33D2, U+33D5, U+3400-3420;
}

/* Rare: 200 code points, 34212 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-007-ff60e181aa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3421-34E8;
}

/* Rare: 200 code points, 32344 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-008-156caad796.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+34E9-35B0;
}

/* Rare: 200 code points, 37068 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-009-af849ae4d0.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+35B1-3678;
}

/* Rare: 200 code points, 40452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-010-d146661b44.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3679-3740;
}

/* Rare: 200 code points, 31912 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-011-9905379611.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3741-3808;
}

/* Rare: 200 code points, 37464 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-012-55310ec3ff.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3809-38D0;
}

/* Rare: 200 code points, 39840 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-013-e6078ae2a8.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+38D1-3998;
}

/* Rare: 200 code points, 42512 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-014-43a514ee77.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3999-3A60;
}

/* Rare: 200 code points, 37092 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-015-080118a835.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3A61-3B28;
}

/* Rare: 200 code points, 40476 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-016-59148c8e7d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3B29-3BF0;
}

/* Rare: 200 code points, 45988 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-017-5a84b5fff7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3BF1-3CB8;
}

/* Rare: 200 code points, 43296 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-018-97a1faeadc.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3CB9-3D80;
}

/* Rare: 200 code points, 45708 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-019-e87aa84539.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3D81-3E48;
}

/* Rare: 200 code points, 41828 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-020-0053d8e783.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3E49-3F10;
}

/* Rare: 200 code points, 44152 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-021-bd76094453.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3F11-3FD8;
}

/* Rare: 200 code points, 35968 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-022-ac67276dc1.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+3FD9-40A0;
}

/* Rare: 200 code points, 40116 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-023-f6e8313a67.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+40A1-4168;
}

/* Rare: 200 code points, 45604 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-024-5ea65f6e35.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4169-4230;
}

/* Rare: 200 code points, 53520 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-025-ff4594fc9e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4231-42F8;
}

/* Rare: 200 code points, 49556 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-026-47f420fda2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+42F9-43C0;
}

/* Rare: 200 code points, 41128 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-027-98c4b946fa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+43C1-4488;
}

/* Rare: 200 code points, 32792 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-028-7510f61535.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4489-4550;
}

/* Rare: 200 code points, 48724 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-029-9fcab0fd70.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4551-4618;
}

/* Rare: 200 code points, 42540 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-030-201526cacc.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4619-46E0;
}

/* Rare: 200 code points, 44160 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-031-a2acdfa8df.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+46E1-47A8;
}

/* Rare: 200 code points, 39744 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-032-91890132b9.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+47A9-4870;
}

/* Rare: 200 code points, 41452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-033-87a5dce37f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4871-4938;
}

/* Rare: 200 code points, 44772 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-034-154a87751f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4939-4A00;
}

/* Rare: 200 code points, 39568 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-035-84a1ec1a16.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4A01-4AC8;
}

/* Rare: 200 code points, 52016 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-036-720f553f2c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4AC9-4B90;
}

/* Rare: 200 code points, 51352 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-037-f20ace9b58.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4B91-4C58;
}

/* Rare: 200 code points, 56956 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-038-3ec0ea1d4a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4C59-4D20;
}

/* Rare: 200 code points, 48156 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-039-4039f5afac.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4D21-4DB5, U+4E02, U+4E04-4E06, U+4E0C, U+4E0F, U+4E12, U+4E15, U+4E17, U+4E1E-4E21, U+4E23, U+4E26, U+4E28-4E29, U+4E2C, U+4E2E-4E2F, U+4E31, U+4E33, U+4E35-4E37, U+4E3C, U+4E3F-4E42, U+4E44, U+4E46-4E47, U+4E4A, U+4E51, U+4E55, U+4E57, U+4E5A-4E5C, U+4E62-4E65, U+4E67-4E6D;
}

/* Rare: 200 code points, 25340 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-040-882a1fe549.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4E6E-4E6F, U+4E72, U+4E74-4E7D, U+4E7F-4E85, U+4E87, U+4E8A, U+4E8D, U+4E90, U+4E93, U+4E96-4E99, U+4E9C-4EA0, U+4EA3, U+4EA8, U+4EAA, U+4EAF-4EB1, U+4EB3-4EB9, U+4EBB-4EBE, U+4EC2-4EC4, U+4EC8-4EC9, U+4ECC, U+4ECF-4ED0, U+4ED2, U+4ED5, U+4EDA-4EE2, U+4EE6-4EE9, U+4EEB, U+4EED-4EEF, U+4EF1, U+4EF3-4EF5, U+4EF8-4EFA, U+4EFC, U+4EFE, U+4F00, U+4F02-4F09, U+4F0B-4F0C, U+4F0E, U+4F12-4F16, U+4F1B-4F1D, U+4F21-4F23, U+4F25, U+4F27-4F29, U+4F2B-4F2E, U+4F31-4F33, U+4F35, U+4F37, U+4F39, U+4F3B, U+4F3D-4F42, U+4F44-4F45, U+4F47-4F4C, U+4F52, U+4F54, U+4F56-4F58, U+4F5A, U+4F5D-4F5F, U+4F61-4F62, U+4F64-4F68, U+4F6A-4F72, U+4F74-4F7E, U+4F80-4F83, U+4F85-4F87, U+4F89-4F8A, U+4F8C, U+4F8E-4F9A, U+4F9C, U+4F9E;
}

/* Rare: 200 code points, 30876 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-041-f1a2bbdfc5.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+4F9F, U+4FA1-4FA2, U+4FA4, U+4FA9-4FAD, U+4FB0-4FB4, U+4FB6-4FBE, U+4FC0-4FC2, U+4FC5-4FC9, U+4FCB-4FCE, U+4FD1-4FD6, U+4FD9-4FDC, U+4FDE-4FE0, U+4FE2-4FE8, U+4FEA-4FEC, U+4FF0, U+4FF2-4FF9, U+4FFB-500C, U+500E-5011, U+5013, U+5015-5017, U+501B-501E, U+5020, U+5022-5025, U+5027-5039, U+503B, U+503D, U+503F-5046, U+5048-504D, U+5050-5059, U+505B, U+505D-5064, U+5066-5075, U+5078-507E, U+5080-5084, U+5086-508C, U+508E-5096;
}

/* Rare: 200 code points, 40872 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-042-3952313715.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5097-50A7, U+50A9-50AB, U+50AD-50B1, U+50B3-50BA, U+50BC-50CE, U+50D0-50D9, U+50DB-50E6, U+50E8-50F4, U+50F6-50FA, U+50FC-5111, U+5113-513E, U+5140, U+5142, U+5147, U+514A, U+514C, U+514E-5150, U+5152-5153, U+5155-5159, U+515B, U+515D-5161, U+5163-5164, U+5166-5167, U+5169-516A, U+516E-516F, U+5172, U+517A, U+517E-517F, U+5181-5184, U+5186-5187, U+518A-518B, U+518E;
}

/* Rare: 200 code points, 32452 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-043-962a5e81b7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+518F-5191, U+5193-5196, U+5198, U+519A, U+519D-519F, U+51A1-51A3, U+51A6-51AB, U+51AD-51AE, U+51B1, U+51B4, U+51B8-51BA, U+51BC-51BF, U+51C1-51C3, U+51C5, U+51C7-51C8, U+51CA-51CB, U+51CD-51CE, U+51D0, U+51D2-51DA, U+51DC, U+51DE-51DF, U+51E2-51E3, U+51E5-51EC, U+51EE, U+51F1-51F2, U+51F4-51F5, U+51F7, U+51FC, U+51FE, U+5202, U+5204-5205, U+5208-5209, U+520B-5210, U+5213-5216, U+521C, U+521E-521F, U+5221-5223, U+5225-5227, U+522A, U+522C-522D, U+522F, U+5231-5235, U+523C-5241, U+5244-5249, U+524B-524C, U+524E-5250, U+5252-5253, U+5255, U+5257-5264, U+5266, U+5268, U+526B-526E, U+5270-5271, U+5273-527E, U+5280-5287, U+5289-529A, U+529C, U+52A2, U+52A4-52A7, U+52AC-52B0, U+52B4-52B6;
}

/* Rare: 200 code points, 33296 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-044-30bda7941a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+52B7-52BE, U+52C0-52C2, U+52C4-52C6, U+52C8, U+52CA, U+52CC-52D1, U+52D3-52D7, U+52D9-52DE, U+52E0-52E3, U+52E5-52F9, U+52FB-52FD, U+5301-5304, U+5307, U+5309-5314, U+5318, U+531A-531F, U+5321-5322, U+5324-5329, U+532B-5338, U+533C-533D, U+5340, U+5342, U+5344-5346, U+534B-534D, U+5350, U+5354, U+5358-5359, U+535B, U+535D-535F, U+5363, U+5365, U+5368-536A, U+536C-536E, U+5372, U+5376, U+5379-537E, U+5380-5381, U+5383-5384, U+5387-5388, U+538A, U+538D-5394, U+5396-5397, U+5399, U+539B-539E, U+53A0-53A1, U+53A3-53A5, U+53A7, U+53A9-53BA, U+53BC-53BE, U+53C0, U+53C3-53C7, U+53CE-53D0, U+53D2;
}

/* Rare: 200 code points, 23212 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-045-9426909e68.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+53D3, U+53D5, U+53DA, U+53DC-53DF, U+53E1-53E2, U+53E7, U+53F1, U+53F4-53F5, U+53FA-53FB, U+53FE-5400, U+5402, U+5405, U+5407, U+540B, U+5412, U+5414, U+5416, U+5418-541A, U+541C, U+5421-5425, U+542A, U+5430, U+5432-5433, U+5436-5437, U+543A, U+543D, U+543F, U+5441-5445, U+5447, U+5449, U+544B-544F, U+5451-5454, U+5456-5457, U+5459-545A, U+545D-5461, U+5463-5467, U+5469-5472, U+5474, U+5476-547A, U+547E-5483, U+5485-548A, U+548D-548E, U+5491, U+5493-5494, U+5497-5498, U+549A-54A6, U+54A9, U+54AB, U+54AD-54B0, U+54B2, U+54B4-54B7, U+54B9-54BC, U+54BE-54BF, U+54C2-54C3, U+54C5, U+54CA-54CC, U+54CF-54D0, U+54D2-54D6, U+54D8-54DE, U+54E0-54E4, U+54E7, U+54EB-54EC, U+54EF-54F1, U+54F3-54F9, U+54FB, U+54FD-5500, U+5502-5505, U+5508, U+550A-550F, U+5511-5518;
}

/* Rare: 200 code points, 30188 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-046-481951264f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5519-551F, U+5521-5523, U+5525-5526, U+5528-552B, U+552D, U+5530, U+5532-553D, U+553F-5542, U+5545, U+5547-5549, U+554B-5560, U+5562-5563, U+5567-5569, U+556B-556F, U+5571-5577, U+5579-557B, U+557D-5581, U+5583, U+5585-5586, U+5588, U+558B-5597, U+5599-559B, U+559E-55A6, U+55A8-55B2, U+55B4-55B6, U+55B8-55BA, U+55BC-55C4, U+55C6-55D2, U+55D4-55DB, U+55DD-55E0, U+55E2-55E5, U+55E7-55FC, U+55FE-55FF, U+5601-5607;
}

/* Rare: 200 code points, 39980 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-047-a972115007.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5608, U+560A-561A, U+561C-5630, U+5633, U+5635, U+5637-5638, U+563A, U+563C-563E, U+5640-5667, U+566B-568D, U+568F-56A2, U+56A4-56B6, U+56B8-56BB, U+56BD-56C9, U+56CB-56D9, U+56DC-56DD, U+56DF, U+56E1, U+56E3, U+56E5-56E6;
}

/* Rare: 200 code points, 26312 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-048-2d6968303c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+56E7-56EC, U+56EE-56EF, U+56F2-56F3, U+56F5-56F9, U+56FB-56FC, U+56FF-5702, U+5704-5705, U+5707, U+5709-571E, U+5720-5722, U+5724-5727, U+5729-572F, U+5731-5739, U+573B-573D, U+573F, U+5741-5746, U+5748-5749, U+574B-574D, U+5752-5756, U+5758-5759, U+575C, U+575E, U+5762-5763, U+5765, U+5767-5769, U+576B-576E, U+5770-5776, U+5778-5781, U+5785-578A, U+578C-5791, U+5793-579A, U+579C-57A1, U+57A3-57A5, U+57A7-57AA, U+57AC-57AD, U+57AF-57C1, U+57C4-57CA, U+57CC-57CD, U+57CF-57DE, U+57E1;
}

/* Rare: 200 code points, 35508 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-049-025813988b.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+57E2-57F8, U+57FB-5801, U+5803-5805, U+5807-5814, U+5816-5820, U+5822-5823, U+5825-5829, U+582B-582F, U+5831-5834, U+5836-584B, U+584D-5850, U+5852-5853, U+5855-5857, U+5859-585D, U+585F-586A, U+586C-5882, U+5884, U+5886-5892, U+5894-5898, U+589A-589D, U+58A0-58A7, U+58AA-58C0, U+58C2;
}

/* Rare: 200 code points, 34668 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-050-047cbbb9d2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+58C3-58E3, U+58E5-58EA, U+58ED, U+58EF, U+58F1-58F2, U+58F4-58F5, U+58F7-58F8, U+58FA-5903, U+5905-5906, U+5908-590C, U+590E, U+5910-5914, U+5917-5919, U+591B, U+591D-591E, U+5920-5926, U+5928, U+592C, U+5930, U+5932-5933, U+5935-5936, U+593B-5946, U+594A, U+594C-594E, U+5950, U+5952-5953, U+5955, U+5958-595F, U+5961, U+5963-5964, U+5966-5972, U+5975, U+5977, U+597A-597C, U+597E-5981, U+5985, U+5989-5991, U+5994-5995, U+5997-5998, U+599A-59A4, U+59A6-59A7, U+59A9-59AD, U+59AF-59B8, U+59BA, U+59BC-59C5, U+59C7-59C9, U+59CC;
}

/* Rare: 200 code points, 36844 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-051-77cc6ebf2a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+59CD-59CF, U+59D2, U+59D5-59D9, U+59DB, U+59DD-59E4, U+59E6-59E7, U+59E9-59FA, U+59FC-59FE, U+5A00, U+5A02, U+5A05-5A06, U+5A08-5A17, U+5A19-5A1B, U+5A1D-5A1E, U+5A20-5A24, U+5A26-5A30, U+5A32-5A35, U+5A37-5A45, U+5A47-5A48, U+5A4A-5A59, U+5A5B-5A69, U+5A6B-5A73, U+5A75, U+5A77-5A7E, U+5A80-5A91, U+5A93-5A99, U+5A9B-5AB1;
}

/* Rare: 200 code points, 45848 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-052-b562a366cd.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5AB2, U+5AB4-5AC0, U+5AC3-5AC8, U+5ACA-5ACB, U+5ACD-5AE8, U+5AEA-5B4F, U+5B51-5B53, U+5B56, U+5B5A-5B5C, U+5B5E, U+5B60-5B62, U+5B65, U+5B67-5B68, U+5B6A-5B74, U+5B76-5B7C, U+5B7E-5B80, U+5B82, U+5B84, U+5B86, U+5B8A, U+5B8D-5B8E, U+5B90-5B96;
}

/* Rare: 200 code points, 30532 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-053-a57d090ca7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5B9F, U+5BA5, U+5BA7-5BA9, U+5BAC-5BAF, U+5BB1-5BB2, U+5BB7-5BB8, U+5BBA-5BBC, U+5BC0-5BC1, U+5BC3, U+5BC8-5BCB, U+5BCD-5BD1, U+5BD4-5BDC, U+5BE0, U+5BE2-5BE4, U+5BE6-5BE7, U+5BE9-5BF7, U+5BFD-5BFE, U+5C00, U+5C02-5C03, U+5C05, U+5C07-5C08, U+5C0B-5C0E, U+5C10, U+5C12-5C13, U+5C15, U+5C17, U+5C19, U+5C1B-5C1C, U+5C1E-5C23, U+5C25-5C26, U+5C28-5C2B, U+5C2D-5C30, U+5C32-5C33, U+5C35-5C37, U+5C39, U+5C3B, U+5C43-5C44, U+5C46-5C47, U+5C4C-5C4D, U+5C50, U+5C52-5C54, U+5C56-5C5D, U+5C5F, U+5C62-5C64, U+5C66-5C6E, U+5C70, U+5C72-5C78, U+5C7A-5C7E, U+5C80, U+5C83-5C93, U+5C95, U+5C98-5C9A, U+5C9C-5CA8, U+5CAA-5CAC, U+5CAE-5CB2, U+5CB4-5CB7, U+5CB9-5CC0;
}

/* Rare: 200 code points, 30756 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-054-7087190da3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5CC1-5CE0, U+5CE2-5CE5, U+5CE7, U+5CE9-5CEC, U+5CEE-5CEF, U+5CF1-5CFA, U+5CFC-5D06, U+5D08-5D0D, U+5D0F-5D13, U+5D15, U+5D17-5D1A, U+5D1C-5D28, U+5D2A-5D2C, U+5D2E-5D4B, U+5D4D-5D96;
}

/* Rare: 200 code points, 38376 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-055-5e6fff6b78.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5D97-5DC4, U+5DC6-5DCC, U+5DCE-5DDC, U+5DDF-5DE0, U+5DE3-5DE4, U+5DEA, U+5DEC-5DED, U+5DEF-5DF0, U+5DF5-5DF6, U+5DF8-5DFD, U+5DFF-5E00, U+5E04, U+5E07, U+5E09-5E0B, U+5E0D-5E0F, U+5E11-5E14, U+5E17, U+5E19, U+5E1B, U+5E1E-5E25, U+5E27-5E2C, U+5E2F-5E36, U+5E39-5E3C, U+5E3E-5E44, U+5E46-5E4B, U+5E4D-5E54, U+5E56-5E61, U+5E63-5E71, U+5E75, U+5E77, U+5E79-5E7A, U+5E7E, U+5E80-5E83, U+5E85, U+5E88-5E89, U+5E8B-5E8E, U+5E91-5E92, U+5E96, U+5E98, U+5E9B, U+5E9D, U+5EA0-5EA1;
}

/* Rare: 200 code points, 36192 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-056-481a9639e7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5EA2-5EA5, U+5EA8-5EAC, U+5EAE-5EB4, U+5EB9-5EC8, U+5ECB-5ED2, U+5ED4-5EF5, U+5EF8-5EF9, U+5EFB-5EFF, U+5F01, U+5F05-5F09, U+5F0B-5F0E, U+5F10-5F12, U+5F14, U+5F16, U+5F19-5F1A, U+5F1C-5F1E, U+5F21-5F24, U+5F28-5F2E, U+5F30, U+5F32-5F38, U+5F3B-5F51, U+5F54, U+5F56-5F61, U+5F63, U+5F65-5F68, U+5F6B, U+5F6E-5F6F, U+5F72-5F78, U+5F7A, U+5F7D-5F7F, U+5F82-5F83, U+5F86-5F87, U+5F89, U+5F8C-5F8F, U+5F91, U+5F93-5F96, U+5F9A-5FA0, U+5FA2-5FA5;
}

/* Rare: 200 code points, 34236 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-057-5fd9bb6348.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+5FA6-5FA9, U+5FAB-5FAD, U+5FAF-5FB6, U+5FB8-5FBC, U+5FBE-5FC2, U+5FC4, U+5FC7-5FCB, U+5FCE-5FD6, U+5FDA-5FDF, U+5FE1-5FE6, U+5FE8-5FEA, U+5FEC-5FF0, U+5FF2-5FF4, U+5FF6-5FFC, U+5FFE, U+6002-600D, U+600F-6011, U+6013, U+6017-601B, U+601E-601F, U+6022-6024, U+6026, U+6029, U+602B-602E, U+6030-603A, U+603C-6042, U+6044-604A, U+604C, U+604E-604F, U+6051, U+6053-6054, U+6056-6061, U+6063, U+6065-6067, U+606A-606B, U+606E, U+6071-6072, U+6074-6075, U+6077-607B, U+607D-6083, U+6085-6088, U+608A-608C, U+608E-6093, U+6095, U+6097-609E, U+60A1-60A2, U+60A4-60A5, U+60A7, U+60A9-60AB, U+60AD;
}

/* Rare: 200 code points, 44168 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-058-b1d66dd7ff.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+60AE, U+60B0-60B1, U+60B3, U+60B5-60BB, U+60BD-60C4, U+60C6-60C9, U+60CC-60D0, U+60D2-60D4, U+60D6-60DB, U+60DD-60DE, U+60E1-60E5, U+60EA, U+60EC, U+60EE, U+60F1-60F2, U+60F4-60F5, U+60F7-60F8, U+60FA-6100, U+6102-6107, U+610A-610E, U+6110-6114, U+6116-6119, U+611B-611E, U+6120-6122, U+6125-6126, U+6128-613E, U+6140-6147, U+6149-614B, U+614D, U+614F-6154, U+6156-6161, U+6163-6166, U+6169-616F, U+6171-6176, U+6178-618A, U+618C-618D, U+618F-6193, U+6195-61A3;
}

/* Rare: 200 code points, 42676 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-059-1f1b46276e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+61A4-61A7, U+61A9-61BD, U+61BF-61C1, U+61C3-61C7, U+61C9, U+61CB-61D1, U+61D3-61E5, U+61E7-6207, U+6209, U+620B, U+620D, U+6213-6215, U+6217, U+6219, U+621B-6229, U+622B-6232, U+6235-6236, U+6238-623E, U+6242-6246, U+6248-624A, U+624C, U+624F-6250, U+6255-6257, U+6259-625A, U+625C-6262, U+6264-6266, U+6268, U+626A, U+6271-6272, U+6274-6275, U+6277-6278, U+627A-627B, U+627D, U+6281-6283, U+6285-6289, U+628B-6290, U+6294, U+6299, U+629C-629F, U+62A3, U+62A6-62AA, U+62AD-62B0;
}

/* Rare: 200 code points, 34680 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-060-3e528a4a12.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+62B2-62B4, U+62B6-62B8, U+62BA-62BB, U+62BE-62C1, U+62C3, U+62C8, U+62CA-62CB, U+62CF, U+62D1, U+62D5, U+62DA, U+62DD-62DE, U+62E0-62E1, U+62E4, U+62EA-62EB, U+62EE, U+62F0, U+62F2, U+62F5-62F6, U+62F8-62FB, U+6300, U+6303-6306, U+6308, U+630A-630D, U+630F-6310, U+6312-6315, U+6317-6319, U+631B-631E, U+6322, U+6326-6327, U+6329, U+632C-632E, U+6330-6339, U+633B-633C, U+633E-6341, U+6343-6344, U+6347-6348, U+634A-634B, U+6351-6354, U+6356-635D, U+6360, U+6364-6366, U+6368-636D, U+636F-6375, U+6378-6379, U+637C-637F, U+6381, U+6383-6387, U+638A-638B, U+638D-638E, U+6391, U+6393-6397, U+6399-639F, U+63A1, U+63A3-63A4, U+63A6, U+63AB-63AF, U+63B1-63B6, U+63B8-63B9, U+63BB-63C8, U+63CA-63CC, U+63CE, U+63D1, U+63D3-63E0, U+63E2, U+63E4-63E6;
}

/* Rare: 200 code points, 44020 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-061-4be3faa27e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+63E7-63E8, U+63EB-63EC, U+63EE-63F3, U+63F5-63FC, U+63FE-63FF, U+6403-6404, U+6406-640E, U+6410-6412, U+6415-641B, U+641D, U+641F-642B, U+642E-6439, U+643B-6443, U+6445, U+6448-6449, U+644B-6453, U+6455-6457, U+6459-6466, U+6468, U+646A-6477, U+647A-6486, U+6488-6490, U+6493-6494, U+6496-649D, U+649F-64A3, U+64A5-64A8, U+64AA-64AB, U+64AF, U+64B1-64B4, U+64B6-64BB, U+64BD-64C1, U+64C3-64C4, U+64C6-64CC, U+64CF-64D1, U+64D3-64DB;
}

/* Rare: 200 code points, 47300 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-062-f4ec4d2c05.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+64DC-64E5, U+64E7-64FF, U+6501-652E, U+6530-6535, U+6537-6538, U+653A, U+653C-653D, U+6540-6544, U+6546-6547, U+6549-654B, U+654D-654E, U+6550, U+6552-6558, U+655A, U+655C-655D, U+655F-6561, U+6564-6565, U+6567-656B, U+656D-656F, U+6571, U+6573, U+6575-6576, U+6578-6586, U+6588-658A, U+658D-6590, U+6592-6596, U+6598, U+659A-659B, U+659D-659E, U+65A0-65A3, U+65A6, U+65A8, U+65AA-65AC, U+65AE, U+65B1-65B8, U+65BA-65BC, U+65BE-65C0, U+65C2-65C4, U+65C6-65CA, U+65CC-65CE, U+65D0;
}

/* Rare: 200 code points, 30236 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-063-e5db32e3a0.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+65D1-65D6, U+65D8-65DF, U+65E1, U+65E3-65E4, U+65EA-65EB, U+65EE-65F0, U+65F2-65F5, U+65F8-65F9, U+65FB-6601, U+6603-6605, U+6607-660B, U+660D, U+6610-6612, U+6615-661E, U+6621-6624, U+6626, U+6629-662C, U+662E, U+6630-663B, U+663D, U+663F-6642, U+6644-664A, U+664D-6651, U+6654, U+6656-6659, U+665B-6665, U+6667, U+6669-666D, U+6671-6673, U+6675, U+6677-6679, U+667B-667D, U+667F-6681, U+6683-6686, U+6688-6690, U+6692-6695, U+6698-66AD, U+66AF-66B3, U+66B5-66CD;
}

/* Rare: 200 code points, 32628 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-064-650cd135ec.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+66CE-66D8, U+66DA-66DC, U+66DE-66EF, U+66F1, U+66F3, U+66F5-66F8, U+66FA-66FB, U+66FD, U+6701-6707, U+670A, U+670C, U+670E-6716, U+6718-671A, U+671C, U+671E, U+6720-6725, U+6727, U+6729, U+672D-672E, U+6730, U+6732-6733, U+6736-6739, U+673B-673C, U+673E-673F, U+6741, U+6744-6745, U+6747-6748, U+674A-674D, U+6752-6755, U+6757-675B, U+675D-675E, U+6762-6764, U+6766-6767, U+6769-676C, U+676E, U+6771-677D, U+6780, U+6782-6783, U+6785-6788, U+678A-678F, U+6791-6794, U+6796, U+6798-6799, U+679B, U+679E-67A1, U+67A4-67A9, U+67AC-67AE, U+67B0-67B5, U+67B7-67C3, U+67C5-67CE, U+67D5-67DB, U+67DD-67DE;
}

/* Rare: 200 code points, 33724 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-065-a297c6d6ff.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+67DF, U+67E1-67E4, U+67E6-67EB, U+67ED-67F0, U+67F2, U+67F5-67FE, U+6800-6804, U+6806, U+6809-680A, U+680C-680E, U+6810, U+6812, U+6814-6815, U+6818-6820, U+6822-6829, U+682B-6836, U+683A-683B, U+683E-6841, U+6844-6845, U+6847, U+6849-684B, U+684D-684F, U+6852-6853, U+6855-6862, U+6864, U+6867, U+686A-6875, U+6877-6880, U+6882-6884, U+6887-6896, U+6898-68A1, U+68A3-68A5, U+68A9-68AC, U+68AE, U+68B1-68B2, U+68B4-68BF, U+68C1-68C8, U+68CA, U+68CC, U+68CE-68D1, U+68D3-68D4, U+68D6-68D7, U+68D9, U+68DB-68DF;
}

/* Rare: 200 code points, 38800 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-066-34aba3d8a3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+68E1-68ED, U+68EF-68F0, U+68F2-68F4, U+68F6-68F9, U+68FB-6904, U+6906-690C, U+690F-6911, U+6913-692C, U+692E-692F, U+6931-693E, U+6940-6959, U+695B-6976, U+6978-697B, U+697D-6981, U+6983, U+6985, U+6987-6993, U+6996-699B, U+699D-69A7, U+69A9-69B3, U+69B5-69BE;
}

/* Rare: 200 code points, 45104 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-067-9ce96aff69.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+69BF-69CF, U+69D1-69DA, U+69DC-69FC, U+69FE-6A1E, U+6A20, U+6A22-6A29, U+6A2B-6A30, U+6A32-6A43, U+6A45-6A57, U+6A5A-6A60, U+6A62-6A70, U+6A72-6A7F, U+6A81-6A8F, U+6A91-6A94;
}

/* Rare: 200 code points, 50192 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-068-be28638807.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6A95-6AAB, U+6AAD-6B1F, U+6B24-6B26, U+6B28-6B31, U+6B33-6B39, U+6B3B-6B3D, U+6B3F-6B46, U+6B48, U+6B4A-6B4B, U+6B4D-6B61, U+6B68-6B69, U+6B6B-6B6F;
}

/* Rare: 200 code points, 38936 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-069-96c087dbab.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6B70-6B78, U+6B7A, U+6B7D-6B82, U+6B84-6B88, U+6B8C-6B95, U+6B97-6BB3, U+6BB6, U+6BB8-6BBE, U+6BC0, U+6BC2-6BC4, U+6BC6-6BCC, U+6BCE, U+6BD0-6BD1, U+6BD3, U+6BD6-6BD8, U+6BDA, U+6BDC-6BE0, U+6BE2-6BEA, U+6BEC-6BEE, U+6BF0-6C0E, U+6C10, U+6C12, U+6C15-6C1A, U+6C1C-6C21, U+6C23-6C26, U+6C29-6C2D, U+6C30-6C33, U+6C35-6C37, U+6C39-6C40, U+6C43-6C46, U+6C48, U+6C4A-6C56, U+6C58-6C5A, U+6C5C, U+6C62-6C63, U+6C65-6C67;
}

/* Rare: 200 code points, 32900 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-070-b1c8fa149b.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6C68-6C69, U+6C6B-6C6F, U+6C71-6C78, U+6C7A-6C7C, U+6C7E-6C80, U+6C82, U+6C84-6C87, U+6C8A-6C8F, U+6C91-6C98, U+6C9A, U+6C9C-6C9E, U+6CA0, U+6CA2-6CA4, U+6CA8-6CA9, U+6CAC-6CAD, U+6CAF-6CB2, U+6CB4-6CB7, U+6CBA, U+6CC0-6CC3, U+6CC5-6CC8, U+6CCB, U+6CCD-6CD4, U+6CD6-6CDA, U+6CDC-6CDD, U+6CDF-6CE0, U+6CE4, U+6CE6-6CE7, U+6CE9, U+6CEB-6CEF, U+6CF1-6CF2, U+6CF4, U+6CF6-6CFA, U+6CFE-6D00, U+6D02-6D0A, U+6D0C-6D11, U+6D13-6D16, U+6D18-6D1A, U+6D1C-6D1D, U+6D1F-6D24, U+6D26-6D29, U+6D2B-6D31, U+6D33-6D3A, U+6D3F-6D40, U+6D42-6D44, U+6D48-6D49, U+6D4C-6D4D, U+6D50, U+6D52, U+6D54-6D58, U+6D5A-6D65, U+6D67-6D68, U+6D6B-6D6D, U+6D6F-6D73, U+6D75-6D76, U+6D79-6D7C;
}

/* Rare: 200 code points, 38176 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-071-5ca9df0263.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6D7D-6D81, U+6D83-6D87, U+6D8A-6D8B, U+6D8D-6D94, U+6D96-6D9A, U+6D9C, U+6D9E-6DA0, U+6DA2, U+6DA5, U+6DAA-6DAD, U+6DB0-6DB1, U+6DB3-6DB4, U+6DB6-6DBF, U+6DC1-6DC5, U+6DC7-6DCA, U+6DCD-6DD0, U+6DD2-6DD7, U+6DD9-6DE0, U+6DE2-6DE3, U+6DE5-6DEA, U+6DEC-6DED, U+6DEF-6DF0, U+6DF2, U+6DF4-6DF6, U+6DF8, U+6DFA, U+6DFC-6E04, U+6E06-6E09, U+6E0B-6E0F, U+6E11-6E13, U+6E15-6E16, U+6E18-6E1C, U+6E1E-6E1F, U+6E22, U+6E25-6E28, U+6E2A-6E2E, U+6E30-6E31, U+6E33, U+6E35-6E37, U+6E39, U+6E3B-6E42, U+6E44-6E55, U+6E57, U+6E59-6E78;
}

/* Rare: 200 code points, 46532 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-072-d2f2bbcc8d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6E79-6E7D, U+6E80-6E82, U+6E84, U+6E86-6E88, U+6E8A-6E8F, U+6E91-6E9B, U+6E9D-6EA1, U+6EA3-6EA9, U+6EAB-6EAE, U+6EB0-6EB5, U+6EB7-6EB9, U+6EBB-6EC6, U+6EC8-6ECA, U+6ECC-6ED0, U+6ED2-6ED3, U+6ED5-6ED9, U+6EDB-6EDD, U+6EDF-6EE0, U+6EE2-6EE3, U+6EE6-6EE7, U+6EEA-6EF3, U+6EF5-6F01, U+6F03-6F05, U+6F07-6F0E, U+6F10-6F12, U+6F15-6F1F, U+6F21-6F2A, U+6F2C-6F30, U+6F32-6F3D, U+6F3F-6F46, U+6F48-6F57, U+6F59-6F5B, U+6F5D-6F64;
}

/* Rare: 200 code points, 50972 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-073-bc27616334.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+6F65-6F6C, U+6F6F-6F83, U+6F85-6F87, U+6F89-6F8D, U+6F8F-6F9B, U+6F9D-6FA0, U+6FA2-6FB2, U+6FB4-6FBF, U+6FC1-6FD1, U+6FD3-7010, U+7012-7037;
}

/* Rare: 200 code points, 45112 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-074-6ad53e4dbb.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7038-704B, U+704D-706A, U+706C, U+706E, U+7071-7074, U+7077, U+7079-707B, U+707D, U+7080-7088, U+708B-708D, U+708F-7091, U+7093-7094, U+7096-70AA, U+70AF-70B7, U+70BA-70BB, U+70BD-70C0, U+70C3-70C7, U+70C9-70D7, U+70DA, U+70DC-70DE, U+70E0-70E3, U+70E5, U+70E8-70EA, U+70EC, U+70EE-70F8, U+70FA-7108, U+710B-7114, U+7116-7119, U+711B-7125, U+7127-7128;
}

/* Rare: 200 code points, 48156 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-075-d7242b2bdc.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7129-712F, U+7131-7135, U+7137-714B, U+714D, U+714F-715D, U+715F-7163, U+7165-7166, U+7168-716D, U+716F-717C, U+717E-7183, U+7185-7189, U+718B-718E, U+7190-7193, U+7195-7198, U+719A-719E, U+71A0-71AB, U+71AD-71C2, U+71C4-71D4, U+71D6-71E4, U+71E6-7203;
}

/* Rare: 200 code points, 42888 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-076-17c4e48124.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7204-7205, U+7207-7229, U+722B, U+722D-7230, U+7232-7234, U+723A-723C, U+723E-7246, U+7249-724B, U+724D-7258, U+725A, U+725C-7260, U+7263-7266, U+7268, U+726A-7271, U+7273-7274, U+7276-7278, U+727B-727F, U+7282-72AB, U+72AD-72AE, U+72B0-72B5, U+72B7-72B8, U+72BA-72C1, U+72C3-72C7, U+72C9-72CF, U+72D1-72D6, U+72D8-72DD, U+72DF, U+72E2-72EB, U+72EF, U+72F2-72F4;
}

/* Rare: 200 code points, 41304 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-077-b6f1b7d268.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+72F5-72F7, U+72F9-72FB, U+72FD-730D, U+730F-7315, U+7317-731A, U+731D-7328, U+732D, U+732F-7333, U+7335-733D, U+7340-7383, U+7385-7386, U+7388, U+738A, U+738C-7395, U+7397-739A, U+739C-73A8, U+73AA, U+73AC-73AE, U+73B1, U+73B3-73B6, U+73B8-73BA, U+73BC-73C9, U+73CB-73CC, U+73CE-73D9;
}

/* Rare: 200 code points, 36504 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-078-f4bfb3dc02.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+73DA-73DF, U+73E1-73EC, U+73EE-7402, U+7404, U+7407-7408, U+740A-740F, U+7411-7421, U+7423-7432, U+7435-743B, U+743D-7458, U+745A-745D, U+7460-746F, U+7471-7482, U+7484-74A6, U+74A8-74B2;
}

/* Rare: 200 code points, 37332 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-079-c23c9bcbd6.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+74B3-74DB, U+74DD-74E1, U+74E5, U+74E7-74F5, U+74F8-7517, U+7519, U+751B, U+751D-751E, U+7520-7524, U+7526-7527, U+752A, U+752C-752F, U+7534, U+7536, U+7539-753A, U+753C-7544, U+7546-754B, U+754D-754E, U+7550-7553, U+7555-7558, U+755A-755B, U+755D-7564, U+7566-7569, U+756B-7573, U+7575-7577, U+7579-7585, U+7587-758E, U+7590, U+7592-7596, U+7598, U+759B-759E, U+75A0-75A2;
}

/* Rare: 200 code points, 45856 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-080-64edc5ef47.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+75A3, U+75A5-75AA, U+75AC-75AD, U+75B0-75B1, U+75B3-75B8, U+75BA-75BB, U+75BD, U+75BF-75C4, U+75C6, U+75C8-75C9, U+75CB-75D1, U+75D3-75D4, U+75D6-75D7, U+75D9-75DA, U+75DC-75E1, U+75E3-75E9, U+75EB-75EF, U+75F1-75F3, U+75F5-75F8, U+75FA-761E, U+7620-7623, U+7625, U+7627-7628, U+762C-7637, U+7639-763D, U+763F-764B, U+764D-7662, U+7664-7677, U+7679-767A, U+767C, U+767F-7681, U+7683, U+7685, U+7688-7690;
}

/* Rare: 200 code points, 31524 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-081-5aee7d0fbb.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7691-7692, U+7694-7695, U+7697-76AD, U+76AF-76B0, U+76B2-76BE, U+76C0-76C5, U+76C7, U+76C9, U+76CB-76CE, U+76D3, U+76D5, U+76D9-76DA, U+76DC-76DE, U+76E0-76ED, U+76F0-76F1, U+76F3, U+76F5-76F7, U+76FA-76FB, U+76FD, U+76FF-7700, U+7702-7708, U+770A, U+770C-771E, U+7721-7727, U+7729-772E, U+7730-7735, U+7738-773B, U+773D-773F, U+7742-774F, U+7751-775A, U+775C-7760, U+7762, U+7764-7765, U+7767-776A, U+776D-7778, U+777A-7783, U+7786-7788;
}

/* Rare: 200 code points, 33160 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-082-4f47853311.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7789-778D, U+778F-7791, U+7793-77A6, U+77A8, U+77AB, U+77AE-77B2, U+77B4-77BA, U+77BC-77D6, U+77D8-77DA, U+77DC-77E1, U+77E4, U+77E6-77E8, U+77EA, U+77EC, U+77EF-77F2, U+77F4-77FD, U+7800, U+7803-780B, U+780E-7813, U+7815, U+7817-7819, U+781B-782F, U+7831-7833, U+7835-7837, U+7839-783D, U+783F, U+7841-7844, U+7846-7854, U+7856-785C, U+785E-786A, U+786D, U+786F-7877;
}

/* Rare: 200 code points, 39628 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-083-9d2b7c7fc5.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7878-788B, U+788F-7890, U+7892-7896, U+7899-789E, U+78A0-78A6, U+78A8-78AF, U+78B2, U+78B4-78BD, U+78BF-78C0, U+78C2-78C4, U+78C6-78C9, U+78CB-78D4, U+78D6-78E7, U+78E9-78F6, U+78F8-7900, U+7902-7939, U+793B, U+793D, U+793F, U+7941-7947, U+7949-7955, U+7957-7958;
}

/* Rare: 200 code points, 39768 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-084-87f2806a6c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7959-795C, U+7961-7964, U+7966-7967, U+7969-796C, U+796E-7976, U+7979-797F, U+7982-7983, U+7986-798E, U+7990-79B8, U+79BA, U+79BC, U+79BF, U+79C2, U+79C4-79C5, U+79C7-79C8, U+79CA, U+79CC, U+79CE-79D0, U+79D3-79D7, U+79D9-79DE, U+79E0-79E3, U+79E5, U+79E8, U+79EA-79EE, U+79F1-79F7, U+79F9-79FA, U+79FC, U+79FE-79FF, U+7A01-7A0A, U+7A0C, U+7A0F-7A19, U+7A1B-7A1F, U+7A21-7A32, U+7A34-7A3A, U+7A3E, U+7A40-7A45, U+7A47-7A52;
}

/* Rare: 200 code points, 43868 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-085-446b39d65e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7A53-7A56, U+7A58-7A73, U+7A75, U+7A78-7A79, U+7A7B-7A7E, U+7A80, U+7A82, U+7A85-7A8C, U+7A8E-7A90, U+7A93-7A95, U+7A99-7A9B, U+7A9E, U+7AA0-7AA4, U+7AA6-7ABE, U+7AC0-7ACA, U+7ACC-7AD5, U+7AD7-7AD8, U+7ADA-7ADD, U+7AE1-7AE2, U+7AE4, U+7AE6-7AEC, U+7AEE, U+7AF0-7AF8, U+7AFA-7AFE, U+7B00-7B0A, U+7B0C-7B10, U+7B12-7B13, U+7B15-7B18, U+7B1A, U+7B1C-7B25, U+7B27, U+7B29-7B2B, U+7B2D-7B3B, U+7B3D-7B43;
}

/* Rare: 200 code points, 44968 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-086-6aba6a566a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7B44-7B48, U+7B4A, U+7B4C-7B4E, U+7B53, U+7B55, U+7B57-7B5A, U+7B5C, U+7B5E-7B76, U+7B78, U+7B7A-7B7D, U+7B7F, U+7B81-7B94, U+7B96, U+7B98-7BA0, U+7BA2-7BA8, U+7BAA, U+7BAC, U+7BAE-7BB0, U+7BB2-7BC6, U+7BC8-7BD2, U+7BD4-7BE0, U+7BE2-7BED, U+7BEF-7BF0, U+7BF2-7BF6, U+7BF8-7C06, U+7C08-7C26, U+7C28;
}

/* Rare: 200 code points, 49468 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-087-b685cd543f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7C29-7C37, U+7C39-7C3E, U+7C40-7C4C, U+7C4E-7C72, U+7C74-7C7A, U+7C7C, U+7C7E-7C88, U+7C8A-7C91, U+7C93-7C96, U+7C99-7C9E, U+7CA0-7CA3, U+7CA6-7CA9, U+7CAB-7CAD, U+7CAF-7CB0, U+7CB2-7CB8, U+7CBA-7CBD, U+7CBF-7CC9, U+7CCB-7CD4, U+7CD7-7CD8, U+7CDA-7CDE, U+7CE1-7CEE, U+7CF0-7CFA, U+7CFC-7D09, U+7D0B;
}

/* Rare: 200 code points, 54248 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-088-ad1e0ef511.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7D0C-7D1F, U+7D21, U+7D23-7D26, U+7D28-7D2A, U+7D2C-7D2E, U+7D30-7D6D, U+7D6F-7DD9;
}

/* Rare: 200 code points, 65224 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-089-a874b6746c.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7DDA-7E40, U+7E42-7E9F, U+7EA1, U+7EA3, U+7EA5;
}

/* Rare: 200 code points, 41392 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-090-a35a6787e3.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7EA8-7EA9, U+7EAD-7EAE, U+7EB0, U+7EB4, U+7EB6, U+7EBB-7EBC, U+7EBE, U+7EC0-7EC2, U+7EC9, U+7ECB-7ECC, U+7ED0, U+7ED4, U+7ED6-7ED7, U+7EDB, U+7EE0-7EE1, U+7EE4-7EE6, U+7EE8, U+7EEB-7EEC, U+7EEE-7EEF, U+7EF1-7EF2, U+7EF6, U+7EF9-7EFB, U+7EFE, U+7F01-7F04, U+7F07-7F08, U+7F0A-7F0D, U+7F0F-7F12, U+7F17, U+7F19, U+7F1B-7F1C, U+7F1E-7F1F, U+7F21-7F23, U+7F25-7F28, U+7F2A-7F2C, U+7F2E-7F2F, U+7F31-7F33, U+7F35-7F37, U+7F39, U+7F3B-7F4F, U+7F52-7F54, U+7F56, U+7F58-7F59, U+7F5B-7F61, U+7F63-7F68, U+7F6B-7F6D, U+7F6F-7F71, U+7F73-7F89, U+7F8B-7F8D, U+7F8F-7F93, U+7F95-7F99, U+7F9B-7F9D, U+7F9F-7FA0, U+7FA2-7FA3, U+7FA5-7FB8, U+7FBA-7FBC, U+7FBE-7FC0, U+7FC2-7FC4, U+7FC6-7FCA;
}

/* Rare: 200 code points, 39436 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-091-942eb00a3f.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+7FCB-7FD3, U+7FD5-7FD7, U+7FD9-7FDF, U+7FE1-7FE8, U+7FEA-7FEF, U+7FF1-7FFA, U+7FFD-7FFF, U+8002, U+8004, U+8006-800B, U+800E-800F, U+8011-8014, U+8016, U+801A-8032, U+8034-8037, U+8039-803A, U+803C, U+803E, U+8040-8041, U+8043-8045, U+8047-8049, U+804D-8053, U+8055-8057, U+8059, U+805B-8069, U+806B-8082, U+8084-8085, U+8088, U+808A, U+808D-8095, U+8097, U+8099, U+809C, U+809E-809F, U+80A3, U+80A6-80A8, U+80AB-80AD, U+80B0-80B1, U+80B3, U+80B5-80B9, U+80BB-80BD, U+80C2, U+80C4-80C5, U+80C7-80CB, U+80CD, U+80CF-80D1;
}

/* Rare: 200 code points, 39232 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-092-5fa4dd0641.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+80D2-80D5, U+80D7-80D9, U+80DB, U+80DD, U+80DF-80E0, U+80E2-80E6, U+80E8-80EF, U+80F1-80F2, U+80F4-80F5, U+80F7, U+80F9-80FC, U+80FE-8101, U+8103-8105, U+8107-8108, U+810B-810E, U+8112, U+8114-8115, U+8117-8119, U+811B-812E, U+8130, U+8132-8137, U+8139-813D, U+813F-8149, U+814C-814F, U+8151-8153, U+8156-8164, U+8166-816D, U+816F, U+8171-8178, U+817C-817D, U+8181-8189, U+818B-818E, U+8190-819A, U+819E-81A7, U+81A9-81BF, U+81C1, U+81C3-81C8;
}

/* Rare: 200 code points, 38928 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-093-8746aaa1f7.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+81C9, U+81CB-81E2, U+81E4-81E9, U+81EB-81EC, U+81EE-81F2, U+81F5-81FB, U+81FD-81FF, U+8201-8204, U+8207-820B, U+820E-8211, U+8213, U+8215-821D, U+8220-8229, U+822B, U+822D-822F, U+8232-8234, U+8237-8238, U+823A-8246, U+8248-8257, U+8259-826E, U+8271, U+8274-8279, U+827B-827D, U+827F-8281, U+8283-828A, U+828C-8291, U+8293-8298, U+829A-829B, U+829E-82A4, U+82A7-82AB, U+82AE, U+82B0, U+82B2, U+82B4-82B8, U+82BA-82BC, U+82BE;
}

/* Rare: 200 code points, 26020 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-094-34b0e5c990.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+82BF-82C6, U+82C8-82CC, U+82CE, U+82D0, U+82D2-82D3, U+82D5-82D6, U+82D8-82DA, U+82DC-82DD, U+82E0-82E4, U+82E7-82F0, U+82F2-82F8, U+82FA-8300, U+8306-8308, U+830A-830D, U+830F-8326, U+8328-832A, U+832D-8334, U+8337, U+8339-8345, U+8347-8348, U+834A-834F, U+8351, U+8353, U+8355-8360, U+8362, U+8365-8366, U+8368-836A, U+836C-836E, U+8370-8376, U+8378-8388, U+838A-83AA, U+83AC-83AE;
}

/* Rare: 200 code points, 32064 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-095-25d14d7218.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+83AF-83B0, U+83B3-83B6, U+83B8, U+83BB-83BC, U+83BE-83C6, U+83C8-83C9, U+83CB, U+83CD-83DB, U+83DD-83DF, U+83E1-83E8, U+83EA-83F0, U+83F3-8403, U+8405-840B, U+840F-841C, U+841E-8423, U+8426, U+8429-843C, U+843E-8456, U+8458-845A, U+845C-8460, U+8462, U+8464-846A, U+846D-8470, U+8472-8474, U+8476-8481, U+8483-848A, U+848C-8498;
}

/* Rare: 200 code points, 38556 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-096-fda11fd996.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+849A-849B, U+849D-84B1, U+84B3-84B7, U+84B9-84C3, U+84C5-84C8, U+84CA-84DC, U+84DE-84EB, U+84ED-8510, U+8512, U+8514-8516, U+8518-8519, U+851B-8520, U+8522-852B, U+852D-853B, U+853E-8548, U+854B-8572;
}

/* Rare: 200 code points, 47264 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-097-ccf677be3b.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8573, U+8575-857D, U+857F-8583, U+8585-8586, U+8588-859A, U+859C-85A9, U+85AB-85AE, U+85B0-85C8, U+85CA-85CE, U+85D1-85D4, U+85D6-85E3, U+85E5-85FA, U+85FC-8610, U+8612-8648;
}

/* Rare: 200 code points, 38628 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-098-4c07509e3a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8649-864D, U+8652-8659, U+865B-866A, U+866C-8678, U+867A-867C, U+867F, U+8683-8689, U+868B, U+868D-8692, U+8694, U+8696-86A2, U+86A5-86A9, U+86AB-86AE, U+86B0-86BF, U+86C1-86C6, U+86C8-86CA, U+86CC-86D8, U+86DA, U+86DC-86E3, U+86E5-86ED, U+86EF-86FD, U+86FF, U+8701, U+8703-8707, U+8709-8711, U+8714, U+8716, U+8719-871B, U+871D-8720, U+8722-8736;
}

/* Rare: 200 code points, 46088 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-099-34e79be688.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8737-873A, U+873C-8746, U+8748, U+874A-874B, U+874D, U+874F-8756, U+8758, U+875A-875F, U+8761-8773, U+8775, U+8777-8782, U+8784-878C, U+878E-87B9, U+87BB-87BF, U+87C1-87C5, U+87C7-87CA, U+87CC-87F8, U+87FA-880F;
}

/* Rare: 200 code points, 44320 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-100-8b81036840.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8810-8814, U+8816-8821, U+8823-883F, U+8841-8844, U+8846-884B, U+884E-8853, U+8855-8856, U+8858, U+885A-8860, U+8862, U+8864, U+8866-8867, U+8869-886A, U+886D-886F, U+8871-8876, U+8878-8880, U+8882-8883, U+8885-888A, U+888C, U+888E-8895, U+8897-889B, U+889D-88AA, U+88AC, U+88AE-88B0, U+88B2-88C0, U+88C3-88C4, U+88C6-88D4, U+88D6-88D8, U+88DA-88E3, U+88E5-88F2, U+88F4-88F7, U+88FA;
}

/* Rare: 200 code points, 48424 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-101-4a1709fb82.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+88FB-8901, U+8903-890F, U+8911, U+8913-8924, U+8926-8929, U+892B-895E, U+8960-897E, U+8980, U+8982-8985, U+8987-89C0, U+89C3, U+89C7, U+89CA-89D1, U+89D3;
}

/* Rare: 200 code points, 32800 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-102-07a678a6aa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+89D4-89E2, U+89E4-89E5, U+89E7-89FF, U+8A01-8A88, U+8A8B-8A92, U+8A94-8AA1;
}

/* Rare: 200 code points, 37408 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-103-7e11d64fa6.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8AA2-8B65, U+8B67-8B6A;
}

/* Rare: 200 code points, 42976 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-104-9985e568ae.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8B6B, U+8B6D-8BA0, U+8BA3, U+8BA6-8BA7, U+8BAA-8BAC, U+8BB1, U+8BB4-8BB5, U+8BB7, U+8BBB, U+8BC2-8BC3, U+8BC5, U+8BC7, U+8BCB-8BCC, U+8BCE-8BD0, U+8BD2-8BD4, U+8BD6, U+8BD8-8BD9, U+8BDB-8BDC, U+8BDF-8BE0, U+8BE3-8BE4, U+8BE7-8BEA, U+8BEE, U+8BF0, U+8BF3, U+8BF6, U+8BF9, U+8BFC, U+8BFF-8C00, U+8C02, U+8C04, U+8C07, U+8C09, U+8C0C, U+8C0F, U+8C11-8C12, U+8C14-8C19, U+8C1B, U+8C1D-8C21, U+8C25, U+8C27, U+8C29-8C2B, U+8C2E-8C30, U+8C32-8C33, U+8C35-8C36, U+8C38-8C40, U+8C42-8C45, U+8C47-8C4B, U+8C4D-8C59, U+8C5B-8C60, U+8C62-8C69, U+8C6C-8C78, U+8C7B-8C87;
}

/* Rare: 200 code points, 40236 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-105-3cb0fbd012.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8C88-8C8B, U+8C8D-8D1C, U+8D20, U+8D32-8D33, U+8D36, U+8D3D, U+8D40, U+8D45-8D4A, U+8D4D, U+8D51-8D53, U+8D55, U+8D57, U+8D59, U+8D5C-8D5D, U+8D5F, U+8D65, U+8D67-8D6A, U+8D6C-8D6F, U+8D71-8D73, U+8D78-8D80, U+8D82-8D84, U+8D86-8D89, U+8D8C-8D8D;
}

/* Rare: 200 code points, 38016 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-106-3ae0bc96aa.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8D8E-8D9E, U+8DA0-8DA2, U+8DA4-8DB2, U+8DB5-8DBD, U+8DBF-8DC2, U+8DC4-8DCA, U+8DCD-8DD0, U+8DD2-8DDA, U+8DDC, U+8DDE, U+8DE0-8DE3, U+8DE5-8DE7, U+8DE9, U+8DEB-8DEE, U+8DF0-8DF2, U+8DF4, U+8DF6, U+8DF8-8DF9, U+8DFB-8E09, U+8E0B-8E0E, U+8E10-8E21, U+8E23-8E28, U+8E2B-8E30, U+8E32-8E41, U+8E43, U+8E45-8E47, U+8E49-8E4A, U+8E4C-8E65, U+8E67-8E6B, U+8E6E-8E71, U+8E73-8E77;
}

/* Rare: 200 code points, 38104 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-107-a00b45a5b9.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8E78-8E80, U+8E82-8E8E, U+8E90-8EAA, U+8EAD-8EAE, U+8EB0-8EB1, U+8EB3-8EB9, U+8EBB-8F46;
}

/* Rare: 200 code points, 38100 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-108-3c0b5862ec.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+8F47-8F65, U+8F6A-8F6B, U+8F6D, U+8F71-8F73, U+8F75-8F7A, U+8F7C, U+8F7E, U+8F80-8F82, U+8F84, U+8F87, U+8F8A-8F8F, U+8F92, U+8F94-8F95, U+8F98, U+8F9A, U+8F9D, U+8FA0-8FA2, U+8FA4-8FA7, U+8FAA, U+8FAC-8FAF, U+8FB2-8FB8, U+8FBA-8FBC, U+8FBF-8FC0, U+8FC3, U+8FC6, U+8FC9-8FCD, U+8FCF, U+8FD2-8FD3, U+8FD5-8FD7, U+8FDA, U+8FE0-8FE1, U+8FE3-8FE9, U+8FEC, U+8FEE-8FEF, U+8FF1-8FF6, U+8FF8, U+8FFA-8FFC, U+8FFE-8FFF, U+9004-9005, U+9007-9008, U+900B-900E, U+9011, U+9013, U+9015-9016, U+9018-9019, U+901C, U+9021, U+9023-902D, U+902F-9037, U+9039-903A, U+903D, U+903F-9041, U+9043-9046, U+9048-904C, U+904E, U+9050-9052, U+9054-9056, U+9058-9062, U+9064, U+9066-906B;
}

/* Rare: 200 code points, 39516 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-109-98de12a0e2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+906C, U+906F-9074, U+9076-907E, U+9081-9090, U+9092, U+9094-90A2, U+90A4-90A5, U+90A7-90A9, U+90AB-90AD, U+90AF-90BA, U+90BC-90C0, U+90C2-90C9, U+90CB-90CD, U+90CF-90D0, U+90D2-90E7, U+90E9-90EC, U+90EE-90FC, U+90FE-9101, U+9103-9118, U+911A-9148;
}

/* Rare: 200 code points, 42548 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-110-392b01ed58.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+914A-914B, U+914E-9151, U+9153-9156, U+9158-915C, U+915E-9162, U+9164, U+9166-9169, U+916B, U+916D-9170, U+9172-9174, U+9176, U+9179-917E, U+9180-9186, U+9188, U+918A, U+918C-9191, U+9193-91C6, U+91C8-91C9, U+91CB, U+91D0, U+91D2-922A;
}

/* Rare: 200 code points, 44864 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-111-45afa68839.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+922B-9273, U+9275-92F3;
}

/* Rare: 200 code points, 51208 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-112-51a08dfdd2.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+92F4-93BB;
}

/* Rare: 200 code points, 60188 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-113-8020f0e4bb.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+93BC-9483;
}

/* Rare: 200 code points, 36748 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-114-cbfc77c885.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9484-9487, U+948A-9492, U+9494-9498, U+949A-949C, U+94A1, U+94A3-94A4, U+94A8, U+94AA-94AD, U+94AF-94B0, U+94B2, U+94B4-94BA, U+94BC-94BD, U+94BF-94C0, U+94C2, U+94C4, U+94C6-94CF, U+94D1-94DA, U+94DE-94EC, U+94EE-94F1, U+94F3-94F5, U+94F7, U+94F9, U+94FB-94FD, U+94FF, U+9502-9503, U+9506-9507, U+9509-950A, U+950D-950F, U+9511-9518, U+951B-9520, U+9522, U+9527-952D, U+9531-9538, U+953A, U+953C-953F, U+9541-9546, U+9548-954F, U+9552-955B, U+955D-956F, U+9571-9575, U+9577-957E, U+9580-9586;
}

/* Rare: 200 code points, 32952 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-115-d89996a129.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9587-95E7, U+95E9, U+95EB-95EC, U+95F1, U+95F3, U+95F5-95F6, U+95FC, U+95FE-95FF, U+9602-9604, U+9606-960D, U+960F, U+9611-9613, U+9615-961E, U+9620-9631, U+9637-963A, U+963C-963E, U+9640-9643, U+9647, U+9649-964A, U+964E-964F, U+9651-9654, U+9656-9660, U+9663, U+9665-9667, U+966B-9674, U+9678-967C;
}

/* Rare: 200 code points, 40600 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-116-1aa6fbf247.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+967D-9684, U+9687-968A, U+968C-968E, U+9691-9693, U+9695-9697, U+969A-969B, U+969D-96A6, U+96A8-96B5, U+96B7-96BD, U+96BF, U+96C2-96C3, U+96C8-96CB, U+96CD-96CE, U+96D0-96D4, U+96D6-96E7, U+96E9, U+96EB-96F2, U+96F4-96F5, U+96F8, U+96FA-96FD, U+96FF, U+9701-9703, U+9705-9706, U+9708, U+970A-970C, U+970F-971B, U+971D, U+971F-9731, U+9733-9737, U+973A-9751, U+9753-9755, U+9757-9758, U+975A-975D, U+975F, U+9763-9768, U+976A-9773;
}

/* Rare: 200 code points, 36588 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-117-f760b5fb14.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9775, U+9777-978A, U+978C, U+978E-979F, U+97A1-97AC, U+97AE-97E6, U+97E8, U+97EA-97EC, U+97EE-97F2, U+97F4, U+97F6-9846;
}

/* Rare: 200 code points, 51508 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-118-06ce23eb88.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9847-9874, U+9878, U+987C, U+9880, U+9883, U+9889, U+988B-9890, U+9892, U+9894-9895, U+9899-989B, U+989E-989F, U+98A1-98A3, U+98A5-98CD, U+98CF-98D7, U+98D9-98DD, U+98E0-990F, U+9911-992D;
}

/* Rare: 200 code points, 47140 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-119-bec67dca2d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+992E-9964, U+9966-996C, U+996F, U+9973-9974, U+9977-9979, U+997B, U+997D-997E, U+9980, U+9982-9984, U+9987, U+9989-998A, U+998C, U+998E, U+9990-9991, U+9993-9995, U+9997-9998, U+999A-99A7, U+99A9-9A0B;
}

/* Rare: 200 code points, 49964 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-120-6ccd8ac611.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9A0C-9A6B, U+9A6D, U+9A72, U+9A75, U+9A77-9A78, U+9A7A, U+9A7D, U+9A7F-9A81, U+9A83, U+9A85, U+9A88-9A8B, U+9A8D-9A8E, U+9A90, U+9A92-9A96, U+9A98-9A99, U+9A9B-9AA0, U+9AA2-9AA3, U+9AA5-9AA7, U+9AA9-9AD2, U+9AD4-9AD7, U+9AD9-9AED;
}

/* Rare: 200 code points, 51668 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-121-d19a5d812a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9AEE-9B12, U+9B14-9B3B, U+9B3D-9B40, U+9B43, U+9B46-9B4E, U+9B50-9B53, U+9B55-9BBD;
}

/* Rare: 200 code points, 56708 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-122-3bfb6c858d.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9BBE-9C7B, U+9C7D-9C80, U+9C82-9C87;
}

/* Rare: 200 code points, 46148 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-123-c6aad4cef0.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9C88-9C8C, U+9C8E-9C9B, U+9C9D-9CA3, U+9CA5-9CA7, U+9CA9-9CAA, U+9CAC-9CB7, U+9CB9-9CC3, U+9CC5-9CCC, U+9CCE-9CD5, U+9CD7-9CDD, U+9CDF-9D59;
}

/* Rare: 200 code points, 60272 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-124-6fbf06078a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9D5A-9E1E, U+9E20, U+9E22, U+9E24;
}

/* Rare: 200 code points, 53996 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-125-0576ab75af.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9E27-9E2C, U+9E2E, U+9E30-9E32, U+9E34, U+9E36-9E3C, U+9E3E, U+9E40-9E42, U+9E44, U+9E46-9E48, U+9E4B-9E4E, U+9E50-9E63, U+9E65, U+9E67-9E6F, U+9E71-9E7E, U+9E80-9EA5, U+9EA7-9EBA, U+9EBC-9EC3, U+9EC5-9ECD, U+9ECF-9ED0, U+9ED2-9ED3, U+9ED5-9ED7, U+9ED9-9EEE, U+9EF0-9F05;
}

/* Rare: 200 code points, 49724 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-126-04abe9fe49.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9F06-9F0D, U+9F0F-9F12, U+9F14-9F1F, U+9F21-9F3A, U+9F3C-9F4F, U+9F51-9F7E, U+9F80-9F83, U+9F85-9F98, U+9F9A-9F9E, U+9FA0-9FD6;
}

/* Rare: 200 code points, 17120 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-127-024a467323.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+9FD7-9FEF, U+FA0E-FA0F, U+FA11, U+FA13-FA14, U+FA1F, U+FA21, U+FA23-FA24, U+FA27-FA29, U+FB01-FB02, U+FE10-FE19, U+FE30-FE31, U+FE33-FE44, U+FE49-FE52, U+FE54-FE57, U+FE59-FE66, U+FE68-FE6B, U+FF01-FF5E, U+FFE0-FFE4;
}

/* Rare: 200 code points, 39156 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-128-e5f48a8f4e.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+FFE5, U+20087, U+20089, U+200CC, U+20164, U+20676, U+20CD0, U+2139A, U+21413, U+215D7, U+2298F, U+235CB, U+23C97-23C98, U+23E23, U+241FE, U+249DB, U+24A7D, U+24AC9, U+25532, U+25562, U+255A8, U+25ED7, U+26221, U+2648D, U+26676, U+2677C, U+26B5C, U+26C21, U+27FF9, U+28408, U+28678, U+28695, U+287E0, U+28B49, U+28C47, U+28C4F, U+28C51, U+28C54, U+28E99, U+29F7E, U+29F83, U+29F8C, U+2A7DD, U+2A8FB, U+2A917, U+2AA30, U+2AA36, U+2AA58, U+2AFA2, U+2B127-2B128, U+2B137-2B138, U+2B1ED, U+2B300, U+2B363, U+2B36F, U+2B372, U+2B37D, U+2B404, U+2B410, U+2B413, U+2B461, U+2B4E7, U+2B4EF, U+2B4F6, U+2B4F9, U+2B50D-2B50E, U+2B536, U+2B5AE-2B5AF, U+2B5B3, U+2B5E7, U+2B5F4, U+2B61C-2B61D, U+2B626-2B628, U+2B62A, U+2B62C, U+2B695-2B696, U+2B6AD, U+2B6ED, U+2B7A9, U+2B7C5, U+2B7E6, U+2B7F9, U+2B7FC, U+2B806, U+2B80A, U+2B81C, U+2B8B8, U+2BAC7, U+2BB5F, U+2BB62, U+2BB7C, U+2BB83, U+2BC1B, U+2BD77, U+2BD87, U+2BDF7, U+2BE29, U+2C029-2C02A, U+2C0A9, U+2C0CA, U+2C1D5, U+2C1D9, U+2C1F9, U+2C27C, U+2C288, U+2C2A4, U+2C317, U+2C35B, U+2C361, U+2C364, U+2C488, U+2C494, U+2C497, U+2C542, U+2C613, U+2C618, U+2C621, U+2C629, U+2C62B-2C62D, U+2C62F, U+2C642, U+2C64A-2C64B, U+2C72C, U+2C72F, U+2C79F, U+2C7C1, U+2C7FD, U+2C8D9, U+2C8DE, U+2C8E1, U+2C8F3, U+2C907, U+2C90A, U+2C91D, U+2CA02, U+2CA0E, U+2CA7D, U+2CAA9, U+2CB29, U+2CB2D-2CB2E, U+2CB31, U+2CB38-2CB39, U+2CB3B, U+2CB3F, U+2CB41, U+2CB4A, U+2CB4E, U+2CB5A-2CB5B, U+2CB64, U+2CB69, U+2CB6C, U+2CB6F, U+2CB73, U+2CB76, U+2CB78, U+2CB7C, U+2CBB1, U+2CBBF-2CBC0, U+2CBCE, U+2CC56, U+2CC5F, U+2CCF5-2CCF6, U+2CCFD, U+2CCFF, U+2CD02-2CD03, U+2CD0A, U+2CD8B, U+2CD8D, U+2CD8F-2CD90, U+2CD9F-2CDA0, U+2CDA8, U+2CDAD-2CDAE, U+2CDD5, U+2CE18, U+2CE1A, U+2CE23, U+2CE26, U+2CE2A;
}

/* Rare: 3 code points, 1348 bytes */
@font-face {
  font-family: 'OPPOSans SC';
  src: url('/fonts/oppo-sans-sc/rare-129-f4c02bd12a.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+2CE7C, U+2CE88, U+2CE93;
}

.react-page-bridge { min-height: 100vh;
}
.react-page-bridge .react-route-loading { min-height:calc(100vh - 96px); display:grid; place-items:center;
}
.react-page-bridge .react-route-loading span { width:28px; height:28px; border:2px solid rgba(148,163,184,.28); border-top-color:#5383e8; border-radius:50%; animation:react-route-spin .7s linear infinite;
}
@keyframes react-route-spin {
to { transform:rotate(360deg);
}
}
.react-page-bridge .status-prompt-container { width:min(96%,1400px); min-height:calc(100vh - 190px); margin:0 auto; display:flex; align-items:center; justify-content:center; padding:80px 0;
}
.react-page-bridge .status-prompt { width:min(560px,100%); padding:30px 32px; border:1px solid rgba(148,163,184,.14); border-radius:6px; color:var(--text-primary,#f1f5f9); background:transparent; box-shadow:0 18px 54px rgba(0,0,0,.18); text-align:left;
}
.react-page-bridge .status-prompt .status-label { display:inline-flex; height:24px; align-items:center; padding:0 10px; border-radius:4px; color:#dbc27b; background:rgba(201,164,93,.1); font-size:12px;
}
.react-page-bridge .status-prompt h2 { margin:16px 0 8px; color:var(--text-primary,#f1f5f9); font-size:24px; font-weight:700; line-height:1.35; overflow-wrap:anywhere;
}
.react-page-bridge .status-prompt p { margin:0; color:var(--text-secondary,#94a3b8); font-size:14px; line-height:1.75;
}
.react-page-bridge .status-actions { display:flex; gap:8px; margin-top:20px; flex-wrap:wrap;
}
.react-page-bridge .status-actions button { min-height:32px; padding:0 14px; border:1px solid rgba(148,163,184,.24); border-radius:4px; color:inherit; background:rgba(148,163,184,.08);
}
html.light-theme .react-page-bridge .status-prompt { border-color:#e5eaf2; color:#111827; box-shadow:0 18px 48px rgba(35,55,86,.1);
}
html.light-theme .react-page-bridge .status-prompt h2 { color:#0f172a;
}
html.light-theme .react-page-bridge .status-prompt p { color:#334155;
}
html.light-theme .react-page-bridge .status-actions button { border-color:#d8dee9; background:#f6f8fb;
}
/* Keep the target Vue shell theme in charge of the global navigation. */
html:not(.light-theme) .header {
  color: #fff !important;
}
html:not(.light-theme) .header .logo,
html:not(.light-theme) .header .nav-item,
html:not(.light-theme) .header .header-right,
html:not(.light-theme) .header .theme-toggle,
html:not(.light-theme) .header .auth-btn { color: #fff !important;
}
html:not(.light-theme) .header .nav-item:not(.active) { color: #c4c9d4 !important;
}
html:not(.light-theme) .header .nav-item:hover { color: #7ea7ff !important;
}
html:not(.light-theme) .header .nav-item.active { color: #3d7dff !important;
}
html.light-theme .header {
  color: #0f172a !important;
}
html.light-theme .header .logo,
html.light-theme .header .nav-item,
html.light-theme .header .header-right,
html.light-theme .header .theme-toggle,
html.light-theme .header .auth-btn { color: #0f172a !important;
}
html.light-theme .header .nav-item:not(.active) { color: #64748b !important;
}
html.light-theme .header .nav-item.active { color: #2f6fe4 !important;
}
.react-page-bridge { background: var(--bg-primary, #08090c); color: var(--text-primary, #fff);
}
html.light-theme .react-page-bridge { background: #f6f7f9; color: #0f172a;
}
@media (max-width:640px) {
.react-page-bridge .status-prompt-container { min-height:calc(100vh - 132px); padding:38px 0;
}
.react-page-bridge .status-prompt { padding:24px 18px;
}
.react-page-bridge .status-prompt h2 { font-size:21px;
}
}
/*$vite$:1*/