:root{--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1440px;--breakpoint-large-desktop:1920px;--container-max-width-mobile:100%;--container-max-width-tablet:100%;--container-max-width-desktop:1200px;--container-max-width-large-desktop:1200px;--container-padding-mobile:15px;--container-padding-tablet:20px;--container-padding-desktop:20px;--grid-gutter-mobile:10px;--grid-gutter-tablet:15px;--grid-gutter-desktop:20px;--touch-target-min-size:44px}.responsive-container{box-sizing:border-box;margin:0 auto;padding:0 var(--container-padding-mobile);width:100%}@media(min-width:768px){.responsive-container{padding:0 var(--container-padding-tablet)}}@media(min-width:1024px){.responsive-container{max-width:var(--container-max-width-desktop);padding:0 var(--container-padding-desktop)}}@media(min-width:1440px){.responsive-container{max-width:var(--container-max-width-large-desktop)}}.responsive-container.container-fluid{max-width:100%}.responsive-container.no-padding{padding:0}.show-mobile{display:none}@media(max-width:767px){.show-mobile{display:block}}.show-tablet{display:none}@media(min-width:768px)and (max-width:1023px){.show-tablet{display:block}}.show-desktop{display:none}@media(min-width:1024px){.show-desktop{display:block}}@media(max-width:767px){.hide-mobile{display:none}}@media(min-width:768px)and (max-width:1023px){.hide-tablet{display:none}}@media(min-width:1024px){.hide-desktop{display:none}}.responsive-text{font-size:14px}@media(min-width:768px){.responsive-text{font-size:15px}}@media(min-width:1024px){.responsive-text{font-size:16px}}.responsive-text-sm{font-size:12px}@media(min-width:768px){.responsive-text-sm{font-size:13px}}@media(min-width:1024px){.responsive-text-sm{font-size:14px}}.responsive-text-lg{font-size:16px}@media(min-width:768px){.responsive-text-lg{font-size:18px}}@media(min-width:1024px){.responsive-text-lg{font-size:20px}}.responsive-padding{padding:15px}@media(min-width:768px){.responsive-padding{padding:20px}}@media(min-width:1024px){.responsive-padding{padding:30px}}.responsive-margin{margin:15px}@media(min-width:768px){.responsive-margin{margin:20px}}@media(min-width:1024px){.responsive-margin{margin:30px}}@media(max-width:767px){.touch-target{align-items:center;display:inline-flex;justify-content:center;min-width:var(--touch-target-min-size)}.el-button,.el-input__inner,.el-select .el-input__inner,.el-textarea__inner,.touch-target{min-height:var(--touch-target-min-size)}}.responsive-grid{display:grid;gap:var(--grid-gutter-mobile)}@media(min-width:768px){.responsive-grid{gap:var(--grid-gutter-tablet)}}@media(min-width:1024px){.responsive-grid{gap:var(--grid-gutter-desktop)}}.responsive-grid.grid-cols-2,.responsive-grid.grid-cols-3{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.responsive-grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.responsive-grid.grid-cols-4{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.responsive-grid.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.responsive-grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.responsive-image{display:block;height:auto;width:100%}@media(max-width:767px){.mobile-full-width{margin-left:0;margin-right:0;width:100%}.mobile-fixed-bottom{background:#fff;bottom:0;box-shadow:0 -2px 8px #0000001a;left:0;position:fixed;right:0;z-index:1000}.mobile-stack{display:flex;flex-direction:column}.responsive-mobile-page{background:var(--uni-bg-page);min-height:100vh}.responsive-card-container{padding:0 var(--uni-padding)}.responsive-card-container>:is(.card-template,.m-card,.m-panel){margin-left:0;margin-right:0}.responsive-list-container{padding:var(--uni-gap) var(--uni-padding)}.responsive-list-container>*+*{margin-top:var(--uni-gap)}.responsive-form-container{background:var(--uni-bg-card);border-radius:var(--uni-radius-big);margin:var(--uni-gap) var(--uni-padding);padding:var(--uni-padding)}.responsive-safe-bottom{padding-bottom:max(var(--uni-gap),var(--uni-safe-bottom))}.responsive-safe-top{padding-top:max(var(--uni-gap),var(--uni-safe-top))}.responsive-goods-grid{display:grid;gap:var(--uni-gap-sm);grid-template-columns:repeat(2,1fr);padding:0 var(--uni-padding)}.responsive-feature-grid{display:grid;gap:var(--uni-padding);grid-template-columns:repeat(4,1fr);padding:var(--uni-padding)}.responsive-asset-grid{background:var(--uni-line);border-radius:var(--uni-radius-big);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);overflow:hidden}.responsive-asset-grid>*{background:var(--uni-bg-card);padding:15px;text-align:center}.responsive-button-group{display:flex;gap:var(--uni-gap);padding:var(--uni-gap) var(--uni-padding)}.responsive-button-group>*{flex:1;min-width:0}.el-header,.responsive-header{height:var(--uni-navbar-h)!important}.el-button{border-radius:8px;font-weight:500;min-height:44px}.el-button.el-button--large{font-size:var(--uni-font-lg);height:48px}.el-button.el-button--small{font-size:var(--uni-font-sm);height:36px}.el-input__wrapper{min-height:44px}.el-input__wrapper,.el-textarea__inner{border-radius:var(--uni-radius-sm)}.el-card{border:none;border-radius:var(--uni-radius-big);box-shadow:none}.el-card .el-card__body{padding:15px}.el-dialog,.el-drawer{border-radius:var(--uni-radius-big) var(--uni-radius-big) 0 0}.el-tabs__item{font-size:var(--uni-font-md)}.el-form-item__label{color:var(--uni-text-2);font-size:var(--uni-font-sm)}.responsive-table-card .el-table{display:none}.responsive-table-card .mobile-table-card{display:block}.mobile-table-card .table-card-item{background:var(--uni-bg-card);border-radius:var(--uni-radius-big);margin-bottom:var(--uni-gap);padding:15px}.mobile-table-card .table-card-item .card-row{border-bottom:1px solid var(--uni-line);display:flex;justify-content:space-between;padding:8px 0}.mobile-table-card .table-card-item .card-row:last-child{border-bottom:none}.mobile-table-card .table-card-item .card-row .label{color:var(--uni-text-2);font-size:var(--uni-font-sm)}.mobile-table-card .table-card-item .card-row .value{color:var(--uni-text-1);font-size:var(--uni-font-base);text-align:right}.responsive-pagination .el-pagination{display:none}.responsive-pagination .mobile-load-more{display:block}}@media(min-width:768px){.mobile-load-more,.mobile-table-card{display:none}.show-mobile-only{display:none!important}.el-button,.el-card{border-radius:8px}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-100{height:100%!important}.h-auto{height:auto!important}.flex-1{flex:1;min-width:0}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-end{justify-content:flex-end}.gap-sm{gap:5px}.gap{gap:10px}.gap-lg{gap:15px}.p-0{padding:0!important}.p-sm{padding:5px}.p{padding:10px}.p-lg{padding:15px}.px-sm{padding-left:5px;padding-right:5px}.px{padding-left:10px;padding-right:10px}.px-lg{padding-left:15px;padding-right:15px}.py-sm{padding-bottom:5px;padding-top:5px}.py{padding-bottom:10px;padding-top:10px}.py-lg{padding-bottom:15px;padding-top:15px}.m-0{margin:0!important}.m-sm{margin:5px}.m{margin:10px}.m-lg{margin:15px}.mx-auto{margin-left:auto;margin-right:auto}.mt-sm{margin-top:5px}.mt{margin-top:10px}.mt-lg{margin-top:15px}.mb-sm{margin-bottom:5px}.mb{margin-bottom:10px}.mb-lg{margin-bottom:15px}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.overflow-y-auto{overflow-x:hidden;overflow-y:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.user-select-none{-webkit-user-select:none;user-select:none}.rounded,.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 2px 8px #0000001a}.shadow-none{box-shadow:none!important}.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);font-size:12px;line-height:20px;min-width:10px;overflow-wrap:break-word;padding:5px 11px;position:absolute;visibility:visible;word-break:normal;z-index:2000}.el-popper.is-dark{--el-fill-color-blank:var(--el-popper-bg-color-dark);color:var(--el-bg-color)}.el-popper.is-dark,.el-popper.is-dark>.el-popper__arrow:before{background:var(--el-popper-bg-color-dark);border:1px solid var(--el-text-color-primary)}.el-popper.is-dark>.el-popper__arrow:before{right:0}.el-popper.is-light{--el-fill-color-blank:var(--el-popper-bg-color-light)}.el-popper.is-light,.el-popper.is-light>.el-popper__arrow:before{background:var(--el-popper-bg-color-light);border:1px solid var(--el-border-color-light)}.el-popper.is-light>.el-popper__arrow:before{right:0}.el-popper.is-pure{padding:0}.el-popper__arrow,.el-popper__arrow:before{height:10px;position:absolute;width:10px;z-index:-1}.el-popper__arrow:before{background:var(--el-text-color-primary);box-sizing:border-box;content:" ";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-left-color:#0000!important;border-top-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-right-color:#0000!important;border-top-color:#0000!important}
