:root{--adm-radius-s: 4px;--adm-radius-m: 8px;--adm-radius-l: 12px;--adm-font-size-1: 9px;--adm-font-size-2: 10px;--adm-font-size-3: 11px;--adm-font-size-4: 12px;--adm-font-size-5: 13px;--adm-font-size-6: 14px;--adm-font-size-7: 15px;--adm-font-size-8: 16px;--adm-font-size-9: 17px;--adm-font-size-10: 18px;--adm-color-primary: #1677ff;--adm-color-success: #00b578;--adm-color-warning: #ff8f1f;--adm-color-danger: #ff3141;--adm-color-yellow: #ff9f18;--adm-color-orange: #ff6430;--adm-color-wathet: #e7f1ff;--adm-color-text: #333333;--adm-color-text-secondary: #666666;--adm-color-weak: #999999;--adm-color-light: #cccccc;--adm-color-border: #eeeeee;--adm-color-background: #ffffff;--adm-color-highlight: var(--adm-color-danger);--adm-color-white: #ffffff;--adm-color-box: #f5f5f5;--adm-color-text-light-solid: var(--adm-color-white);--adm-color-text-dark-solid: #000000;--adm-color-fill-content: var(--adm-color-box);--adm-font-size-main: var(--adm-font-size-5);--adm-font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", helvetica, segoe ui, arial, roboto, "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;--adm-border-color: var(--adm-color-border)}html[data-prefers-color-scheme=dark]{--adm-color-primary: #3086ff;--adm-color-success: #34b368;--adm-color-warning: #ffa930;--adm-color-danger: #ff4a58;--adm-color-yellow: #ffa930;--adm-color-orange: #e65a2b;--adm-color-wathet: #0d2543;--adm-color-text: #e6e6e6;--adm-color-text-secondary: #b3b3b3;--adm-color-weak: #808080;--adm-color-light: #4d4d4d;--adm-color-border: #2b2b2b;--adm-color-box: #0a0a0a;--adm-color-background: #1a1a1a;--adm-color-background-body: var(--adm-color-background);--adm-border-color: var(--adm-color-border)}:root{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--adm-color-background-body)}body{color:var(--adm-color-text);font-size:var(--adm-font-size-main);font-family:var(--adm-font-family)}a,button{cursor:pointer}a{color:var(--adm-color-primary);transition:opacity ease-in-out .2s}a:active{opacity:.8}.adm-plain-anchor{color:unset;transition:none}.adm-plain-anchor:active{opacity:unset}body.adm-overflow-hidden{overflow:hidden!important}div.adm-px-tester{--size: 1;height:calc(var(--size) / 2 * 2px);width:0;position:fixed;left:-100vw;top:-100vh;-webkit-user-select:none;user-select:none;pointer-events:none}.adm-popup{--z-index: var(--adm-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-popup-body{position:fixed;background-color:var(--adm-color-background);z-index:calc(var(--z-index) + 10)}.adm-popup-body .adm-popup-close-icon{position:absolute;z-index:100}.adm-popup-body-position-bottom{width:100%;bottom:0;left:0}.adm-popup-body-position-bottom .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-top{width:100%;top:0;left:0}.adm-popup-body-position-top .adm-popup-close-icon{right:8px;bottom:8px}.adm-popup-body-position-left{height:100%;top:0;left:0}.adm-popup-body-position-left .adm-popup-close-icon{right:8px;top:8px}.adm-popup-body-position-right{height:100%;top:0;right:0}.adm-popup-body-position-right .adm-popup-close-icon{left:8px;top:8px}.adm-popup-close-icon{cursor:pointer;padding:4px;font-size:18px;line-height:1;color:var(--adm-color-weak)}.adm-mask{--z-index: var(--adm-mask-z-index, 1000);position:fixed;top:0;left:0;z-index:var(--z-index);display:block;width:100%;height:100%}.adm-mask-aria-button{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.adm-mask-content{z-index:1}.adm-safe-area{--multiple: var(--adm-safe-area-multiple, 1);display:block;width:100%}.adm-safe-area-position-top{padding-top:calc(env(safe-area-inset-top) * var(--multiple))}.adm-safe-area-position-bottom{padding-bottom:calc(env(safe-area-inset-bottom) * var(--multiple))}.adm-auto-center{display:flex;justify-content:center}.adm-auto-center-content{flex:0 1 auto}.adm-image{--width: var(--adm-image-width, auto);--height: var(--adm-image-height, auto);width:var(--width);height:var(--height);display:block;overflow:hidden}.adm-image-img{width:100%;height:100%}.adm-image-tip{position:relative;background-color:var(--adm-color-fill-content);height:100%;min-height:24px;min-width:24px}.adm-image-tip>svg{width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--adm-color-weak)}.adm-badge-wrapper{display:inline-block;position:relative}.adm-badge{display:inline-flex;vertical-align:middle;box-sizing:content-box;border-radius:100px;background-color:var(--color);--right: 0;--top: 0;--color: var(--adm-badge-color, var(--adm-color-highlight))}.adm-badge-content{color:var(--adm-color-text-light-solid);box-sizing:border-box;min-width:8px;padding:1px 4px;font-size:var(--adm-font-size-1);line-height:12px;white-space:nowrap;font-weight:400;text-align:center}.adm-badge-fixed{position:absolute;right:var(--right);top:var(--top);transform:translate(50%,-50%)}.adm-badge-dot{min-width:10px;width:10px;height:10px;border-radius:5px}.adm-badge-bordered{border:solid 1px var(--adm-color-text-light-solid)}.adm-button{--color: var(--adm-color-text-light-solid);--text-color: var(--adm-button-text-color, var(--adm-color-text));--background-color: var(--adm-button-background-color, var(--adm-color-background));--border-radius: var(--adm-button-border-radius, 4px);--border-width: var(--adm-button-border-width, 1px);--border-style: var(--adm-button-border-style, solid);--border-color: var(--adm-button-border-color, var(--adm-color-border));color:var(--text-color);background-color:var(--background-color);position:relative;display:inline-block;box-sizing:border-box;height:auto;padding:7px 12px;margin:0;font-size:var(--adm-font-size-9);line-height:1.4;text-align:center;border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:opacity ease .15s;-webkit-user-select:none;user-select:none}.adm-button:focus{outline:none}.adm-button:before{position:absolute;top:0;left:0;transform:translate(calc(var(--border-width) * -1),calc(var(--border-width) * -1));width:100%;height:100%;background-color:var(--adm-color-text-dark-solid);border:var(--border-width) var(--border-style) var(--adm-color-text-dark-solid);border-radius:var(--border-radius);opacity:0;content:" ";box-sizing:content-box}.adm-button:active:before{opacity:.08}.adm-button-default.adm-button-fill-outline{--background-color: transparent;--border-color: var(--adm-color-text)}.adm-button-default.adm-button-fill-none{--background-color: transparent;--border-width: 0px}.adm-button:not(.adm-button-default){--text-color: var(--adm-color-text-light-solid);--background-color: var(--color);--border-color: var(--color)}.adm-button:not(.adm-button-default).adm-button-fill-outline{--text-color: var(--color);--background-color: transparent}.adm-button:not(.adm-button-default).adm-button-fill-none{--text-color: var(--color);--background-color: transparent;--border-width: 0px}.adm-button-primary{--color: var(--adm-color-primary)}.adm-button-success{--color: var(--adm-color-success)}.adm-button-danger{--color: var(--adm-color-danger)}.adm-button-warning{--color: var(--adm-color-warning)}.adm-button-block{display:block;width:100%}.adm-button-disabled{cursor:not-allowed;opacity:.4}.adm-button-disabled:active:before{display:none}.adm-button.adm-button-mini{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-main)}.adm-button.adm-button-mini.adm-button-shape-rounded{padding-left:9px;padding-right:9px}.adm-button.adm-button-small{padding-top:3px;padding-bottom:3px;font-size:var(--adm-font-size-7)}.adm-button.adm-button-large{padding-top:11px;padding-bottom:11px;font-size:var(--adm-font-size-10)}.adm-button.adm-button-shape-rounded{--border-radius: 1000px}.adm-button.adm-button-shape-rectangular{--border-radius: 0}.adm-button-loading{vertical-align:bottom}.adm-button-loading-wrapper{display:flex;height:1.4em;align-items:center;justify-content:center}.adm-button-loading-wrapper>.adm-loading{opacity:.6}.adm-dot-loading{display:inline-block}.adm-picker{--header-button-font-size: var(--adm-font-size-7);--title-font-size: var(--adm-font-size-7);--item-font-size: var(--adm-font-size-8);--item-height: 34px;width:100%;height:300px;overflow:hidden;position:relative;display:flex;flex-direction:column;---item-font-size: var(--item-font-size);---item-height: var(--item-height)}.adm-picker .adm-picker-view.adm-picker-view{--item-font-size: var(---item-font-size);--item-height: var(---item-height)}.adm-picker-header{flex-shrink:0;border-bottom:solid 1px var(--adm-color-border);display:flex;justify-content:space-between;align-items:center;padding:4px}.adm-picker-header-button{font-size:var(--header-button-font-size);display:inline-block;padding:8px}.adm-picker-header-button-disabled,.adm-picker-header-button-disabled:active{opacity:.4;cursor:not-allowed}.adm-picker-header-title{padding:4px;font-size:var(--title-font-size);color:var(--adm-color-text);text-align:center;flex:1}.adm-picker-body{flex:1;width:100%;height:100%}.adm-picker-body>.adm-picker-view{--height: 100%}.adm-picker-popup .adm-popup-body{border-top-left-radius:8px;border-top-right-radius:8px}.adm-spin-loading{--color: var(--adm-color-weak);--size: 32px;width:var(--size);height:var(--size)}.adm-spin-loading-svg{width:100%;height:100%;animation:adm-spin-loading-rotate .8s infinite linear}.adm-spin-loading-svg>.adm-spin-loading-fill{stroke:var(--color)}@keyframes adm-spin-loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.adm-picker-view{--height: 240px;--item-height: 34px;--item-font-size: var(--adm-font-size-8);height:var(--height);width:100%;display:flex;position:relative;overflow:hidden;background:var(--adm-color-background)}.adm-picker-view-column{height:100%;flex:1;-webkit-user-select:none;user-select:none;touch-action:none;position:relative;z-index:0}.adm-picker-view-column-wheel{width:100%;cursor:-webkit-grab;cursor:grab;position:absolute;top:calc(50% - var(--item-height) / 2);left:0}.adm-picker-view-column-wheel:before{content:" ";display:block;position:absolute;width:100%;height:100vh;top:-100vh}.adm-picker-view-column-wheel:after{content:" ";display:block;position:absolute;width:100%;height:100vh;bottom:-100vh}.adm-picker-view-column-item{font-size:var(--item-font-size);padding:0 6px;height:var(--item-height);display:flex;justify-content:center;align-items:center}.adm-picker-view-column-item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-picker-view-column-accessible{width:100%;height:100%;pointer-events:none;opacity:0;display:flex;flex-direction:column;position:relative;top:calc(var(--item-height) * -1);z-index:0;padding-bottom:1px}.adm-picker-view-column-accessible>*{flex:1;text-overflow:ellipsis}.adm-picker-view-column-accessible-current{position:absolute;width:100%;height:100%}.adm-picker-view-column-accessible-button{width:100%;height:100%}.adm-picker-view-mask{position:absolute;z-index:10000;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:none}.adm-picker-view-mask-top,.adm-picker-view-mask-bottom{flex:auto}.adm-picker-view-mask-middle{height:var(--item-height);box-sizing:border-box;flex:none;border-top:solid 1px var(--adm-color-border);border-bottom:solid 1px var(--adm-color-border)}.adm-picker-view-mask-top{background:var(--adm-color-background);-webkit-mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(0deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-mask-bottom{background:var(--adm-color-background);-webkit-mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%);mask:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.8) 50%,#000000 100%)}.adm-picker-view-loading-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-picker-view-item-height-measure{position:relative;left:0;top:0;height:var(--item-height);width:0;pointer-events:none}.adm-tabs{--title-font-size: var(--adm-font-size-9);--content-padding: 12px;--active-line-height: 2px;--active-line-border-radius: var(--active-line-height);--active-line-color: var(--adm-color-primary);--active-title-color: var(--adm-color-primary);position:relative;min-width:0}.adm-tabs-header{position:relative;border-bottom:solid 1px var(--adm-color-border)}.adm-tabs-tab-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;position:relative;overflow-x:scroll;scrollbar-width:none}.adm-tabs-tab-list::-webkit-scrollbar{display:none}.adm-tabs-tab-wrapper{padding:0 12px}.adm-tabs-tab-wrapper-stretch{flex:auto}.adm-tabs-tab{white-space:nowrap;padding:8px 0 10px;width:-webkit-min-content;width:min-content;margin:0 auto;font-size:var(--title-font-size);position:relative;cursor:pointer}.adm-tabs-tab-active{color:var(--active-title-color)}.adm-tabs-tab-disabled{opacity:.5;cursor:not-allowed}.adm-tabs-tab-line{position:absolute;bottom:0;height:var(--active-line-height);background:var(--active-line-color);border-radius:var(--active-line-border-radius)}.adm-tabs-content{padding:var(--content-padding)}.adm-tabs-header-mask{position:absolute;top:0;bottom:0;z-index:1;width:30px;height:100%;pointer-events:none}.adm-tabs-header-mask-left{left:0;background:linear-gradient(to right,var(--adm-color-background),rgba(255,255,255,0))}.adm-tabs-header-mask-right{right:0;background:linear-gradient(to left,var(--adm-color-background),rgba(255,255,255,0))}.adm-list{--header-font-size: var(--adm-font-size-7);--prefix-width: "auto";--prefix-padding-right: 12px;--align-items: center;--active-background-color: var(--adm-color-border);--border-inner: solid 1px var(--adm-color-border);--border-top: solid 1px var(--adm-color-border);--border-bottom: solid 1px var(--adm-color-border);--padding-left: 12px;--padding-right: 12px;--font-size: var(--adm-font-size-9);--extra-max-width: 70%}.adm-list-header{color:var(--adm-color-weak);font-size:var(--header-font-size);padding:8px var(--padding-right) 8px var(--padding-left)}.adm-list-body{background-color:var(--adm-color-background);overflow:hidden;font-size:var(--font-size)}.adm-list-body-inner{margin-top:-1px}.adm-list-default .adm-list-body{border-top:var(--border-top);border-bottom:var(--border-bottom)}.adm-list-card{margin:12px}.adm-list-card .adm-list-body{border-radius:8px}.adm-list-card .adm-list-header{padding-left:0}.adm-list-item{display:block;padding-left:var(--padding-left);position:relative;background-color:var(--adm-color-background);line-height:1.5}.adm-list-item-title,.adm-list-item-description{color:var(--adm-color-weak);font-size:var(--adm-font-size-main)}.adm-list-item-content{display:flex;align-items:var(--align-items);justify-content:flex-start;border-top:var(--border-inner);padding-right:var(--padding-right)}.adm-list-item-content-prefix{width:var(--prefix-width);flex:none;padding-right:var(--prefix-padding-right)}.adm-list-item-content-main{flex:auto;padding:12px 0}.adm-list-item-content-extra{flex:none;padding-left:12px;font-size:var(--adm-font-size-7);color:var(--adm-color-weak);max-width:var(--extra-max-width)}.adm-list-item-content-arrow{flex:none;display:flex;align-items:center;margin-left:4px;color:var(--adm-color-light);font-size:19px}.adm-list-item-disabled{cursor:not-allowed}.adm-list-item-disabled.adm-list-item-disabled>.adm-list-item-content>*{opacity:.4;pointer-events:none}a.adm-list-item:active:not(.adm-list-item-disabled){background-color:var(--active-background-color)}a.adm-list-item:active:not(.adm-list-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:var(--border-inner)}.adm-center-popup{--background-color: var(--adm-center-popup-background-color, var(--adm-color-background));--border-radius: var(--adm-center-popup-border-radius, 8px);--max-width: var(--adm-center-popup-max-width, 75vw);--min-width: var(--adm-center-popup-min-width, 280px);--z-index: var(--adm-center-popup-z-index, 1000);position:fixed;z-index:var(--z-index)}.adm-center-popup .adm-center-popup-mask{z-index:0}.adm-center-popup-wrap{position:fixed;z-index:1;top:50%;left:50%;width:auto;min-width:var(--min-width);max-width:var(--max-width);transform:translate(-50%,-50%)}.adm-center-popup-body{background-color:var(--background-color);border-radius:var(--border-radius)}.adm-center-popup-close{position:absolute;z-index:100;right:8px;top:8px;cursor:pointer;padding:4px;font-size:18px;color:var(--adm-color-weak)}.adm-checkbox{--icon-size: 22px;--font-size: var(--adm-font-size-9);--gap: 8px;display:inline-flex;vertical-align:text-bottom;justify-content:flex-start;align-items:center;cursor:pointer}.adm-checkbox input{display:none}.adm-checkbox .adm-checkbox-icon{flex:none;border:1px solid var(--adm-color-light);border-radius:var(--icon-size);box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);color:var(--adm-color-text-light-solid)}.adm-checkbox .adm-checkbox-icon>svg{display:block;width:100%;height:100%}.adm-checkbox.adm-checkbox-block{display:flex}.adm-checkbox.adm-checkbox-checked .adm-checkbox-icon{border-color:var(--adm-color-primary);background-color:var(--adm-color-primary)}.adm-checkbox.adm-checkbox-disabled{cursor:not-allowed}.adm-checkbox.adm-checkbox-disabled .adm-checkbox-content{opacity:.4}.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon{color:var(--adm-color-light);border-color:var(--adm-color-light);background-color:var(--adm-color-fill-content)}.adm-checkbox .adm-checkbox-custom-icon{font-size:var(--icon-size)}.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon{background-color:var(--adm-color-background);color:var(--adm-color-primary)}.adm-checkbox-content{flex:0 1 auto;font-size:var(--font-size);padding-left:var(--gap)}.adm-dialog{--z-index: var(--adm-dialog-z-index, 1000);---z-index: var(--z-index)}.adm-dialog .adm-center-popup{--z-index: var(---z-index)}.adm-dialog-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-dialog-body>*{flex:none}.adm-dialog-body>.adm-dialog-content{flex:auto}.adm-dialog-body:not(.adm-dialog-with-image){padding-top:20px}.adm-dialog-image-container{margin-bottom:12px;max-height:40vh}.adm-dialog-header{margin-bottom:8px;padding:0 12px}.adm-dialog-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-dialog-content{padding:0 12px 20px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-dialog-content-empty{padding:0;height:12px}.adm-dialog-footer{-webkit-user-select:none;user-select:none}.adm-dialog-footer .adm-dialog-action-row{display:flex;align-items:stretch;border-top:.5px solid var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>*{flex:1}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button{padding:10px;font-size:var(--adm-font-size-10);line-height:25px;border-radius:0;border-right:solid .5px var(--adm-color-border)}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button-bold{font-weight:700}.adm-dialog-footer .adm-dialog-action-row>.adm-dialog-button:last-child{border-right:none}.adm-dialog-image-container{overflow-y:auto}.adm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0}.adm-empty-image-container{display:flex;justify-content:center}.adm-empty-image-container .adm-empty-image{width:64px;height:intrinsic}.adm-empty-description{margin-top:8px;font-size:var(--adm-font-size-6);color:var(--adm-color-light)}.adm-form{--border-inner: solid 1px var(--adm-border-color);--border-top: solid 1px var(--adm-border-color);--border-bottom: solid 1px var(--adm-border-color);--prefix-width: 6.8em;---border-inner: var(--border-inner);---border-top: var(--border-top);---border-bottom: var(--border-bottom);---prefix-width: var(--prefix-width)}.adm-form .adm-list.adm-list{--padding-left: 16px;--padding-right: 12px;--border-inner: var(---border-inner);--border-top: var(---border-top);--border-bottom: var(---border-bottom)}.adm-form .adm-form-footer{padding:20px 12px}.adm-form .adm-form-item-horizontal.adm-list-item{--prefix-width: var(---prefix-width)}.adm-form-list-operation{text-align:center;color:var(--adm-color-primary)}.adm-form-item+.adm-form-item{border-top:none}.adm-form-item-label{display:block;height:100%;line-height:1.5;box-sizing:border-box;position:relative;color:var(--adm-color-text-secondary)}.adm-form-item-label .adm-form-item-required-asterisk{position:absolute;left:-.6em;top:0;font-family:SimSun,sans-serif;color:var(--adm-color-danger);-webkit-user-select:none;user-select:none}.adm-form-item-label .adm-form-item-required-text{margin-left:4px;color:var(--adm-color-weak)}.adm-form-item-label-help{margin-left:4px;cursor:pointer}.adm-form-item-child{display:flex}.adm-form-item-child-position-normal{justify-content:normal}.adm-form-item-child-position-normal>*{flex:auto}.adm-form-item-child-position-right{justify-content:flex-end}.adm-form-item-child-position-right>*{flex:none}.adm-form-item-feedback-error{color:var(--adm-color-danger);margin-top:4px}.adm-form-item-feedback-warning{color:var(--adm-color-warning);margin-top:4px}.adm-form-item.adm-form-item-hidden{display:none}.adm-form-item.adm-form-item-horizontal.adm-list-item{--align-items: stretch}.adm-form-item.adm-form-item-horizontal .adm-list-item-content-prefix{padding-top:12px;padding-bottom:12px}.adm-form-item.adm-form-item-horizontal .adm-list-item-content-extra{align-self:center}.adm-form-item.adm-form-item-vertical .adm-form-item-label{font-size:var(--adm-font-size-7);margin-bottom:4px}.adm-popover{--z-index: var(--adm-popover-z-index, 1030);--background: #ffffff;--arrow-size: 8px;--content-padding: 8px 12px;color:var(--adm-color-text);position:absolute;top:0;left:0;z-index:var(--z-index);white-space:normal;text-align:left;cursor:auto;-webkit-user-select:text;user-select:text;animation:none}.adm-popover.adm-popover-dark{--background: rgba(0, 0, 0, .75);--adm-color-text: #ffffff;color:#fff}.adm-popover.adm-popover-dark .adm-popover-inner{box-shadow:none}.adm-popover:after{position:absolute;background:rgba(255,255,255,.01);content:""}.adm-popover-hidden{display:none}.adm-popover-inner{background-color:var(--background);background-clip:padding-box;border-radius:8px;box-shadow:0 0 30px #3333;font-size:var(--adm-font-size-7);width:-webkit-max-content;width:max-content;min-width:32px;max-width:calc(100vw - 24px);overflow-y:hidden}.adm-popover-inner-content{padding:var(--content-padding)}.adm-popover-arrow{position:absolute;display:block;height:var(--arrow-size);width:var(--arrow-size);overflow:visible;background:transparent}.adm-popover-arrow-icon{display:block;height:var(--arrow-size);width:calc(var(--arrow-size) / 8 * 15);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(var(--arrow-icon-rotate))}.adm-popover .adm-popover-arrow{color:var(--background)}.adm-popover-menu{--border-color: var(--adm-color-border)}.adm-popover-menu.adm-popover{--content-padding: 0}.adm-popover-menu-list{overflow:hidden;min-width:120px}.adm-popover-menu-list-inner{margin-top:-1px}.adm-popover-menu-list-scroll{padding-right:2px;overflow-y:scroll;-webkit-overflow-scrolling:auto}.adm-popover-menu-list-scroll::-webkit-scrollbar{-webkit-appearance:none;width:4px}.adm-popover-menu-list-scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ddd}.adm-popover-menu-item{display:flex;padding-left:20px;justify-content:flex-start;align-items:center;position:relative}.adm-popover-menu-item-icon{flex:none;padding-right:8px;font-size:20px}.adm-popover-menu-item-text{flex:auto;padding:14px 20px 14px 0;border-top:solid 1px var(--border-color)}.adm-popover-menu-item-disabled{cursor:not-allowed}.adm-popover-menu-item-disabled>*{opacity:.4}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled){background-color:var(--border-color)}.adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled):after{content:" ";display:block;position:absolute;width:100%;bottom:-1px;left:0;border-bottom:solid 1px var(--border-color)}.adm-popover.adm-popover-dark.adm-popover-menu{--border-color: var(--adm-color-text);--background: rgba(0, 0, 0, .9)}.adm-grid{--gap: 0;--gap-horizontal: var(--gap);--gap-vertical: var(--gap);display:grid;grid-gap:10px;-webkit-column-gap:var(--gap-horizontal);column-gap:var(--gap-horizontal);row-gap:var(--gap-vertical);grid-template-columns:repeat(var(--columns),minmax(0,1fr));align-items:stretch}.adm-grid-item{grid-column-end:span var(--item-span)}.adm-image-viewer-content{width:100vw;height:100vh;touch-action:none;-webkit-user-select:none;user-select:none}.adm-image-viewer-footer{position:absolute;width:100%;bottom:0;z-index:1}.adm-image-viewer-slides{height:100%;position:relative;z-index:1;cursor:-webkit-grab;cursor:grab;touch-action:none}.adm-image-viewer-slides-inner{height:100%;white-space:nowrap}.adm-image-viewer-slides-inner>*{margin-right:16px}.adm-image-viewer-slide{position:relative;width:100%;height:100%;display:inline-block}.adm-image-viewer-control{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;cursor:-webkit-grab;cursor:grab;touch-action:none}.adm-image-viewer-image-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.adm-image-viewer-image-wrapper img{display:block;max-width:100%;max-height:100%}.adm-image-viewer-indicator{position:absolute;z-index:2;left:50%;top:12px;transform:translate(-50%);color:var(--adm-color-border);font-size:var(--adm-font-size-6)}.adm-space-item{flex:none}.adm-space{display:inline-flex;--gap: 8px;--gap-vertical: var(--gap);--gap-horizontal: var(--gap)}.adm-space-vertical{flex-direction:column}.adm-space-vertical>.adm-space-item{margin-bottom:var(--gap-vertical)}.adm-space-vertical>.adm-space-item:last-child{margin-bottom:0}.adm-space-horizontal{flex-direction:row}.adm-space-horizontal>.adm-space-item{margin-right:var(--gap-horizontal)}.adm-space-horizontal>.adm-space-item:last-child{margin-right:0}.adm-space-horizontal.adm-space-wrap{flex-wrap:wrap;margin-bottom:calc(var(--gap-vertical) * -1)}.adm-space-horizontal.adm-space-wrap>.adm-space-item{padding-bottom:var(--gap-vertical)}.adm-space.adm-space-block{display:flex}.adm-space-align-center{align-items:center}.adm-space-align-start{align-items:flex-start}.adm-space-align-end{align-items:flex-end}.adm-space-align-baseline{align-items:baseline}.adm-space-justify-center{justify-content:center}.adm-space-justify-start{justify-content:flex-start}.adm-space-justify-end{justify-content:flex-end}.adm-space-justify-between{justify-content:space-between}.adm-space-justify-around{justify-content:space-around}.adm-space-justify-evenly{justify-content:space-evenly}.adm-space-justify-stretch{justify-content:stretch}.adm-image-uploader{--cell-size: 80px;--gap: 12px;---gap: var(--gap);---gap-horizontal: var(--gap-horizontal, var(--gap));---gap-vertical: var(--gap-vertical, var(--gap))}.adm-image-uploader-grid,.adm-image-uploader-space{--gap: var(---gap);--gap-horizontal: var(---gap-horizontal);--gap-vertical: var(---gap-vertical)}.adm-image-uploader-cell{position:relative;width:var(--cell-size);height:var(--cell-size);border-radius:4px;overflow:hidden}.adm-image-uploader-cell-fail{border:red solid 1px;box-sizing:border-box}.adm-image-uploader-cell-delete{position:absolute;top:0;right:0;width:14px;height:14px;background-color:#000000b3;border-radius:0 0 0 12px;font-size:8px;color:var(--adm-color-white);cursor:pointer}.adm-image-uploader-cell-delete-icon{position:absolute;left:4px;top:3px}.adm-image-uploader-cell-mask{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--adm-color-white);background-color:#323233e0}.adm-image-uploader-cell-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box;padding-top:8px}.adm-image-uploader-cell-mask-message{display:inline-block;padding:6px 4px;font-size:var(--adm-font-size-4)}.adm-image-uploader-cell-image{width:var(--cell-size);height:var(--cell-size)}.adm-image-uploader-upload-button-wrap{position:relative}.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button{background-color:var(--adm-color-box);text-align:center;line-height:var(--cell-size);display:block}.adm-image-uploader-upload-button-wrap .adm-image-uploader-upload-button-icon{color:var(--adm-color-weak);font-size:32px}.adm-image-uploader-upload-button-wrap .adm-image-uploader-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;width:100%;height:100%;border-radius:4px}.adm-image-uploader .adm-image-uploader-gap-measure{position:absolute;left:0;top:0;height:var(--gap-horizontal);width:0}.adm-input{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--text-align: left;--background-color: transparent;display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:100%;max-height:100%;min-height:24px;background-color:var(--background-color)}.adm-input-disabled{opacity:.4;cursor:not-allowed}.adm-input-element{flex:auto;display:inline-block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-input-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-input-element:-webkit-autofill{background-color:transparent}.adm-input-element:read-only{cursor:default}.adm-input-element:invalid{box-shadow:none}.adm-input-element::-ms-clear{display:none}.adm-input-element::-ms-reveal{display:none}.adm-input-element::-webkit-search-cancel-button{display:none}.adm-input-element::-webkit-search-decoration{display:none}.adm-input-element:disabled{opacity:1}.adm-input-element[type=date],.adm-input-element[type=time],.adm-input-element[type=datetime-local]{min-height:1.5em}.adm-input-element[type=search]{-webkit-appearance:none}.adm-input-element[readonly]{pointer-events:none}.adm-input-clear{flex:none;margin-left:8px;color:var(--adm-color-light);padding:4px;cursor:pointer}.adm-input-clear:active{color:var(--adm-color-weak)}.adm-input-clear .antd-mobile-icon{display:block;font-size:var(--adm-font-size-7)}.adm-modal{--z-index: var(--adm-modal-z-index, 1000);---z-index: var(--z-index)}.adm-modal .adm-center-popup{--z-index: var(---z-index)}.adm-modal-body{width:100%;max-height:70vh;font-size:var(--adm-font-size-6);overflow:hidden;display:flex;flex-direction:column}.adm-modal-body>*{flex:none}.adm-modal-body>.adm-modal-content{flex:auto}.adm-modal-body:not(.adm-modal-with-image){padding-top:20px}.adm-modal-image-container{margin-bottom:12px;max-height:40vh;overflow-y:scroll}.adm-modal-header{margin-bottom:8px;padding:0 12px}.adm-modal-title{margin-bottom:8px;padding:0 12px;font-weight:700;font-size:var(--adm-font-size-10);line-height:25px;text-align:center}.adm-modal-content{padding:0 12px 12px;max-height:70vh;overflow-x:hidden;overflow-y:auto;font-size:var(--adm-font-size-7);line-height:1.4;color:var(--adm-color-text)}.adm-modal-footer{-webkit-user-select:none;user-select:none;padding:8px 12px 12px}.adm-modal-footer-empty{padding:0;height:8px}.adm-modal-footer.adm-space{--gap-vertical: 20px}.adm-modal-footer .adm-modal-button{font-size:var(--adm-font-size-10);line-height:25px}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary){padding-top:0;padding-bottom:0}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):before{display:none}.adm-modal-footer .adm-modal-button:not(.adm-modal-button-primary):active{opacity:.7}.adm-nav-bar{--height: 45px;--border-bottom: none;display:flex;align-items:center;height:var(--height);border-bottom:var(--border-bottom);padding:0 12px;white-space:nowrap}.adm-nav-bar-left,.adm-nav-bar-right{flex:1}.adm-nav-bar-title{flex:auto;text-align:center;overflow:hidden;text-overflow:ellipsis}.adm-nav-bar-back{display:flex;align-items:center;margin-right:16px;padding:6px 0;cursor:pointer}.adm-nav-bar-back-arrow{font-size:24px;margin-right:4px}.adm-nav-bar-left{font-size:var(--adm-font-size-7);display:flex;justify-content:flex-start;align-items:center}.adm-nav-bar-title{justify-content:center;white-space:nowrap;font-size:var(--adm-font-size-10);padding:0 12px}.adm-nav-bar-right{text-align:right}.adm-pull-to-refresh-head{overflow:hidden;position:relative}.adm-pull-to-refresh-head-content{position:absolute;bottom:0;left:0;width:100%;color:var(--adm-color-weak);display:flex;justify-content:center;align-items:center}.adm-radio{--icon-size: 22px;--font-size: var(--adm-font-size-9);--gap: 8px;display:inline-flex;vertical-align:text-bottom;justify-content:flex-start;align-items:center;cursor:pointer}.adm-radio input[type=radio]{display:none}.adm-radio .adm-radio-icon{flex:none;border:1px solid var(--adm-color-light);border-radius:var(--icon-size);box-sizing:border-box;width:var(--icon-size);height:var(--icon-size);color:var(--adm-color-text-light-solid)}.adm-radio .adm-radio-icon>svg{display:block;width:100%;height:100%}.adm-radio.adm-radio-block{display:flex}.adm-radio.adm-radio-checked .adm-radio-icon{border-color:var(--adm-color-primary);background-color:var(--adm-color-primary)}.adm-radio.adm-radio-disabled{cursor:not-allowed}.adm-radio.adm-radio-disabled .adm-radio-content{opacity:.4}.adm-radio.adm-radio-disabled .adm-radio-icon{color:var(--adm-color-light);border-color:var(--adm-color-light);background-color:var(--adm-color-fill-content)}.adm-radio .adm-radio-custom-icon{font-size:var(--icon-size)}.adm-radio-content{flex:0 1 auto;font-size:var(--font-size);padding-left:var(--gap)}.adm-search-bar{--height: 32px;--padding-left: 8px;--background: var(--adm-color-fill-content);--border-radius: 6px;--placeholder-color: var(--adm-color-weak);---placeholder-color: var(--placeholder-color);display:flex;justify-content:center;align-items:center;height:var(--height)}.adm-search-bar .adm-search-bar-input-box{flex:auto;background:var(--background);border-radius:var(--border-radius);border:solid 1px transparent;display:flex;justify-content:center;align-items:center;padding-left:var(--padding-left)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input-box-icon{flex:none;color:var(--adm-color-light);font-size:var(--adm-font-size-8)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input{flex:auto;padding:4px 8px 4px 4px;height:calc(var(--height) - 2px);box-sizing:border-box}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-input{--placeholder-color: var(---placeholder-color);--font-size: var(--adm-font-size-7)}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input .adm-input-element{line-height:19px}.adm-search-bar .adm-search-bar-input-box .adm-search-bar-input.adm-search-bar-input-without-icon{padding-left:8px}.adm-search-bar .adm-search-bar-suffix{flex:none;margin-left:4px}.adm-search-bar .adm-search-bar-cancel-button.adm-button{padding:3px 12px}.adm-search-bar-active .adm-input.adm-input.adm-input{--placeholder-color: var(--adm-color-light)}.adm-search-bar-active .adm-search-bar-input-box{border-color:var(--adm-color-primary);background:var(--adm-color-background)}.adm-selector{--color: var(--adm-color-fill-content);--checked-color: var(--adm-color-wathet);--text-color: var(--adm-color-text);--checked-text-color: var(--adm-color-primary);--border: none;--checked-border: none;--border-radius: 2px;--padding: 8px 16px;--gap: 8px;---gap: var(--gap);---gap-horizontal: var(--gap-horizontal, var(--gap));---gap-vertical: var(--gap-vertical, var(--gap));overflow:hidden;font-size:var(--adm-font-size-7);line-height:1.4}.adm-selector .adm-space.adm-space{--gap: 12px}.adm-selector .adm-grid{--gap: var(---gap);--gap-horizontal: var(---gap-horizontal);--gap-vertical: var(---gap-vertical)}.adm-selector-item{padding:var(--padding);position:relative;background-color:var(--color);border:var(--border);border-radius:var(--border-radius);color:var(--text-color);opacity:1;cursor:pointer;display:inline-block;text-align:center;overflow:hidden;vertical-align:top}.adm-selector-item-description{font-size:var(--adm-font-size-main);color:var(--adm-color-weak)}.adm-selector-item-active,.adm-selector-item-multiple-active{color:var(--checked-text-color);background-color:var(--checked-color);border:var(--checked-border)}.adm-selector-item .adm-selector-check-mark-wrapper{position:absolute;right:0;bottom:0;width:0;height:0;border-top:solid 8px transparent;border-bottom:solid 8px var(--adm-color-primary);border-left:solid 10px transparent;border-right:solid 10px var(--adm-color-primary)}.adm-selector-item .adm-selector-check-mark-wrapper>svg{position:absolute;left:0;top:0;height:6px;width:8px}.adm-selector-item-disabled{cursor:not-allowed;opacity:.4}.adm-stepper{--height: 28px;--input-width: 44px;--input-font-size: var(--adm-font-size-main);--input-font-color: var(--adm-color-text);--input-background-color: var(--adm-color-fill-content);--border-radius: 2px;--border: none;--border-inner: solid 2px transparent;--active-border: var(--border);--button-font-size: var(--adm-font-size-7);--button-text-color: var(--adm-color-primary);--button-background-color: var(--adm-color-fill-content);--button-width: var(--height);display:flex;align-items:center;box-sizing:border-box;position:relative;overflow:hidden;width:calc(var(--input-width) + 2 * var(--button-width));border:var(--border);border-radius:var(--border-radius)}.adm-stepper-active{border:var(--active-border)}.adm-stepper-middle{flex:1;border-left:var(--border-inner);border-right:var(--border-inner)}.adm-stepper .adm-stepper-input{height:var(--height);--background-color: var(--input-background-color);--font-size: var(--input-font-size);--color: var(--input-font-color);--text-align: center}.adm-stepper-minus,.adm-stepper-plus{width:var(--button-width);height:var(--height);padding:0;color:var(--button-text-color);background-color:var(--button-background-color);font-size:var(--button-font-size);--border-width: 0}.adm-stepper-minus:disabled,.adm-stepper-plus:disabled{color:var(--adm-color-weak)}.adm-stepper-minus svg,.adm-stepper-plus svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.adm-stepper-minus,.adm-stepper-plus{border-radius:0}@keyframes loading-rotate{to{transform:rotate(1turn)}}.adm-switch{--checked-color: var(--adm-color-primary);--height: 31px;--width: 51px;--border-width: 2px;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;align-self:center;cursor:pointer}.adm-switch input{display:none}.adm-switch-checkbox{min-width:var(--width);height:var(--height);box-sizing:border-box;border-radius:31px;background:var(--adm-color-border);z-index:0;overflow:hidden;line-height:var(--height)}.adm-switch-checkbox:before{content:" ";position:absolute;left:var(--border-width);top:var(--border-width);width:calc(100% - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));box-sizing:border-box;background:var(--adm-color-background);z-index:1;transition:all .2s;transform:scale(1)}.adm-switch-handle{display:flex;justify-content:center;align-items:center;width:calc(var(--height) - 2 * var(--border-width));height:calc(var(--height) - 2 * var(--border-width));border-radius:calc(var(--height) - 2 * var(--border-width));background:var(--adm-color-text-light-solid);position:absolute;z-index:2;top:var(--border-width);left:var(--border-width);transition:all .2s;box-shadow:0 0 2px #0003,0 2px 11.5px #00000014,-1px 2px 2px #0000001a}.adm-switch-inner{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin:0 8px 0 calc(var(--height) - var(--border-width) + 5px);height:100%;color:var(--adm-color-weak);transition:margin .2s;font-size:var(--adm-font-size-7)}.adm-switch.adm-switch-checked .adm-switch-checkbox{background:var(--checked-color)}.adm-switch.adm-switch-checked .adm-switch-checkbox:before{transform:scale(0)}.adm-switch.adm-switch-checked .adm-switch-handle{left:calc(100% - (var(--height) - var(--border-width)))}.adm-switch.adm-switch-checked .adm-switch-inner{margin:0 calc(var(--height) - var(--border-width) + 5px) 0 8px;color:var(--adm-color-text-light-solid)}.adm-switch.adm-switch-disabled{cursor:not-allowed;opacity:.4}.adm-switch-spin-icon{width:14px;height:14px;animation:loading-rotate 1s linear infinite}.adm-tab-bar-wrap{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;overflow:hidden;min-height:48px}.adm-tab-bar-item{flex:1;color:var(--adm-color-text-secondary);white-space:nowrap;padding:4px 8px;width:-webkit-min-content;width:min-content;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column}.adm-tab-bar-item-icon{font-size:24px;height:24px;line-height:1}.adm-tab-bar-item-title{font-size:var(--adm-font-size-2);line-height:15px}.adm-tab-bar-item-title-with-icon{margin-top:2px}.adm-tab-bar-item-active{color:var(--adm-color-primary)}.adm-tab-bar-icon-badge{--top: 6px}.adm-tab-bar-title-badge{--right: -2px;--top: -2px}.adm-text-area{--font-size: var(--adm-font-size-9);--color: var(--adm-color-text);--placeholder-color: var(--adm-color-light);--disabled-color: var(--adm-color-weak);--text-align: left;--count-text-align: right;position:relative;width:100%;max-width:100%;max-height:100%}.adm-text-area-element{font-family:var(--adm-font-family);resize:none;flex:auto;display:block;box-sizing:border-box;width:100%;max-width:100%;max-height:100%;padding:0;margin:0;color:var(--color);font-size:var(--font-size);line-height:1.5;background:transparent;border:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:1.5em;text-align:var(--text-align)}.adm-text-area-element::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit}.adm-text-area-element::placeholder{color:var(--placeholder-color);font-family:inherit}.adm-text-area-element:-webkit-autofill{background-color:transparent}.adm-text-area-element:disabled{color:var(--disabled-color);cursor:not-allowed;opacity:1;-webkit-text-fill-color:var(--disabled-color)}.adm-text-area-element:read-only{cursor:default}.adm-text-area-element:invalid{box-shadow:none}.adm-text-area-element::-ms-clear{display:none}.adm-text-area-element-hidden{visibility:hidden;position:absolute;top:0;left:0;z-index:-1000}.adm-text-area-count{text-align:var(--count-text-align);color:var(--adm-color-weak);font-size:var(--adm-font-size-9);padding-top:8px}.adm-toast-mask .adm-toast-wrap{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center}.adm-toast-mask .adm-toast-main{display:inline-block;position:relative;top:50%;transform:translateY(-50%);width:auto;max-width:204px;max-height:70%;overflow:auto;color:#fff;word-break:break-all;background-color:#000000b3;border-radius:8px;pointer-events:all;font-size:var(--adm-font-size-7);line-height:1.5;box-sizing:border-box;text-align:initial}.adm-toast-mask .adm-toast-main-text{padding:12px;min-width:0}.adm-toast-mask .adm-toast-main-icon{padding:35px 12px;min-width:150px}.adm-toast-mask .adm-toast-main-icon .adm-toast-icon{text-align:center;margin-bottom:8px;font-size:36px;line-height:1}.adm-toast-loading{--size: 48px;margin:0 auto 8px}.update-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);box-shadow:0 2px 12px #00000026;animation:slideDown .3s ease-out;padding-top:env(safe-area-inset-top,0)}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.update-banner-content{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;color:#fff;font-size:14px}.update-banner-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite;flex-shrink:0}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.update-banner-text{flex:1;text-align:center;font-weight:500}.update-banner-btn{background:rgba(255,255,255,.25);color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;flex-shrink:0}.update-banner-btn:active{background:rgba(255,255,255,.4);transform:scale(.95)}@media (max-width: 360px){.update-banner-content{padding:8px 12px;font-size:13px;gap:8px}.update-banner-btn{padding:5px 12px;font-size:12px}}.login-page{position:relative;width:100%;height:100%;background:linear-gradient(160deg,#1a0a2e 0%,#2d1b4e 30%,#16213e 70%,#0f0f23 100%);display:flex;flex-direction:column;padding:0 24px 24px;overflow-y:auto;overflow-x:hidden}.login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(1px 1px at 20px 30px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 50px 160px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 200px 50px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 240px 180px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 280px 90px,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 320px 200px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 60px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 100px 250px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 180px 300px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 260px 350px,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 340px 280px,rgba(255,255,255,.6),transparent);background-repeat:repeat;background-size:400px 400px;animation:twinkle 4s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.bg-decoration{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.circle{position:absolute;border-radius:50%;filter:blur(80px)}.circle-1{width:300px;height:300px;top:-100px;right:-80px;background:radial-gradient(circle,rgba(255,107,157,.4) 0%,rgba(255,107,157,.1) 50%,transparent 70%);animation:float-glow 8s ease-in-out infinite}.circle-2{width:250px;height:250px;top:30%;left:-80px;background:radial-gradient(circle,rgba(196,76,255,.35) 0%,rgba(196,76,255,.1) 50%,transparent 70%);animation:float-glow 10s ease-in-out infinite reverse;animation-delay:-2s}.circle-3{width:200px;height:200px;bottom:15%;right:-40px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,rgba(102,126,234,.08) 50%,transparent 70%);animation:float-glow 7s ease-in-out infinite;animation-delay:-4s}@keyframes float-glow{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-30px) scale(1.1);opacity:1}}.login-header{position:relative;z-index:1;text-align:center;padding-top:60px;padding-bottom:40px;color:var(--text-white);animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{display:flex;justify-content:center;margin-bottom:20px}.logo-ring{position:relative;width:100px;height:100px;border-radius:50%;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #ff6b9d4d,0 0 60px #c44cff33,inset 0 0 20px #ffffff0d;animation:pulse-glow 2.5s ease-in-out infinite}.logo-ring:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:var(--gradient-primary);z-index:-1;opacity:.6;animation:ring-rotate 8s linear infinite}.logo-ring:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:conic-gradient(from 0deg,#ff6b9d,#c44cff,#667eea,#ff6b9d);z-index:-2;opacity:.3;filter:blur(8px);animation:ring-rotate 12s linear infinite reverse}@keyframes pulse-glow{0%,to{box-shadow:0 0 30px #ff6b9d4d,0 0 60px #c44cff33,inset 0 0 20px #ffffff0d}50%{box-shadow:0 0 40px #ff6b9d80,0 0 80px #c44cff4d,inset 0 0 30px #ffffff14}}@keyframes ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{font-size:48px;line-height:1;animation:heartbeat 1.5s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,107,157,.5))}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}}.brand-title{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#fff 0%,#ffb3d9 30%,#dda3ff 60%,#fff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;animation:gradient-shift 3s ease infinite;text-shadow:0 0 30px rgba(255,107,157,.3)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.brand-slogan{font-size:14px;opacity:.8;margin:0;letter-spacing:1px;color:#ffffffbf}.login-card{position:relative;z-index:1;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);border-radius:24px;padding:24px 24px 28px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d inset;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.tab-switcher{position:relative;display:flex;background:rgba(255,255,255,.06);border-radius:14px;padding:4px;margin-bottom:24px}.tab-item{flex:1;text-align:center;padding:12px 0;font-size:15px;font-weight:500;color:#fff9;cursor:pointer;transition:all .3s ease;z-index:1;position:relative}.tab-item.active{color:#fff;font-weight:600}.tab-indicator{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--gradient-primary);border-radius:10px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #ff6b9d4d}.tab-indicator.right{transform:translate(100%)}.card-header{text-align:center;margin-bottom:24px}.card-header h2{font-size:22px;font-weight:600;color:#fff;margin:0 0 6px}.card-header p{font-size:13px;color:#fff9;margin:0}.form-container{animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-item{margin-bottom:18px}.input-wrapper{position:relative;display:flex;align-items:center;height:52px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-wrapper:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translate(-50%);transition:width .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ff6b9d99,0 0 20px #c44cff66;pointer-events:none;z-index:2}.input-wrapper.focused{background:rgba(255,255,255,.1);border-color:#ff6b9d4d;box-shadow:0 0 20px #ff6b9d26,0 4px 20px #0003;transform:translateY(-2px)}.input-wrapper.focused:after{width:80%}.input-wrapper.has-value{background:rgba(255,255,255,.08)}.input-icon{font-size:18px;margin-right:12px;flex-shrink:0;transition:all .3s ease;filter:drop-shadow(0 0 4px rgba(255,107,157,.3));pointer-events:none;z-index:2;position:relative}.input-wrapper.focused .input-icon{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,107,157,.6))}.input-wrapper .adm-input{flex:1;height:100%;font-size:15px;color:#fff!important;background:transparent;position:relative;z-index:1;--color: #fff !important;--text-color: #fff !important;--placeholder-color: rgba(255, 255, 255, .4) !important}.input-wrapper .adm-input .adm-input-element{height:100%;font-size:16px!important;color:#fff!important;font-weight:500!important;caret-color:#ff6b9d;-webkit-user-select:text;user-select:text;-webkit-text-fill-color:#fff!important;opacity:1!important}.input-wrapper .adm-input .adm-input-element::placeholder{color:#fff6!important;-webkit-text-fill-color:rgba(255,255,255,.4)!important}.input-wrapper .adm-input .adm-input-placeholder{color:#fff6!important;font-size:14px;-webkit-text-fill-color:rgba(255,255,255,.4)!important}.captcha-input-wrapper{gap:8px}.captcha-image{flex-shrink:0;width:100px;height:38px;margin-right:8px;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center}.captcha-image:hover{transform:scale(1.05);box-shadow:0 2px 12px #ff6b9d4d}.captcha-image:active{transform:scale(.95)}.captcha-image.refreshing{opacity:.5;pointer-events:none}.captcha-image svg{width:100%;height:100%}.eye-toggle{flex-shrink:0;width:36px;height:36px;margin-right:4px;background:transparent;border:none;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:#fff9}.eye-toggle:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.eye-toggle:active{transform:scale(.95)}.login-btn{margin-top:24px!important;height:52px!important;border-radius:26px!important;background:var(--gradient-primary)!important;font-size:16px!important;font-weight:600!important;color:#fff!important;border:none!important;box-shadow:0 8px 24px #ff6b9d66,0 0 0 1px #ffffff1a inset!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.login-btn:hover:before{left:100%}.login-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01)!important;box-shadow:0 12px 32px #ff6b9d80,0 0 40px #ff6b9d4d,0 0 0 1px #ffffff26 inset!important}.login-btn:active:not(:disabled){transform:translateY(0) scale(.98)!important;box-shadow:0 4px 12px #ff6b9d4d,0 0 20px #ff6b9d33!important}.login-btn :global(.adm-button-loading-icon){color:#fff!important}.switch-mode{text-align:center;margin-top:16px;font-size:14px;color:#fff9}.switch-link{color:var(--primary-color);cursor:pointer;font-weight:500;margin-left:4px;transition:all .2s ease;text-shadow:0 0 8px rgba(255,107,157,.3)}.switch-link:hover{color:#ff85b0;text-shadow:0 0 12px rgba(255,107,157,.5)}.agreement{display:flex;align-items:flex-start;gap:8px;margin-top:20px;padding:0 4px}.agreement-checkbox{flex-shrink:0;margin-top:1px;--color: var(--primary-color);--icon-size: 16px}.agreement-text{font-size:13px;color:#fff9;line-height:1.6;margin:0;flex:1}.agreement-text .link{color:var(--primary-color);cursor:pointer;transition:all .2s ease;text-shadow:0 0 8px rgba(255,107,157,.3)}.agreement-text .link:hover{color:#ff85b0;text-shadow:0 0 12px rgba(255,107,157,.5)}.social-login{margin-top:28px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.social-login-title{text-align:center;font-size:12px;color:#ffffff80;margin-bottom:16px;position:relative}.social-login-title:before,.social-login-title:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2))}.social-login-title:before{left:0}.social-login-title:after{right:0;background:linear-gradient(90deg,rgba(255,255,255,.2),transparent)}.social-icons{display:flex;justify-content:center;gap:20px}.social-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 15px #0003}.social-icon:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 8px 25px #0000004d,0 0 20px #ff6b9d4d;border-color:#ff6b9d66}.social-icon.wechat:hover{box-shadow:0 8px 25px #0000004d,0 0 20px #00b89466;border-color:#00b89466}.social-icon.qq:hover{box-shadow:0 8px 25px #0000004d,0 0 20px #667eea66;border-color:#667eea66}.social-icon.weibo:hover{box-shadow:0 8px 25px #0000004d,0 0 20px #ff475766;border-color:#ff475766}.minor-warning{position:relative;z-index:1;text-align:center;font-size:12px;color:#fff6;padding-top:20px;animation:fadeInUp .8s ease-out .35s both;letter-spacing:.5px}@media (max-width: 320px){.login-page{padding:0 1.25rem 1.25rem}.login-header{padding-top:2.25rem;padding-bottom:1.5rem}.logo-ring{width:5.385rem;height:5.385rem}.logo{font-size:2.462rem}.brand-title{font-size:1.692rem}.login-card{padding:1.5rem 1.25rem;border-radius:1.25rem}.tab-switcher{margin-bottom:1.25rem}.tab-item{padding:.625rem 0;font-size:.923rem}.form-item{margin-bottom:1.15rem}.input-wrapper{height:3.23rem;border-radius:1rem;padding:0 1rem}.input-icon{font-size:1.23rem;margin-right:.75rem}.login-btn{margin-top:1.5rem!important;height:3.23rem!important;border-radius:1.615rem!important;font-size:1rem!important}.social-login{margin-top:1.5rem;padding-top:1.25rem}.social-icon{width:2.769rem;height:2.769rem;font-size:1.23rem}}@media (min-width: 321px) and (max-width: 360px){.login-page{padding:0 1.429rem 1.429rem}.login-header{padding-top:2.857rem;padding-bottom:2.143rem}.logo-ring{width:5.714rem;height:5.714rem}.logo{font-size:2.857rem}.brand-title{font-size:1.857rem}.login-card{padding:1.714rem 1.429rem 1.429rem;border-radius:1.429rem}}@media (min-width: 361px) and (max-width: 390px){.login-page{padding:0 1.714rem 1.714rem}.login-header{padding-top:3.571rem;padding-bottom:2.571rem}.logo-ring{width:6.429rem;height:6.429rem}.logo{font-size:3.286rem}.brand-title{font-size:2rem}.login-card{padding:1.714rem 1.714rem 2rem;border-radius:1.714rem}}@media (min-width: 391px) and (max-width: 430px){.login-page{padding:0 1.6rem 1.6rem}.login-header{padding-top:4rem;padding-bottom:2.667rem}.logo-ring{width:6.667rem;height:6.667rem}.logo{font-size:3.2rem}.brand-title{font-size:2.133rem}.login-card{padding:1.6rem 1.6rem 1.867rem;border-radius:1.6rem}}@media (min-width: 431px){.login-page{padding:0 2.5rem 1.875rem}.login-header{padding-top:3.75rem;padding-bottom:2.5rem}.logo-ring{width:6.25rem;height:6.25rem}.logo{font-size:3rem}.brand-title{font-size:2rem}.login-card{max-width:26.25rem;margin:0 auto;width:100%;padding:1.5rem 1.5rem 1.75rem;border-radius:1.5rem}}@media (max-height: 500px) and (orientation: landscape){.login-page{padding-top:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.login-header{padding-top:.75rem!important;padding-bottom:.75rem!important}.logo-wrapper{margin-bottom:.5rem}.logo-ring{width:3.75rem!important;height:3.75rem!important}.logo{font-size:1.75rem!important}.brand-title{font-size:1.25rem!important;margin-bottom:.25rem!important;letter-spacing:1px}.brand-slogan{font-size:.75rem!important}.login-card{padding:1rem 1.25rem 1.25rem!important;border-radius:1rem!important}.tab-switcher{margin-bottom:1rem;padding:.25rem;border-radius:.75rem}.tab-item{padding:.625rem 0;font-size:.875rem}.tab-indicator{top:.25rem;left:.25rem;width:calc(50% - .25rem);height:calc(100% - .5rem);border-radius:.625rem}.card-header{margin-bottom:1rem}.card-header h2{font-size:1.125rem}.card-header p{font-size:.75rem}.form-item{margin-bottom:.75rem!important}.input-wrapper{height:2.75rem!important;border-radius:.875rem!important;padding:0 1rem!important}.input-icon{font-size:1rem!important;margin-right:.625rem!important}.login-btn{margin-top:1rem!important;height:2.75rem!important;border-radius:1.375rem!important;font-size:.875rem!important}.agreement{margin-top:.875rem}.agreement-text{font-size:.75rem}.switch-mode{margin-top:.875rem;font-size:.8125rem}.social-login{margin-top:1rem!important;padding-top:.875rem!important}.social-login-title{font-size:.6875rem;margin-bottom:.75rem}.social-icons{gap:1rem}.social-icon{width:2.25rem!important;height:2.25rem!important;font-size:1.125rem!important}.minor-warning{padding-top:.75rem!important;font-size:.6875rem}}.profile-setup-page{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8f5ff 0%,#fff5f9 50%,#ffffff 100%);overflow:hidden}.profile-setup-page:before,.profile-setup-page:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}.profile-setup-page:before{width:280px;height:280px;top:-80px;right:-60px;background:radial-gradient(circle,rgba(255,107,157,.25) 0%,rgba(255,107,157,.05) 50%,transparent 70%);animation:blob-float 8s ease-in-out infinite}.profile-setup-page:after{width:240px;height:240px;bottom:10%;left:-60px;background:radial-gradient(circle,rgba(196,76,255,.2) 0%,rgba(196,76,255,.05) 50%,transparent 70%);animation:blob-float 10s ease-in-out infinite reverse;animation-delay:-3s}@keyframes blob-float{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-20px) scale(1.08);opacity:1}}.setup-header{position:relative;z-index:1;padding:50px 24px 24px;background:var(--gradient-primary);color:#fff;border-radius:0 0 32px 32px;box-shadow:0 10px 40px #ff6b9d4d,0 4px 16px #c44cff33;overflow:hidden}.setup-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.setup-header:after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.setup-header h2{position:relative;font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.setup-header p{position:relative;font-size:13px;opacity:.9;margin-bottom:18px}.progress-bar{position:relative;height:6px;background:rgba(255,255,255,.25);border-radius:3px;overflow:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.progress-fill{height:100%;background:linear-gradient(90deg,#fff 0%,#ffe4f0 50%,#fff 100%);background-size:200% 100%;border-radius:3px;transition:width .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 10px #fff9,0 0 20px #ff6b9d66;animation:progress-shimmer 2s ease-in-out infinite;position:relative}.progress-fill:after{content:"";position:absolute;top:50%;right:-2px;width:10px;height:10px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 8px #fffc,0 0 16px #ff6b9d99}@keyframes progress-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.avatar-section{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:24px 0 8px}.avatar-upload{position:relative;width:96px;height:96px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.avatar-upload:hover{transform:scale(1.08)}.avatar-upload:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:var(--gradient-primary);z-index:-1;opacity:.8;animation:avatar-ring-rotate 8s linear infinite}.avatar-upload:after{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:conic-gradient(from 0deg,#ff6b9d,#c44cff,#667eea,#ff6b9d);z-index:-2;opacity:.4;filter:blur(6px);animation:avatar-ring-rotate 12s linear infinite reverse}@keyframes avatar-ring-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-circle{width:100%;height:100%;border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:2px solid #fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 8px 24px #ff6b9d4d,0 0 30px #c44cff33;transition:all .3s ease}.avatar-upload:hover .avatar-circle{box-shadow:0 12px 32px #ff6b9d66,0 0 40px #c44cff4d}.avatar-placeholder{font-size:36px;color:var(--primary-color)}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-edit-icon{position:absolute;bottom:2px;right:2px;width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;border:2px solid #fff;box-shadow:0 2px 8px #ff6b9d66}.avatar-tip{margin-top:10px;font-size:12px;color:var(--text-muted)}.setup-content{flex:1;overflow-y:auto;padding:20px 24px 24px;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.form-item{margin-bottom:20px}.form-item label{display:block;font-size:14px;color:var(--text-primary);margin-bottom:10px;font-weight:600;letter-spacing:.3px}.form-item label:before{content:"";display:inline-block;width:3px;height:14px;background:var(--gradient-primary);border-radius:2px;margin-right:8px;vertical-align:middle;box-shadow:0 0 6px #ff6b9d80}.setup-content :global(.adm-input){background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:12px 16px;font-size:15px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.setup-content :global(.adm-input:focus){background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b9d1a,0 4px 16px #ff6b9d1f;transform:translateY(-1px)}.setup-content :global(.adm-input .adm-input-element){font-size:15px;color:var(--text-primary)}.setup-content :global(.adm-input .adm-input-placeholder){color:var(--text-muted);font-size:14px}.gender-options{display:flex;gap:16px}.gender-options :global(.adm-radio){flex:1}.gender-options :global(.adm-radio .adm-radio-content){width:100%;padding:16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:2px solid var(--glass-border);border-radius:var(--radius-lg);font-size:15px;font-weight:500;color:var(--text-secondary);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;display:flex;align-items:center;justify-content:center;gap:8px}.gender-options :global(.adm-radio .adm-radio-content:before){display:none}.gender-options :global(.adm-radio.adm-radio-checked .adm-radio-content){background:linear-gradient(135deg,rgba(255,107,157,.1) 0%,rgba(196,76,255,.1) 100%);border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 16px #ff6b9d26,0 0 0 3px #ff6b9d14;transform:translateY(-2px)}.gender-options :global(.adm-radio .adm-radio-content .gender-icon){font-size:20px}.setup-content :global(.adm-stepper){background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);padding:4px;box-shadow:0 2px 8px #0000000a;transition:all .3s ease}.setup-content :global(.adm-stepper:hover){border-color:#ff6b9d4d;box-shadow:0 4px 12px #ff6b9d1a}.setup-content :global(.adm-stepper .adm-stepper-button){width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,#fff 0%,#f8f9fc 100%);color:var(--primary-color);font-size:18px;font-weight:600;box-shadow:0 2px 6px #0000000f;transition:all .2s ease}.setup-content :global(.adm-stepper .adm-stepper-button:active){transform:scale(.95);background:var(--gradient-primary);color:#fff}.setup-content :global(.adm-stepper .adm-stepper-input){font-size:16px;font-weight:600;color:var(--text-primary)}.picker-input{width:100%;padding:14px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);font-size:15px;color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a;position:relative;display:flex;align-items:center;justify-content:space-between}.picker-input:after{content:"›";font-size:20px;color:var(--text-muted);font-weight:300;transition:all .3s ease}.picker-input:hover{border-color:#ff6b9d4d;box-shadow:0 4px 12px #ff6b9d1a;transform:translateY(-1px)}.picker-input:hover:after{color:var(--primary-color);transform:translate(2px)}.picker-input:empty:before{content:attr(placeholder);color:var(--text-muted)}.picker-input.has-value{color:var(--text-primary);font-weight:500}.bio-textarea{width:100%;min-height:120px;padding:14px 16px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1.5px solid var(--glass-border);border-radius:var(--radius-lg);font-size:15px;color:var(--text-primary);resize:none;outline:none;font-family:inherit;line-height:1.6;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.bio-textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b9d1a,0 4px 16px #ff6b9d1f;transform:translateY(-1px)}.bio-textarea::placeholder{color:var(--text-muted)}.char-count{display:block;text-align:right;font-size:12px;color:var(--text-muted);margin-top:6px;transition:color .2s ease}.char-count.near-limit{color:var(--warning-color)}.char-count.at-limit{color:var(--error-color)}.age-tip{margin-top:8px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.age-tip:before{content:"ℹ️";font-size:12px}.age-warning{margin-top:8px;font-size:12px;color:var(--error-color);display:flex;align-items:center;gap:4px;font-weight:500}.age-warning:before{content:"⚠️";font-size:12px}.setup-footer{position:relative;z-index:1;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.8);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border);display:flex;gap:12px;box-shadow:0 -4px 20px #0000000d}.prev-btn{flex-shrink:0;min-width:80px;height:48px!important;border-radius:24px!important;background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1.5px solid var(--glass-border)!important;color:var(--text-secondary)!important;font-weight:500!important;transition:all .3s ease!important}.prev-btn:hover{border-color:#ff6b9d4d!important;color:var(--primary-color)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ff6b9d1a!important}.next-btn{flex:1;height:48px!important;border-radius:24px!important;background:var(--gradient-primary)!important;font-size:16px!important;font-weight:600!important;color:#fff!important;border:none!important;box-shadow:0 8px 24px #ff6b9d66,0 0 0 1px #fff3 inset!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden}.next-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.next-btn:hover:before{left:100%}.next-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 12px 32px #ff6b9d80,0 0 40px #ff6b9d4d,0 0 0 1px #ffffff40 inset!important}.next-btn:active:not(:disabled){transform:translateY(0) scale(.98)!important}@media (max-width: 360px){.setup-header{padding:40px 20px 20px}.setup-header h2{font-size:20px}.setup-content{padding:16px 20px 20px}.setup-footer{padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@media (min-width: 768px){.profile-setup-page{max-width:480px;margin:0 auto;box-shadow:0 0 60px #00000014}}.vibe-app{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#fef6f7}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#fff5f7 0%,#fef0f3 30%,#fce4ec 60%,#f8bbd0 100%);overflow:hidden}.bg-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:blobFloat 8s ease-in-out infinite}.blob-1{width:300px;height:300px;background:#ff9a9e;top:-100px;left:-50px;animation-delay:0s}.blob-2{width:250px;height:250px;background:#a18cd1;top:30%;right:-80px;animation-delay:-3s}.blob-3{width:280px;height:280px;background:#fbc2eb;bottom:-100px;left:30%;animation-delay:-5s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.95)}}.vibe-top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;z-index:10;position:relative;flex-shrink:0}.vibe-logo{display:flex;align-items:center;gap:6px}.logo-icon{font-size:26px;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.logo-text{font-size:22px;font-weight:800;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 50%,#c44569 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.top-actions{display:flex;align-items:center;gap:12px}.top-badge{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#ff6b6b;cursor:pointer;box-shadow:0 2px 12px #ff6b6b26;transition:all .2s ease}.top-badge:hover{transform:scale(1.05);box-shadow:0 4px 16px #ff6b6b40}.top-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff9a9e,#fecfef);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:0 2px 8px #ff6b6b33}.avatar-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:2px solid transparent;background:linear-gradient(135deg,#ff6b6b,#a18cd1) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.stories-bar{display:flex;gap:16px;padding:8px 20px 16px;overflow-x:auto;z-index:5;position:relative;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.stories-bar::-webkit-scrollbar{display:none}.story-item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;cursor:pointer;transition:transform .2s ease;position:relative}.story-item:active{transform:scale(.92)}.story-ring{width:56px;height:56px;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.story-ring.live{animation:livePulse 2s ease-in-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 #ff3b3066}50%{box-shadow:0 0 0 8px #ff3b3000}}.story-avatar{width:100%;height:100%;border-radius:50%;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;font-size:24px;border:2px solid #fff}.story-label{font-size:11px;color:#666;font-weight:500;white-space:nowrap}.live-dot{position:absolute;top:2px;right:-4px;background:#ff3b30;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:6px;letter-spacing:.5px}.card-stack-area{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;z-index:5;min-height:0;padding:10px 0}.online-tag{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#4ade80;margin-bottom:12px;box-shadow:0 2px 12px #00000014;flex-shrink:0}.online-pulse{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulseGreen 1.5s ease-in-out infinite}@keyframes pulseGreen{0%,to{box-shadow:0 0 #4ade8099}50%{box-shadow:0 0 0 6px #4ade8000}}.card-stack{flex:1;width:100%;max-width:340px;position:relative;display:flex;align-items:center;justify-content:center}.swipe-card{position:absolute;width:100%;max-width:320px;height:75%;max-height:440px;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 10px 40px #ff6b6b33,0 2px 8px #00000014;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;will-change:transform}.card-back-2{transform:scale(.9) translateY(20px);opacity:.5;z-index:1}.card-back-1{transform:scale(.95) translateY(10px);opacity:.8;z-index:2}.card-front{z-index:3;cursor:grab;transition:transform .3s cubic-bezier(.25,.46,.45,.94),opacity .3s ease}.card-front:active{cursor:grabbing}.swipe-label{position:absolute;top:24px;padding:8px 18px;border:3px solid;border-radius:10px;font-size:24px;font-weight:900;letter-spacing:2px;z-index:10;pointer-events:none;transition:opacity .1s ease}.swipe-label.like{left:24px;color:#4ade80;border-color:#4ade80;transform:rotate(-20deg);text-shadow:0 0 20px rgba(74,222,128,.3)}.swipe-label.nope{right:24px;color:#ff6b6b;border-color:#ff6b6b;transform:rotate(20deg);text-shadow:0 0 20px rgba(255,107,107,.3)}.swipe-label.super{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);color:#60a5fa;border-color:#60a5fa;font-size:20px}.card-avatar{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.avatar-emoji{font-size:100px;filter:drop-shadow(0 4px 16px rgba(0,0,0,.15));animation:floatAvatar 3s ease-in-out infinite}@keyframes floatAvatar{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vip-badge{position:absolute;top:16px;left:16px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #fbbf2466}.distance-tag{position:absolute;bottom:16px;right:16px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 12px;border-radius:14px;font-size:12px;font-weight:600;color:#666;box-shadow:0 2px 8px #0000001a}.card-info{padding:16px 18px 18px;background:#fff}.card-name-row{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.card-name{font-size:22px;font-weight:800;color:#1f2937;margin:0}.card-age{font-size:18px;font-weight:600;color:#9ca3af}.card-bio{font-size:13px;color:#6b7280;margin:0 0 10px;line-height:1.5}.card-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:4px 10px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;font-size:11px;font-weight:600;color:#92400e}.tag.smart-tag{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.smart-recommend-hint{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);span {font-size: 11px; color: rgba(255,255,255,.75); background: rgba(255,255,255,.15); padding: 4px 10px; border-radius: 10px; backdrop-filter: blur(10px);}}.match-score-tag{position:absolute;top:16px;right:16px;padding:6px 12px;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);color:#fff;font-size:12px;font-weight:700;border-radius:20px;box-shadow:0 4px 12px #ec489966;z-index:2}.empty-cards{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:40px}.empty-emoji{font-size:64px;animation:floatEmoji 3s ease-in-out infinite}@keyframes floatEmoji{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.empty-cards p{color:#9ca3af;font-size:14px;margin:0}.refresh-btn{margin-top:8px;padding:12px 32px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:24px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #ff6b6b66;transition:all .2s ease}.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.refresh-btn:active{transform:scale(.97)}.action-buttons{display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 20px 16px;z-index:10;flex-shrink:0}.action-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff;box-shadow:0 4px 16px #0000001a;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.action-btn:hover{transform:translateY(-3px) scale(1.1)}.action-btn:active{transform:scale(.9)}.action-btn.undo span{font-size:18px;color:#fbbf24}.action-btn.nope span{font-size:28px;color:#ff6b6b;font-weight:900}.action-btn.super{width:44px;height:44px}.action-btn.super span{font-size:20px}.action-btn.like{width:60px;height:60px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 6px 20px #ff6b6b66}.action-btn.like span{font-size:26px}.action-btn.like:hover{box-shadow:0 8px 28px #ff6b6b80}.action-btn.boost{position:relative}.action-btn.boost span{font-size:20px;color:#8b5cf6}.action-btn.boost.boost-active{background:linear-gradient(135deg,#8b5cf6,#ec4899);animation:boostPulse 2s ease-in-out infinite}.action-btn.boost.boost-active span{color:#fff}.boost-badge{position:absolute;top:-2px;right:-2px;width:18px;height:18px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff}@keyframes boostPulse{0%,to{box-shadow:0 0 #8b5cf680}50%{box-shadow:0 0 0 10px #8b5cf600}}.action-btn.disabled,.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.boost-tag{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #8b5cf666;animation:boostTagPulse 2s ease-in-out infinite}@keyframes boostTagPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.card-city{font-size:14px;color:#9ca3af;margin-left:2px}.card-distance-tag{margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);color:#fff;font-size:11px;font-weight:600;border-radius:10px;white-space:nowrap;box-shadow:0 2px 6px #4facfe4d}.match-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.match-modal-content{background:linear-gradient(180deg,#fff 0%,#fef2f2 100%);border-radius:32px;padding:40px 32px 32px;width:85%;max-width:320px;text-align:center;position:relative;box-shadow:0 20px 60px #ff6b6b4d;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.match-confetti{font-size:48px;margin-bottom:16px;animation:confettiDrop .8s cubic-bezier(.34,1.56,.64,1)}@keyframes confettiDrop{0%{transform:translateY(-40px) rotate(-20deg);opacity:0}60%{transform:translateY(10px) rotate(5deg)}to{transform:translateY(0) rotate(0);opacity:1}}.match-title{font-size:28px;font-weight:800;margin:0 0 8px;background:linear-gradient(135deg,#ff6b6b,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.match-subtitle{font-size:14px;color:#9ca3af;margin:0 0 24px}.match-avatars{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:20px}.match-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}.match-avatar.mine{background:linear-gradient(135deg,#667eea,#764ba2)}.match-avatar.other{box-shadow:0 4px 16px #ff6b6b4d}.match-heart{font-size:32px;animation:heartbeat 1s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.match-name{font-size:18px;font-weight:600;color:#374151;margin:0 0 12px}.match-friend-hint{font-size:12px;color:#ec4899;margin:0 0 20px;font-weight:500;background:linear-gradient(135deg,#fce7f3,#fbcfe8);padding:6px 14px;border-radius:12px;display:inline-block}.match-actions{display:flex;gap:12px}.match-btn{flex:1;padding:14px 20px;border-radius:24px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.match-btn.primary{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 16px #ff6b6b66}.match-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b80}.match-btn.secondary{background:#f3f4f6;color:#6b7280}.match-btn.secondary:hover{background:#e5e7eb}@media (max-height: 700px){.quick-entries{display:flex;justify-content:space-around;padding:10px 20px 24px;z-index:10;flex-shrink:0;border-top:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.entry-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:transform .2s ease}.entry-item:active{transform:scale(.9)}.entry-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 2px 8px #0000001a}.entry-1{background:linear-gradient(135deg,#667eea,#764ba2)}.entry-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.entry-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.entry-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.entry-item span{font-size:11px;color:#6b7280;font-weight:500}@media (max-height: 700px){.swipe-card{max-height:380px;height:70%}.avatar-emoji{font-size:80px}.card-name{font-size:20px}.action-btn{width:46px;height:46px}.action-btn.like{width:54px;height:54px}}@media (max-width: 360px){.stories-bar{gap:12px;padding:8px 16px 12px}.story-ring{width:48px;height:48px}.story-avatar{font-size:20px}.action-buttons{gap:10px}}.report-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .25s ease}.report-modal{width:100%;max-width:480px;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.25,1,.5,1);overflow:hidden}.report-header{display:flex;align-items:center;justify-content:center;padding:16px 20px;position:relative;border-bottom:1px solid #f5f5f5;flex-shrink:0}.report-title{font-size:17px;font-weight:600;color:#1f2937;margin:0}.close-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6b7280;border-radius:50%;transition:background .2s}.close-btn:active{background:#f3f4f6}.report-content{flex:1;overflow-y:auto;padding:16px 20px;-webkit-overflow-scrolling:touch}.content-title{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 16px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}.type-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;background:#f9fafb;border-radius:14px;border:2px solid transparent;transition:all .2s;cursor:pointer}.type-item:active{transform:scale(.97)}.type-item.selected{background:linear-gradient(135deg,rgba(255,107,157,.1) 0%,rgba(196,76,255,.1) 100%);border-color:#ff6b9d}.type-icon{font-size:28px}.type-label{font-size:13px;color:#4b5563;font-weight:500}.type-item.selected .type-label{color:#ff6b9d}.description-section{margin-top:20px}.section-label{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 12px}.optional{font-weight:400;color:#9ca3af;font-size:12px}.report-textarea{background:#f9fafb;border-radius:12px;padding:12px!important;font-size:14px!important;--color: #ff6b9d}.char-count{text-align:right;font-size:12px;color:#9ca3af;margin:6px 0 0}.images-section{margin-top:20px}.image-uploader-wrap{padding:4px 0}.report-image-uploader{--cell-size: 80px;--gap: 10px}.report-footer{padding:12px 20px;border-top:1px solid #f5f5f5;flex-shrink:0;background:#fff}.report-footer :global(.adm-button){height:46px;border-radius:23px;--background: linear-gradient(135deg, #ff6b9d 0%, #c44cff 100%);font-weight:600;font-size:15px}.report-footer :global(.adm-button[disabled]){opacity:.5}.report-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;text-align:center}.success-icon{margin-bottom:20px;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.success-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 8px}.success-desc{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.animate-fadeInUp{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width: 768px){.report-modal{max-width:480px;margin:0 auto}}.user-detail-page{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.detail-navbar{flex-shrink:0;background:#fff}.report-btn{font-size:14px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.report-btn:hover{color:var(--error-color)}.user-detail-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}.detail-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:80px}.avatar-section{padding:20px;background:linear-gradient(135deg,#ff6b81,#a29bfe);color:#fff;display:flex;align-items:center;gap:16px}.main-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.5);flex-shrink:0;background:#fff}.main-avatar img{width:100%;height:100%;object-fit:cover}.user-basic-info{flex:1;min-width:0}.user-name{font-size:22px;font-weight:600;margin-bottom:8px;display:flex;align-items:baseline;gap:8px}.user-age{font-size:16px;font-weight:400;opacity:.9}.user-tags{display:flex;flex-wrap:wrap;gap:8px}.user-tags .tag{padding:4px 10px;background:rgba(255,255,255,.2);border-radius:12px;font-size:12px}.section{padding:20px;border-bottom:1px solid #f0f0f0}.section-title{font-size:16px;font-weight:600;margin-bottom:14px;color:var(--text-color)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.photo-item{width:100%;padding-top:100%;position:relative;border-radius:8px;overflow:hidden}.info-list{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-color)}.bio-text{font-size:14px;line-height:1.7;color:var(--text-color)}.action-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;background:#fff;border-top:1px solid var(--border-color);display:flex;justify-content:center;gap:40px;z-index:100}.action-circle{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000001a}.action-circle.dislike{background:#fff;color:#ff4757}.action-circle.like{background:#fff;color:#00b894}.chat-btn{height:44px;border-radius:22px;background:var(--primary-color)!important}.liked-btn,.disliked-btn{height:44px;border-radius:22px;background:#f0f0f0!important;color:#999!important;--border-width: 0}.pending-btn{height:44px;border-radius:22px;background:#fef3c7!important;color:#d97706!important;--border-width: 0}.readd-btn{height:44px;border-radius:22px;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%)!important;--border-width: 0}.delete-friend-btn{height:44px;padding:0 20px;font-size:14px;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:22px;cursor:pointer;flex-shrink:0}.delete-friend-btn:active{background:#fee2e2}.add-friend-profile-btn{height:44px;border-radius:22px;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%)!important;--border-width: 0;flex:1}.chat-list-page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-color);position:relative;overflow:hidden}.chat-list-page:before,.chat-list-page:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;filter:blur(90px);opacity:.35;z-index:0;pointer-events:none}.chat-list-page:before{background:var(--primary-color);top:-100px;right:-80px;animation:float 9s ease-in-out infinite}.chat-list-page:after{background:var(--secondary-color);bottom:-80px;left:-100px;animation:float 11s ease-in-out infinite reverse}.page-header{padding:16px 20px 12px;padding-top:calc(16px + var(--safe-top));flex-shrink:0;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border-light);position:relative;z-index:10}.header-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-title{font-size:var(--font-size-title);font-weight:var(--font-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.group-entry-btn{width:40px;height:40px;border-radius:50%;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.group-entry-btn:hover{background:var(--glass-bg-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.group-entry-btn:active{transform:scale(.92);background:linear-gradient(135deg,rgba(255,107,157,.15) 0%,rgba(196,76,255,.15) 100%)}.group-icon{width:22px;height:22px;color:var(--secondary-color)}.search-box{display:flex;align-items:center;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-round);padding:0 18px;height:44px;transition:all var(--transition-normal);box-shadow:var(--shadow-xs)}.search-box:focus-within{background:var(--glass-bg-strong);border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b9d1f,0 4px 16px #ff6b9d26}.search-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0;margin-right:10px}.search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-md);color:var(--text-primary);width:100%}.search-input::placeholder{color:var(--text-muted)}.chat-list-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative;z-index:1;padding:8px 0}.empty-wrapper{padding:100px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.empty-illustration{width:140px;height:140px;margin-bottom:24px;position:relative}.empty-illustration:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:var(--gradient-primary);opacity:.15;filter:blur(20px);animation:breathe 3s ease-in-out infinite}.empty-svg{width:100%;height:100%;position:relative;z-index:1}.empty-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 8px}.empty-tip{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.conversation-list{padding:0 12px;position:relative;z-index:1}.conversation-item{display:flex;align-items:center;padding:14px;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);position:relative;margin-bottom:6px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid transparent}.conversation-item:after{content:"";position:absolute;bottom:0;left:78px;right:14px;height:1px;background:linear-gradient(to right,transparent,var(--glass-border-light),transparent)}.conversation-item:last-child:after{display:none}.conversation-item:hover{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-color:var(--glass-border);transform:translate(2px);box-shadow:var(--shadow-sm)}.conversation-item:active{background:linear-gradient(135deg,rgba(255,107,157,.08) 0%,rgba(196,76,255,.08) 100%);transform:scale(.98);border-color:#ff6b9d33}.conversation-item.pinned{background:linear-gradient(135deg,rgba(255,107,157,.08) 0%,rgba(196,76,255,.06) 100%);border-color:#ff6b9d26;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.conversation-item.pinned:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:32px;border-radius:0 3px 3px 0;background:var(--gradient-primary);box-shadow:0 0 8px #ff6b9d66}.conversation-item.pinned:hover{background:linear-gradient(135deg,rgba(255,107,157,.12) 0%,rgba(196,76,255,.1) 100%);border-color:#ff6b9d40}.avatar-wrapper{position:relative;flex-shrink:0;margin-right:14px}.avatar-wrapper:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:var(--gradient-primary);z-index:-1;opacity:0;transition:opacity var(--transition-normal)}.conversation-item:hover .avatar-wrapper:before{opacity:.6}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;background:var(--bg-secondary);border:2.5px solid #fff;box-shadow:var(--shadow-sm);position:relative;z-index:1}.status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border:2.5px solid #fff;border-radius:50%;box-sizing:border-box;z-index:2}.status-dot.online{background:var(--success-color);box-shadow:0 0 8px #00b89499;animation:statusGlow 2s ease-in-out infinite}.status-dot.offline{background:var(--text-light)}.conv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.conv-name{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.conv-time{font-size:var(--font-size-xs);color:var(--text-muted);flex-shrink:0;margin-left:10px;font-weight:var(--font-regular)}.conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.conv-lastmsg{flex:1;font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;background:var(--gradient-primary);background-size:200% 200%;color:#fff;border-radius:10px;font-size:var(--font-size-xs);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff6b9d66;animation:badgePulse 2s ease-in-out infinite;border:1.5px solid #fff}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ff6b9d66}50%{transform:scale(1.05);box-shadow:0 2px 8px #ff6b9d66,0 0 0 4px #ff6b9d26}}@media (max-width: 375px){.page-header{padding:14px 16px 10px;padding-top:calc(14px + var(--safe-top))}.page-title{font-size:var(--font-size-xxl)}.search-box{height:40px}.avatar{width:48px;height:48px}.conversation-item{padding:12px}.conversation-item:after{left:72px}.conv-name{font-size:var(--font-size-md)}}.call-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.call-modal{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:60px 0 40px;position:relative}.call-modal.video{background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%)}.call-modal.audio{background:linear-gradient(180deg,#2d3436 0%,#1a1a2e 100%)}.call-info{display:flex;flex-direction:column;align-items:center;gap:12px}.call-avatar{width:100px;height:100px;border-radius:50%;border:3px solid rgba(255,255,255,.2);object-fit:cover}.call-name{font-size:24px;font-weight:600;color:#fff;margin:8px 0 4px}.call-type-label{font-size:14px;color:#fff9;margin:0 0 4px}.call-status-text{font-size:16px;color:#fffc;margin:0}.call-top-bar{position:absolute;top:40px;left:0;right:0;text-align:center}.call-duration{font-size:16px;color:#ffffffb3}.remote-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.local-video{position:absolute;top:50px;right:16px;width:90px;height:130px;border-radius:12px;border:2px solid rgba(255,255,255,.3);object-fit:cover;z-index:2;background:#000}.call-actions{display:flex;gap:60px;z-index:3}.call-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border:none;background:rgba(255,255,255,.15);border-radius:50%;width:64px;height:64px;cursor:pointer;color:#fff;font-size:12px;justify-content:center}.call-btn span:first-child{font-size:22px}.call-btn.reject{background:#ff4757;transform:rotate(135deg)}.call-btn.reject span{transform:rotate(-135deg)}.call-btn.accept{background:#00b894}.chat-room-page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-color);position:relative;overflow:hidden}.chat-room-page:before,.chat-room-page:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(100px);opacity:.25;z-index:0;pointer-events:none}.chat-room-page:before{background:var(--primary-color);top:-120px;left:-80px;animation:float 10s ease-in-out infinite}.chat-room-page:after{background:var(--secondary-color);bottom:20%;right:-100px;animation:float 12s ease-in-out infinite reverse}.chat-navbar{flex-shrink:0;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border-light);display:flex;align-items:center;padding:12px;padding-top:calc(12px + var(--safe-top));box-shadow:0 2px 12px #0000000a;position:relative;z-index:10}.nav-back-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-normal);background:var(--glass-bg-light);border:1px solid var(--glass-border-light)}.nav-back-btn:hover{background:var(--glass-bg);transform:translate(-2px)}.nav-back-btn:active{background:rgba(255,107,157,.1);transform:scale(.92)}.nav-back-icon{width:24px;height:24px;color:var(--text-primary)}.nav-user-info{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.nav-avatar-wrapper{position:relative;flex-shrink:0}.nav-avatar-wrapper:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:var(--gradient-primary);z-index:-1;opacity:.5}.nav-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--bg-secondary);border:2px solid #fff;box-shadow:var(--shadow-sm);position:relative;z-index:1}.nav-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border:2px solid #fff;border-radius:50%;box-sizing:border-box;z-index:2}.nav-status-dot.online{background:var(--success-color);box-shadow:0 0 6px #00b89499;animation:statusGlow 2s ease-in-out infinite}.nav-status-dot.offline{background:var(--text-light)}@keyframes statusGlow{0%,to{box-shadow:0 0 6px #00b89480}50%{box-shadow:0 0 12px #00b894cc}}.nav-text{display:flex;flex-direction:column;justify-content:center;line-height:1.3;min-width:0}.nav-name{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-status{font-size:var(--font-size-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-status.online{color:var(--success-color)}.nav-call-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.nav-call-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border-light);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);padding:0}.nav-call-btn:hover{background:var(--glass-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.nav-call-btn:active{transform:scale(.92);background:linear-gradient(135deg,rgba(255,107,157,.15) 0%,rgba(196,76,255,.15) 100%)}.call-icon{width:20px;height:20px;color:var(--secondary-color)}.messages-container{flex:1;overflow-y:auto;padding:16px 12px;-webkit-overflow-scrolling:touch;position:relative;z-index:1;background-image:radial-gradient(circle,rgba(255,107,157,.04) 1px,transparent 1px),radial-gradient(circle,rgba(196,76,255,.04) 1px,transparent 1px);background-size:24px 24px;background-position:0 0,12px 12px}.loading-more{text-align:center;color:var(--text-muted);font-size:var(--font-size-xs);padding:10px 0}.date-divider{text-align:center;margin:20px 0 16px}.date-text{display:inline-block;padding:5px 14px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--font-size-xs);border-radius:var(--radius-round);box-shadow:var(--shadow-xs)}.msg-entry{animation:msgFadeIn .3s var(--ease-out-quart)}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-row{display:flex;align-items:flex-end;margin-bottom:16px;gap:8px}.message-row.mine{flex-direction:row;justify-content:flex-end}.message-row.other{flex-direction:row;justify-content:flex-start}.msg-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--bg-secondary);box-shadow:var(--shadow-sm);border:2px solid #fff}.msg-bubble-wrapper{max-width:72%;display:flex;flex-direction:column}.message-row.mine .msg-bubble-wrapper{align-items:flex-end}.message-row.other .msg-bubble-wrapper{align-items:flex-start}.msg-bubble{padding:10px 14px;font-size:var(--font-size-md);line-height:1.5;word-break:break-word;white-space:pre-wrap;max-width:100%;transition:transform var(--transition-fast);position:relative}.bubble-mine{background:var(--gradient-primary);background-size:200% 200%;color:#fff;border-radius:18px 4px 18px 18px;box-shadow:0 3px 12px #ff6b9d4d,0 1px 4px #c44cff33}.bubble-other{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:4px 18px 18px;box-shadow:var(--shadow-sm)}.msg-meta{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:var(--font-size-caption)}.message-row.mine .msg-meta{flex-direction:row-reverse}.msg-time{color:var(--text-muted);font-size:var(--font-size-caption);line-height:1;padding:2px 6px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border-radius:var(--radius-round)}.msg-read-status{display:flex;align-items:center}.status-icon{width:14px;height:14px}.status-sending-icon{color:var(--text-muted);animation:spin 1s linear infinite}.status-sent-icon{color:var(--text-muted)}.status-read-icon{color:var(--secondary-color)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-indicator{display:flex;align-items:center;gap:4px;padding:14px 18px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:4px 18px 18px;box-shadow:var(--shadow-sm)}.typing-indicator span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.input-area{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-bottom:calc(10px + var(--safe-bottom));background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:1px solid var(--glass-border-light);flex-shrink:0;position:relative;z-index:10}.safe-bottom{padding-bottom:calc(10px + var(--safe-bottom))}.emoji-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border-light);background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--transition-normal);padding:0}.emoji-btn:hover{background:var(--glass-bg);transform:translateY(-1px);box-shadow:var(--shadow-xs)}.emoji-btn:active{background:linear-gradient(135deg,rgba(255,107,157,.12) 0%,rgba(196,76,255,.12) 100%);transform:scale(.92);border-color:#ff6b9d33}.emoji-icon{width:26px;height:26px;color:var(--secondary-color);transition:transform var(--transition-normal)}.emoji-btn:hover .emoji-icon{transform:scale(1.1)}.input-wrapper{flex:1;min-width:0}.msg-input{width:100%;background:var(--glass-bg-light)!important;backdrop-filter:var(--glass-blur-light)!important;-webkit-backdrop-filter:var(--glass-blur-light)!important;border:1px solid var(--glass-border)!important;border-radius:var(--radius-round)!important;padding:10px 18px!important;font-size:var(--font-size-md)!important;color:var(--text-primary)!important;min-height:42px!important;transition:all var(--transition-normal)!important;box-shadow:var(--shadow-xs)!important}.msg-input::placeholder{color:var(--text-muted)!important}.msg-input:focus{background:var(--glass-bg-strong)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #ff6b9d1f,0 4px 16px #ff6b9d26!important}.send-btn{flex-shrink:0;width:42px;height:42px;border-radius:50%;border:none;background:var(--glass-bg-light);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);padding:0;border:1px solid var(--glass-border-light)}.send-btn.active{background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;box-shadow:0 4px 14px #ff6b9d66,0 0 20px #c44cff4d;animation:sendBtnGlow 2.5s ease-in-out infinite}@keyframes sendBtnGlow{0%,to{box-shadow:0 4px 14px #ff6b9d66,0 0 20px #c44cff4d}50%{box-shadow:0 4px 18px #ff6b9d80,0 0 28px #c44cff66}}.send-btn.active:hover{transform:scale(1.05)}.send-btn.active:active{transform:scale(.92)}.send-btn:disabled{cursor:not-allowed}.send-icon{width:20px;height:20px;color:#fff;margin-left:1px}@media (max-width: 375px){.chat-navbar{padding:10px;padding-top:calc(10px + var(--safe-top))}.nav-avatar{width:36px;height:36px}.nav-name{font-size:var(--font-size-md)}.nav-status{font-size:var(--font-size-xs)}.nav-call-btn{width:36px;height:36px}.call-icon{width:18px;height:18px}.msg-avatar{width:32px;height:32px}.msg-bubble{padding:9px 12px;font-size:var(--font-size-md)}.msg-bubble-wrapper{max-width:70%}.input-area{gap:8px;padding:8px 10px;padding-bottom:calc(8px + var(--safe-bottom))}.emoji-btn{width:36px;height:36px}.emoji-icon{width:24px;height:24px}.send-btn{width:38px;height:38px}.send-icon{width:18px;height:18px}}.notifications-page{min-height:100vh;background:#f5f6fa;padding-bottom:60px}.notifications-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#fff;border-bottom:1px solid #f0f0f0}.notifications-header-left{width:32px;cursor:pointer}.notifications-back{font-size:28px;color:#333;font-weight:300}.notifications-header-title{font-size:17px;font-weight:600;color:#333}.notifications-header-right{width:70px;text-align:right}.notifications-mark-all{font-size:13px;color:#ff4d4f;cursor:pointer}.notifications-tabs{display:flex;background:#fff;padding:12px 8px;gap:4px;overflow-x:auto;border-bottom:1px solid #f0f0f0;position:sticky;top:52px;z-index:9}.notifications-tab{flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .2s}.notifications-tab.active{background:linear-gradient(135deg,#ff4d4f 0%,#ff7875 100%)}.notifications-tab-icon{font-size:20px}.notifications-tab-label{font-size:11px;color:#666}.notifications-tab.active .notifications-tab-label{color:#fff;font-weight:500}.notifications-list{padding:12px}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;background:#fff;border-radius:14px;margin-bottom:10px;position:relative;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:all .2s}.notification-item:active{transform:scale(.98)}.notification-item.unread{background:linear-gradient(135deg,#fff5f5 0%,#fff 100%);border-left:3px solid #ff4d4f;padding-left:14px}.notification-avatar-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.notification-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#fff0f0 0%,#ffe0e0 100%);display:flex;align-items:center;justify-content:center;font-size:24px}.notification-user-avatar{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;border:2px solid #fff}.notification-content{flex:1;min-width:0}.notification-title{font-size:15px;font-weight:600;color:#333;margin-bottom:4px;display:flex;align-items:center;gap:6px}.notification-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4f;flex-shrink:0;box-shadow:0 0 6px #ff4d4f99;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.notification-desc{font-size:13px;color:#666;line-height:1.4;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notification-meta{display:flex;align-items:center;gap:10px;font-size:11px;color:#999}.notification-time{flex-shrink:0}.notification-name{color:#ff4d4f;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-delete{position:absolute;top:10px;right:10px;width:22px;height:22px;border:none;background:#f0f0f0;border-radius:50%;font-size:12px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s}.notification-delete:active{opacity:1;background:#ff4d4f;color:#fff}.notifications-empty{display:flex;flex-direction:column;align-items:center;padding:80px 0}.notifications-empty-icon{font-size:72px;margin-bottom:16px;opacity:.5}.notifications-empty-title{font-size:16px;font-weight:600;color:#666;margin-bottom:6px}.notifications-empty-desc{font-size:13px;color:#999}.notifications-load-more{text-align:center;padding:16px;font-size:13px;color:#999;cursor:pointer}.notifications-footer{text-align:center;padding:20px 0 30px}.notifications-clear{font-size:13px;color:#999;cursor:pointer;padding:8px 20px;border-radius:20px;background:#f0f0f0;display:inline-block}.notifications-clear:active{background:#e0e0e0}.permissions-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay);animation:permFadeIn .25s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}@keyframes permFadeIn{0%{opacity:0}to{opacity:1}}.permissions-modal{position:relative;width:100%;max-width:400px;background:linear-gradient(160deg,#2d1b4e 0%,#1a0a2e 50%,#16082a 100%);border-radius:28px;padding:28px 24px 24px;box-sizing:border-box;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff14 inset;animation:permSlideUp .4s var(--ease-out-back);overflow:hidden}@keyframes permSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.permissions-header-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:240px;height:160px;background:radial-gradient(ellipse,rgba(255,107,157,.35) 0%,rgba(196,76,255,.2) 40%,transparent 70%);filter:blur(20px);pointer-events:none}.permissions-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#ffffffb3;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.permissions-close-btn:hover{background:rgba(255,255,255,.18);color:#fff;transform:rotate(90deg)}.permissions-close-btn:active{transform:scale(.9)}.permissions-header{position:relative;z-index:1;text-align:center;margin-bottom:24px}.permissions-title-icon{width:60px;height:60px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 8px 24px #ff6b9d66,0 0 0 2px #ffffff1a inset;animation:permIconBounce 3s ease-in-out infinite}@keyframes permIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.permissions-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:.5px;background:linear-gradient(135deg,#fff 0%,#f0e6ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.permissions-subtitle{font-size:13px;color:#fff9;margin:0;line-height:1.5}.permissions-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.permission-item{display:flex;align-items:center;gap:14px;padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:16px;transition:all .25s ease;position:relative;overflow:hidden}.permission-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.permission-item:hover{background:rgba(255,255,255,.09);border-color:#ffffff1f;transform:translateY(-1px)}.permission-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #0003}.permission-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.permission-info{flex:1;min-width:0}.permission-name-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.permission-name{font-size:15px;font-weight:600;color:#fff;line-height:1.3}.permission-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;line-height:1.4;flex-shrink:0}.status-granted{background:rgba(0,184,148,.2);color:#00b894;border:1px solid rgba(0,184,148,.3)}.status-denied{background:rgba(255,71,87,.2);color:#ff6b81;border:1px solid rgba(255,71,87,.3)}.status-prompt{background:rgba(253,203,110,.2);color:#fdcb6e;border:1px solid rgba(253,203,110,.3)}.status-unsupported{background:rgba(153,153,153,.2);color:#999;border:1px solid rgba(153,153,153,.3)}.permission-desc{font-size:12px;color:#ffffff80;margin:0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.permission-action-btn{min-width:60px;height:32px;padding:0 14px;border-radius:16px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);color:#fff;box-shadow:0 4px 12px #ff6b9d59;display:flex;align-items:center;justify-content:center;gap:4px}.permission-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #ff6b9d73}.permission-action-btn:active:not(:disabled){transform:scale(.96)}.permission-action-btn:disabled{opacity:.5;cursor:not-allowed}.permission-action-btn.granted{background:rgba(0,184,148,.2);color:#00b894;border:1px solid rgba(0,184,148,.4);box-shadow:none;min-width:32px;padding:0;width:32px}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:permSpin .8s linear infinite;display:inline-block}.loading-spinner.white{border-color:#ffffff4d;border-top-color:#fff;width:16px;height:16px}@keyframes permSpin{to{transform:rotate(360deg)}}.permissions-footer{position:relative;z-index:1}.permissions-request-all-btn{width:100%;height:50px;border-radius:25px;border:none;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);background-size:200% 200%;color:#fff;box-shadow:0 8px 24px #ff6b9d66,0 0 0 1px #ffffff1a inset;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.5px;animation:permGradientShift 4s ease infinite}@keyframes permGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.permissions-request-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #ff6b9d80,0 0 0 1px #ffffff26 inset}.permissions-request-all-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.permissions-request-all-btn:disabled{opacity:.6;cursor:not-allowed}.permissions-tip{text-align:center;font-size:12px;color:#ffffff73;margin:14px 0 0;line-height:1.5}@media screen and (max-width: 360px){.permissions-modal{padding:24px 18px 20px;border-radius:24px}.permissions-title-icon{width:52px;height:52px;font-size:24px;border-radius:16px}.permissions-title{font-size:20px}.permissions-subtitle{font-size:12px}.permission-item{padding:12px;gap:12px;border-radius:14px}.permission-icon-wrap{width:40px;height:40px;border-radius:10px}.permission-icon{font-size:20px}.permission-name{font-size:14px}.permission-desc{font-size:11px}.permission-action-btn{min-width:52px;height:28px;font-size:12px;padding:0 12px}.permission-action-btn.granted{width:28px;min-width:28px}.permissions-request-all-btn{height:46px;font-size:15px}}@media screen and (max-height: 500px) and (orientation: landscape){.permissions-modal{max-width:500px;max-height:90vh;overflow-y:auto;padding:20px 24px}.permissions-header{margin-bottom:16px}.permissions-title-icon{width:48px;height:48px;font-size:22px;margin-bottom:10px}.permissions-title{font-size:18px}.permissions-list{gap:8px;margin-bottom:16px}.permission-item{padding:10px 12px}}@media screen and (min-width: 768px){.permissions-modal{max-width:420px}}.profile-page{width:100%;min-height:100vh;background:var(--bg-color);padding-bottom:100px;position:relative;overflow-x:hidden}.profile-hero{position:relative;width:100%;min-height:320px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 8s ease infinite;padding:60px 20px 100px;box-sizing:border-box;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.15);filter:blur(40px);pointer-events:none}.hero-glow-1{width:220px;height:220px;top:-80px;right:-60px;background:rgba(255,255,255,.25);animation:float 6s ease-in-out infinite}.hero-glow-2{width:160px;height:160px;bottom:40px;left:-40px;background:rgba(255,200,230,.3);animation:float 8s ease-in-out infinite reverse}.hero-glow-3{width:100px;height:100px;top:100px;right:120px;background:rgba(255,255,255,.2);animation:float 5s ease-in-out infinite 1s}.hero-settings-btn{position:absolute;top:50px;right:20px;width:42px;height:42px;border-radius:50%;background:var(--glass-bg-light);border:1px solid var(--glass-border-light);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--transition-normal);z-index:2;box-shadow:0 4px 16px #0000001a}.hero-settings-btn:hover{background:var(--glass-bg);transform:rotate(30deg) scale(1.05)}.hero-settings-btn:active{transform:scale(.92);background:rgba(255,255,255,.35)}.hero-user{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding-top:10px}.hero-avatar-wrapper{width:110px;height:110px;border-radius:50%;padding:4px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;box-shadow:0 0 0 3px #ffffff4d,0 0 30px #ff6b9d99,0 8px 32px #0003;margin-bottom:18px;position:relative}.hero-avatar-wrapper:before{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;background:var(--vip-gradient);z-index:-1;opacity:.6;filter:blur(8px);animation:breathe 3s ease-in-out infinite}.hero-avatar{width:100%;height:100%;border-radius:50%;border:3px solid #fff;background:#f0f0f0;object-fit:cover;display:block}.hero-user-info{text-align:center;width:100%}.hero-name-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.hero-name{font-size:26px;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 12px rgba(0,0,0,.15);letter-spacing:.5px}.hero-gender-age{display:inline-flex;align-items:center;padding:5px 14px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-light);border-radius:20px;font-size:12px;color:#fff;font-weight:500;letter-spacing:.5px;box-shadow:0 2px 8px #00000014}.hero-level-badge{display:inline-flex;align-items:center;padding:4px 12px;background:var(--vip-gradient);border-radius:20px;font-size:11px;color:#fff;font-weight:600;letter-spacing:.5px;box-shadow:0 2px 8px #ffd70066;margin-left:6px}.hero-bio{font-size:13px;color:#ffffffd9;line-height:1.6;max-width:300px;margin:0 auto;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stats-card{position:relative;margin:-60px 16px 24px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:20px;padding:24px 0;display:flex;align-items:center;box-shadow:0 10px 40px #0000001a,0 0 0 1px #ffffff80 inset;z-index:3}.stats-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.stats-col:not(:last-child):after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:36px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.08),transparent)}.stats-num{font-size:24px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stats-label{font-size:12px;color:var(--text-muted);font-weight:500}.profile-content{padding:0 16px}.menu-group{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;margin-bottom:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 0 0 1px #ffffff80 inset;transition:all var(--transition-normal)}.menu-item{display:flex;align-items:center;padding:18px 16px;cursor:pointer;position:relative;transition:all var(--transition-normal)}.menu-item:not(:last-child):after{content:"";position:absolute;bottom:0;left:68px;right:16px;height:1px;background:linear-gradient(to right,transparent,var(--border-light),transparent)}.menu-item:hover{background:rgba(255,107,157,.06);transform:translate(4px)}.menu-item:active{transform:translate(2px) scale(.99);background:rgba(255,107,157,.1)}.menu-icon-wrap{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0;background:var(--gradient-primary);box-shadow:0 4px 12px #ff6b9d4d;transition:all var(--transition-normal)}.menu-item:hover .menu-icon-wrap{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 16px #ff6b9d66}.menu-icon-emoji{font-size:20px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.menu-text{flex:1;font-size:15px;color:var(--text-primary);font-weight:500}.menu-arrow{color:var(--text-light);display:flex;align-items:center;flex-shrink:0;transition:transform var(--transition-normal)}.menu-item:hover .menu-arrow{transform:translate(4px);color:var(--primary-color)}.wallet-entry-card{position:relative;padding:20px;border-radius:20px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 4s ease infinite;overflow:hidden;margin-bottom:16px;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 30px #ff6b9d59,0 0 40px #c44cff33}.wallet-entry-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ff6b9d73,0 0 60px #c44cff4d}.wallet-entry-card:active{transform:translateY(-1px) scale(.99)}.wallet-entry-card:before{content:"";position:absolute;top:-50%;right:-20%;width:180px;height:180px;background:rgba(255,255,255,.15);border-radius:50%;filter:blur(30px);animation:float 5s ease-in-out infinite}.wallet-entry-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:140px;height:140px;background:rgba(255,200,230,.2);border-radius:50%;filter:blur(25px);animation:float 7s ease-in-out infinite reverse}.wallet-entry-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.wallet-entry-left{display:flex;align-items:center;gap:14px}.wallet-entry-icon{width:48px;height:48px;border-radius:14px;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid rgba(255,255,255,.3)}.wallet-entry-info{color:#fff}.wallet-entry-title{font-size:16px;font-weight:600;margin-bottom:4px;text-shadow:0 1px 4px rgba(0,0,0,.1)}.wallet-entry-balance{font-size:22px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.15)}.wallet-entry-arrow{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.3);transition:transform var(--transition-normal)}.wallet-entry-card:hover .wallet-entry-arrow{transform:translate(4px)}.completeness-card{padding:20px}.completeness-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.completeness-title{font-size:15px;font-weight:600;color:var(--text-primary)}.completeness-value{font-size:20px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.completeness-bar{width:100%;height:10px;background:var(--bg-secondary);border-radius:5px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-inner)}.completeness-fill{height:100%;background:var(--gradient-primary);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:5px;transition:width .4s ease;box-shadow:0 0 10px #ff6b9d80}.completeness-btn{width:100%;height:44px;border:none;border-radius:22px;background:var(--gradient-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-primary)}.completeness-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.completeness-btn:active{transform:scale(.98);opacity:.9}.logout-section{margin:30px 16px 0;padding:0 4px}.logout-btn{width:100%;height:50px;background:rgba(255,71,87,.08);color:#ff4757;border:1.5px solid #ff4757;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:1px}.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease}.logout-btn:hover{background:rgba(255,71,87,.15);transform:translateY(-2px);box-shadow:0 6px 20px #ff475740;border-color:#ff6b81;color:#ff6b81}.logout-btn:hover:before{left:100%}.logout-btn:active{transform:translateY(0) scale(.98);background:rgba(255,71,87,.2)}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.logout-modal{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:24px;width:85%;max-width:320px;padding:30px 24px 20px;box-sizing:border-box;text-align:center;animation:slideUp .3s var(--ease-out-back);box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logout-modal-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(135deg,#ffe0e3,#ffb3ba);display:flex;align-items:center;justify-content:center;color:var(--error-color);font-size:32px;box-shadow:0 4px 20px #ff47574d;animation:heart-beat 2s ease-in-out infinite}.logout-modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.logout-modal-content{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.logout-modal-actions{display:flex;gap:12px}.logout-modal-cancel,.logout-modal-confirm{flex:1;height:46px;border-radius:23px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);border:none}.logout-modal-cancel{background:var(--bg-secondary);color:var(--text-secondary)}.logout-modal-cancel:hover{background:var(--border-color);transform:translateY(-1px)}.logout-modal-cancel:active{transform:scale(.97)}.logout-modal-confirm{background:linear-gradient(135deg,#ff6b81,#ff4757);color:#fff;box-shadow:0 4px 16px #ff475759}.logout-modal-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475773}.logout-modal-confirm:active{transform:scale(.97);opacity:.9}@media screen and (max-width: 360px){.profile-hero{min-height:290px;padding:45px 16px 80px}.hero-name{font-size:22px}.hero-avatar-wrapper{width:96px;height:96px}.stats-card{margin:-50px 12px 20px;padding:18px 0}.stats-num{font-size:20px}.profile-content{padding:0 12px}.menu-item{padding:16px 14px}.menu-icon-wrap{width:36px;height:36px;margin-right:12px}.menu-text{font-size:14px}.logout-section{margin:24px 12px 0}.logout-btn{height:48px;font-size:15px}}@media screen and (min-width: 768px){.profile-page{max-width:480px;margin:0 auto;box-shadow:0 0 40px #0000000f}}.profile-edit-page{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-color)}.save-btn{font-size:15px;color:var(--primary-color);font-weight:500}.tabs{display:flex;background:#fff;border-bottom:1px solid var(--border-color);flex-shrink:0}.tab{flex:1;text-align:center;padding:14px 0;font-size:15px;color:var(--text-secondary);position:relative}.tab.active{color:var(--primary-color);font-weight:500}.tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:3px;background:var(--primary-color);border-radius:2px}.edit-content{flex:1;overflow-y:auto;padding-bottom:80px;-webkit-overflow-scrolling:touch}.form-section{background:#fff;padding:0 20px;margin-bottom:10px}.section-title{font-size:16px;font-weight:600;padding:16px 0 12px}.form-item label{display:block;font-size:14px;color:var(--text-secondary);margin-bottom:10px}.picker-input{padding:4px 0;font-size:15px;color:var(--text-color)}.photo-uploader{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.photo-item{width:calc((100% - 16px) / 3);padding-top:calc((100% - 16px) / 3);position:relative;border-radius:8px;overflow:hidden}.photo-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.delete-photo{position:absolute;top:4px;right:4px;width:20px;height:20px;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.upload-placeholder{width:calc((100% - 16px) / 3);padding-top:calc((100% - 16px) / 3);position:relative}.tip{font-size:12px;color:var(--text-light);margin-top:4px}.range-inputs{display:flex;align-items:center;gap:12px}.range-sep{color:var(--text-secondary);font-size:14px}.save-footer{padding:12px 20px;background:#fff;border-top:1px solid var(--border-color);flex-shrink:0}.save-footer :global(.adm-button){height:44px;border-radius:22px;--background: var(--primary-color)}.privacy-page{min-height:100vh;background:linear-gradient(180deg,#fdf2f8 0%,#ffffff 30%);padding-bottom:40px}.tab-bar{display:flex;gap:8px;padding:12px 16px}.tab-item{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:12px;background:#fff;font-size:14px;font-weight:500;color:#6b7280;position:relative;transition:all .2s;box-shadow:0 2px 8px #0000000a}.tab-item.active{background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);color:#fff;box-shadow:0 4px 12px #ec48994d}.tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(255,255,255,.3);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}.section{margin-bottom:20px}.section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#1f2937;padding:0 4px 10px}.settings-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.settings-list :global(.adm-list-item){--border-top: none;padding:14px 16px}.settings-list :global(.adm-list-item-content-main){font-size:15px;font-weight:500;color:#1f2937}.settings-list :global(.adm-list-item-description){font-size:12px;color:#9ca3af;margin-top:4px}.privacy-tip{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%);border-radius:16px;margin-top:8px}.tip-content{flex:1}.tip-title{font-size:14px;font-weight:600;color:#047857;margin:0 0 4px}.tip-desc{font-size:12px;color:#10b981;margin:0;line-height:1.6}.blacklist-list{display:flex;flex-direction:column;gap:10px}.blacklist-item{display:flex;align-items:center;justify-content:space-between;padding:14px;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000a}.user-info{display:flex;align-items:center;gap:12px;flex:1}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.info{flex:1;overflow:hidden}.nickname{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 2px}.reason{font-size:12px;color:#9ca3af;margin:0}.interest-tags-page{min-height:100vh;background:linear-gradient(180deg,#fdf2f8 0%,#ffffff 30%);padding-bottom:120px}.save-btn{font-size:15px;font-weight:600;color:#ec4899;cursor:pointer}.hero-section{padding:20px 24px 30px;text-align:center}.hero-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:20px;background:linear-gradient(135deg,#f472b6 0%,#ec4899 50%,#db2777 100%);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #ec489959}.hero-title{font-size:22px;font-weight:700;color:#1f2937;margin:0 0 8px}.hero-desc{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.selected-count{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#fff;border-radius:20px;font-size:13px;color:#ec4899;box-shadow:0 2px 8px #ec489926;b {font-size: 15px; font-weight: 700;}}.selected-section{padding:0 16px;margin-bottom:20px}.section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#1f2937;margin-bottom:12px}.section-title .tag-hint{margin-left:auto;font-size:12px;font-weight:400;color:#9ca3af}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#fff;border-radius:14px;box-shadow:0 2px 10px #0000000a}.type-tabs{display:flex;gap:8px;padding:0 16px;margin-bottom:16px}.type-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #00000008}.type-tab.active{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);box-shadow:0 4px 12px #ec489926}.type-icon{font-size:22px}.type-label{font-size:12px;font-weight:500;color:#6b7280}.type-tab.active .type-label{color:#ec4899}.tags-section{padding:0 16px}.loading-placeholder{text-align:center;padding:40px;color:#9ca3af;font-size:14px}.tags-grid{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;font-size:13px;color:#4b5563;cursor:pointer;transition:all .2s;position:relative}.tag-chip:hover{border-color:#f9a8d4;background:#fdf2f8}.tag-chip.selected{background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border-color:transparent;color:#fff;font-weight:500;box-shadow:0 4px 10px #ec48994d}.tag-chip.hot:not(.selected){border-color:#fca5a5;background:#fef2f2}.tag-icon{font-size:14px}.tag-close{margin-left:2px;font-size:14px;font-weight:700;opacity:.8}.hot-badge{position:absolute;top:-6px;right:-4px;padding:1px 5px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;border-radius:6px;letter-spacing:.5px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;padding:12px 16px 20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #f3f4f6}.bottom-bar :global(.adm-button){--background: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);--border-color: transparent;border-radius:25px;height:48px;font-size:16px;font-weight:600;box-shadow:0 6px 16px #ec489959}.bottom-tip{text-align:center;font-size:12px;color:#9ca3af;margin:8px 0 0}.verification-page{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(180deg,#fdf2f8 0%,#ffffff 20%)}.verification-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.verification-overview{padding:16px}.overview-header{display:flex;align-items:center;gap:16px;padding:24px 20px;background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);border-radius:20px;margin-bottom:20px;box-shadow:0 4px 16px #ff6b9d4d}.overview-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.overview-text h2{font-size:20px;font-weight:600;color:#fff;margin:0 0 4px}.overview-text p{font-size:13px;color:#fffc;margin:0}.verification-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000a}.verification-item{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid #f5f5f5;position:relative;transition:background .2s}.verification-item:last-child{border-bottom:none}.verification-item:active{background:#f9fafb}.item-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,107,157,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-content{flex:1;min-width:0}.item-title{font-size:15px;font-weight:600;color:#1f2937;margin-bottom:4px;display:flex;align-items:center;gap:8px}.required-tag{font-size:11px;padding:2px 6px;background:rgba(255,71,87,.1);color:#ff4757;border-radius:4px;font-weight:500}.item-desc{font-size:12px;color:#9ca3af}.item-status{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;flex-shrink:0}.reject-reason-link{position:absolute;right:16px;bottom:12px;font-size:11px;color:#ff4757;text-decoration:underline}.verification-tip{margin-top:20px;padding:16px;background:linear-gradient(135deg,#fff7ed 0%,#fef3c7 100%);border-radius:14px}.tip-title{font-size:14px;font-weight:600;color:#92400e;margin:0 0 10px}.tip-content{font-size:12px;color:#b45309;margin:0 0 6px;line-height:1.6}.tip-content:last-child{margin-bottom:0}.tab-bar{display:flex;gap:6px;padding:10px 12px;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0;overflow-x:auto}.tab-item{display:flex;align-items:center;gap:4px;padding:8px 14px;border-radius:20px;background:#f3f4f6;font-size:13px;color:#6b7280;white-space:nowrap;transition:all .2s;flex-shrink:0}.tab-item.active{background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);color:#fff;box-shadow:0 2px 8px #ff6b9d4d}.verification-form{padding:16px 16px 100px}.form-section{background:#fff;border-radius:16px;padding:0 16px;margin-bottom:16px;box-shadow:0 2px 12px #0000000a}.section-title{font-size:16px;font-weight:600;color:#1f2937;padding:16px 0 12px}.optional-tag{font-size:12px;font-weight:400;color:#9ca3af}.form-item{padding:14px 0;border-bottom:1px solid #f5f5f5}.form-item:last-child{border-bottom:none}.form-item label{display:block;font-size:14px;color:#6b7280;margin-bottom:10px}.picker-input{padding:4px 0;font-size:15px;color:#1f2937}.upload-row{display:flex;gap:12px;padding:12px 0}.upload-item{flex:1}.upload-label{font-size:13px;color:#6b7280;margin-bottom:8px}.upload-box{width:100%;aspect-ratio:1.586;border-radius:10px;overflow:hidden;background:#f9fafb;border:1px dashed #e5e7eb}.upload-box img{width:100%;height:100%;object-fit:cover}.upload-tip{font-size:12px;color:#9ca3af;padding:8px 0 16px;margin:0}.face-tips{padding:12px 0}.tip-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#4b5563}.tip-icon{font-size:18px}.face-upload-area{padding:20px 0;display:flex;justify-content:center}.face-upload-placeholder{width:200px;height:260px;border-radius:50%;background:linear-gradient(135deg,#fdf2f8 0%,#f3e8ff 100%);border:2px dashed #ff6b9d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;overflow:hidden}.camera-icon{font-size:48px}.face-upload-placeholder p{font-size:14px;color:#ff6b9d;font-weight:500}.face-uploader{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.face-preview{width:200px;height:260px;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 4px 16px #0000001a}.face-preview img{width:100%;height:100%;object-fit:cover}.reupload-btn{position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:6px 16px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;border-radius:16px}.marital-options{padding:8px 0 16px}.marital-option{padding:12px 0;border-bottom:1px solid #f5f5f5}.marital-option:last-child{border-bottom:none}.proof-upload{padding:12px 0}.proof-upload-box{width:120px;height:120px;border-radius:12px;background:#f9fafb;border:1px dashed #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.proof-upload-box p{font-size:11px;color:#9ca3af;text-align:center;padding:0 8px}.proof-preview{width:120px;height:120px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 2px 8px #00000014}.proof-preview img{width:100%;height:100%;object-fit:cover}.delete-proof{position:absolute;top:4px;right:4px;width:22px;height:22px;background:rgba(0,0,0,.5);color:#fff;border-radius:50%;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.submit-footer{padding:12px 16px;background:#fff;border-top:1px solid #f0f0f0;flex-shrink:0}.submit-footer :global(.adm-button){height:46px;border-radius:23px;--background: linear-gradient(135deg, #ff6b9d 0%, #c44cff 100%);font-weight:600;font-size:15px}.verification-page :global(.adm-nav-bar){--adm-color-primary: #ff6b9d}.verification-page :global(.adm-image-uploader){--cell-size: 100%;width:100%;height:100%}.verification-page :global(.adm-image-uploader-cell){width:100%!important;height:100%!important;margin:0!important}.verification-page :global(.adm-image-uploader-upload-button){width:100%!important;height:100%!important;border-radius:10px!important;background:#f9fafb!important;border:1px dashed #e5e7eb!important}.verification-page :global(.adm-radio){--color: #ff6b9d}.deletion-page{width:100%;min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.deletion-header-bg{position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(135deg,#ff4757 0%,#ff6b81 50%,#ff8a9d 100%);background-size:200% 200%;animation:gradient-shift 8s ease infinite;z-index:0;overflow:hidden}.deletion-header-bg .header-glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(40px);pointer-events:none}.deletion-header-bg .header-glow-1{width:180px;height:180px;top:-60px;right:-40px;background:rgba(255,255,255,.3);animation:float 6s ease-in-out infinite}.deletion-header-bg .header-glow-2{width:140px;height:140px;bottom:20px;left:-30px;background:rgba(255,200,200,.35);animation:float 8s ease-in-out infinite reverse}.deletion-nav{position:relative;z-index:10;--height: 44px;--border-bottom: none;--background: transparent;--color: #fff;--font-size: 17px;--font-weight: 600;padding-top:var(--safe-top)}.deletion-nav :global(.adm-nav-bar-title){color:#fff;font-weight:600}.deletion-nav :global(.adm-nav-bar-back-arrow){color:#fff}.deletion-content-wrapper{flex:1;padding:10px 16px 24px;position:relative;z-index:5;overflow-y:auto;-webkit-overflow-scrolling:touch}.deletion-card{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:20px;padding:24px 20px;box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff80 inset}.deletion-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-muted);font-size:14px}.warning-card{background:linear-gradient(135deg,#fff1f0 0%,#ffe4e6 100%);border:1px solid rgba(255,71,87,.2);border-radius:16px;padding:18px 16px;margin-bottom:24px}.warning-header{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:16px;font-weight:700;color:#ff4757}.warning-list{list-style:none;padding:0;margin:0}.warning-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px;color:#c0392b;line-height:1.6}.warning-list li:last-child{margin-bottom:0}.warning-dot{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#ff4757;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.warning-list strong{color:#ff4757;font-weight:700}.deletion-form{animation:fadeInUp .3s ease}.form-section{margin-bottom:20px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;gap:4px}.label-required{color:#ff4757;font-weight:700}.reason-options{display:flex;flex-wrap:wrap;gap:10px}.reason-option{padding:8px 14px;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:20px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.reason-option:hover{background:rgba(255,71,87,.08);border-color:#ff475733;color:#ff4757}.reason-option:active{transform:scale(.96)}.reason-option.active{background:rgba(255,71,87,.1);border-color:#ff4757;color:#ff4757;font-weight:500}.feedback-input{width:100%;background:var(--bg-secondary);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--text-primary);--placeholder-color: var(--text-muted);border:none;outline:none;transition:all var(--transition-fast)}.feedback-input :global(.adm-textarea-element){background:transparent}.feedback-input:focus{background:#fff;box-shadow:0 0 0 2px #ff475733}.char-count{text-align:right;font-size:12px;color:var(--text-muted);margin-top:6px}.confirm-input{width:100%;height:48px;background:var(--bg-secondary);border:1.5px solid transparent;border-radius:12px;padding:0 14px;font-size:15px;color:var(--text-primary);transition:all var(--transition-fast);outline:none}.confirm-input:focus{background:#fff;border-color:#ff4757;box-shadow:0 0 0 3px #ff47571a}.confirm-input::placeholder{color:var(--text-muted)}.form-footer{margin-top:28px;padding-bottom:8px}.deletion-btn{width:100%;height:50px;background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px #ff475759;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:1px}.deletion-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ff475773}.deletion-btn:active{transform:translateY(0) scale(.98)}.deletion-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 16px #ff475740}.cooling-content{text-align:center;padding:10px 0 20px;animation:fadeInUp .3s ease}.cooling-icon{width:80px;height:80px;margin:0 auto 20px;background:linear-gradient(135deg,#fff1f0 0%,#ffe4e6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ff4757;animation:pulse 2s ease-in-out infinite}.cooling-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.cooling-desc{font-size:14px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.countdown-card{background:linear-gradient(135deg,#fff1f0 0%,#ffe4e6 100%);border:1px solid rgba(255,71,87,.2);border-radius:16px;padding:24px 20px;margin-bottom:24px}.countdown-label{font-size:13px;color:#c0392b;margin-bottom:12px;font-weight:500}.countdown-days{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:12px}.days-num{font-size:48px;font-weight:800;background:linear-gradient(135deg,#ff4757,#ff6b81);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.days-unit{font-size:18px;font-weight:600;color:#ff4757}.countdown-tip{font-size:12px;color:#c0392b;margin:0;line-height:1.5}.cooling-warnings{text-align:left;margin-bottom:28px}.cooling-warning-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--bg-secondary);border-radius:12px;margin-bottom:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.cooling-warning-item:last-child{margin-bottom:0}.warning-icon{font-size:16px;flex-shrink:0}.cooling-footer{margin-top:8px}.restore-btn{width:100%;height:50px;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:1px}.restore-btn:hover{background:rgba(255,107,157,.06);transform:translateY(-2px);box-shadow:0 4px 16px #ff6b9d33}.restore-btn:active{transform:translateY(0) scale(.98)}.restore-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.completed-content{text-align:center;padding:20px 0;animation:fadeInUp .3s ease}.completed-icon{width:90px;height:90px;margin:0 auto 20px;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981;animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.completed-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.completed-desc{font-size:14px;color:var(--text-secondary);margin:0 0 32px;line-height:1.8}.completed-footer{margin-top:20px}.completed-btn{width:100%;height:50px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-primary-lg);letter-spacing:1px}.completed-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff6b9d80}.completed-btn:active{transform:translateY(0) scale(.98)}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #ff47574d}50%{transform:scale(1.05);box-shadow:0 0 0 12px #ff475700}}@media screen and (min-width: 768px){.deletion-page{max-width:480px;margin:0 auto;box-shadow:0 0 40px #0000000f}}.change-password-page{min-height:100vh;background:linear-gradient(180deg,#fef7ed 0%,#ffffff 30%);padding-bottom:120px}.nav-bar{background:transparent;--adm-color-primary: #f59e0b}.form-content{padding:16px}.form-card{background:#fff;border-radius:16px;padding:20px 16px;box-shadow:0 2px 12px #0000000a}.form-item{margin-bottom:18px}.form-item:last-child{margin-bottom:0}.input-wrapper{display:flex;align-items:center;background:#f9fafb;border-radius:12px;padding:0 14px;height:52px;border:1.5px solid transparent;transition:all .2s ease}.input-wrapper.focused{background:#fff;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.input-wrapper.has-value{background:#fff}.input-icon{font-size:18px;margin-right:10px;flex-shrink:0}.input-wrapper :global(.adm-input-element){flex:1;font-size:15px;color:#1f2937}.eye-toggle{background:none;border:none;padding:4px 6px;font-size:18px;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent}.validation-tip{font-size:12px;margin-top:8px;padding-left:4px;line-height:1.5}.validation-tip.valid{color:#10b981}.validation-tip.invalid{color:#ef4444}.security-tip{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:14px;background:linear-gradient(135deg,#fef3c7 0%,#fef9e7 100%);border-radius:12px}.tip-icon{font-size:20px;flex-shrink:0}.tip-text{font-size:12px;color:#92400e;margin:0;line-height:1.6;flex:1}.submit-section{position:fixed;bottom:0;left:0;right:0;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 12px #0000000f}.submit-btn{--background: linear-gradient(135deg, #feca57 0%, #ff9f43 100%);--border-color: transparent;--text-color: #fff;--border-radius: 28px;height:50px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #ff9f434d}.submit-btn:disabled{--background: #e5e7eb;--text-color: #9ca3af;box-shadow:none}.data-export-page{min-height:100vh;background:linear-gradient(180deg,#fdf2f8 0%,#ffffff 30%);padding-bottom:40px}.nav-bar{background:transparent;--adm-color-primary: #ec4899}.content{padding:0 16px}.info-card{background:#fff;border-radius:16px;padding:20px 18px;margin-bottom:20px;box-shadow:0 2px 12px #0000000a}.info-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.info-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%);display:flex;align-items:center;justify-content:center;color:#ec4899}.info-title{font-size:17px;font-weight:600;color:#1f2937}.info-desc{font-size:14px;color:#6b7280;line-height:1.7;margin:0 0 14px}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;color:#6b7280;line-height:1.6}.list-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#ec4899;margin-top:7px}.action-section{margin-bottom:24px}.export-btn{width:100%;height:50px;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #ec48994d;display:flex;align-items:center;justify-content:center;gap:8px}.export-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.export-btn:active{transform:translateY(0) scale(.98)}.export-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #ec489933}.records-section{margin-bottom:20px}.section-title{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:#1f2937;padding:0 4px 12px}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 0;color:#9ca3af;font-size:14px}.records-list{display:flex;flex-direction:column;gap:12px}.record-item{background:#fff;border-radius:14px;padding:16px;box-shadow:0 2px 10px #0000000a}.record-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.record-date{font-size:12px;color:#9ca3af}.record-info{margin-bottom:12px}.processing-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.expire-info{display:flex;align-items:center;gap:6px;font-size:12px;color:#6b7280}.expire-info.expired{color:#9ca3af}.record-action{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #f3f4f6}.record-action :global(.adm-button){--border-radius: 16px}@media screen and (min-width: 768px){.data-export-page{max-width:480px;margin:0 auto}}.agreement-page{width:100%;min-height:100vh;background:var(--bg-color);display:flex;flex-direction:column;position:relative;overflow-x:hidden}.agreement-header-bg{position:absolute;top:0;left:0;right:0;height:200px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 8s ease infinite;z-index:0;overflow:hidden}.header-glow{position:absolute;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(40px);pointer-events:none}.header-glow-1{width:180px;height:180px;top:-60px;right:-40px;background:rgba(255,255,255,.3);animation:float 6s ease-in-out infinite}.header-glow-2{width:140px;height:140px;bottom:20px;left:-30px;background:rgba(255,200,230,.35);animation:float 8s ease-in-out infinite reverse}.agreement-nav{position:relative;z-index:10;--height: 44px;--border-bottom: none;--background: transparent;--color: #fff;--font-size: 17px;--font-weight: 600;padding-top:var(--safe-top)}.agreement-nav :global(.adm-nav-bar-title){color:#fff;font-weight:600}.agreement-nav :global(.adm-nav-bar-back-arrow){color:#fff}.agreement-content-wrapper{flex:1;padding:0 16px 24px;position:relative;z-index:5;margin-top:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.agreement-card{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:20px;padding:24px 20px;box-shadow:0 8px 32px #00000014,0 0 0 1px #ffffff80 inset;min-height:calc(100vh - 200px)}.agreement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-muted);font-size:14px}.agreement-html-content{font-size:14px;line-height:1.8;color:var(--text-primary);word-wrap:break-word}.agreement-html-content :global(h1){font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:16px;margin-top:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agreement-html-content :global(h2){font-size:18px;font-weight:600;color:var(--text-primary);margin-top:24px;margin-bottom:12px}.agreement-html-content :global(h3){font-size:16px;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:10px}.agreement-html-content :global(p){margin-bottom:12px;color:var(--text-secondary);line-height:1.8}.agreement-html-content :global(strong){color:var(--text-primary);font-weight:600}.agreement-html-content :global(ul),.agreement-html-content :global(ol){margin-bottom:12px;padding-left:20px}.agreement-html-content :global(li){margin-bottom:6px;color:var(--text-secondary);line-height:1.8}.agreement-html-content :global(a){color:var(--primary-color);text-decoration:none}.agreement-html-content :global(a:hover){text-decoration:underline}.agreement-html-content :global(hr){border:none;border-top:1px solid var(--border-color);margin:20px 0}.agreement-html-content :global(img){max-width:100%;border-radius:8px;margin:12px 0}.agreement-html-content :global(blockquote){border-left:3px solid var(--primary-color);margin:16px 0;color:var(--text-secondary);background:rgba(255,107,157,.05);padding:12px 16px;border-radius:0 8px 8px 0}.agreement-html-content :global(table){width:100%;border-collapse:collapse;margin:16px 0;font-size:13px}.agreement-html-content :global(th),.agreement-html-content :global(td){border:1px solid var(--border-color);padding:10px 12px;text-align:left}.agreement-html-content :global(th){background:rgba(255,107,157,.08);font-weight:600;color:var(--text-primary)}.agreement-footer{position:sticky;bottom:0;left:0;right:0;padding:16px 20px calc(16px + var(--safe-bottom));background:linear-gradient(to top,var(--bg-color) 60%,transparent);z-index:20;flex-shrink:0}.agree-btn{width:100%;height:50px;background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-primary-lg);display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:1px}.agree-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff6b9d80}.agree-btn:active{transform:translateY(0) scale(.98)}.agree-btn:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:var(--shadow-primary)}.agreed-footer{padding:20px 20px calc(20px + var(--safe-bottom));background:linear-gradient(to top,var(--bg-color) 60%,transparent)}.agreed-tag{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:20px;color:#10b981;font-size:13px;font-weight:500;width:fit-content;margin:0 auto}@media screen and (min-width: 768px){.agreement-page{max-width:480px;margin:0 auto;box-shadow:0 0 40px #0000000f}}.likes-page{width:100%;height:100%;display:flex;flex-direction:column;background:#fff}.likes-tabs{flex-shrink:0;--active-line-color: var(--primary-color);--title-font-size: 15px}.tab-content{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.empty-wrapper{padding:60px 0}.likes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.like-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f;cursor:pointer}.card-avatar{width:100%;padding-top:120%;position:relative;background:#f0f0f0}.card-avatar img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.mutual-badge{position:absolute;top:8px;right:8px;padding:3px 8px;background:var(--primary-color);color:#fff;font-size:11px;border-radius:10px}.card-info{padding:10px 12px}.card-name{font-size:14px;font-weight:500;color:var(--text-color);margin-bottom:4px}.card-meta{font-size:12px;color:var(--text-secondary);display:flex;gap:4px}.points-page{min-height:100vh;background:linear-gradient(180deg,#1a0a2e 0%,#16082a 50%,#0f0524 100%);padding-bottom:30px;position:relative;overflow-x:hidden}.points-page:before{content:"";position:absolute;top:-10%;left:-20%;width:300px;height:300px;background:rgba(255,107,157,.15);border-radius:50%;filter:blur(80px);animation:float 8s ease-in-out infinite;pointer-events:none}.points-page:after{content:"";position:absolute;bottom:10%;right:-15%;width:250px;height:250px;background:rgba(196,76,255,.12);border-radius:50%;filter:blur(70px);animation:float 10s ease-in-out infinite reverse;pointer-events:none}.points-header{display:flex;align-items:center;padding:12px 16px;padding-top:calc(12px + var(--safe-top));position:relative;z-index:1}.points-back{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:22px;width:38px;height:38px;border-radius:50%;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.points-back:hover{background:rgba(255,255,255,.2);transform:translate(-2px)}.points-back:active{transform:scale(.92)}.points-header h2{position:absolute;left:50%;transform:translate(-50%);color:#fff;font-size:17px;font-weight:600;margin:0;letter-spacing:.5px}.points-balance-card{margin:16px;padding:32px 24px;border-radius:24px;background:var(--gradient-rainbow);background-size:200% 200%;animation:gradient-shift 4s ease infinite;position:relative;overflow:hidden;text-align:center;box-shadow:0 12px 40px #ff6b9d59,0 0 60px #c44cff40}.balance-glow{position:absolute;top:-40%;right:-15%;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(40px);animation:float 6s ease-in-out infinite}.points-balance-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:160px;height:160px;border-radius:50%;background:rgba(255,200,230,.25);filter:blur(35px);animation:float 8s ease-in-out infinite reverse}.balance-label{position:relative;z-index:1;color:#ffffffd9;font-size:14px;margin-bottom:10px;letter-spacing:1px;font-weight:500}.balance-amount{position:relative;z-index:1;color:#fff;font-size:48px;font-weight:700;text-shadow:0 0 20px rgba(255,255,255,.5),0 2px 10px rgba(0,0,0,.15);margin-bottom:20px;letter-spacing:-1px}.balance-actions{position:relative;z-index:1;display:flex;gap:12px;justify-content:center}.balance-btn{padding:10px 28px;border-radius:999px;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 8px #0000001a}.balance-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.balance-btn:active{transform:scale(.95);background:rgba(255,255,255,.35)}.points-filter-bar{display:flex;gap:10px;padding:0 16px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;position:relative;z-index:1}.points-filter-bar::-webkit-scrollbar{display:none}.filter-chip{padding:8px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff9;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all var(--transition-normal)}.filter-chip:hover{background:rgba(255,255,255,.12);color:#fffc;transform:translateY(-1px)}.filter-chip.active{background:var(--gradient-primary);background-size:200% 200%;animation:gradient-shift 3s ease infinite;border-color:transparent;color:#fff;font-weight:600;box-shadow:0 4px 15px #ff6b9d66;transform:translateY(-2px)}.points-tasks{margin:0 16px 20px;padding:20px;border-radius:20px;background:rgba(255,255,255,.05);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);position:relative;z-index:1;overflow:hidden}.points-tasks:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,107,157,.3),rgba(196,76,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.tasks-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:16px;display:flex;align-items:center;gap:8px}.tasks-title:before{content:"✨";font-size:18px}.task-item{display:flex;align-items:center;padding:14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);margin-bottom:10px;transition:all var(--transition-normal);cursor:pointer}.task-item:last-child{margin-bottom:0}.task-item:hover{background:rgba(255,255,255,.1);border-color:#ff6b9d4d;transform:translate(4px)}.task-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--gradient-primary);flex-shrink:0;margin-right:12px;box-shadow:0 4px 12px #ff6b9d4d}.task-info{flex:1;min-width:0}.task-name{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px}.task-desc{font-size:12px;color:#ffffff80}.task-reward{font-size:16px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex-shrink:0;margin-right:10px}.task-btn{padding:6px 16px;border:none;border-radius:20px;background:var(--gradient-primary);background-size:200% 200%;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;box-shadow:0 2px 8px #ff6b9d4d}.task-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff6b9d66}.task-btn:disabled{background:rgba(255,255,255,.1);color:#fff6;cursor:not-allowed;box-shadow:none}.task-btn.completed{background:rgba(0,184,148,.2);color:#00b894;box-shadow:none}.points-list{padding:0 16px;position:relative;z-index:1}.list-header{font-size:15px;font-weight:600;color:#ffffffe6;margin-bottom:12px;padding-left:4px}.points-empty{text-align:center;padding:80px 0;color:#fff6}.points-empty .empty-icon{font-size:56px;margin-bottom:12px;animation:float 3s ease-in-out infinite}.points-empty p{margin-top:8px;font-size:14px;color:#fff6}.points-item{display:flex;align-items:center;gap:14px;padding:16px;border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:10px;border:1px solid rgba(255,255,255,.08);transition:all var(--transition-normal);position:relative;overflow:hidden}.points-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all var(--transition-normal)}.points-item:hover{background:rgba(255,255,255,.1);border-color:#ffffff26;transform:translate(4px)}.points-item:hover:before{background:var(--gradient-primary)}.points-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.points-icon.earn{background:linear-gradient(135deg,rgba(0,184,148,.3),rgba(0,206,201,.3));color:#00cec9;box-shadow:0 4px 12px #00b89440;border:1px solid rgba(0,206,201,.3)}.points-icon.spend{background:linear-gradient(135deg,rgba(255,107,157,.3),rgba(196,76,255,.3));color:#ff9ec4;box-shadow:0 4px 12px #ff6b9d40;border:1px solid rgba(255,107,157,.3)}.points-info{flex:1;min-width:0}.points-desc{font-size:14px;color:#ffffffe6;margin-bottom:6px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.points-meta{display:flex;gap:8px;align-items:center}.points-module{font-size:11px;color:#ffffff80;background:rgba(255,255,255,.08);padding:3px 8px;border-radius:6px;font-weight:500}.points-date{font-size:11px;color:#ffffff59}.points-amount{font-size:20px;font-weight:700;flex-shrink:0;letter-spacing:-.5px}.points-amount.earn{background:var(--gradient-green-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-amount.spend{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.points-load-more{display:block;width:100%;padding:14px;margin-top:16px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff9;border-radius:14px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.points-load-more:hover{border-color:#ff6b9d66;background:rgba(255,107,157,.08);color:#fffc;transform:translateY(-2px)}.points-loading{text-align:center;padding:24px;color:#fff6;font-size:14px}.wallet-page{min-height:100vh;background:var(--bg-color);padding-bottom:40px;position:relative;overflow-x:hidden}.wallet-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;padding-top:calc(12px + var(--safe-top));background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border-light);position:sticky;top:0;z-index:100}.wallet-back{width:38px;height:38px;border:none;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-light);border-radius:50%;font-size:22px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.wallet-back:hover{background:var(--glass-bg);transform:translate(-2px)}.wallet-back:active{transform:scale(.92)}.wallet-header h2{font-size:18px;font-weight:600;margin:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-export{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-light);border-radius:20px;padding:6px 14px;color:var(--secondary-color);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.wallet-export:hover{background:rgba(196,76,255,.1);border-color:#c44cff4d;transform:translateY(-1px)}.balance-card{margin:20px 16px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 12px 40px #667eea59,0 0 60px #764ba233}.balance-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-purple-blue);background-size:200% 200%;animation:gradient-shift 6s ease infinite}.balance-bg:before{content:"";position:absolute;top:-60%;right:-25%;width:240px;height:240px;background:rgba(255,255,255,.15);border-radius:50%;filter:blur(40px);animation:float 6s ease-in-out infinite}.balance-bg:after{content:"";position:absolute;bottom:-40%;left:-15%;width:200px;height:200px;background:rgba(200,180,255,.2);border-radius:50%;filter:blur(35px);animation:float 8s ease-in-out infinite reverse}.balance-bg .balance-spot{position:absolute;width:100px;height:100px;background:rgba(255,255,255,.12);border-radius:50%;filter:blur(25px);top:30%;left:40%;animation:float 5s ease-in-out infinite 1s}.balance-content{position:relative;padding:28px 24px;color:#fff;z-index:1}.balance-tabs{display:flex;gap:8px;margin-bottom:16px}.balance-tab{padding:8px 18px;border:none;border-radius:20px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.balance-tab:hover{background:rgba(255,255,255,.25);transform:translateY(-1px)}.balance-tab.active{background:white;color:#667eea;font-weight:600;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.balance-amount{font-size:48px;font-weight:700;line-height:1.2;text-shadow:0 0 20px rgba(255,255,255,.5),0 2px 10px rgba(0,0,0,.15);letter-spacing:-1px}.balance-label{font-size:14px;opacity:.85;margin-top:6px;letter-spacing:.5px}.balance-stats{display:flex;margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}.stat-item{flex:1;text-align:center}.stat-value{font-size:20px;font-weight:600;display:block;text-shadow:0 1px 4px rgba(0,0,0,.1)}.stat-label{font-size:12px;opacity:.8;margin-top:4px}.stat-divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent)}.balance-actions{display:flex;gap:12px;margin-top:22px}.action-btn{flex:1;padding:14px;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.recharge-btn{background:white;color:#667eea;box-shadow:0 4px 15px #ffffff4d,0 0 20px #fff3;position:relative;overflow:hidden}.recharge-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transition:left .5s ease}.recharge-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fff6,0 0 30px #ffffff4d}.recharge-btn:hover:before{left:100%}.recharge-btn:active{transform:scale(.97)}.withdraw-btn{background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff}.withdraw-btn:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.withdraw-btn:active{transform:scale(.97)}.stats-card{margin:0 16px 16px;padding:20px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;display:flex;align-items:center;box-shadow:0 4px 20px #0000000f,0 0 0 1px #ffffff80 inset}.stats-item{flex:1;text-align:center}.stats-value{font-size:22px;font-weight:700}.stats-value.income{background:var(--gradient-green-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-value.expense{background:linear-gradient(135deg,#ff6b81,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-label{font-size:12px;color:var(--text-muted);margin-top:6px;font-weight:500}.stats-divider{width:1px;height:44px;background:linear-gradient(to bottom,transparent,var(--border-light),transparent)}.filter-tabs{display:flex;gap:10px;padding:4px 16px 16px}.filter-tab{padding:10px 22px;border:none;border-radius:22px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.filter-tab:hover{background:var(--glass-bg);transform:translateY(-1px);color:var(--text-primary)}.filter-tab.active{background:var(--gradient-purple-blue);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;font-weight:600;border-color:transparent;box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.ledger-list{margin:0 16px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 0 0 1px #ffffff80 inset}.ledger-item{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--border-light);gap:14px;transition:all var(--transition-normal);position:relative}.ledger-item:last-child{border-bottom:none}.ledger-item:hover{background:rgba(102,126,234,.04)}.ledger-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all var(--transition-normal)}.ledger-item:hover:before{background:var(--gradient-purple-blue)}.ledger-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--gradient-purple-blue);flex-shrink:0;box-shadow:0 4px 12px #667eea4d}.ledger-icon.income{background:var(--gradient-green-teal);box-shadow:0 4px 12px #00b8944d}.ledger-icon.expense{background:linear-gradient(135deg,#ff6b81,#ff4757);box-shadow:0 4px 12px #ff47574d}.ledger-info{flex:1;min-width:0}.ledger-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.ledger-category{display:inline-block;padding:2px 8px;background:rgba(102,126,234,.1);color:#667eea;font-size:11px;font-weight:500;border-radius:6px;margin-bottom:4px}.ledger-desc{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-date{font-size:12px;color:var(--text-light);margin-top:4px}.ledger-right{text-align:right;flex-shrink:0}.ledger-amount{font-size:18px;font-weight:700;letter-spacing:-.5px}.ledger-amount.income{background:var(--gradient-green-teal);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ledger-amount.expense{background:linear-gradient(135deg,#ff6b81,#ff4757);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ledger-balance{font-size:12px;color:var(--text-light);margin-top:6px}.empty-state{padding:80px 20px;text-align:center;color:var(--text-muted)}.empty-icon{font-size:64px;margin-bottom:16px;animation:float 3s ease-in-out infinite}.empty-state p{font-size:14px;color:var(--text-muted);margin-top:8px}.load-more{display:block;margin:20px auto;padding:12px 40px;border:1.5px solid var(--border-color);border-radius:22px;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.load-more:hover{border-color:var(--secondary-color);color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 12px #c44cff26}.loading-text{text-align:center;padding:24px;color:var(--text-muted);font-size:14px}.recharge-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:flex-end;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.recharge-modal{width:100%;background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:1px solid var(--glass-border);border-radius:24px 24px 0 0;max-height:85vh;overflow-y:auto;animation:slideUp .35s var(--ease-out-back)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:18px;font-weight:700;background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{width:34px;height:34px;border:none;background:var(--bg-secondary);border-radius:50%;font-size:18px;cursor:pointer;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.modal-close:hover{background:var(--border-color);transform:rotate(90deg)}.modal-body{padding:24px}.section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:14px;margin-top:4px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.package-item{position:relative;padding:18px 8px;border:2px solid var(--border-color);border-radius:16px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--card-bg);overflow:hidden}.package-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:2px;background:transparent;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:all var(--transition-normal)}.package-item:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 8px 25px #667eea33,0 0 0 2px #667eea4d}.package-item:hover:before{background:var(--gradient-purple-blue)}.package-item.selected{border-color:transparent;background:linear-gradient(135deg,rgba(102,126,234,.08),rgba(118,75,162,.08));box-shadow:0 0 0 2px #667eea,0 0 20px #667eea66,0 8px 25px #667eea40;transform:translateY(-2px)}.package-item.selected:before{background:var(--gradient-purple-blue)}.package-coins{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.package-price{font-size:14px;color:#667eea;font-weight:600}.package-bonus{position:absolute;top:-8px;right:-4px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:10px;font-weight:600;padding:3px 10px;border-radius:10px;box-shadow:0 2px 8px #ef444466}.package-hot{position:absolute;top:-8px;left:-4px;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:8px;box-shadow:0 2px 8px #f9731666;animation:pulse 2s ease-in-out infinite}.custom-amount{margin-bottom:24px}.amount-input{display:flex;align-items:center;border:2px solid var(--border-color);border-radius:14px;padding:0 16px;transition:all var(--transition-normal);background:var(--card-bg)}.amount-input:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.currency-symbol{font-size:22px;font-weight:700;background:var(--gradient-purple-blue);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:8px}.amount-input input{flex:1;padding:16px 0;border:none;outline:none;font-size:20px;font-weight:600;color:var(--text-primary)}.amount-hint{font-size:12px;color:#667eea;margin-top:10px;font-weight:500}.channel-list{display:flex;flex-direction:column;gap:12px}.channel-item{display:flex;align-items:center;padding:16px;border:2px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all var(--transition-normal);background:var(--card-bg)}.channel-item:hover{border-color:#667eea80;transform:translate(4px)}.channel-item.selected{border-color:#667eea;background:rgba(102,126,234,.06);box-shadow:0 0 0 3px #667eea1a}.channel-icon{font-size:26px;margin-right:14px}.channel-name{flex:1;font-size:15px;font-weight:500;color:var(--text-primary)}.channel-check{color:#667eea;font-weight:700;font-size:18px}.modal-footer{padding:16px 24px 24px;border-top:1px solid var(--border-light)}.pay-btn{width:100%;padding:16px;border:none;border-radius:14px;background:var(--gradient-purple-blue);background-size:200% 200%;animation:gradient-shift 3s ease infinite;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 6px 20px #667eea66,0 0 30px #764ba24d;position:relative;overflow:hidden}.pay-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.pay-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea80,0 0 40px #764ba259}.pay-btn:hover:not(:disabled):before{left:100%}.pay-btn:active:not(:disabled){transform:scale(.98)}.pay-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}:root{--primary-gradient: var(--gradient-primary);--primary-pink: var(--primary-color);--primary-purple: var(--secondary-color);--bg-color: var(--bg-color);--card-bg: var(--card-bg);--text-primary: var(--text-primary);--text-secondary: var(--text-secondary);--text-light: var(--text-muted);--border-color: var(--border-color);--shadow-soft: var(--shadow-sm);--shadow-card: var(--shadow-md);--radius-sm: var(--radius-sm);--radius-md: var(--radius-md);--radius-lg: var(--radius-lg)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.dynamics-page{display:flex;flex-direction:column;height:100%;background:var(--bg-color);overflow:hidden}.dyn-tabs-bar{display:flex;background:var(--glass-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);flex-shrink:0;height:48px;align-items:center;justify-content:center;gap:32px;position:relative;box-shadow:0 1px 4px #0000000a;border-bottom:1px solid var(--glass-border-light);z-index:10}.dyn-tab{position:relative;display:flex;align-items:center;justify-content:center;padding:0 4px;height:100%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.dyn-tab:hover .tab-label{color:var(--primary-pink)}.tab-label{font-size:15px;color:var(--text-secondary);font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.dyn-tab.active .tab-label{font-size:17px;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,107,157,.3))}.tab-underline{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:2px;background:var(--primary-gradient);box-shadow:0 0 8px #ff6b9d80;animation:underlineGrow .3s cubic-bezier(.4,0,.2,1)}@keyframes underlineGrow{0%{width:0;opacity:0}to{width:24px;opacity:1}}.dyn-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.posts-tab{position:relative;padding:12px 12px 80px;min-height:100%}.publish-fab{position:fixed;top:64px;right:16px;display:flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:24px;background:var(--primary-gradient);background-size:200% 200%;color:#fff;font-size:14px;font-weight:600;cursor:pointer;z-index:90;box-shadow:0 4px 16px #ff6b9d66,0 0 20px #c44cff33;transition:all .3s cubic-bezier(.4,0,.2,1)}.publish-fab:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b9d80,0 0 30px #c44cff4d}.publish-fab:active{transform:scale(.95);box-shadow:0 2px 8px #ff6b9d4d}.publish-fab-icon{font-size:16px}.publish-fab-text{white-space:nowrap}.publish-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.publish-box-panel{width:100%;max-width:400px;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;animation:scaleIn .25s cubic-bezier(.4,0,.2,1)}.publish-box-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.publish-box-title{font-size:16px;font-weight:600;color:var(--text-primary)}.publish-box-close{font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px}.publish-input{width:100%;min-height:120px;border:none;padding:16px 20px;font-size:15px;line-height:1.6;color:var(--text-primary);outline:none;resize:none;font-family:inherit}.publish-input::placeholder{color:var(--text-light)}.publish-box-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 20px}.publish-char-count{font-size:12px;color:var(--text-light)}.publish-submit-btn{border:none;background:var(--primary-gradient);color:#fff;border-radius:20px;padding:8px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.publish-submit-btn:active{transform:scale(.95)}.refresh-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--text-secondary);font-size:13px}.refresh-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--primary-pink);border-radius:50%;animation:spin .8s linear infinite}.post-card{background:var(--card-bg);border-radius:var(--radius-md);padding:16px;margin-bottom:12px;box-shadow:var(--shadow-soft);transition:all .3s ease}.post-card:active{transform:scale(.995)}.post-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.post-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 6px #00000014}.post-user-info{flex:1;display:flex;flex-direction:column;gap:2px}.post-nickname{font-size:15px;font-weight:600;color:var(--text-primary)}.post-time{font-size:12px;color:var(--text-secondary)}.post-location{font-size:12px;color:var(--primary-purple);background:rgba(167,139,250,.1);padding:4px 8px;border-radius:10px}.post-content{font-size:15px;line-height:1.7;color:var(--text-primary);margin-bottom:12px;word-break:break-word}.post-images{display:grid;gap:4px;margin-bottom:12px;border-radius:var(--radius-sm);overflow:hidden}.post-images.grid-1{grid-template-columns:1fr}.post-images.grid-1 .post-img-wrap{aspect-ratio:4/3;max-height:300px}.post-images.grid-2{grid-template-columns:repeat(2,1fr)}.post-images.grid-2 .post-img-wrap{aspect-ratio:1}.post-images.grid-3{grid-template-columns:repeat(3,1fr)}.post-images.grid-3 .post-img-wrap{aspect-ratio:1}.post-images.grid-4{grid-template-columns:repeat(2,1fr)}.post-images.grid-4 .post-img-wrap{aspect-ratio:1}.post-images.grid-6{grid-template-columns:repeat(3,1fr)}.post-images.grid-6 .post-img-wrap{aspect-ratio:1}.post-images.grid-9{grid-template-columns:repeat(3,1fr)}.post-images.grid-9 .post-img-wrap{aspect-ratio:1}.post-img-wrap{overflow:hidden;border-radius:4px}.post-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.post-img:active{transform:scale(.98)}.post-actions{display:flex;justify-content:space-around;padding-top:12px;border-top:1px solid var(--border-color)}.action-btn{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:8px}.action-btn:active{transform:scale(.95)}.action-btn.liked{color:var(--primary-pink)}.action-icon{font-size:16px}.action-count{font-size:13px;font-weight:500}.load-more-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-md);margin:0 12px}.load-more-indicator:hover{background:rgba(255,107,157,.06);color:var(--primary-pink)}.load-more-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-purple);border-radius:50%;animation:spin .8s linear infinite}.videos-tab{height:calc(100vh - 48px);overflow-y:scroll;scroll-snap-type:y mandatory;background:#000;position:relative}.video-item{height:calc(100vh - 48px);scroll-snap-align:start;position:relative;overflow:hidden}.video-player{width:100%;height:100%;object-fit:cover;background:#000}.video-side-actions{position:absolute;right:12px;bottom:120px;display:flex;flex-direction:column;gap:20px;align-items:center;z-index:5}.side-action-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .2s ease}.side-action-item:active{transform:scale(.9)}.side-action-avatar-wrap{position:relative;margin-bottom:4px}.side-avatar{width:44px;height:44px;border-radius:50%;border:2px solid #fff;object-fit:cover}.side-action-follow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:var(--primary-gradient);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.side-action-circle{width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.side-action-item.liked .side-action-circle{background:rgba(255,133,179,.3)}.side-action-emoji{font-size:22px}.side-count{font-size:12px;color:#fff;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.video-bottom-info{position:absolute;bottom:0;left:0;right:70px;padding:20px 16px 30px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;z-index:5}.video-user-row{margin-bottom:8px}.video-nickname{font-size:16px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.video-desc{font-size:14px;line-height:1.5;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-music-row{display:flex;align-items:center;gap:8px}.music-icon{font-size:16px;flex-shrink:0}.music-marquee{flex:1;overflow:hidden;white-space:nowrap}.music-text{display:inline-block;font-size:13px;color:#ffffffe6;animation:marquee 10s linear infinite;padding-left:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.video-upload-fab{position:fixed;bottom:100px;right:16px;width:52px;height:52px;border-radius:50%;border:none;background:var(--primary-gradient);color:#fff;font-size:28px;font-weight:300;cursor:pointer;z-index:50;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 4px 16px #ff85b380;transition:all .3s cubic-bezier(.4,0,.2,1)}.video-upload-fab:active{transform:scale(.9) rotate(90deg)}.video-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80}.video-empty .empty-icon{font-size:72px;opacity:.4;filter:drop-shadow(0 0 20px rgba(255,107,157,.3))}.video-empty .empty-text{color:#ffffff80;-webkit-text-fill-color:rgba(255,255,255,.5);background:none}.live-tab{padding:12px;position:relative;min-height:100%}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:80px}.live-card{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:.78;cursor:pointer;background:linear-gradient(135deg,#1a1a35 0%,#2d1b4e 100%);box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.live-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(255,107,157,.6),rgba(196,76,255,.6));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:3}.live-card:hover{transform:scale(1.03) translateY(-4px);box-shadow:0 12px 32px #00000026,0 0 20px #ff6b9d33}.live-card:hover:before{opacity:1}.live-card:active{transform:scale(.98)}.live-cover-wrap{width:100%;height:100%;overflow:hidden}.live-cover{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .3s ease}.live-card:active .live-cover{transform:scale(1.02)}.live-badge{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;z-index:2;box-shadow:0 2px 8px #ff475766;animation:liveBadgeBreathe 2s ease-in-out infinite}.live-dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.5s ease-in-out infinite;box-shadow:0 0 6px #fffc}@keyframes liveBadgeBreathe{0%,to{box-shadow:0 2px 8px #ff475766;transform:scale(1)}50%{box-shadow:0 2px 12px #ff475799,0 0 16px #ff6b8166;transform:scale(1.05)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.live-viewers{position:absolute;top:34px;right:8px;display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:11px;padding:2px 6px;border-radius:8px;z-index:2;border:1px solid rgba(255,255,255,.08)}.live-lock{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:3px;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:11px;font-weight:500;padding:3px 8px;border-radius:10px;z-index:2;border:1px solid rgba(255,255,255,.1);animation:lockGlow 2.5s ease-in-out infinite}@keyframes lockGlow{0%,to{box-shadow:0 2px 8px #0000004d,0 0 6px #ffd70033}50%{box-shadow:0 2px 12px #0006,0 0 16px #ffd70080}}.live-anchor-info{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;align-items:flex-end;gap:8px;z-index:2}.live-anchor-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,107,157,.5);object-fit:cover;flex-shrink:0;box-shadow:0 0 8px #ff6b9d66}.live-anchor-text{flex:1;min-width:0}.live-anchor-name{font-size:13px;font-weight:600;color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6)}.live-title{font-size:11px;color:#fffc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-start-fab{position:fixed;bottom:80px;right:16px;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary-gradient);background-size:200% 200%;color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 4px 16px #a78bfa80,0 0 20px #ff6b9d4d;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fabGlow 3s ease-in-out infinite}@keyframes fabGlow{0%,to{box-shadow:0 4px 16px #a78bfa80,0 0 20px #ff6b9d4d}50%{box-shadow:0 6px 20px #a78bfa99,0 0 30px #ff6b9d66}}.live-start-fab:hover{transform:scale(1.1) rotate(90deg)}.live-start-fab:active{transform:scale(.88)}.activity-tab{padding:0 0 80px;min-height:100%}.activity-filter-bar{display:flex;gap:8px;padding:12px 16px;background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:10;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.activity-filter-bar::-webkit-scrollbar{display:none}.filter-item{flex-shrink:0;padding:6px 16px;font-size:13px;color:var(--text-secondary);background:var(--bg-color);border-radius:16px;cursor:pointer;transition:all .3s ease}.filter-item.active{background:var(--primary-gradient);color:#fff;font-weight:600}.filter-item:active{transform:scale(.95)}.activity-list{padding:12px}.activity-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-soft);transition:all .3s ease}.activity-card:active{transform:translateY(-2px);box-shadow:var(--shadow-card)}.activity-banner{position:relative;width:100%;height:160px;overflow:hidden}.activity-cover{width:100%;height:100%;object-fit:cover}.activity-banner-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,rgba(0,0,0,.3))}.activity-body{padding:16px}.activity-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.activity-desc{font-size:14px;color:#666;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.meta-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.meta-icon{font-size:14px;width:18px;text-align:center}.activity-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-color)}.activity-creator{font-size:12px;color:var(--text-secondary)}.register-btn{border:none;background:var(--primary-gradient);color:#fff;border-radius:20px;padding:8px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.register-btn:active{transform:scale(.95);opacity:.9}.comment-modal{position:fixed;bottom:0;left:0;right:0;top:0;background:rgba(0,0,0,.45);z-index:300;display:flex;align-items:flex-end;animation:fadeIn .2s ease}.comment-panel{width:100%;max-height:70vh;background:var(--card-bg);border-radius:16px 16px 0 0;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.comment-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color);font-size:16px;font-weight:600;color:var(--text-primary);flex-shrink:0}.comment-header .close{cursor:pointer;color:var(--text-secondary);font-size:18px;padding:4px}.comment-list{flex:1;overflow-y:auto;padding:0 16px;min-height:200px;-webkit-overflow-scrolling:touch}.no-comments{text-align:center;padding:50px 0;color:var(--text-light);font-size:14px}.comment-item{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #f5f5f5}.comment-item:last-child{border-bottom:none}.comment-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-name{font-size:13px;font-weight:600;color:var(--primary-purple)}.comment-text{font-size:14px;color:var(--text-primary);margin:4px 0;line-height:1.5;word-break:break-word}.comment-time{font-size:11px;color:var(--text-light)}.comment-input-bar{display:flex;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border-color);gap:10px;align-items:center;flex-shrink:0;background:#fafafa}.comment-input{flex:1;height:38px;border:1px solid #eee;border-radius:19px;padding:0 16px;font-size:14px;outline:none;background:#fff;transition:border-color .2s ease}.comment-input:focus{border-color:var(--primary-purple)}.comment-send{border:none;background:var(--primary-gradient);color:#fff;border-radius:19px;padding:0 20px;height:38px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.comment-send:active{transform:scale(.95)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-secondary);position:relative}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6;display:inline-block;animation:emptyFloat 3s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,107,157,.2))}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-text{font-size:14px;margin:0;color:var(--text-secondary);background:linear-gradient(135deg,var(--text-secondary),var(--text-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:500}@media (max-width: 375px){.dyn-tabs-bar{gap:24px}.tab-label{font-size:14px}.dyn-tab.active .tab-label{font-size:16px}.post-card{padding:14px}.activity-banner{height:140px}.activity-title{font-size:16px}.live-grid{gap:8px}.side-action-circle{width:40px;height:40px}.side-action-emoji{font-size:20px}}@media (min-width: 768px){.posts-tab{padding:16px 24px 80px;max-width:600px;margin:0 auto}.activity-list{padding:16px 24px;max-width:600px;margin:0 auto}.live-grid{grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto}.publish-fab,.video-upload-fab,.live-start-fab{right:calc(50% - 284px)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.dyn-content{padding-bottom:env(safe-area-inset-bottom)}}.upload-video-page{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.upload-navbar{background:#fff;border-bottom:1px solid #eee}.upload-content{flex:1;overflow-y:auto;padding:16px 16px 80px}.video-preview-area{background:#000;border-radius:12px;overflow:hidden;cursor:pointer;margin-bottom:16px;min-height:200px;display:flex;align-items:center;justify-content:center}.preview-video{width:100%;max-height:300px;object-fit:contain}.upload-placeholder{text-align:center;color:#999;padding:60px 0}.upload-placeholder p{font-size:15px;margin:8px 0 4px;color:#666}.format-hint{font-size:12px;color:#ccc}.upload-btn{width:100%;height:44px;border:none;background:#ff4d4f;color:#fff;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.upload-btn:active{opacity:.8}.upload-btn.disabled{background:#ccc}.upload-progress{text-align:center;padding:20px 0}.progress-bar{width:100%;height:8px;background:#eee;border-radius:4px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#ff4d4f);transition:width .3s}.progress-text{font-size:14px;color:#666}.live-host-page{display:flex;flex-direction:column;height:100vh;background:var(--dark-bg);background:linear-gradient(180deg,#1a1a35 0%,#0d0d1f 100%);position:relative;overflow:hidden}.live-host-page:before{content:"";position:absolute;top:-150px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,157,.25) 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:0}.live-host-page:after{content:"";position:absolute;bottom:-100px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(196,76,255,.2) 0%,transparent 70%);border-radius:50%;filter:blur(40px);z-index:0}.live-navbar{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border-dark);position:relative;z-index:10;color:#fff}.live-setup-content{flex:1;overflow-y:auto;padding:16px 16px 80px;position:relative;z-index:1}.camera-preview{width:100%;aspect-ratio:9/16;max-height:400px;background:linear-gradient(135deg,#1e1e3f 0%,#0d0d1f 100%);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.camera-video{width:100%;height:100%;object-fit:cover}.camera-tip{position:absolute;color:var(--dark-text-muted);font-size:14px}.form-section{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);padding:16px;margin-bottom:12px;box-shadow:0 4px 16px #0003}.form-label{font-size:14px;color:var(--dark-text-secondary);margin-bottom:10px;font-weight:500}.form-input{width:100%;height:44px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--radius-md);padding:0 14px;font-size:15px;outline:none;box-sizing:border-box;transition:all var(--transition-fast)}.form-input:focus{border-color:var(--primary-color);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #ff6b9d26,0 0 20px #ff6b9d33}.form-input::placeholder{color:var(--dark-text-muted)}.form-textarea{width:100%;min-height:80px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--radius-md);padding:10px 14px;font-size:15px;outline:none;resize:none;box-sizing:border-box;font-family:inherit;transition:all var(--transition-fast)}.form-textarea:focus{border-color:var(--primary-color);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #ff6b9d26}.form-textarea::placeholder{color:var(--dark-text-muted)}.password-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:0;color:var(--dark-text-secondary)}.password-toggle .switch{width:48px;height:28px;background:rgba(255,255,255,.15);border-radius:14px;position:relative;transition:all .25s ease;border:1px solid rgba(255,255,255,.1)}.password-toggle .switch.on{background:var(--gradient-primary);box-shadow:0 0 12px #ff6b9d80}.password-toggle .switch-dot{position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000004d}.password-toggle .switch.on .switch-dot{transform:translate(20px)}.start-live-btn{width:100%;height:52px;border:none;background:var(--gradient-primary);background-size:200% 200%;color:#fff;border-radius:var(--radius-lg);font-size:17px;font-weight:700;cursor:pointer;margin-top:8px;box-shadow:0 4px 20px #ff6b9d66,0 0 30px #c44cff4d;transition:all var(--transition-normal);position:relative;overflow:hidden}.start-live-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.start-live-btn:hover:before{left:100%}.start-live-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b9d80,0 0 40px #c44cff66}.start-live-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 12px #ff6b9d4d}.live-mode{background:#000;position:relative}.live-stream-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.live-info-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:12px;z-index:10;padding:6px 8px;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border-dark);box-shadow:0 4px 16px #0003}.live-badge{background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;box-shadow:0 0 12px #ff475799;animation:liveBadgePulse 2s ease-in-out infinite}@keyframes liveBadgePulse{0%,to{box-shadow:0 0 12px #ff475799}50%{box-shadow:0 0 20px #ff4757e6,0 0 30px #ff6b8180}}.viewer-count,.like-count{color:#fff;font-size:13px;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.password-badge{color:#fff;font-size:12px;background:linear-gradient(135deg,rgba(255,140,0,.9) 0%,rgba(255,87,51,.9) 100%);padding:4px 12px;border-radius:12px;cursor:pointer;letter-spacing:1px;-webkit-user-select:none;user-select:none;box-shadow:0 0 10px #ff8c0066}.no-password-badge{color:#fff;font-size:12px;background:linear-gradient(135deg,rgba(0,184,148,.9) 0%,rgba(0,206,201,.9) 100%);padding:4px 12px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:0 0 10px #00b89466}.live-comments{position:absolute;bottom:70px;left:12px;right:80px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;z-index:10}.live-comment-item{color:#fff;font-size:13px;background:var(--glass-bg-dark);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:16px;width:fit-content;border:1px solid var(--glass-border-dark);animation:commentFadeIn .3s ease}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-user{color:#ffa07a;font-weight:600}.comment-text{margin-left:4px}.live-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:1px solid var(--glass-border-dark);align-items:center;z-index:10}.comment-input{flex:1;height:40px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:20px;padding:0 16px;font-size:14px;outline:none;transition:all var(--transition-fast)}.comment-input:focus{border-color:var(--primary-color);background:rgba(255,255,255,.12);box-shadow:0 0 0 3px #ff6b9d26}.comment-input::placeholder{color:#fff6}.send-comment{border:none;background:var(--gradient-primary);color:#fff;border-radius:20px;padding:0 18px;height:40px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #ff6b9d66;transition:all var(--transition-fast)}.send-comment:hover{transform:scale(1.05);box-shadow:0 4px 16px #ff6b9d80}.send-comment:active{transform:scale(.95)}.stop-live-btn{border:1px solid rgba(255,255,255,.3);background:rgba(255,71,87,.2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ff6b7a;border-radius:20px;padding:0 16px;height:40px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.stop-live-btn:hover{background:rgba(255,71,87,.35);border-color:#ff475799;box-shadow:0 0 15px #ff475766}.host-earnings-badge{margin-left:auto;background:var(--vip-gradient);color:#fff;font-size:13px;font-weight:600;padding:6px 14px;border-radius:14px;cursor:pointer;box-shadow:0 2px 12px #ffd7004d;position:relative;overflow:hidden}.host-earnings-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:shimmerSweep 3s ease-in-out infinite}@keyframes shimmerSweep{0%{left:-100%}50%,to{left:100%}}.host-tip-notifications{position:absolute;top:68px;left:16px;display:flex;flex-direction:column;gap:8px;z-index:11;max-width:280px}.host-tip-notif{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--glass-bg-dark),rgba(245,158,11,.25));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,215,0,.3);border-radius:20px;padding:6px 14px;animation:notifSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #0000004d}@keyframes notifSlideIn{0%{opacity:0;transform:translate(-30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.htn-icon{font-size:24px;animation:htnBounce .6s ease infinite alternate;filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}@keyframes htnBounce{0%{transform:scale(1)}to{transform:scale(1.15)}}.htn-info{flex:1;display:flex;flex-direction:column;gap:1px}.htn-name{color:#fff;font-size:12px;font-weight:600}.htn-action{color:#ffffffb3;font-size:11px}.htn-coins{color:gold;font-size:14px;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.5)}.host-fullscreen-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(255,215,0,.3) 0%,transparent 70%);animation:hostFxIn 5s ease-out forwards}.h-fx-icon{font-size:100px;animation:hFxPop 1s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 30px rgba(255,215,0,.8))}.h-fx-text{margin-top:16px;display:flex;align-items:center;gap:6px;animation:hFxTextSlide .8s ease-out .3s both}.h-fx-name{font-size:18px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(255,107,157,.5)}.h-fx-gift{font-size:22px;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(245,158,11,.8),0 0 15px rgba(255,215,0,.6)}.h-fx-count{font-size:24px;font-weight:800;color:#ff4d4f;text-shadow:0 2px 6px rgba(239,68,68,.8),0 0 20px rgba(255,77,79,.6)}.h-fx-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.h-fx-particle{position:absolute;top:-20px;font-size:24px;animation:hParticleFall 3s ease-in forwards;opacity:0}@keyframes hostFxIn{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.1)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes hFxPop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes hFxTextSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes hParticleFall{0%{opacity:0;transform:translateY(0) rotate(0) scale(.5)}10%{opacity:1;transform:translateY(10vh) rotate(36deg) scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(360deg) scale(.5)}}.host-rank-panel{position:absolute;top:64px;right:16px;width:240px;background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:var(--radius-lg);border:1px solid rgba(255,215,0,.25);z-index:12;animation:hostRankSlide .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:0 8px 32px #0006,0 0 20px #ffd7001a}@keyframes hostRankSlide{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.host-rank-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:gold;font-size:14px;font-weight:600;background:linear-gradient(90deg,rgba(255,215,0,.08) 0%,transparent 100%)}.host-rank-close{cursor:pointer;color:#ffffff80;font-size:14px;transition:color var(--transition-fast)}.host-rank-close:hover{color:#fffc}.host-earnings-stats{display:flex;padding:12px 14px;gap:6px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.he-item{flex:1;text-align:center}.he-label{display:block;font-size:10px;color:#ffffff80}.he-value{display:block;font-size:13px;font-weight:700;color:gold;margin-top:2px;text-shadow:0 0 8px rgba(255,215,0,.4)}.host-rank-list{max-height:240px;overflow-y:auto;padding:4px 0}.host-rank-title{padding:6px 14px;font-size:12px;color:#ffffff80}.host-rank-item{display:flex;align-items:center;gap:8px;padding:8px 14px;transition:background var(--transition-fast)}.host-rank-item:hover{background:rgba(255,255,255,.04)}.hr-num{width:22px;text-align:center;font-size:12px;font-weight:700;color:#ffffff80}.hr-num.hr-1,.hr-num.hr-2,.hr-num.hr-3{font-size:16px}.hr-num.hr-1{color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.hr-num.hr-2{color:silver;text-shadow:0 0 6px rgba(192,192,192,.4)}.hr-num.hr-3{color:#cd7f32;text-shadow:0 0 6px rgba(205,127,50,.4)}.hr-name{flex:1;color:#ffffffe6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hr-coins{color:gold;font-size:12px;font-weight:600}.host-rank-empty{text-align:center;padding:20px;color:#ffffff4d;font-size:12px}.live-bottom-bar .circle-btn{width:40px;height:40px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 2px 12px #ff6b9d66;flex-shrink:0}.live-bottom-bar .circle-btn:hover{transform:scale(1.15);box-shadow:0 4px 20px #ff6b9d99,0 0 20px #c44cff66}.live-bottom-bar .circle-btn:active{transform:scale(.95)}.password-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.password-modal{width:85%;max-width:340px;background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);padding:32px 24px 24px;text-align:center;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080,0 0 40px #ff6b9d26;position:relative;overflow:hidden}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.password-modal-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 15px rgba(255,107,157,.6));animation:iconBounce 2s ease-in-out infinite}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.password-modal-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.password-modal-desc{font-size:13px;color:var(--dark-text-secondary);margin-bottom:20px;line-height:1.5}.password-modal-btn{width:100%;height:50px;background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px #ff6b9d66}.password-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b9d80,0 0 30px #c44cff4d}.password-input-wrap .password-modal-input{margin-bottom:0;padding-right:48px}.pw-lock-icon{font-size:44px;margin-bottom:12px;filter:drop-shadow(0 0 10px rgba(255,71,87,.5))}.gift-panel{background:linear-gradient(180deg,rgba(30,30,60,.95) 0%,rgba(20,20,45,.98) 100%);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);border-radius:20px 20px 0 0;position:relative;overflow:hidden}.gift-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),transparent)}.live-viewer-page{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,#1a1a35 0%,#0d0d1f 100%);position:relative;overflow:hidden}.live-viewer-page:before{content:"";position:absolute;top:-120px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,rgba(196,76,255,.25) 0%,transparent 70%);border-radius:50%;filter:blur(50px);z-index:0}.live-viewer-page:after{content:"";position:absolute;bottom:-100px;left:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(255,107,157,.2) 0%,transparent 70%);border-radius:50%;filter:blur(50px);z-index:0}.viewer-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;box-shadow:inset 0 0 60px #0000004d}.viewer-info-bar{position:absolute;top:16px;left:16px;right:16px;display:flex;align-items:center;gap:10px;z-index:10;padding:6px 8px;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border-dark);box-shadow:0 4px 16px #0003}.live-badge{background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:12px;box-shadow:0 0 12px #ff475799;animation:viewerLivePulse 2s ease-in-out infinite}@keyframes viewerLivePulse{0%,to{box-shadow:0 0 12px #ff475799}50%{box-shadow:0 0 20px #ff4757e6,0 0 30px #ff6b8180}}.v-count,.like-cnt{color:#fff;font-size:13px;background:rgba(255,255,255,.1);padding:4px 12px;border-radius:12px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.close-btn{margin-left:auto;color:#fff;font-size:18px;cursor:pointer;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-fast)}.close-btn:hover{background:rgba(255,71,87,.3);border-color:#ff475780;transform:scale(1.1)}.host-info{position:absolute;top:60px;left:16px;right:16px;z-index:10;padding:10px 14px;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border-dark)}.host-name{color:#fff;font-size:15px;font-weight:600;display:block}.live-title{color:#ffffffbf;font-size:13px;display:block;margin-top:2px}.viewer-comments{position:absolute;bottom:70px;left:12px;right:80px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;z-index:10}.v-comment-item{color:#fff;font-size:13px;background:var(--glass-bg-dark);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:16px;width:fit-content;border:1px solid var(--glass-border-dark);animation:viewerCommentIn .3s ease}@keyframes viewerCommentIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.c-user{color:#ffa07a;font-weight:600}.c-text{margin-left:4px}.viewer-bottom-bar{position:absolute;bottom:0;left:0;right:0;display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:1px solid var(--glass-border-dark);align-items:center;z-index:10}.v-comment-input{flex:1;height:40px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);color:#fff;border-radius:20px;padding:0 16px;font-size:14px;outline:none;transition:all var(--transition-fast)}.v-comment-input:focus{border-color:var(--primary-color);background:rgba(255,255,255,.12);box-shadow:0 0 0 3px #ff6b9d26}.v-comment-input::placeholder{color:#fff6}.v-send{border:none;background:var(--gradient-primary);color:#fff;border-radius:20px;padding:0 18px;height:40px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #ff6b9d66;transition:all var(--transition-fast)}.v-send:hover{transform:scale(1.05);box-shadow:0 4px 16px #ff6b9d80}.v-send:active{transform:scale(.95)}.v-like{border:none;background:linear-gradient(135deg,rgba(255,107,157,.3) 0%,rgba(196,76,255,.3) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;border:1px solid rgba(255,255,255,.15);transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.v-like:hover{transform:scale(1.15);background:linear-gradient(135deg,rgba(255,107,157,.5) 0%,rgba(196,76,255,.5) 100%);box-shadow:0 0 20px #ff6b9d66}.v-like:active{transform:scale(.9)}.back-btn{margin-top:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-md);padding:8px 20px;font-size:14px;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover{background:rgba(255,255,255,.2);border-color:#ffffff80}.coin-display{color:gold;font-size:13px;background:rgba(255,215,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 12px;border-radius:12px;border:1px solid rgba(255,215,0,.2);text-shadow:0 0 6px rgba(255,215,0,.4)}.v-gift-btn{border:none;background:var(--vip-gradient);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;box-shadow:0 2px 12px #f59e0b80;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.v-gift-btn:hover{transform:scale(1.15) rotate(-10deg);box-shadow:0 4px 20px #f59e0b99,0 0 20px #ffd70066}.v-gift-btn:active{transform:scale(.9)}.tip-fly-container{position:absolute;top:40%;left:0;right:0;z-index:15;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px}.tip-fly-item{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--glass-bg-dark),rgba(245,158,11,.3));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,215,0,.35);border-radius:20px;padding:6px 16px;animation:tipFly 4s ease-out forwards;box-shadow:0 4px 16px #0000004d}.tip-fly-icon{font-size:28px;animation:tipBounce .6s ease infinite alternate;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.tip-fly-text{color:gold;font-size:14px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.6),0 0 10px rgba(255,215,0,.4)}@keyframes tipFly{0%{transform:translate(-100%) scale(.5);opacity:0}15%{transform:translate(0) scale(1.1);opacity:1}25%{transform:translate(0) scale(1);opacity:1}75%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}@keyframes tipBounce{0%{transform:scale(1)}to{transform:scale(1.2)}}.gift-panel{position:absolute;bottom:60px;left:0;right:0;background:linear-gradient(180deg,rgba(30,30,60,.95) 0%,rgba(20,20,45,.98) 100%);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);border-radius:20px 20px 0 0;padding:16px;z-index:20;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.gift-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),var(--secondary-color),transparent);box-shadow:0 0 10px #ff6b9d80}.gift-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gift-balance{color:gold;font-size:15px;font-weight:600;text-shadow:0 0 8px rgba(255,215,0,.4)}.gift-recharge-btn{border:1px solid rgba(245,158,11,.5);background:rgba(245,158,11,.15);color:#fbbf24;border-radius:16px;padding:4px 14px;font-size:13px;cursor:pointer;transition:all var(--transition-fast)}.gift-recharge-btn:hover{background:rgba(245,158,11,.25);border-color:#f59e0bb3;box-shadow:0 0 12px #f59e0b4d}.gift-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:240px;overflow-y:auto}.gift-item{display:flex;flex-direction:column;align-items:center;padding:10px 4px;border-radius:12px;border:2px solid transparent;background:rgba(255,255,255,.04);cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.gift-item:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)}.gift-item.selected{border-color:#f59e0b;background:rgba(245,158,11,.15);transform:scale(1.05);box-shadow:0 0 15px #f59e0b4d}.gift-item:active{transform:scale(.92)}.gift-icon{font-size:32px}.gift-name{color:#ffffffe6;font-size:12px;margin-top:4px}.gift-price{color:gold;font-size:11px;margin-top:2px;text-shadow:0 0 4px rgba(255,215,0,.4)}.gift-action-bar{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.gift-quantity{display:flex;align-items:center;gap:8px}.gift-quantity button{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:16px;cursor:pointer;transition:all var(--transition-fast)}.gift-quantity button:hover{background:rgba(255,107,157,.3);border-color:#ff6b9d80}.gift-quantity span{color:#fff;font-size:16px;min-width:30px;text-align:center}.gift-total{color:gold;font-size:14px;font-weight:600;text-shadow:0 0 6px rgba(255,215,0,.4)}.gift-send-btn{margin-left:auto;border:none;background:var(--vip-gradient);color:#fff;border-radius:20px;padding:8px 28px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #f59e0b66;transition:all var(--transition-normal)}.gift-send-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b80,0 0 20px #ffd7004d}.gift-send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.gift-send-btn:active{transform:scale(.92)}.recharge-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.recharge-modal{background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);width:90%;max-width:360px;padding:20px;color:#fff;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080;position:relative;overflow:hidden}.recharge-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--vip-gradient);box-shadow:0 0 15px #ffd70099}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.recharge-header{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;margin-bottom:16px;background:var(--vip-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.recharge-close{cursor:pointer;font-size:20px;color:#ffffff80;transition:color var(--transition-fast)}.recharge-close:hover{color:#fff}.recharge-balance{color:gold;font-size:14px;margin-bottom:16px;text-shadow:0 0 6px rgba(255,215,0,.4)}.recharge-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.recharge-amount-item{border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:var(--radius-md);padding:12px 8px;text-align:center;cursor:pointer;transition:all var(--transition-fast)}.recharge-amount-item:hover{background:rgba(255,255,255,.08);border-color:#fff3}.recharge-amount-item.selected{border-color:#f59e0b;background:rgba(245,158,11,.15);box-shadow:0 0 12px #f59e0b4d}.ra-coins{color:gold;font-size:16px;font-weight:700;text-shadow:0 0 4px rgba(255,215,0,.4)}.ra-price{color:#ffffff80;font-size:12px;margin-top:2px}.recharge-custom{display:flex;gap:10px;align-items:center}.recharge-custom input{flex:1;height:40px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--radius-md);padding:0 12px;font-size:15px;outline:none;transition:all var(--transition-fast)}.recharge-custom input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.recharge-confirm-btn{border:none;background:var(--vip-gradient);color:#fff;border-radius:var(--radius-md);padding:0 24px;height:40px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 2px 12px #f59e0b66;transition:all var(--transition-fast)}.recharge-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b80}.recharge-tip{text-align:center;color:#fff6;font-size:11px;margin-top:12px}.gift-panel-enhanced{padding:0}.gift-panel-enhanced .gift-panel-header{padding:14px 16px 10px;margin-bottom:0;border-bottom:1px solid rgba(255,255,255,.08)}.gift-balance-info{display:flex;gap:16px}.balance-item{display:flex;flex-direction:column;gap:2px}.balance-label{font-size:11px;color:#ffffff80}.balance-value{font-size:15px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4)}.gift-category-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}.gift-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;font-size:12px;color:#fff9;cursor:pointer;position:relative;transition:all .2s}.gift-tab-icon{font-size:20px}.gift-tab.active{color:gold}.gift-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:3px;border-radius:2px;background:var(--vip-gradient);box-shadow:0 0 8px #ffd70099}.gift-panel-enhanced .gift-grid{padding:12px;max-height:200px}.gift-icon-big{font-size:36px;margin-bottom:4px}.gift-item.hot{position:relative}.gift-hot-badge{position:absolute;top:2px;right:2px;background:linear-gradient(135deg,#ff4d4f,#ff7a45);color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:6px;box-shadow:0 0 6px #ff4d4f80}.gift-rare .gift-icon-big{filter:drop-shadow(0 0 8px rgba(0,229,255,.6))}.gift-legend .gift-icon-big{filter:drop-shadow(0 0 12px rgba(255,215,0,.8));animation:legendGlow 2s ease-in-out infinite alternate}@keyframes legendGlow{0%{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}to{filter:drop-shadow(0 0 16px rgba(255,107,157,.9))}}.quick-counts{display:flex;gap:8px;padding:8px 12px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.06)}.quick-count{flex-shrink:0;padding:4px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s}.quick-count.active{border-color:#f59e0b;background:rgba(245,158,11,.2);color:gold;font-weight:600;box-shadow:0 0 8px #f59e0b4d}.gift-send-enhanced{background:linear-gradient(135deg,#f59e0b,#ef4444,#ec4899);background-size:200% 200%;animation:sendBtnShine 3s ease infinite}@keyframes sendBtnShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fullscreen-gift-effect{position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,rgba(255,215,0,.25) 0%,transparent 70%);animation:fullscreenFx 5s ease-out forwards}.fx-gift-icon{font-size:120px;animation:fxIconPop 1s cubic-bezier(.68,-.55,.265,1.55);filter:drop-shadow(0 0 40px rgba(255,215,0,.8))}.fx-tipper{margin-top:20px;display:flex;align-items:center;gap:8px;animation:fxTextSlide .8s ease-out .3s both}.fx-name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 20px rgba(255,107,157,.5)}.fx-action{font-size:14px;color:#fffc}.fx-gift-name{font-size:24px;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(245,158,11,.8),0 0 15px rgba(255,215,0,.6)}.fx-count{font-size:28px;font-weight:800;color:#ff4d4f;text-shadow:0 2px 8px rgba(239,68,68,.8),0 0 20px rgba(255,77,79,.6)}.fx-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.fx-particle{position:absolute;top:-20px;font-size:30px;animation:particleFall 3s ease-in forwards;opacity:0}@keyframes fullscreenFx{0%{opacity:0;transform:scale(.5)}15%{opacity:1;transform:scale(1.1)}25%{transform:scale(1)}75%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes fxIconPop{0%{transform:scale(0) rotate(-180deg)}60%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes fxTextSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes particleFall{0%{opacity:0;transform:translateY(0) rotate(0) scale(.5)}10%{opacity:1;transform:translateY(10vh) rotate(36deg) scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(360deg) scale(.5)}}.combo-display{position:absolute;right:16px;top:35%;z-index:18;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;animation:comboPop .4s cubic-bezier(.68,-.55,.265,1.55)}.combo-icon{font-size:50px;animation:comboBounce .5s ease infinite alternate;filter:drop-shadow(0 0 15px rgba(255,215,0,.6))}.combo-info{display:flex;flex-direction:column;align-items:center;gap:2px}.combo-tipper{color:#fff;font-size:12px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.8)}.combo-x{color:gold;font-size:11px;font-weight:700;text-shadow:0 0 6px rgba(255,215,0,.5)}.combo-count{font-size:36px;font-weight:900;color:#ff4d4f;text-shadow:0 0 20px rgba(255,77,79,.8),0 2px 4px rgba(0,0,0,.6);animation:comboCountPulse .5s ease infinite alternate}.combo-level-1 .combo-count{color:gold;text-shadow:0 0 20px rgba(255,215,0,.8),0 2px 4px rgba(0,0,0,.6)}.combo-level-2 .combo-count{color:#ff7a45;text-shadow:0 0 20px rgba(255,122,69,.8),0 2px 4px rgba(0,0,0,.6)}.combo-level-3 .combo-count{color:#ff4d4f;text-shadow:0 0 20px rgba(255,77,79,.8),0 2px 4px rgba(0,0,0,.6)}.combo-level-4 .combo-count{color:#eb2f96;text-shadow:0 0 20px rgba(235,47,150,.8),0 2px 4px rgba(0,0,0,.6)}.combo-level-5 .combo-count{color:#722ed1;text-shadow:0 0 30px rgba(114,46,209,.9),0 0 60px rgba(235,47,150,.6),0 2px 4px rgba(0,0,0,.6)}@keyframes comboPop{0%{opacity:0;transform:translate(50px) scale(.5)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes comboBounce{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes comboCountPulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.rank-entry{position:absolute;top:120px;right:16px;display:flex;align-items:center;gap:4px;background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,215,0,.3);padding:6px 12px;border-radius:14px;cursor:pointer;z-index:10;transition:all var(--transition-fast)}.rank-entry:hover{background:rgba(255,215,0,.15);border-color:#ffd70080;box-shadow:0 0 15px #ffd70033}.rank-crown{font-size:14px;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.rank-entry-text{color:gold;font-size:12px;font-weight:600;text-shadow:0 0 4px rgba(255,215,0,.4)}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.password-modal{width:80%;max-width:340px;background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);border-radius:var(--radius-xl);padding:32px 24px 24px;text-align:center;animation:passwordSlideUp .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #00000080,0 0 40px #ff6b9d26;position:relative;overflow:hidden}.password-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);box-shadow:0 0 20px #ff6b9dcc}@keyframes passwordSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.password-modal-icon{font-size:56px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(255,107,157,.7));animation:passwordIconFloat 2.5s ease-in-out infinite}@keyframes passwordIconFloat{0%,to{transform:translateY(0);filter:drop-shadow(0 0 15px rgba(255,107,157,.6))}50%{transform:translateY(-8px);filter:drop-shadow(0 0 25px rgba(196,76,255,.8))}}.password-modal-title{font-size:18px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.password-modal-desc{font-size:13px;color:var(--dark-text-secondary);margin-bottom:20px}.password-modal-input{width:100%;height:50px;border:2px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#fff;border-radius:var(--radius-lg);padding:0 16px;font-size:16px;text-align:center;outline:none;box-sizing:border-box;letter-spacing:4px;margin-bottom:16px;transition:all var(--transition-normal)}.password-modal-input:focus{border-color:var(--primary-color);background:rgba(255,255,255,.1);box-shadow:0 0 0 3px #ff6b9d26,0 0 20px #ff6b9d4d}.password-modal-btn{width:100%;height:50px;background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 20px #ff6b9d66,0 0 20px #c44cff33}.password-modal-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b9d80,0 0 30px #c44cff66}.password-modal-btn:active{transform:translateY(0) scale(.98)}.password-modal-btn:disabled{background:rgba(255,255,255,.1);color:#ffffff4d;cursor:not-allowed;box-shadow:none}.password-input-wrap{position:relative;margin-bottom:12px}.password-input-wrap .password-modal-input{margin-bottom:0;padding-right:44px}.password-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#ffffff80;transition:color var(--transition-fast)}.password-eye-btn:hover{color:var(--primary-color)}.password-hint-row{text-align:left;margin-bottom:12px;font-size:13px}.pw-hint-label{color:var(--primary-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--transition-fast)}.pw-hint-label:hover{opacity:.8}.pw-hint-text{display:block;margin-top:6px;padding:10px 14px;background:rgba(255,107,157,.1);color:#ff85b0;border-radius:var(--radius-sm);line-height:1.4;border:1px solid rgba(255,107,157,.2)}.password-attempts-tip{font-size:12px;color:var(--dark-text-muted);margin-bottom:12px;text-align:right}.password-locked-box{padding:20px 0;text-align:center}.pw-lock-icon{font-size:44px;margin-bottom:12px;filter:drop-shadow(0 0 12px rgba(255,71,87,.6))}.pw-lock-title{font-size:16px;font-weight:600;color:#ff6b7a;margin-bottom:8px}.pw-lock-desc{font-size:13px;color:var(--dark-text-secondary);line-height:1.5}.rank-panel{position:absolute;top:154px;right:16px;width:250px;background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-radius:var(--radius-lg);border:1px solid rgba(255,215,0,.25);z-index:12;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden;box-shadow:0 8px 32px #0006,0 0 20px #ffd7001a}@keyframes slideInRight{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.rank-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:gold;font-size:14px;font-weight:600;background:linear-gradient(90deg,rgba(255,215,0,.08) 0%,transparent 100%)}.rank-close{cursor:pointer;color:#ffffff80;font-size:14px;transition:color var(--transition-fast)}.rank-close:hover{color:#fffc}.rank-earnings{display:flex;padding:12px 14px;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.re-item{flex:1;text-align:center}.re-label{display:block;font-size:10px;color:#ffffff80}.re-value{display:block;font-size:13px;font-weight:700;color:gold;margin-top:2px;text-shadow:0 0 8px rgba(255,215,0,.4)}.rank-list{max-height:280px;overflow-y:auto}.rank-item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background var(--transition-fast)}.rank-item:hover{background:rgba(255,255,255,.04)}.rank-num{width:22px;text-align:center;font-size:12px;font-weight:700;color:#ffffff80}.rank-num.rank-1,.rank-num.rank-2,.rank-num.rank-3{font-size:16px}.rank-num.rank-1{color:gold;text-shadow:0 0 8px rgba(255,215,0,.6)}.rank-num.rank-2{color:silver;text-shadow:0 0 6px rgba(192,192,192,.4)}.rank-num.rank-3{color:#cd7f32;text-shadow:0 0 6px rgba(205,127,50,.4)}.rank-avatar{width:26px;height:26px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 8px #ff6b9d4d}.rank-name{flex:1;color:#ffffffe6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-coins{color:gold;font-size:12px;font-weight:600;text-shadow:0 0 4px rgba(255,215,0,.4)}.rank-empty{text-align:center;padding:24px;color:#ffffff4d;font-size:12px}.nearby-page{height:100vh;display:flex;flex-direction:column;background:#f7f8fa}.nearby-navbar{background:#fff;flex-shrink:0}.nearby-filter-bar{background:#fff;padding:12px 16px;border-bottom:1px solid #f0f0f0;flex-shrink:0;position:sticky;top:0;z-index:10}.filter-group{display:flex;align-items:center;margin-bottom:10px}.filter-group:last-child{margin-bottom:0}.filter-label{font-size:13px;color:#666;width:36px;flex-shrink:0}.filter-options{display:flex;flex-wrap:wrap;gap:8px;flex:1}.filter-option{padding:4px 12px;font-size:13px;color:#666;background:#f5f5f5;border-radius:16px;cursor:pointer;transition:all .2s}.filter-option.active{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);box-shadow:0 2px 8px #ec48994d}.location-denied-tip{display:flex;align-items:center;padding:10px 16px;background:#fff7ed;font-size:13px;color:#c2410c;flex-shrink:0}.tip-icon{margin-right:6px}.tip-text{flex:1}.tip-action{color:#ec4899;font-weight:500;cursor:pointer}.manual-location-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.manual-location-panel{width:300px;background:#fff;border-radius:16px;overflow:hidden}.panel-header{padding:16px;font-size:16px;font-weight:600;color:#1f2937;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0}.panel-close{font-size:18px;color:#999;cursor:pointer}.panel-body{padding:16px}.input-item{margin-bottom:14px}.input-item label{display:block;font-size:13px;color:#666;margin-bottom:6px}.input-item input{width:100%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none}.input-item input:focus{border-color:#ec4899}.panel-body .tip{font-size:12px;color:#999;margin:0;line-height:1.5}.panel-footer{display:flex;border-top:1px solid #f0f0f0}.cancel-btn,.confirm-btn{flex:1;padding:14px;font-size:15px;border:none;background:none;cursor:pointer}.cancel-btn{color:#666;border-right:1px solid #f0f0f0}.confirm-btn{color:#ec4899;font-weight:500}.nearby-list{flex:1;overflow-y:auto;padding:12px;-webkit-overflow-scrolling:touch}.refresh-indicator{display:flex;align-items:center;justify-content:center;padding:16px;color:#999;font-size:13px}.refresh-spinner{width:18px;height:18px;border:2px solid #f3f4f6;border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:15px;color:#666;margin:0 0 4px}.empty-subtext{font-size:13px;color:#999;margin:0}.nearby-user-card{display:flex;align-items:center;background:#fff;border-radius:16px;padding:14px;margin-bottom:10px;position:relative;box-shadow:0 2px 8px #0000000a;cursor:pointer;transition:transform .2s,box-shadow .2s}.nearby-user-card:active{transform:scale(.98);box-shadow:0 1px 4px #0000000a}.user-avatar-wrap{position:relative;margin-right:12px;flex-shrink:0}.user-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:#f3f4f6}.online-dot{position:absolute;right:2px;bottom:2px;width:12px;height:12px;background:#10b981;border:2px solid #fff;border-radius:50%}.user-info{flex:1;min-width:0;margin-right:10px}.user-name-row{display:flex;align-items:center;margin-bottom:4px}.user-nickname{font-size:15px;font-weight:600;color:#1f2937;margin-right:8px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-age{font-size:12px;color:#999;margin-right:6px}.user-gender{font-size:12px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff}.user-gender.male{background:#3b82f6}.user-gender.female{background:#ec4899}.user-signature{font-size:13px;color:#6b7280;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-meta{display:flex;align-items:center;font-size:11px;color:#9ca3af;gap:10px}.user-city,.last-active{display:flex;align-items:center}.distance-badge{position:absolute;top:12px;right:12px;padding:3px 10px;font-size:12px;font-weight:500;color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border-radius:12px;box-shadow:0 2px 6px #ec48994d}.add-friend-btn{position:absolute;bottom:12px;right:12px;padding:5px 12px;font-size:12px;color:#ec4899;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:16px;cursor:pointer;transition:all .2s}.add-friend-btn:active{background:#fbcfe8;transform:scale(.95)}.load-more{display:flex;align-items:center;justify-content:center;padding:20px;color:#999;font-size:13px}.load-more-spinner{width:16px;height:16px;border:2px solid #f3f4f6;border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.no-more{text-align:center;padding:20px;color:#d1d5db;font-size:12px}.pull-refresh-tip{text-align:center;padding:16px;color:#9ca3af;font-size:12px;cursor:pointer}.friends-page{height:100vh;display:flex;flex-direction:column;background:#f7f8fa}.friends-navbar{background:#fff;flex-shrink:0}.friends-tabs{display:flex;background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0}.friends-tab{flex:1;text-align:center;padding:14px 0;font-size:15px;color:#666;cursor:pointer;position:relative;transition:color .2s}.friends-tab.active{color:#ec4899;font-weight:600}.tab-underline{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border-radius:2px}.friends-content,.requests-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-bar-wrap{padding:10px 12px;background:#fff;border-bottom:1px solid #f0f0f0}.loading-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:#999;font-size:14px}.loading-spinner{width:24px;height:24px;border:2px solid #f3f4f6;border-top-color:#ec4899;border-radius:50%;animation:spin .8s linear infinite;margin-right:10px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px}.empty-icon{font-size:56px;margin-bottom:16px}.empty-text{font-size:15px;color:#666;margin:0 0 6px}.empty-subtext{font-size:13px;color:#999;margin:0 0 20px}.go-nearby-btn{padding:8px 24px;font-size:14px;color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);border:none;border-radius:20px;cursor:pointer;box-shadow:0 2px 8px #ec48994d}.friend-list{background:#fff}.friend-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .2s}.friend-item:active{background:#f9fafb}.friend-avatar-wrap{position:relative;margin-right:12px;flex-shrink:0}.friend-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#f3f4f6}.online-dot{position:absolute;right:0;bottom:0;width:12px;height:12px;background:#10b981;border:2px solid #fff;border-radius:50%}.friend-info{flex:1;min-width:0}.friend-name{font-size:15px;font-weight:500;color:#1f2937;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-meta{display:flex;align-items:center;font-size:12px;color:#9ca3af;gap:12px}.friend-city,.friend-active{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-actions{flex-shrink:0}.action-btn{padding:6px 14px;font-size:13px;border-radius:16px;border:none;cursor:pointer;transition:all .2s}.delete-btn{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.delete-btn:active{background:#fee2e2}.request-sub-tabs{display:flex;background:#fff;padding:0 16px;border-bottom:1px solid #f0f0f0}.request-sub-tab{padding:12px 16px;font-size:14px;color:#666;cursor:pointer;position:relative;display:flex;align-items:center;gap:6px}.request-sub-tab.active{color:#ec4899;font-weight:500}.request-sub-tab.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:2px;background:#ec4899;border-radius:1px}.request-badge{min-width:18px;height:18px;padding:0 5px;font-size:11px;color:#fff;background:#ef4444;border-radius:9px;display:flex;align-items:center;justify-content:center}.request-list{background:#fff}.request-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #f5f5f5}.request-avatar-wrap{margin-right:12px;flex-shrink:0;cursor:pointer}.request-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#f3f4f6}.request-info{flex:1;min-width:0}.request-name{font-size:15px;font-weight:500;color:#1f2937;margin-bottom:4px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-message{font-size:13px;color:#6b7280;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-time{font-size:11px;color:#9ca3af}.request-actions{display:flex;gap:8px;flex-shrink:0}.accept-btn{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f472b6 100%);box-shadow:0 2px 6px #ec48994d}.accept-btn:active{transform:scale(.95)}.reject-btn{color:#6b7280;background:#f3f4f6}.reject-btn:active{background:#e5e7eb}.request-status{flex-shrink:0}.status-pending{font-size:13px;color:#f59e0b;background:#fffbeb;padding:4px 10px;border-radius:12px}.status-rejected{font-size:13px;color:#9ca3af;background:#f3f4f6;padding:4px 10px;border-radius:12px}.group-list-page{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.group-navbar{background:#fff;border-bottom:1px solid #eee}.search-bar{display:flex;padding:8px 12px;background:#fff;gap:8px;border-bottom:1px solid #f0f0f0}.search-input{flex:1;height:36px;border:1px solid #ddd;border-radius:18px;padding:0 16px;font-size:14px;outline:none;background:#f9f9f9}.search-input:focus{border-color:#ff4d4f;background:#fff}.search-btn{border:none;background:#ff4d4f;color:#fff;border-radius:18px;padding:0 16px;font-size:14px;cursor:pointer;height:36px}.group-content{flex:1;overflow-y:auto;padding-bottom:60px}.loading-text,.empty-text{text-align:center;padding:40px 0;color:#999;font-size:14px}.section-title{padding:12px 16px 8px;font-size:13px;color:#999}.group-list{background:#fff}.group-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f5f5f5;cursor:pointer;gap:12px}.group-item:active{background:#f9f9f9}.group-avatar{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0}.group-info{flex:1;min-width:0}.group-name-row{display:flex;align-items:center;gap:6px}.group-name{font-size:16px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-icon{font-size:13px}.group-last-msg{font-size:13px;color:#999;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-time{font-size:11px;color:#ccc;display:block;margin-top:2px}.group-badge{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role-tag{font-size:10px;padding:1px 6px;border-radius:4px}.role-tag.owner{background:#ff4d4f;color:#fff}.role-tag.admin{background:#faad14;color:#fff}.join-btn{border:1px solid #ff4d4f;background:#fff;color:#ff4d4f;border-radius:4px;padding:4px 16px;font-size:14px;cursor:pointer}.join-btn:active{background:#fff1f0}.join-btn.joined{border-color:#ddd;color:#999;background:#f5f5f5}.empty-state{display:flex;flex-direction:column;align-items:center;padding:80px 0;color:#999}.empty-state p{font-size:14px;margin-bottom:16px}.create-btn{border:none;background:#ff4d4f;color:#fff;border-radius:20px;padding:8px 24px;font-size:14px;cursor:pointer}.create-group-page{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.create-navbar{background:#fff;border-bottom:1px solid #eee}.form-area{flex:1;overflow-y:auto;padding:16px 16px 80px}.form-section{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:12px}.form-label{font-size:14px;color:#666;margin-bottom:8px}.form-input{width:100%;height:40px;border:1px solid #eee;border-radius:6px;padding:0 12px;font-size:15px;outline:none;box-sizing:border-box}.form-input:focus{border-color:#ff4d4f}.form-textarea{width:100%;min-height:80px;border:1px solid #eee;border-radius:6px;padding:8px 12px;font-size:15px;outline:none;resize:none;box-sizing:border-box;font-family:inherit}.form-textarea:focus{border-color:#ff4d4f}.encrypt-section{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:12px}.encrypt-header{display:flex;align-items:center;gap:12px;cursor:pointer}.encrypt-icon{font-size:24px}.encrypt-text{flex:1}.encrypt-title{font-size:16px;font-weight:500;color:#333}.encrypt-desc{font-size:12px;color:#999;margin-top:2px}.switch{width:44px;height:24px;background:#ccc;border-radius:12px;position:relative;transition:background .2s;flex-shrink:0}.switch.on{background:#ff4d4f}.switch-thumb{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:left .2s}.switch.on .switch-thumb{left:22px}.encrypt-password{margin-top:12px;padding-top:12px;border-top:1px solid #f0f0f0}.submit-btn{width:100%;height:44px;border:none;background:#ff4d4f;color:#fff;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;margin-top:8px}.submit-btn:active{opacity:.8}.submit-btn.disabled{background:#ccc}.group-room-page{display:flex;flex-direction:column;height:100vh;background:#ededed}.group-room-navbar{background:#fff;border-bottom:1px solid #eee}.room-nav-title{display:flex;align-items:center;gap:4px;justify-content:center}.room-name{font-size:16px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock{font-size:13px}.member-count{font-size:12px;color:#999}.messages-area{flex:1;overflow-y:auto;padding:12px}.no-messages{text-align:center;padding:80px 0;color:#999}.no-messages p{font-size:14px;margin-top:8px}.date-divider{text-align:center;font-size:12px;color:#999;padding:2px 8px;background:rgba(0,0,0,.05);border-radius:4px;display:inline-block;width:fit-content;margin:12px 0 12px 50%;transform:translate(-50%)}.msg-row{display:flex;margin-bottom:12px;gap:8px;align-items:flex-start}.msg-row.mine{flex-direction:row-reverse}.msg-avatar{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.msg-content{max-width:70%;display:flex;flex-direction:column}.msg-row.mine .msg-content{align-items:flex-end}.msg-sender-name{font-size:11px;color:#888;margin-bottom:2px;padding:0 4px}.msg-bubble{padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.5;word-break:break-word}.bubble-other{background:#fff;color:#333;border-top-left-radius:2px}.bubble-mine{background:#95ec69;color:#333;border-top-right-radius:2px}.enc-tag{margin-right:4px}.msg-time{font-size:10px;color:#bbb;margin-top:2px;padding:0 4px}.typing-hint{font-size:12px;color:#aaa;padding:4px 16px}.members-panel{position:fixed;top:0;right:0;width:280px;height:100vh;background:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;z-index:100;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.members-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;font-size:16px;font-weight:600}.close-btn{cursor:pointer;font-size:18px;color:#999}.members-list{flex:1;overflow-y:auto}.member-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #f5f5f5;gap:12px}.member-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.member-info{flex:1}.member-name{font-size:14px;color:#333}.member-role{font-size:11px;color:#999;margin-left:6px}.kick-btn{border:1px solid #ff4d4f;background:#fff;color:#ff4d4f;border-radius:4px;padding:2px 10px;font-size:12px;cursor:pointer}.leave-btn{margin:16px;padding:10px;border:1px solid #ff4d4f;background:#fff;color:#ff4d4f;border-radius:8px;font-size:14px;cursor:pointer}.input-area{display:flex;padding:8px 12px;background:#f7f7f7;border-top:1px solid #e0e0e0;gap:8px;align-items:center}.msg-input{flex:1;--border-radius: 6px;background:#fff}.send-btn{border:none;background:#ddd;color:#fff;border-radius:6px;padding:6px 16px;font-size:14px;cursor:pointer;flex-shrink:0;height:36px}.send-btn.active{background:#07c160}.admin-login-page{width:100%;height:100%;min-height:100vh;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.admin-login-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.admin-login-page:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.25) 0%,transparent 45%),radial-gradient(circle at 80% 70%,rgba(236,72,153,.2) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(168,85,247,.1) 0%,transparent 50%);filter:blur(60px);animation:blobFloat 18s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.08)}66%{transform:translate(-20px,25px) scale(.95)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.particle{position:absolute;width:4px;height:4px;background:rgba(168,85,247,.8);border-radius:50%;box-shadow:0 0 10px #a855f7,0 0 20px #ec489980;animation:particleFloat linear infinite}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(40px);opacity:0}}.geo-shape{position:absolute;pointer-events:none;z-index:1}.geo-circle-1{width:450px;height:450px;border-radius:50%;border:1px solid rgba(99,102,241,.1);top:-120px;left:-120px;animation:geoRotate 30s linear infinite}.geo-circle-1:before{content:"";position:absolute;top:30px;right:30px;bottom:30px;left:30px;border-radius:50%;border:1px solid rgba(168,85,247,.08)}.geo-circle-1:after{content:"";position:absolute;top:60px;right:60px;bottom:60px;left:60px;border-radius:50%;border:1px solid rgba(236,72,153,.06)}@keyframes geoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.geo-circle-2{width:350px;height:350px;border-radius:50%;border:1px solid rgba(236,72,153,.08);bottom:-80px;right:-80px;animation:geoRotate 25s linear infinite reverse}.geo-triangle{width:0;height:0;border-left:60px solid transparent;border-right:60px solid transparent;border-bottom:100px solid rgba(99,102,241,.08);top:15%;right:8%;transform:rotate(20deg);animation:geoFloat 7s ease-in-out infinite}@keyframes geoFloat{0%,to{transform:rotate(20deg) translateY(0)}50%{transform:rotate(20deg) translateY(-18px)}}.geo-dots{width:140px;height:140px;background-image:radial-gradient(circle,rgba(255,255,255,.15) 2px,transparent 2px);background-size:18px 18px;bottom:12%;left:6%;opacity:.4;animation:dotsPulse 4s ease-in-out infinite}@keyframes dotsPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.login-container{width:100%;max-width:960px;background:rgba(255,255,255,.05);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #0006,0 0 80px #6366f11a,inset 0 1px #ffffff1a;display:flex;overflow:hidden;position:relative;z-index:2;animation:containerFadeIn .8s cubic-bezier(.34,1.56,.64,1)}@keyframes containerFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-container:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:32px;background:linear-gradient(135deg,rgba(236,72,153,.3) 0%,rgba(168,85,247,.3) 25%,rgba(99,102,241,.3) 50%,rgba(168,85,247,.3) 75%,rgba(236,72,153,.3) 100%);background-size:300% 300%;animation:borderGlow 6s ease infinite;z-index:-1;opacity:.5}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-brand{flex:1;padding:60px 48px;background:linear-gradient(135deg,rgba(99,102,241,.12) 0%,rgba(236,72,153,.08) 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;border-right:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.login-brand:before{content:"";position:absolute;top:-40%;left:-30%;width:350px;height:350px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);border-radius:50%;animation:brandGlow 7s ease-in-out infinite}.login-brand:after{content:"";position:absolute;bottom:-30%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);border-radius:50%;animation:brandGlow 9s ease-in-out infinite reverse}@keyframes brandGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-15px) scale(1.12)}}.brand-icon{width:100px;height:100px;margin-bottom:32px;position:relative;z-index:1;animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 6px 24px rgba(99,102,241,.5)) drop-shadow(0 0 40px rgba(236,72,153,.3));transform:scale(1)}50%{filter:drop-shadow(0 8px 36px rgba(99,102,241,.7)) drop-shadow(0 0 60px rgba(236,72,153,.5));transform:scale(1.06)}}.brand-icon svg{width:100%;height:100%}.brand-title{font-size:34px;font-weight:700;margin-bottom:14px;background:linear-gradient(135deg,#ffffff 0%,#c7d2fe 40%,#f0abfc 80%,#ffffff 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;position:relative;z-index:1;animation:titleGradient 4s ease infinite}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.brand-subtitle{font-size:15px;color:#ffffff8c;margin-bottom:48px;letter-spacing:3px;position:relative;z-index:1}.brand-features{display:flex;flex-direction:column;gap:16px;width:100%;max-width:260px;position:relative;z-index:1}.feature-item{display:flex;align-items:center;gap:16px;font-size:14px;color:#ffffffbf;padding:14px 18px;background:rgba(255,255,255,.05);border-radius:14px;border:1px solid rgba(255,255,255,.08);transition:all .35s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:default}.feature-item:hover{background:rgba(255,255,255,.1);transform:translate(8px);border-color:#a855f759;box-shadow:0 6px 20px #6366f133,0 0 30px #a855f71a}.feature-item:hover .feature-icon{transform:scale(1.2) rotate(-8deg);filter:drop-shadow(0 0 10px rgba(236,72,153,.8))}.feature-icon{font-size:22px;transition:all .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.feature-item:nth-child(1){animation:featureSlideIn .6s ease .2s backwards}.feature-item:nth-child(2){animation:featureSlideIn .6s ease .35s backwards}.feature-item:nth-child(3){animation:featureSlideIn .6s ease .5s backwards}@keyframes featureSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.login-form-section{flex:1;padding:60px 56px;background:rgba(255,255,255,.02);position:relative;z-index:1}.form-header{margin-bottom:44px;position:relative}.form-header:after{content:"";position:absolute;bottom:-18px;left:0;width:50px;height:4px;background:linear-gradient(90deg,#ec4899,#a855f7);border-radius:2px;box-shadow:0 0 14px #ec489980}.form-header h2{font-size:30px;font-weight:700;color:#fff;margin-bottom:12px;background:linear-gradient(135deg,#ffffff 0%,#c7d2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-header p{font-size:14px;color:#ffffff80;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;gap:28px}.form-item{display:flex;flex-direction:column;gap:10px}.form-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffb3;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.input-wrapper:focus-within+.form-label,.form-item:focus-within .form-label{color:#a855f7}.label-icon{font-size:16px;color:#6366f1;filter:drop-shadow(0 0 6px rgba(99,102,241,.5));transition:all .3s ease}.form-item:focus-within .label-icon{color:#ec4899;filter:drop-shadow(0 0 10px rgba(236,72,153,.8));transform:scale(1.1)}.input-wrapper{position:relative;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.input-wrapper:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:16px;background:linear-gradient(135deg,#ec4899,#a855f7,#6366f1);background-size:200% 200%;opacity:0;transition:opacity .3s ease;z-index:-1;animation:inputGlow 3s ease infinite}@keyframes inputGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.input-wrapper:focus-within{border-color:transparent;background:rgba(255,255,255,.08);box-shadow:0 0 0 4px #a855f726,0 0 30px #a855f733,inset 0 1px #ffffff1a;transform:translateY(-2px)}.input-wrapper:focus-within:before{opacity:1}.input-wrapper :global(.adm-input-element){color:#fff!important;font-size:15px!important;padding:16px 20px!important;letter-spacing:.5px;background:transparent!important}.input-wrapper :global(.adm-input-placeholder){color:#ffffff4d!important}.captcha-input-wrapper{display:flex;align-items:center;gap:14px}.captcha-image{flex-shrink:0;width:130px;height:50px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.1);position:relative}.captcha-image:hover{transform:scale(1.06) rotate(2deg);border-color:#a855f780;box-shadow:0 6px 20px #6366f14d,0 0 30px #a855f733}.captcha-image:active{transform:scale(.95)}.captcha-image.refreshing{animation:captchaSpin .6s cubic-bezier(.4,0,.2,1);opacity:.5;pointer-events:none}@keyframes captchaSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.9)}to{transform:rotate(360deg) scale(1)}}.captcha-image svg{width:100%;height:100%}.login-btn{margin-top:8px;width:100%;height:58px;border:none;border-radius:16px;background:linear-gradient(135deg,#ec4899 0%,#a855f7 50%,#6366f1 100%);background-size:200% 100%;color:#fff;font-size:17px;font-weight:600;letter-spacing:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 8px 30px #ec489959,0 0 50px #a855f733}.login-btn:hover:not(:disabled){transform:translateY(-4px) scale(1.02);background-position:100% 0;box-shadow:0 14px 40px #ec489973,0 0 70px #a855f759}.login-btn:active:not(:disabled){transform:translateY(-1px) scale(.98)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .8s ease}.login-btn:hover:not(:disabled):before{left:100%}.login-btn:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:16px;background:linear-gradient(135deg,#ec4899,#a855f7,#6366f1);background-size:200% 100%;z-index:-1;opacity:0;filter:blur(12px);transition:opacity .4s ease;animation:btnPulse 3s ease-in-out infinite}.login-btn:hover:not(:disabled):after{opacity:.7}@keyframes btnPulse{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.btn-arrow{font-size:22px;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.login-btn:hover:not(:disabled) .btn-arrow{transform:translate(8px)}.btn-loading{display:flex;align-items:center;gap:14px;letter-spacing:2px}.spinner{width:22px;height:22px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 12px #fff3}@media (max-width: 768px){.admin-login-page{padding:16px;min-height:100vh}.geo-circle-1,.geo-circle-2{width:250px;height:250px}.geo-triangle,.geo-dots{display:none}.login-container{flex-direction:column;max-width:100%;border-radius:28px}.login-brand{padding:40px 32px;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon{width:72px;height:72px;margin-bottom:20px}.brand-title{font-size:26px;letter-spacing:3px}.brand-subtitle{margin-bottom:28px;font-size:13px}.brand-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px;max-width:none}.feature-item{font-size:12px;padding:10px 14px;gap:8px;flex:0 0 auto}.feature-icon{font-size:16px}.login-form-section{padding:40px 32px}.form-header{margin-bottom:32px}.form-header h2{font-size:24px}.login-btn{height:54px;font-size:16px;letter-spacing:6px}.captcha-image{width:110px;height:46px}}@media (max-width: 480px){.admin-login-page{padding:12px}.login-brand,.login-form-section{padding:32px 24px}.brand-title{font-size:22px;letter-spacing:2px}.form-header h2{font-size:22px}.login-btn{height:52px;font-size:15px;letter-spacing:4px}.captcha-image{width:100px;height:44px}.input-wrapper :global(.adm-input-element){padding:14px 16px!important;font-size:14px!important}}.admin-layout:after{content:"";position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,157,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.admin-users-page{padding:24px 28px;flex:1;display:flex;flex-direction:column;gap:24px}.page-header-card:after{content:"";position:absolute;bottom:-60%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,107,157,.25) 0%,transparent 60%);border-radius:50%;animation:headerFloat 10s ease-in-out infinite reverse}.admin-users-content{display:flex;flex-direction:column;gap:20px}.toolbar-card{background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:18px;padding:22px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #0000000f,0 1px 3px #00000008;display:flex;flex-wrap:wrap;align-items:center;gap:18px}.search-bar{flex:1;min-width:300px;display:flex;gap:12px}.search-input-wrapper{flex:1;max-width:400px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:14px;z-index:1;font-size:14px;opacity:.5;color:#667eea}.search-input-wrapper :global(.adm-input){padding-left:40px!important}.search-input-wrapper :global(.adm-input-element){height:44px!important;font-size:14px!important}.search-input-wrapper{background:#fff;border:1.5px solid #e8eaf0;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000005}.search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea1a;transform:translateY(-1px)}.search-btn{padding:0 28px;height:44px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 14px #667eea59;position:relative;overflow:hidden}.search-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.search-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.search-btn:hover:before{left:100%}.filter-bar{display:flex;align-items:center;gap:10px}.filter-label{font-size:14px;color:#666;font-weight:500}.table-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #0000000f;overflow:hidden}.user-table-wrapper{overflow-x:auto}.user-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.user-table thead th{background:linear-gradient(135deg,rgba(248,249,252,.95) 0%,rgba(240,242,248,.95) 100%);font-weight:600;color:#1a1f36;padding:16px 18px;text-align:left;white-space:nowrap;border-bottom:2px solid rgba(102,126,234,.15);font-size:13px;letter-spacing:.3px}.user-table thead th:first-child{border-top-left-radius:18px}.user-table thead th:last-child{border-top-right-radius:18px}.user-table tbody td{padding:16px 18px;border-bottom:1px solid rgba(240,242,245,.8);color:#333;transition:all .25s ease}.user-table tbody tr.even-row{background:rgba(250,251,253,.6)}.user-table tbody tr.odd-row{background:rgba(255,255,255,.4)}.user-table tbody tr:hover{background:linear-gradient(135deg,rgba(102,126,234,.06) 0%,rgba(255,107,157,.04) 100%)!important}.user-table tbody tr:hover td{border-bottom-color:#667eea33}.td-id{color:#999;font-weight:500;font-family:SF Mono,Consolas,monospace;font-size:13px}.td-name{font-weight:600;color:#1a1f36}.td-phone{font-family:SF Mono,Consolas,monospace;color:#555}.td-date{color:#888;font-size:13px}.avatar-wrapper{position:relative;display:inline-block}.avatar-wrapper:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);z-index:-1;opacity:0;transition:opacity .3s ease}.user-table tbody tr:hover .avatar-wrapper:before{opacity:1}.table-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 3px 10px #0000001f;transition:all .3s ease}.user-table tbody tr:hover .table-avatar{transform:scale(1.08);box-shadow:0 4px 14px #667eea40}.avatar-wrapper.vip:before{background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);opacity:1;animation:avatarGlow 2s ease-in-out infinite}@keyframes avatarGlow{0%,to{box-shadow:0 0 4px #ffd70080;opacity:1}50%{box-shadow:0 0 12px #ffd700cc;opacity:.9}}.gender-tag{display:inline-block;padding:4px 12px;border-radius:14px;font-size:12px;font-weight:500}.gender-tag.male{background:linear-gradient(135deg,rgba(24,144,255,.1) 0%,rgba(102,126,234,.1) 100%);color:#1890ff;border:1px solid rgba(24,144,255,.2)}.gender-tag.female{background:linear-gradient(135deg,rgba(235,47,150,.1) 0%,rgba(255,107,157,.1) 100%);color:#eb2f96;border:1px solid rgba(235,47,150,.2)}.vip-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;background:linear-gradient(135deg,#ffd700 0%,#ff8c00 100%);color:#fff;box-shadow:0 2px 8px #ffd70059;letter-spacing:.5px}.progress-cell{display:flex;align-items:center;gap:10px;min-width:120px}.progress-bar{flex:1;height:6px;background:rgba(240,242,245,.9);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 6px #667eea66}.progress-text{font-size:12px;color:#666;font-weight:500;min-width:36px;text-align:right}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:linear-gradient(135deg,rgba(0,184,148,.1) 0%,rgba(0,206,201,.1) 100%);color:#00b894;border:1px solid rgba(0,184,148,.2)}.status-badge.banned{background:linear-gradient(135deg,rgba(255,71,87,.08) 0%,rgba(255,107,129,.08) 100%);color:#ff4757;border:1px solid rgba(255,71,87,.2)}.status-dot{width:6px;height:6px;border-radius:50%}.status-badge.active .status-dot{background:#00b894;box-shadow:0 0 6px #00b89499;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.status-badge.banned .status-dot{background:#ff4757;box-shadow:0 0 6px #ff475799}.action-btn-group{display:flex;gap:8px;flex-wrap:nowrap}.action-btn{border:none;border-radius:10px;padding:7px 16px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s ease;pointer-events:none}.action-btn:hover:before{left:100%}.detail-btn{background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);color:#667eea;border:1px solid rgba(102,126,234,.25)}.detail-btn:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 14px #667eea66}.ban-btn{background:rgba(255,77,79,.08);color:#ff4d4f;border:1px solid rgba(255,77,79,.25)}.ban-btn:hover{background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 14px #ff475766}.unban-btn{background:rgba(82,196,26,.08);color:#52c41a;border:1px solid rgba(82,196,26,.25)}.unban-btn:hover{background:linear-gradient(135deg,#00b894 0%,#55efc4 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 14px #00b89466}.empty-row td{padding:80px 0!important;text-align:center!important}.empty-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#999}.empty-icon{font-size:64px;opacity:.5;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-content p{font-size:15px;background:linear-gradient(135deg,#999 0%,#bbb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;border-top:1px solid rgba(240,242,245,.8);flex-wrap:wrap;background:rgba(250,251,253,.5)}.page-btn{padding:9px 18px;border:1.5px solid #e8eaf0;background:#fff;border-radius:10px;font-size:13px;color:#555;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-weight:500}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.page-numbers{display:flex;align-items:center;gap:6px}.page-num{width:40px;height:40px;border:1.5px solid #e8eaf0;background:#fff;border-radius:10px;font-size:13px;color:#555;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-weight:500}.page-num:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.page-num.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;font-weight:600;box-shadow:0 4px 14px #667eea66;transform:translateY(-1px)}.page-ellipsis{padding:0 6px;color:#999;font-size:14px}.user-detail-modal{max-height:65vh;overflow-y:auto;padding:4px}.detail-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #f0f2f5}.detail-avatar-wrapper{position:relative}.detail-avatar{width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 16px #0000001f}.detail-avatar-wrapper.vip .detail-avatar{border:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ffd700,#ff8c00) border-box;box-shadow:0 6px 20px #ffd7004d}.detail-status-dot{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 6px #0003}.detail-status-dot.active{background:#00b894}.detail-status-dot.banned{background:#ff4757}.detail-user-info h3{font-size:20px;font-weight:600;color:#1a1f36;margin-bottom:4px;background:linear-gradient(135deg,#1a1f36 0%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-user-info p{font-size:13px;color:#888}.detail-section{margin-bottom:24px}.section-title{font-size:12px;font-weight:600;color:#999;margin-bottom:14px;text-transform:uppercase;letter-spacing:1.5px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:linear-gradient(135deg,rgba(250,251,253,.9) 0%,rgba(245,247,250,.9) 100%);border-radius:12px;border:1px solid rgba(240,242,245,.8);transition:all .25s ease}.detail-item:hover{border-color:#667eea33;box-shadow:0 2px 8px #667eea14}.detail-item.full-width{grid-column:span 2}.detail-label{font-size:12px;color:#999;font-weight:500}.detail-value{font-size:14px;color:#333;font-weight:500}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stat-card{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%);border-radius:14px;padding:18px 14px;text-align:center;border:1px solid rgba(102,126,234,.1);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.stat-number{font-size:26px;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.stat-label{font-size:12px;color:#888}.detail-list{display:flex;flex-direction:column;gap:1px;background:#f0f2f5;border-radius:12px;overflow:hidden}.detail-row-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff;transition:background .2s ease}.detail-row-item:hover{background:#fafbfd}.user-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.stat-card-mini{display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:16px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000000f;border:1px solid rgba(255,255,255,.7);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-mini:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001a}.stat-card-mini:after{content:"";position:absolute;top:0;right:0;width:5px;height:100%;transition:width .3s ease}.stat-card-mini:hover:after{width:6px}.stat-card-blue:after{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:-2px 0 12px #667eea66}.stat-card-red:after{background:linear-gradient(180deg,#ff4757,#ff6b81);box-shadow:-2px 0 12px #ff475766}.stat-card-green:after{background:linear-gradient(180deg,#00b894,#55efc4);box-shadow:-2px 0 12px #00b89466}.stat-card-orange:after{background:linear-gradient(180deg,#ffa502,#ff7f50);box-shadow:-2px 0 12px #ffa50266}.stat-card-purple:after{background:linear-gradient(180deg,#a855f7,#c084fc);box-shadow:-2px 0 12px #a855f766}.stat-card-teal:after{background:linear-gradient(180deg,#06b6d4,#22d3ee);box-shadow:-2px 0 12px #06b6d466}.stat-mini-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);flex-shrink:0;transition:all .3s ease}.stat-card-blue .stat-mini-icon{background:linear-gradient(135deg,rgba(102,126,234,.12) 0%,rgba(118,75,162,.12) 100%);color:#667eea}.stat-card-red .stat-mini-icon{background:linear-gradient(135deg,rgba(255,71,87,.1) 0%,rgba(255,107,129,.1) 100%);color:#ff4757}.stat-card-green .stat-mini-icon{background:linear-gradient(135deg,rgba(0,184,148,.1) 0%,rgba(85,239,196,.1) 100%);color:#00b894}.stat-card-orange .stat-mini-icon{background:linear-gradient(135deg,rgba(255,165,2,.1) 0%,rgba(255,127,80,.1) 100%);color:#ffa502}.stat-card-purple .stat-mini-icon{background:linear-gradient(135deg,rgba(168,85,247,.1) 0%,rgba(192,132,252,.1) 100%);color:#a855f7}.stat-card-teal .stat-mini-icon{background:linear-gradient(135deg,rgba(6,182,212,.1) 0%,rgba(34,211,238,.1) 100%);color:#06b6d4}.stat-card-mini:hover .stat-mini-icon{transform:scale(1.1) rotate(-5deg)}.stat-mini-info{display:flex;flex-direction:column;gap:4px}.stat-mini-value{font-size:24px;font-weight:700;color:#1a1f36;line-height:1.2;background:linear-gradient(135deg,#1a1f36 0%,#555 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card-blue .stat-mini-value{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-mini-label{font-size:12px;color:#888}.toolbar-main{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.advanced-filter-btn{padding:10px 18px;border:1.5px solid #e8eaf0;border-radius:12px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .25s ease;font-weight:500}.advanced-filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.advanced-filter-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;box-shadow:0 4px 14px #667eea59}.advanced-filters{margin-top:18px;padding-top:18px;border-top:1px solid rgba(240,242,245,.9);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.filter-item{display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px}.filter-item label{font-size:12px;color:#888;font-weight:500;letter-spacing:.3px}.filter-city{flex:.5}.sort-buttons{display:flex;gap:6px;flex-wrap:wrap}.sort-btn{padding:7px 14px;border:1px solid #e8eaf0;border-radius:10px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .2s ease;font-weight:500}.sort-btn:hover{border-color:#667eea;color:#667eea}.sort-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;box-shadow:0 2px 8px #667eea4d}.filter-actions{display:flex;justify-content:flex-end;margin-top:16px;padding-top:16px;border-top:1px dashed rgba(240,242,245,.9)}.reset-btn{padding:10px 22px;border:1.5px solid #e8eaf0;border-radius:12px;background:#fff;color:#666;font-size:13px;cursor:pointer;transition:all .25s ease;font-weight:500}.reset-btn:hover{border-color:#ff6b9d;color:#ff6b9d;transform:translateY(-1px);box-shadow:0 2px 8px #ff6b9d26}.batch-action-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:linear-gradient(135deg,rgba(254,243,199,.9) 0%,rgba(253,230,138,.9) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;margin-bottom:18px;animation:slideDown .3s ease;border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 16px #fde04733}.batch-selected-info{font-size:14px;color:#92400e;font-weight:500}.batch-selected-info strong{color:#78350f;font-size:18px;margin:0 4px;font-weight:700}.batch-buttons{display:flex;gap:10px}.batch-btn{padding:9px 20px;border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.batch-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.batch-btn:hover:before{left:100%}.batch-ban{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff;box-shadow:0 4px 14px #ff475759}.batch-ban:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475773}.batch-unban{background:linear-gradient(135deg,#00b894,#55efc4);color:#fff;box-shadow:0 4px 14px #00b89459}.batch-unban:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89473}.batch-cancel{background:rgba(255,255,255,.7);color:#78350f;border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.batch-cancel:hover{background:#fff;transform:translateY(-1px)}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#667eea}.th-checkbox,.td-checkbox{width:40px;text-align:center}.row-selected{background:rgba(102,126,234,.08)!important}.row-selected td{background:rgba(102,126,234,.04)}.edit-btn{color:#667eea;border-color:#667eea40;background:rgba(102,126,234,.08)}.edit-btn:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 4px 14px #667eea66}.photo-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-top:12px}.photo-item{aspect-ratio:1;border-radius:12px;overflow:hidden;background:#f5f6fa;border:2px solid #fff;box-shadow:0 3px 10px #0000001a;transition:all .3s ease}.photo-item:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000026}.photo-item img{width:100%;height:100%;object-fit:cover}.detail-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid #f0f2f5;margin-top:20px}.detail-action-btn{flex:1;padding:12px 18px;border:none;border-radius:12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.detail-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.detail-action-btn:hover:before{left:100%}.edit-action{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 14px #667eea59}.edit-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea73}.ban-action{background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);color:#fff;box-shadow:0 4px 14px #ff475759}.ban-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff475773}.unban-action{background:linear-gradient(135deg,#00b894 0%,#55efc4 100%);color:#fff;box-shadow:0 4px 14px #00b89459}.unban-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89473}.delete-action{background:#fff;color:#ff4757;border:1.5px solid rgba(255,71,87,.3)!important;box-shadow:none}.delete-action:hover{background:#ff4757;color:#fff;border-color:#ff4757!important;transform:translateY(-2px);box-shadow:0 4px 14px #ff475759}.edit-user-form{padding:8px 0}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bio-value{line-height:1.7;color:#555;font-size:13px}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;padding:50px 20px;color:#888;font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid #f0f2f5;border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 900px){.admin-sidebar{transform:translate(-100%);width:260px}.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0003}.sidebar-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-main{margin-left:0}.menu-toggle{display:block}.top-bar{padding:0 16px;height:56px}.admin-users-page{padding:16px}.toolbar-card{padding:16px;flex-direction:column;align-items:stretch;border-radius:16px}.search-bar{min-width:auto}.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.stats-row{grid-template-columns:1fr}}@media (max-width: 600px){.action-btn-group{flex-direction:column;gap:4px}.action-btn{width:100%;text-align:center}.top-bar-title{font-size:16px}.stat-badge{padding:4px 10px;font-size:12px}.user-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.stat-card-mini{padding:14px 16px;gap:10px}.stat-mini-icon{width:38px;height:38px;font-size:18px;border-radius:10px}.stat-mini-value{font-size:20px}.toolbar-main{flex-direction:column;align-items:stretch}.filter-bar{justify-content:flex-start}.filter-row{flex-direction:column}.filter-item{min-width:100%}.batch-action-bar{flex-direction:column;gap:12px;align-items:stretch;padding:14px 18px}.batch-buttons{justify-content:center}.detail-actions{flex-direction:column}.form-row-2{grid-template-columns:1fr}.th-checkbox,.td-checkbox{width:30px}.page-header-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px;border-radius:16px}.page-header-stats{width:100%}.page-stat-item{flex:1}.pagination{padding:18px 12px;gap:8px}.page-num{width:36px;height:36px}}.admin-layout{display:flex;min-height:100vh;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-sidebar{width:240px;background:#1a1f36;color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.logo-badge{width:40px;height:40px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #667eea66}.logo-text h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .25s ease;position:relative;color:#ffffffa6;font-size:14px}.nav-item:hover{background:rgba(255,255,255,.06);color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,rgba(102,126,234,.25) 0%,rgba(118,75,162,.25) 100%);color:#fff;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:24px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:0 3px 3px 0}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.08)}.admin-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.logout-btn{width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.1);background:transparent;color:#fff9;border-radius:8px;font-size:12px;cursor:pointer;transition:all .25s ease}.logout-btn:hover{background:rgba(255,77,79,.15);border-color:#ff4d4f4d;color:#ff4d4f}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.top-bar{height:60px;background:#fff;border-bottom:1px solid #e8e8ed;display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:10}.menu-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:#333;padding:4px 8px;border-radius:6px}.menu-toggle:hover{background:#f0f2f5}.top-bar-title{font-size:18px;font-weight:600;color:#1a1f36;flex:1}.stat-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:20px;font-size:13px;color:#667eea;font-weight:500}.admin-chat-page{padding:20px 24px;flex:1;display:flex;flex-direction:column}.chat-container{flex:1;display:flex;gap:16px;min-height:0}.conversation-panel{width:300px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;overflow:hidden;flex-shrink:0}.conv-header{padding:18px 20px;border-bottom:1px solid #f0f2f5}.conv-header h3{font-size:16px;font-weight:600;color:#1a1f36}.conv-search{padding:12px 16px;border-bottom:1px solid #f0f2f5}.conv-search-input{position:relative}.conv-search-input .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.5;z-index:1}.conv-search-input :global(.adm-input-element){padding-left:36px!important;height:36px!important;font-size:13px!important}.conv-search-input :global(.adm-input){background:#f5f6fa!important;border-radius:8px!important}.conv-list{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f5f6fa;position:relative}.conv-item:hover{background:#f8f9fc}.conv-item.active{background:linear-gradient(135deg,rgba(102,126,234,.08) 0%,rgba(118,75,162,.08) 100%)}.conv-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:36px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:0 3px 3px 0}.conv-avatars{position:relative;width:44px;height:44px;flex-shrink:0}.conv-avatar{position:absolute;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;border:2px solid #fff}.conv-avatar.primary{top:0;left:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);z-index:2}.conv-avatar.secondary{bottom:0;right:0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);z-index:1}.conv-info{flex:1;min-width:0}.conv-names{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:13px;font-weight:500;color:#1a1f36}.conv-names .vs{font-size:11px;color:#999}.conv-last-msg{font-size:12px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.conv-time{font-size:11px;color:#bbb}.conv-unread{min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);color:#fff;font-size:11px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center}.chat-content{flex:1;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;overflow:hidden;min-width:0}.chat-search-bar{padding:16px 20px;border-bottom:1px solid #f0f2f5;background:#fafbfd}.search-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;color:#666;font-weight:500}.input-wrap{width:140px}.input-wrap :global(.adm-input-element){height:36px!important;font-size:13px!important}.query-btn{height:36px;padding:0 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;white-space:nowrap}.query-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.query-btn:disabled{opacity:.7;cursor:not-allowed}.result-info{margin-top:10px;font-size:13px;color:#666}.result-info strong{color:#667eea;font-weight:600}.chat-records{flex:1;overflow-y:auto;padding:20px;background:#f5f6fa}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:18px;color:#333;margin-bottom:8px;font-weight:600}.empty-state p{font-size:14px;color:#999}.messages-list,.message-group{display:flex;flex-direction:column;gap:8px}.date-divider{display:flex;align-items:center;gap:12px;margin:16px 0 12px}.date-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,#ddd 50%,transparent 100%)}.date-text{font-size:12px;color:#999;padding:4px 14px;background:#e8eaf0;border-radius:12px;white-space:nowrap;font-weight:500}.message-bubble{display:flex;gap:10px;max-width:80%}.message-bubble.mine{align-self:flex-start;flex-direction:row}.message-bubble.other{align-self:flex-end;flex-direction:row-reverse}.bubble-avatar{flex-shrink:0}.bubble-avatar .avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#fff}.bubble-avatar .avatar.user-a{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bubble-avatar .avatar.user-b{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.bubble-content{display:flex;flex-direction:column;gap:4px}.message-bubble.mine .bubble-content{align-items:flex-start}.message-bubble.other .bubble-content{align-items:flex-end}.bubble-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#999}.message-bubble.other .bubble-meta{flex-direction:row-reverse}.sender-name{font-weight:500;color:#666}.msg-time{color:#aaa}.unread-tag{padding:1px 6px;background:#fff0f0;color:#ff4757;border-radius:4px;font-size:10px;font-weight:500}.bubble-text{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-break:break-word;max-width:100%}.message-bubble.mine .bubble-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-top-left-radius:4px;box-shadow:0 2px 8px #667eea40}.message-bubble.other .bubble-text{background:#fff;color:#333;border-top-right-radius:4px;box-shadow:0 2px 8px #0000000f}.pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-top:1px solid #f0f2f5;background:#fff}.page-btn{padding:6px 14px;border:1px solid #e8eaf0;background:#fff;border-radius:8px;font-size:12px;color:#555;cursor:pointer;transition:all .25s ease}.page-btn:hover:not(:disabled){border-color:#667eea;color:#667eea}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:4px}.page-num{width:32px;height:32px;border:1px solid #e8eaf0;background:#fff;border-radius:8px;font-size:12px;color:#555;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center}.page-num:hover{border-color:#667eea;color:#667eea}.page-num.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-color:transparent;font-weight:500;box-shadow:0 2px 8px #667eea59}@media (max-width: 900px){.admin-sidebar{transform:translate(-100%);width:260px}.admin-sidebar.open{transform:translate(0);box-shadow:2px 0 20px #0003}.sidebar-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99}.admin-main{margin-left:0}.menu-toggle{display:block}.top-bar{padding:0 16px}.admin-chat-page{padding:12px}.chat-container{flex-direction:column}.conversation-panel{width:100%;max-height:200px}.conv-list{max-height:120px}.message-bubble{max-width:90%}}@media (max-width: 600px){.top-bar-title{font-size:16px}.stat-badge{padding:4px 10px;font-size:12px}.search-form{flex-direction:column;align-items:stretch}.input-wrap,.query-btn{width:100%}.bubble-text{font-size:13px;padding:8px 12px}.bubble-avatar .avatar{width:32px;height:32px;font-size:12px}}.admin-points-page{padding:0;min-height:100%}.points-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#c44cff 100%);background-size:200% 200%;animation:gradient-shift 6s ease infinite;position:relative;overflow:hidden}.points-header:before,.points-header:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;animation:float 8s ease-in-out infinite}.points-header:before{width:200px;height:200px;top:-60px;right:80px;background:rgba(255,107,157,.4)}.points-header:after{width:150px;height:150px;bottom:-40px;left:60px;background:rgba(102,126,234,.4);animation-delay:-3s}.points-header .page-header-left,.points-header .page-header-stats{position:relative;z-index:1}.points-tabs{display:flex;gap:8px;padding:16px 20px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(0,0,0,.05);align-items:center;flex-wrap:wrap}.points-tab-btn{padding:8px 20px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--text-secondary);position:relative}.points-tab-btn:hover{background:rgba(102,126,234,.08);color:var(--primary-color)}.points-tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea59;transform:translateY(-1px)}.points-adjust-btn{margin-left:auto;padding:8px 20px;border:none;border-radius:20px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00b8944d}.points-content{padding:20px}.points-stats-section{animation:fadeInUp .5s ease-out}.module-stats-card{background:#fff;border-radius:16px;padding:24px;margin-top:20px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04)}.module-stats-title{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--text-primary)}.module-stat-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f5f5f5}.module-stat-row:last-child{border-bottom:none}.module-stat-name{width:80px;font-size:13px;color:var(--text-secondary);flex-shrink:0}.module-stat-bar{flex:1;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.module-stat-fill{height:100%;background:linear-gradient(90deg,#667eea,#c44cff);border-radius:4px;transition:width .6s ease}.module-stat-value{width:80px;text-align:right;font-size:14px;font-weight:600;color:var(--text-primary);flex-shrink:0}.module-stat-count{width:60px;text-align:right;font-size:12px;color:var(--text-muted);flex-shrink:0}.module-stats-empty{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}.filter-toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center;padding:16px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:12px;border:1px solid rgba(0,0,0,.04)}.filter-toolbar input,.filter-toolbar select{padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;background:#fff;transition:all .2s ease;outline:none}.filter-toolbar input:focus,.filter-toolbar select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.filter-btn{padding:8px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.filter-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.data-table-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04)}.data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:700px}.data-table thead{background:linear-gradient(135deg,#f8f9ff,#f5f3ff)}.data-table th{padding:14px 12px;text-align:left;font-weight:600;color:var(--text-primary);border-bottom:2px solid rgba(102,126,234,.15);font-size:13px}.data-table td{padding:12px;border-bottom:1px solid #f5f5f5;color:var(--text-secondary)}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(90deg,rgba(102,126,234,.04),rgba(196,76,255,.04))}.data-table tbody tr:last-child td{border-bottom:none}.type-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:500}.type-tag.earn{background:linear-gradient(135deg,rgba(0,184,148,.12),rgba(0,206,201,.12));color:#00b894}.type-tag.spend{background:linear-gradient(135deg,rgba(255,71,87,.12),rgba(255,107,129,.12));color:#ff4757}.amount-earn{color:#00b894;font-weight:600}.amount-spend{color:#ff4757;font-weight:600}.load-more-btn{display:block;width:100%;padding:12px;margin-top:16px;border:1px solid #e0e0e0;background:#fff;border-radius:12px;cursor:pointer;font-size:13px;color:var(--text-secondary);transition:all .2s ease}.load-more-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(102,126,234,.04)}.loading-text{text-align:center;padding:20px;color:var(--text-muted);font-size:13px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.rules-toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.rules-toolbar .selected-count{margin-left:auto;font-size:12px;color:var(--text-muted)}.btn-primary{padding:8px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,#00b894,#00cec9);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00b8944d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00b89466}.btn-outline-success{padding:8px 16px;border:1px solid #00b894;border-radius:8px;background:#fff;color:#00b894;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-outline-success:hover{background:rgba(0,184,148,.08)}.btn-outline-danger{padding:8px 16px;border:1px solid #ff4757;border-radius:8px;background:#fff;color:#ff4757;font-size:13px;cursor:pointer;transition:all .3s ease}.btn-outline-danger:hover{background:rgba(255,71,87,.08)}.rule-group-card{background:#fff;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04);overflow:hidden}.rule-group-header{padding:14px 20px;background:linear-gradient(135deg,#f8f9ff,#f5f3ff);border-bottom:1px solid rgba(102,126,234,.1);display:flex;align-items:center;gap:10px}.rule-group-title{font-size:14px;font-weight:600;color:var(--text-primary)}.rule-group-count{font-size:12px;color:var(--text-muted);font-weight:400}.rule-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f8f8f8;transition:all .2s ease}.rule-item:last-child{border-bottom:none}.rule-item:hover{background:rgba(102,126,234,.03)}.rule-item.disabled{opacity:.5}.rule-item-info{flex:1;min-width:0}.rule-item-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:3px}.rule-item-desc{font-size:12px;color:var(--text-muted)}.rule-item-cost{display:flex;align-items:center;gap:6px}.rule-cost-value{font-size:18px;font-weight:700;min-width:50px;text-align:right}.rule-cost-unit{font-size:12px;color:var(--text-muted)}.rule-item-actions{display:flex;gap:6px}.btn-sm{padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;border:none}.btn-sm.btn-edit{background:#f5f5f5;color:var(--text-secondary)}.btn-sm.btn-edit:hover{background:#e8e8e8}.btn-sm.btn-toggle-on{background:rgba(255,71,87,.1);color:#ff4757}.btn-sm.btn-toggle-off{background:rgba(0,184,148,.1);color:#00b894}.btn-sm.btn-delete{background:rgba(255,71,87,.08);color:#ff4757;border:1px solid rgba(255,71,87,.2)}.btn-sm.btn-delete:hover{background:rgba(255,71,87,.15)}.cost-edit-input{width:70px;padding:6px 8px;border:1px solid var(--primary-color);border-radius:6px;font-size:14px;text-align:right;outline:none}.cost-edit-actions{display:flex;gap:6px;align-items:center}.config-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04)}.config-card h3{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--text-primary)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.config-group{padding:16px;background:linear-gradient(135deg,#fafbff,#f8f5ff);border-radius:12px;border:1px solid rgba(102,126,234,.08)}.config-group h4{margin:0 0 14px;font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.config-input-row{margin-bottom:12px}.config-input-row label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.config-input-row input{width:100%;padding:8px 12px;border:1px solid #e0e0e0;border-radius:8px;font-size:13px;box-sizing:border-box;transition:all .2s ease;outline:none;background:#fff}.config-input-row input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.config-switch-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:4px 0}.config-switch-row span{font-size:12px;color:var(--text-secondary)}.config-switch{width:40px;height:22px;border-radius:11px;background:#ccc;position:relative;cursor:pointer;transition:background .2s ease}.config-switch.on{background:linear-gradient(135deg,#00b894,#00cec9)}.config-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .2s ease;box-shadow:0 1px 3px #0003}.config-switch.on:after{left:20px}.config-save-bar{margin-top:24px;text-align:right}.btn-save{padding:10px 32px;border:none;border-radius:10px;background:linear-gradient(135deg,#667eea,#c44cff);color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #667eea59}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 24px #667eea73}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.ranking-filter{display:flex;gap:10px;margin-bottom:16px;align-items:center}.ranking-tabs{display:flex;gap:4px;padding:4px;background:#f0f0f0;border-radius:10px}.ranking-tab{padding:6px 16px;border:none;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-secondary)}.ranking-tab.active{background:#fff;color:var(--primary-color);box-shadow:0 2px 8px #00000014;font-weight:500}.ranking-list{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.04)}.ranking-item{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f5f5f5;transition:all .2s ease}.ranking-item:last-child{border-bottom:none}.ranking-item:hover{background:linear-gradient(90deg,rgba(102,126,234,.03),rgba(196,76,255,.03))}.rank-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.rank-num.top1{background:linear-gradient(135deg,#ffd700,#ffb700);color:#fff;box-shadow:0 2px 8px #ffd70066}.rank-num.top2{background:linear-gradient(135deg,#c0c0c0,#a8a8a8);color:#fff;box-shadow:0 2px 8px #c0c0c066}.rank-num.top3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff;box-shadow:0 2px 8px #cd7f3266}.rank-num.normal{background:#f0f0f0;color:var(--text-secondary)}.rank-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#667eea,#c44cff);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;font-weight:600}.rank-user-info{flex:1;min-width:0}.rank-user-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.rank-user-phone{font-size:12px;color:var(--text-muted)}.rank-points{text-align:right}.rank-points-value{font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#c44cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rank-points-label{font-size:11px;color:var(--text-muted)}.adjust-modal{padding:8px}.adjust-form-item{margin-bottom:14px}.adjust-form-item label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:6px}.adjust-form-item .adm-input{--color: var(--text-primary);--text-color: var(--text-primary);--placeholder-color: var(--text-muted)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.admin-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf3 50%,#f0f2f8 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden}.admin-layout:before{content:"";position:absolute;top:-200px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.admin-layout:after{content:"";position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(196,76,255,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none}.admin-sidebar{width:240px;background:linear-gradient(180deg,#1a1f36 0%,#161a2e 100%);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .3s ease;border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 24px #0000001a}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent)}.sidebar-logo{display:flex;align-items:center;gap:12px}.logo-badge{width:40px;height:40px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 16px #667eea66,0 0 20px #667eea33}.logo-badge svg{width:100%;height:100%}.logo-text h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:2px;background:linear-gradient(135deg,#fff 0%,#c7d2fe 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text span{font-size:11px;color:#fff6;letter-spacing:1px}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;color:#fff9;font-size:14px}.nav-item:hover{background:rgba(255,255,255,.06);color:#ffffffe6;transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,rgba(102,126,234,.2) 0%,rgba(118,75,162,.2) 100%);color:#fff;font-weight:500;box-shadow:inset 0 0 0 1px #667eea33}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(180deg,#667eea 0%,#764ba2 100%);border-radius:0 4px 4px 0;box-shadow:0 0 10px #667eea99}.nav-icon{font-size:18px;width:24px;text-align:center}.nav-label{flex:1}.nav-indicator{width:6px;height:6px;border-radius:50%;background:#667eea;box-shadow:0 0 8px #667eeacc}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.06);position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent)}.admin-info{display:flex;align-items:center;gap:10px;margin-bottom:12px}.admin-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;box-shadow:0 2px 8px #667eea66}.admin-detail{display:flex;flex-direction:column;gap:2px}.admin-name{font-size:13px;color:#fff;font-weight:500}.admin-role{font-size:11px;color:#fff6}.logout-btn{width:100%;padding:10px 12px;border:1px solid rgba(255,77,79,.2);background:rgba(255,77,79,.08);color:#ff7878cc;border-radius:10px;font-size:12px;cursor:pointer;transition:all .25s ease}.logout-btn:hover{background:rgba(255,77,79,.15);border-color:#ff4d4f66;color:#ff6b6b;transform:translateY(-1px);box-shadow:0 4px 12px #ff4d4f33}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.top-bar{height:64px;background:rgba(255,255,255,.75);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.6);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #0000000a}.menu-toggle{display:none;background:none;border:none;font-size:20px;cursor:pointer;color:#333;padding:4px 8px;border-radius:8px;transition:all .25s ease}.menu-toggle:hover{background:rgba(102,126,234,.1);color:#667eea}.top-bar-title{font-size:18px;font-weight:600;color:#1a1f36;flex:1;background:linear-gradient(135deg,#1a1f36 0%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-badge{display:flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);border-radius:20px;font-size:13px;color:#667eea;font-weight:500;border:1px solid rgba(102,126,234,.15)}.stat-icon{font-size:14px}.admin-config-page{padding:24px 28px;flex:1;display:flex;flex-direction:column;gap:24px}.page-header-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 32px #667eea59,0 0 60px #667eea1a;position:relative;overflow:hidden}.page-header-card:before{content:"";position:absolute;top:-80%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.18) 0%,transparent 60%);border-radius:50%;animation:headerFloat 8s ease-in-out infinite}.page-header-card:after{content:"";position:absolute;bottom:-60%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(196,76,255,.3) 0%,transparent 60%);border-radius:50%;animation:headerFloat 10s ease-in-out infinite reverse}@keyframes headerFloat{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}.page-header-left{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.page-header-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000001a}.page-header-text h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.page-header-text p{font-size:13px;color:#fffc}.page-header-stats{display:flex;gap:16px;position:relative;z-index:1}.page-stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 24px;background:rgba(255,255,255,.15);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.page-stat-item:hover{background:rgba(255,255,255,.22);transform:translateY(-2px)}.page-stat-value{font-size:26px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.1)}.page-stat-label{font-size:12px;color:#fffc;margin-top:2px}.config-header-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:32px 36px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 32px #667eea59,0 0 60px #667eea1a;position:relative;overflow:hidden}.config-header-card:before{content:"";position:absolute;top:-80%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);border-radius:50%;animation:headerFloat 8s ease-in-out infinite}.config-header-card:after{content:"";position:absolute;bottom:-50%;left:20%;width:250px;height:250px;background:radial-gradient(circle,rgba(196,76,255,.25) 0%,transparent 60%);border-radius:50%;animation:headerFloat 12s ease-in-out infinite}.header-left{display:flex;align-items:center;gap:20px;position:relative;z-index:1}.header-icon{width:60px;height:60px;background:rgba(255,255,255,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 16px #0000001a}.header-text h2{font-size:26px;font-weight:700;color:#fff;margin-bottom:4px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.header-text p{font-size:14px;color:#fffc}.save-btn{height:50px;padding:0 32px;border:none;border-radius:14px;background:#fff;color:#667eea;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;box-shadow:0 6px 20px #00000026,0 0 20px #ffffff1a;position:relative;z-index:1;overflow:hidden}.save-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.save-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 28px #0003,0 0 30px #ffffff26}.save-btn:hover:not(:disabled):before{left:100%}.save-btn:active:not(:disabled){transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-spinner{width:18px;height:18px;border:2.5px solid rgba(102,126,234,.25);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}.config-groups{display:flex;flex-direction:column;gap:20px}.config-group-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;overflow:hidden;transition:all .3s ease}.config-group-card:hover{box-shadow:0 8px 30px #00000014,0 2px 8px #0000000a}.group-header{padding:22px 28px;border-bottom:1px solid rgba(240,242,245,.8);background:linear-gradient(135deg,rgba(250,251,253,.9) 0%,rgba(245,247,250,.9) 100%);position:relative}.group-header:after{content:"";position:absolute;bottom:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.2),transparent)}.group-title{display:flex;align-items:center;gap:12px}.group-icon{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.group-title h3{font-size:17px;font-weight:600;color:#1a1f36;background:linear-gradient(135deg,#1a1f36 0%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.group-count{font-size:12px;color:#888;background:linear-gradient(135deg,rgba(102,126,234,.1) 0%,rgba(118,75,162,.1) 100%);padding:3px 12px;border-radius:12px;font-weight:500;color:#667eea;border:1px solid rgba(102,126,234,.15)}.config-list{padding:12px}.config-item-card{padding:20px 24px;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);margin:4px;position:relative;background:transparent;border:1px solid transparent}.config-item-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;padding:1px;background:linear-gradient(135deg,transparent,rgba(102,126,234,.1),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.config-item-card:hover{background:linear-gradient(135deg,rgba(102,126,234,.04) 0%,rgba(118,75,162,.03) 100%);transform:translate(4px);box-shadow:0 4px 16px #667eea14}.config-item-card:hover:before{opacity:1}.config-item-header{margin-bottom:14px}.config-info{display:flex;flex-direction:column;gap:6px}.config-key{font-size:15px;font-weight:600;color:#1a1f36;font-family:SF Mono,Consolas,monospace;position:relative;display:inline-block}.config-key:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);opacity:0;transition:all .3s ease}.config-item-card:hover .config-key:before{opacity:1;left:-14px}.config-desc{font-size:13px;color:#888;line-height:1.5}.config-textarea-wrapper{background:#fff;border:1.5px solid #e8eaf0;border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000005}.config-textarea-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea1a;transform:translateY(-1px)}.config-textarea-wrapper :global(.adm-textarea-element){font-size:14px!important;line-height:1.6!important;padding:14px 16px!important;color:#333!important}.config-textarea-wrapper :global(.adm-textarea-placeholder){color:#bbb!important}.config-switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.switch-value-label{font-size:14px;font-weight:500;color:#888;transition:color .3s ease}.custom-switch.checked~.switch-value-label{color:#667eea}.custom-switch{cursor:pointer;-webkit-user-select:none;user-select:none}.switch-track{width:54px;height:30px;background:#e8eaf0;border-radius:15px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #00000014}.custom-switch.checked .switch-track{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 12px #667eea66,inset 0 1px 3px #0000001a}.switch-thumb{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #00000026,0 1px 2px #0000001a}.custom-switch.checked .switch-thumb{left:27px;box-shadow:0 3px 10px #0003,0 0 10px #ffffff4d}.config-switch-row:has(.custom-switch.checked) .switch-value-label{color:#667eea}.empty-config{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:rgba(255,255,255,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.empty-config:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(102,126,234,.06) 0%,transparent 70%);border-radius:50%}.empty-config .empty-icon{font-size:56px;margin-bottom:20px;opacity:.6;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.empty-config p{font-size:15px;color:#999;position:relative;z-index:1}.admin-finance-page{padding:24px 28px;flex:1;display:flex;flex-direction:column;gap:24px}.finance-header{background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);box-shadow:0 12px 32px #00b89459,0 0 60px #00b8941a}.finance-content{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #0000000f}.finance-tabs{display:flex;gap:6px;margin-bottom:24px;flex-wrap:wrap}.finance-tab-btn{padding:8px 18px;border-radius:12px;border:none;cursor:pointer;background:rgba(245,246,250,.8);color:#666;font-size:13px;font-weight:500;transition:all .25s ease;border:1px solid transparent}.finance-tab-btn:hover{background:rgba(238,240,247,.9);color:#333;transform:translateY(-1px)}.finance-tab-btn.active{background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);color:#fff;box-shadow:0 4px 14px #00b89459}.admin-points-page{padding:24px 28px;flex:1;display:flex;flex-direction:column;gap:24px}.points-header{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 12px 32px #f5576c59,0 0 60px #f5576c1a}.points-content{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 20px #0000000f}.points-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.points-tab-btn{padding:9px 20px;border-radius:12px;border:none;cursor:pointer;background:rgba(245,246,250,.8);color:#666;font-size:14px;font-weight:500;transition:all .25s ease}.points-tab-btn:hover{background:rgba(238,240,247,.9);color:#333;transform:translateY(-1px)}.points-tab-btn.active{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:#fff;box-shadow:0 4px 14px #f5576c59}.points-adjust-btn{margin-left:auto;padding:9px 20px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,#00b894 0%,#00cec9 100%);color:#fff;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 14px #00b8944d}.points-adjust-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00b89466}.points-stats-section{display:flex;flex-direction:column;gap:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{position:relative;padding:20px 22px;border-radius:16px;color:#fff;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default}.stat-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #0000002e}.stat-card:before{content:"";position:absolute;top:-50%;right:-20%;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.25) 0%,transparent 70%);border-radius:50%;animation:statFloat 6s ease-in-out infinite}.stat-card:after{content:"";position:absolute;bottom:-30%;left:-10%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);border-radius:50%;animation:statFloat 8s ease-in-out infinite reverse}@keyframes statFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(5px,-5px) scale(1.05)}}.stat-card-label{font-size:13px;opacity:.85;margin-bottom:10px;position:relative;z-index:1}.stat-card-value{font-size:28px;font-weight:700;line-height:1.2;position:relative;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.1)}.stat-card-sub{font-size:14px;font-weight:400;opacity:.7;margin-left:2px}.stat-card-icon{position:absolute;right:16px;bottom:12px;font-size:36px;opacity:.25;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.stat-card-pink{background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);box-shadow:0 6px 20px #ff6b9d66,0 0 30px #ff6b9d26}.stat-card-pink:hover{box-shadow:0 12px 32px #ff6b9d80,0 0 40px #ff6b9d33}.stat-card-red{background:linear-gradient(135deg,#ff4757 0%,#ff6b81 100%);box-shadow:0 6px 20px #ff475766,0 0 30px #ff475726}.stat-card-red:hover{box-shadow:0 12px 32px #ff475780,0 0 40px #ff475733}.stat-card-green{background:linear-gradient(135deg,#00b894 0%,#55efc4 100%);box-shadow:0 6px 20px #00b89466,0 0 30px #00b89426}.stat-card-green:hover{box-shadow:0 12px 32px #00b89480,0 0 40px #00b89433}.stat-card-orange{background:linear-gradient(135deg,#ffa502 0%,#ff7f50 100%);box-shadow:0 6px 20px #ffa50266,0 0 30px #ffa50226}.stat-card-orange:hover{box-shadow:0 12px 32px #ffa50280,0 0 40px #ffa50233}.stat-card-teal{background:linear-gradient(135deg,#2ed573 0%,#7bed9f 100%);box-shadow:0 6px 20px #2ed57366,0 0 30px #2ed57326}.stat-card-teal:hover{box-shadow:0 12px 32px #2ed57380,0 0 40px #2ed57333}.stat-card-purple{background:linear-gradient(135deg,#5352ed 0%,#a29bfe 100%);box-shadow:0 6px 20px #5352ed66,0 0 30px #5352ed26}.stat-card-purple:hover{box-shadow:0 12px 32px #5352ed80,0 0 40px #5352ed33}.module-stats-card{background:rgba(255,255,255,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:22px;border:1px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #0000000d}.module-stats-title{margin:0 0 18px;font-size:16px;font-weight:600;color:#1a1f36;background:linear-gradient(135deg,#1a1f36 0%,#667eea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.module-stat-row{display:flex;align-items:center;gap:14px;margin-bottom:12px}.module-stat-row:last-child{margin-bottom:0}.module-stat-name{min-width:100px;font-size:13px;color:#555;font-weight:500}.module-stat-bar{flex:1;height:24px;background:rgba(245,246,250,.8);border-radius:12px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000a}.module-stat-fill{height:100%;background:linear-gradient(90deg,#f093fb 0%,#f5576c 100%);border-radius:12px;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #f5576c4d}.module-stat-value{min-width:60px;text-align:right;font-size:14px;font-weight:600;color:#1a1f36}.module-stat-count{min-width:45px;text-align:right;font-size:12px;color:#999}.module-stats-empty{text-align:center;padding:36px 20px;color:#bbb;font-size:13px}@media (max-width: 900px){.admin-sidebar{transform:translate(-100%);width:260px}.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0003}.sidebar-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-main{margin-left:0}.menu-toggle{display:block}.top-bar{padding:0 16px;height:56px}.admin-config-page,.admin-finance-page,.admin-points-page{padding:16px}.config-header-card{flex-direction:column;align-items:flex-start;gap:18px;padding:24px;border-radius:16px}.save-btn{width:100%;justify-content:center}.group-header{padding:18px 20px}.config-item-card{padding:16px}.page-header-card{flex-direction:column;align-items:flex-start;gap:16px}.page-header-stats{width:100%}.page-stat-item{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 600px){.top-bar-title{font-size:16px}.stat-badge{padding:4px 10px;font-size:12px}.header-icon{width:48px;height:48px;font-size:24px}.header-text h2{font-size:20px}.header-text p{font-size:13px}.config-key{font-size:14px}.config-desc{font-size:12px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:18px 20px}.stat-card-value{font-size:24px}}.notification-toast-container{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;width:calc(100% - 24px);max-width:420px;pointer-events:none}.notification-toast{position:relative;display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:14px;box-shadow:0 8px 30px #00000026;cursor:pointer;pointer-events:auto;overflow:hidden;animation:toastSlideIn .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-toast-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;position:relative}.notification-toast-avatar{position:absolute;left:38px;top:6px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;z-index:1}.notification-toast-content{flex:1;min-width:0;padding-left:8px}.notification-toast-title{font-size:14px;font-weight:600;color:#333;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-toast-text{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-toast-close{width:24px;height:24px;border:none;background:#f0f0f0;border-radius:50%;font-size:11px;color:#999;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-toast-close:active{background:#e0e0e0}.notification-toast-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#f0f0f0}.notification-toast-progress-bar{height:100%;border-radius:0 3px 0 14px;animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.pwa-install-banner{position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 12px);left:12px;right:12px;z-index:var(--z-dropdown);animation:pwaSlideUp .4s var(--ease-out-back)}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pwa-install-content{display:flex;align-items:center;gap:12px;padding:12px 14px 12px 12px;background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%);border-radius:var(--radius-xl);box-shadow:0 8px 24px #ff6b9d59,0 4px 12px #c44cff40,0 2px 6px #0000001a;position:relative;overflow:hidden}.pwa-install-content:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.15);filter:blur(20px);top:-30px;left:-20px;pointer-events:none}.pwa-install-content:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(15px);bottom:-20px;right:20%;pointer-events:none}.pwa-install-icon{width:44px;height:44px;flex-shrink:0;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;animation:pwaIconBounce 2s ease-in-out infinite}@keyframes pwaIconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pwa-install-icon svg{display:block}.pwa-install-text{flex:1;display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;min-width:0}.pwa-install-title{font-size:15px;font-weight:600;color:#fff;line-height:1.3}.pwa-install-desc{font-size:12px;color:#fffc;line-height:1.3}.pwa-install-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative;z-index:1}.pwa-install-btn{background:rgba(255,255,255,.95);color:#ff6b9d;border:none;border-radius:var(--radius-round);padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s var(--ease-out-back);white-space:nowrap;box-shadow:0 2px 8px #0000001a}.pwa-install-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.pwa-install-btn:active{transform:scale(.95);box-shadow:0 1px 4px #0000001a}.pwa-install-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.pwa-install-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.8}.pwa-install-close:hover{background:rgba(255,255,255,.3);opacity:1;transform:scale(1.1)}.pwa-install-close:active{transform:scale(.9)}@media screen and (min-width: 768px){.pwa-install-banner{max-width:456px;left:50%;right:auto;transform:translate(-50%);animation:pwaSlideUpDesktop .4s var(--ease-out-back)}@keyframes pwaSlideUpDesktop{0%{opacity:0;transform:translate(-50%) translateY(30px)}to{opacity:1;transform:translate(-50%) translateY(0)}}}@media (max-width: 360px){.pwa-install-banner{left:8px;right:8px;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + 8px)}.pwa-install-content{padding:10px 12px 10px 10px;gap:10px}.pwa-install-icon{width:38px;height:38px}.pwa-install-icon svg{width:20px;height:20px}.pwa-install-title{font-size:14px}.pwa-install-desc{font-size:11px}.pwa-install-btn{padding:7px 14px;font-size:12px}.pwa-install-close{width:26px;height:26px}}.app-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fef6f9 0%,#faf2ff 20%,#f7f0ff 40%,#f2ecff 60%,#f0f4ff 80%,#f7f8fa 100%);position:relative;overflow:hidden}.app-layout .bg-decor,.app-layout:after,.app-layout .bg-decor{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;z-index:0;pointer-events:none}.app-layout:before{width:320px;height:320px;background:#ff6b9d;top:-100px;left:-80px;animation:layoutBlobFloat 8s ease-in-out infinite}.app-layout:after{width:280px;height:280px;background:#c44cff;top:15%;right:-90px;animation:layoutBlobFloat 11s ease-in-out infinite reverse}.app-layout .bg-decor{width:200px;height:200px;background:#667eea;bottom:30%;left:10%;opacity:.15;animation:layoutBlobFloat 14s ease-in-out infinite;animation-delay:-4s}@keyframes layoutBlobFloat{0%,to{transform:translateY(0) scale(1) translate(0)}25%{transform:translateY(15px) scale(1.05) translate(10px)}50%{transform:translateY(25px) scale(1.08) translate(-5px)}75%{transform:translateY(10px) scale(1.03) translate(8px)}}.app-content{flex:1;padding-bottom:calc(var(--tabbar-height) + var(--safe-bottom));min-height:0;position:relative;z-index:1}.app-content:before{content:"";position:sticky;top:0;left:0;right:0;height:50px;background:linear-gradient(180deg,rgba(254,246,249,.95) 0%,rgba(250,242,255,.7) 40%,transparent 100%);z-index:5;pointer-events:none;display:block;margin-bottom:-50px}.app-content:after{content:"";position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom));left:0;right:0;height:30px;background:linear-gradient(0deg,rgba(247,248,250,.9) 0%,transparent 100%);z-index:5;pointer-events:none}@media screen and (min-width: 768px){.app-content:after{max-width:480px;left:50%;right:auto;transform:translate(-50%)}}.app-tabbar{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);background:rgba(255,255,255,.65);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-top:.5px solid rgba(255,255,255,.7);box-shadow:0 -4px 30px #0000000f,0 -1px #fffc inset,0 -.5px #ff6b9d1a;padding-bottom:var(--safe-bottom);height:calc(var(--tabbar-height) + var(--safe-bottom));display:flex;align-items:stretch}.app-tabbar:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:70%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,107,157,.4) 20%,rgba(196,76,255,.6) 50%,rgba(255,107,157,.4) 80%,transparent 100%);box-shadow:0 0 10px #ff6b9d40,0 0 16px #c44cff33;z-index:1;pointer-events:none;opacity:.8}.app-tabbar:after{content:"";position:absolute;bottom:-20px;left:10%;right:10%;height:40px;background:radial-gradient(ellipse at center,rgba(255,107,157,.08) 0%,transparent 70%);z-index:-1;pointer-events:none}.app-tabbar .adm-tab-bar{flex:1;height:var(--tabbar-height);--color: var(--text-secondary);--active-color: var(--primary-color);background:transparent!important;border-top:none!important;padding-bottom:0!important}.app-tabbar .adm-tab-bar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0 4px;transition:all .3s var(--ease-out-back);position:relative;overflow:hidden}.app-tabbar .adm-tab-bar-item:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255,107,157,.15) 0%,rgba(196,76,255,.1) 50%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .15s ease}.app-tabbar .adm-tab-bar-item:active:before{width:120px;height:120px;opacity:1;animation:tabRipple .5s ease-out}@keyframes tabRipple{0%{width:0;height:0;opacity:.8}to{width:120px;height:120px;opacity:0}}.app-tabbar .adm-tab-bar-item-icon{font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .3s var(--ease-out-back);position:relative}.app-tabbar .adm-tab-bar-item-title{font-size:11px;font-weight:500;line-height:1.2;margin-top:1px;transition:all .3s var(--ease-out-back)}.app-tabbar .adm-tab-bar-item-active .adm-tab-bar-item-title{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;text-shadow:0 0 8px rgba(255,107,157,.3)}.app-tabbar .adm-tab-bar-item-active .adm-tab-bar-item-icon{transform:scale(1.18) translateY(-3px);filter:drop-shadow(0 4px 8px rgba(255,107,157,.4)) drop-shadow(0 0 10px rgba(196,76,255,.3)) drop-shadow(0 0 20px rgba(255,107,157,.2));animation:tabIconBounce .55s var(--ease-out-back)}@keyframes tabIconBounce{0%{transform:scale(1) translateY(0)}30%{transform:scale(1.3) translateY(-8px)}55%{transform:scale(1.1) translateY(-2px)}75%{transform:scale(1.2) translateY(-5px)}to{transform:scale(1.18) translateY(-3px)}}.app-tabbar .adm-tab-bar-item-active{transform:translateY(-4px)}.app-tabbar .adm-tab-bar-item-active:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:var(--gradient-primary);box-shadow:0 0 6px #ff6b9db3,0 0 12px #c44cff80,0 0 18px #ff6b9d4d;animation:indicatorGlow 2s ease-in-out infinite}@keyframes indicatorGlow{0%,to{box-shadow:0 0 6px #ff6b9db3,0 0 12px #c44cff80,0 0 18px #ff6b9d4d}50%{box-shadow:0 0 10px #ff6b9de6,0 0 18px #c44cffb3,0 0 26px #ff6b9d66}}.app-tabbar .adm-badge{--badge-color: var(--error-color);font-size:10px;font-weight:600}.app-tabbar .adm-badge-content{min-width:16px;height:16px;padding:0 5px;font-size:10px;line-height:16px;border-radius:8px;box-shadow:0 2px 6px #ff475759,0 0 0 1.5px #ffffffe6;background:linear-gradient(135deg,#ff6b7a 0%,#ff4757 100%)}.tab-icon-wrapper{width:24px;height:24px;display:flex;align-items:center;justify-content:center;position:relative}.tab-icon-wrapper svg{width:22px;height:22px}.tab-publish-btn{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:56px;height:56px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;box-shadow:0 6px 20px #ff6b9d66,0 0 0 3px #ffffffe6,0 0 20px #c44cff4d;cursor:pointer;transition:all var(--transition-normal) var(--ease-out-back);z-index:101;animation:publishGlow 2.5s ease-in-out infinite}@keyframes publishGlow{0%,to{box-shadow:0 6px 20px #ff6b9d66,0 0 0 3px #ffffffe6,0 0 20px #c44cff4d}50%{box-shadow:0 8px 28px #ff6b9d8c,0 0 0 3px #fffffff2,0 0 30px #c44cff73}}.tab-publish-btn:hover{transform:translate(-50%) scale(1.08);box-shadow:0 10px 28px #ff6b9d80,0 0 0 3px #fffffff2,0 0 28px #c44cff66}.tab-publish-btn:active{transform:translate(-50%) scale(.95)}@supports (padding-bottom: env(safe-area-inset-bottom)){.app-tabbar{padding-bottom:var(--safe-bottom);height:calc(var(--tabbar-height) + var(--safe-bottom))}}@media screen and (min-width: 768px){.app-layout{max-width:480px;margin:0 auto;position:relative;box-shadow:0 0 40px #0000000f,0 0 0 1px #ffffff80}.app-tabbar{max-width:480px;left:50%;right:auto;transform:translate(-50%);border-left:1px solid rgba(255,255,255,.4);border-right:1px solid rgba(255,255,255,.4)}}@keyframes tabBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.tab-bounce{animation:tabBounce .3s ease}*{margin:0;padding:0;box-sizing:border-box}.admin-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#f0f4ff 0%,#e8ecf3 50%,#f5f7fa 100%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.admin-layout:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 20%,rgba(99,102,241,.04) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(168,85,247,.04) 0%,transparent 40%);pointer-events:none;z-index:0}.admin-sidebar{width:240px;background:linear-gradient(180deg,#0f0c29 0%,#302b63 50%,#24243e 100%);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 32px #0f0c2966;overflow:hidden}.admin-sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(15,12,41,.7);pointer-events:none;z-index:0}.admin-sidebar:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.2) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.15) 0%,transparent 50%);pointer-events:none;animation:sidebar-glow 15s ease-in-out infinite alternate;z-index:0}@keyframes sidebar-glow{0%{transform:translate(0) rotate(0)}to{transform:translate(-5%,5%) rotate(3deg)}}.admin-sidebar>*{position:relative;z-index:1}.sidebar-header{padding:28px 24px 24px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.4),transparent)}.sidebar-logo{display:flex;align-items:center;gap:14px}.logo-badge{width:46px;height:46px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);box-shadow:0 0 24px #6366f180,0 0 48px #8b5cf64d,inset 0 1px #ffffff40;display:flex;align-items:center;justify-content:center;position:relative;animation:logo-pulse 3s ease-in-out infinite}@keyframes logo-pulse{0%,to{box-shadow:0 0 24px #6366f180,0 0 48px #8b5cf64d,inset 0 1px #ffffff40}50%{box-shadow:0 0 32px #6366f1b3,0 0 64px #8b5cf666,inset 0 1px #ffffff40}}.logo-badge:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:logo-shine 4s ease-in-out infinite}@keyframes logo-shine{0%,to{left:-100%}50%{left:100%}}.logo-badge svg{width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(0,0,0,.25))}.logo-text h3{font-size:17px;font-weight:700;background:linear-gradient(135deg,#ffffff 0%,#c7d2fe 50%,#a5b4fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:3px;letter-spacing:.5px}.logo-text span{font-size:11px;color:#fff6;letter-spacing:2.5px;text-transform:uppercase}.sidebar-nav{flex:1;padding:20px 14px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;position:relative}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;color:#fff9;font-size:14px;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.15) 0%,rgba(168,85,247,.1) 100%);opacity:0;transition:opacity .3s ease;border-radius:12px}.nav-item:hover{color:#fffffff2;transform:translate(6px)}.nav-item:hover:before{opacity:1}.nav-item:hover .nav-icon{transform:scale(1.2) rotate(-5deg);filter:drop-shadow(0 0 10px rgba(168,85,247,.9))}.nav-item.active{background:linear-gradient(135deg,rgba(236,72,153,.25) 0%,rgba(168,85,247,.25) 100%);color:#fff;font-weight:500;box-shadow:0 4px 20px #ec489933,0 0 30px #a855f726,inset 0 1px #ffffff1f}.nav-item.active:before{opacity:1;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 100%)}.nav-item.active:after{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:32px;background:linear-gradient(180deg,#ec4899 0%,#a855f7 50%,#6366f1 100%);border-radius:0 4px 4px 0;box-shadow:0 0 14px #ec4899e6,0 0 28px #a855f780}.nav-item.active .nav-icon{animation:icon-bounce .6s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 10px rgba(236,72,153,.8))}@keyframes icon-bounce{0%{transform:scale(1)}30%{transform:scale(1.3)}50%{transform:scale(.9)}70%{transform:scale(1.1)}to{transform:scale(1)}}.nav-icon{font-size:19px;width:26px;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:1;flex-shrink:0}.nav-label{flex:1;position:relative;z-index:1;font-weight:400}.nav-indicator{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ec4899 0%,#a855f7 100%);box-shadow:0 0 12px #ec4899,0 0 24px #a855f799;animation:indicator-pulse 2s ease-in-out infinite;position:relative;z-index:1}@keyframes indicator-pulse{0%,to{transform:scale(1);box-shadow:0 0 12px #ec4899,0 0 24px #a855f799}50%{transform:scale(1.25);box-shadow:0 0 16px #ec4899,0 0 32px #a855f7cc}}.sidebar-footer{padding:20px 18px;border-top:1px solid rgba(255,255,255,.08);position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.05) 100%)}.sidebar-footer:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent)}.admin-info{display:flex;align-items:center;gap:12px;margin-bottom:14px}.admin-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;flex-shrink:0;position:relative;animation:avatar-glow 3s ease-in-out infinite}@keyframes avatar-glow{0%,to{box-shadow:0 0 12px #6366f180,0 0 24px #8b5cf64d,inset 0 1px #fff3}50%{box-shadow:0 0 18px #6366f1b3,0 0 36px #8b5cf666,inset 0 1px #fff3}}.admin-avatar:after{content:"";position:absolute;bottom:0;right:0;width:14px;height:14px;background:#10b981;border:2.5px solid #1e1b4b;border-radius:50%;animation:online-pulse 2s ease-in-out infinite}@keyframes online-pulse{0%,to{box-shadow:0 0 8px #10b981cc}50%{box-shadow:0 0 14px #10b981,0 0 24px #10b98180}}.admin-detail{display:flex;flex-direction:column;gap:3px;overflow:hidden;flex:1;min-width:0}.admin-name{font-size:14px;color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-role{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;color:#fff;background:linear-gradient(135deg,rgba(236,72,153,.3) 0%,rgba(168,85,247,.3) 100%);border:1px solid rgba(236,72,153,.3);border-radius:10px;font-weight:500;width:fit-content}.logout-btn{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#ffffff8c;border-radius:12px;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn:hover{background:linear-gradient(135deg,rgba(239,68,68,.2) 0%,rgba(220,38,38,.15) 100%);border-color:#ef444480;color:#fca5a5;transform:translateY(-2px);box-shadow:0 6px 20px #ef444440,0 0 20px #ef44441a}.logout-btn:active{transform:translateY(0) scale(.97)}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.top-bar{height:68px;background:rgba(255,255,255,.8);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(226,232,240,.6);display:flex;align-items:center;padding:0 32px;gap:16px;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #00000008,0 4px 24px #00000005}.top-bar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.2) 20%,rgba(168,85,247,.2) 50%,rgba(99,102,241,.2) 80%,transparent 100%)}.menu-toggle{display:none;background:none;border:none;font-size:22px;cursor:pointer;color:#475569;padding:8px 12px;border-radius:10px;transition:all .25s ease}.menu-toggle:hover{background:rgba(99,102,241,.08);color:#6366f1;transform:scale(1.05)}.menu-toggle:active{transform:scale(.95)}.top-bar-title{font-size:19px;font-weight:600;background:linear-gradient(135deg,#1e293b 0%,#334155 40%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;flex:1;display:flex;align-items:center;gap:12px}.top-bar-title:before{content:"";width:4px;height:22px;background:linear-gradient(180deg,#ec4899 0%,#a855f7 100%);border-radius:2px;display:inline-block;box-shadow:0 0 10px #ec489966}.top-bar-stats{display:flex;align-items:center;gap:12px}.stat-badge{display:flex;align-items:center;gap:8px;padding:8px 18px;background:linear-gradient(135deg,rgba(16,185,129,.1) 0%,rgba(6,182,212,.1) 100%);border:1px solid rgba(16,185,129,.2);border-radius:24px;font-size:13px;color:#059669;font-weight:500;transition:all .3s ease;cursor:default}.stat-badge:hover{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,rgba(6,182,212,.15) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98126}.stat-icon{font-size:9px;color:#10b981;animation:pulse-dot 2s ease-in-out infinite;position:relative}.stat-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border-radius:50%;background:#10b981;animation:ripple 2s ease-out infinite}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.version-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.12);border-radius:20px;font-size:12px;color:#6366f1;font-weight:500;transition:all .3s ease}.version-badge:hover{background:rgba(99,102,241,.1);transform:translateY(-1px)}.admin-content{flex:1;padding:28px 32px;overflow-y:auto;position:relative;z-index:1;animation:contentFadeIn .4s cubic-bezier(.4,0,.2,1)}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.admin-content>*{animation:cardFadeInUp .5s cubic-bezier(.4,0,.2,1) backwards}.admin-content>*:nth-child(1){animation-delay:.05s}.admin-content>*:nth-child(2){animation-delay:.1s}.admin-content>*:nth-child(3){animation-delay:.15s}.admin-content>*:nth-child(4){animation-delay:.2s}.admin-content>*:nth-child(5){animation-delay:.25s}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fade-in .25s ease}.confirm-dialog{background:#fff;border-radius:20px;width:80%;max-width:380px;padding:36px 32px 0;text-align:center;animation:slide-up .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 60px -12px #00000040,0 0 0 1px #ffffff1a inset,0 0 60px #6366f11a;position:relative;overflow:hidden}.confirm-dialog:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ec4899,#a855f7,#6366f1)}.confirm-icon{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 4px 10px rgba(239,68,68,.3));animation:confirm-shake .6s ease}@keyframes confirm-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.confirm-title{font-size:19px;font-weight:600;color:#1e293b;margin-bottom:10px}.confirm-desc{font-size:14px;color:#64748b;margin-bottom:28px;line-height:1.6}.confirm-actions{display:flex;border-top:1px solid #f1f5f9;margin:0 -32px}.confirm-btn{flex:1;padding:16px 0;border:none;background:#fff;font-size:15px;cursor:pointer;transition:all .25s ease;font-weight:500}.confirm-btn.cancel{color:#64748b;border-right:1px solid #f1f5f9;border-radius:0 0 0 20px}.confirm-btn.cancel:hover{background:#f8fafc;color:#475569}.confirm-btn.ok{color:#ef4444;font-weight:600;border-radius:0 0 20px}.confirm-btn.ok:hover{background:#fef2f2;color:#dc2626}.sidebar-mask{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-content .page-transition-enter{opacity:0;transform:translateY(10px)}.admin-content .page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}@media (min-width: 1441px){.admin-sidebar{width:260px}.admin-main{margin-left:260px}.top-bar{height:72px;padding:0 36px}.admin-content{padding:32px 36px}.sidebar-header{padding:32px 28px 28px}.sidebar-nav{padding:24px 16px;gap:8px}.nav-item{padding:14px 20px;font-size:15px}.sidebar-footer{padding:24px 20px}}@media (max-width: 1024px) and (min-width: 769px){.admin-sidebar{transform:translate(-100%);width:250px}.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 40px #0f0c2959}.sidebar-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.45);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99;animation:fade-in .25s ease}.admin-main{margin-left:0}.menu-toggle{display:block}.top-bar{padding:0 20px;height:64px}.admin-content{padding:20px}}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);width:280px;max-width:85vw}.admin-sidebar.open{transform:translate(0);box-shadow:4px 0 40px #0f0c2966}.sidebar-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:99;animation:fade-in .25s ease}.admin-main{margin-left:0}.menu-toggle{display:block;padding:6px 10px;font-size:20px}.top-bar{padding:0 16px;height:60px;gap:10px}.top-bar-title{font-size:16px;gap:8px}.top-bar-title:before{height:18px;width:3px}.top-bar-stats{gap:8px}.stat-badge{padding:6px 12px;font-size:12px;gap:6px}.version-badge{display:none}.admin-content{padding:16px}.confirm-dialog{width:90%;max-width:none;padding:28px 24px 0}.confirm-actions{margin:0 -24px}.confirm-icon{font-size:42px}}@media (max-width: 480px){.admin-sidebar{width:85vw}.admin-content{padding:12px}.top-bar-title{font-size:15px}.stat-badge{padding:5px 10px;font-size:11px}}:root{--primary-color: #ff6b9d;--secondary-color: #c44cff;--gradient-primary: linear-gradient(135deg, #ff6b9d 0%, #c44cff 100%);--gradient-primary-hover: linear-gradient(135deg, #ff85b0 0%, #d066ff 100%);--success-color: #00b894;--warning-color: #fdcb6e;--error-color: #ff4757;--info-color: #74b9ff;--bg-color: #f7f8fa;--card-bg: #ffffff;--bg-secondary: #f0f2f5;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-light: #cccccc;--text-white: #ffffff;--border-color: #f0f0f0;--border-light: #f5f5f5;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 12px 32px rgba(0, 0, 0, .12);--shadow-2xl: 0 20px 48px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 16px rgba(255, 107, 157, .3);--shadow-primary-lg: 0 8px 24px rgba(255, 107, 157, .4);--shadow-glow: 0 0 20px rgba(255, 107, 157, .5);--shadow-glow-purple: 0 0 20px rgba(196, 76, 255, .5);--shadow-glow-gold: 0 0 16px rgba(255, 193, 7, .6);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .06);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-round: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-xxl: 24px;--spacing-xxxl: 32px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 22px;--font-size-display: 36px;--font-size-headline: 28px;--font-size-title: 24px;--font-size-subtitle: 20px;--font-size-caption: 10px;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--gradient-pink-purple: linear-gradient(135deg, #ff6b9d 0%, #c44cff 100%);--gradient-pink-orange: linear-gradient(135deg, #ff6b9d 0%, #ffa07a 100%);--gradient-purple-blue: linear-gradient(135deg, #c44cff 0%, #667eea 100%);--gradient-blue-cyan: linear-gradient(135deg, #667eea 0%, #00d4ff 100%);--gradient-gold-orange: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);--gradient-green-teal: linear-gradient(135deg, #00b894 0%, #00cec9 100%);--gradient-rainbow: linear-gradient(135deg, #ff6b9d 0%, #c44cff 50%, #667eea 100%);--gradient-sunset: linear-gradient(135deg, #ff6b9d 0%, #ffa07a 50%, #ffd700 100%);--gradient-ocean: linear-gradient(135deg, #667eea 0%, #00d4ff 50%, #00b894 100%);--gradient-aurora: linear-gradient(135deg, #c44cff 0%, #00d4ff 50%, #00b894 100%);--gradient-radial-pink: radial-gradient(circle at 30% 30%, #ff85b0 0%, #ff6b9d 50%, #e05580 100%);--gradient-radial-purple: radial-gradient(circle at 30% 30%, #d066ff 0%, #c44cff 50%, #a030dd 100%);--gradient-radial-gold: radial-gradient(circle at 30% 30%, #ffe066 0%, #ffd700 50%, #ffb800 100%);--gradient-diagonal-tl: linear-gradient(to bottom right, var(--primary-color), var(--secondary-color));--gradient-diagonal-tr: linear-gradient(to bottom left, var(--primary-color), var(--secondary-color));--gradient-horizontal: linear-gradient(to right, var(--primary-color), var(--secondary-color));--gradient-vertical: linear-gradient(to bottom, var(--primary-color), var(--secondary-color));--glass-bg: rgba(255, 255, 255, .7);--glass-bg-light: rgba(255, 255, 255, .5);--glass-bg-strong: rgba(255, 255, 255, .85);--glass-bg-dark: rgba(30, 30, 50, .6);--glass-bg-dark-strong: rgba(20, 20, 40, .8);--glass-border: rgba(255, 255, 255, .3);--glass-border-light: rgba(255, 255, 255, .2);--glass-border-dark: rgba(255, 255, 255, .15);--glass-blur: blur(20px);--glass-blur-light: blur(10px);--glass-blur-strong: blur(30px);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--vip-gold: #ffd700;--vip-gold-dark: #ffb800;--vip-gradient: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%);--live-red: #ff4757;--live-red-light: #ff6b7a;--match-pink: #ff6b9d;--message-blue: #5b8def;--gift-purple: #c44cff;--coin-yellow: #ffd700;--diamond-cyan: #00d4ff;--crown-gold: linear-gradient(180deg, #ffe066 0%, #ffb800 100%);--heart-red: #ff4757;--star-gold: #ffd700;--fire-orange: #ff6b35;--dark-bg: #121225;--dark-bg-secondary: #1a1a35;--dark-card-bg: #1e1e3f;--dark-card-bg-hover: #282850;--dark-text-primary: #ffffff;--dark-text-secondary: #b0b0d0;--dark-text-muted: #8080a0;--dark-border: rgba(255, 255, 255, .1);--dark-border-light: rgba(255, 255, 255, .06);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--tabbar-height: 56px;--navbar-height: 44px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-out-elastic: cubic-bezier(.5, 1.5, .5, 1);--ease-out-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-instant: .1s;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--duration-slowest: .7s;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000;--z-tooltip: 3000;--z-overlay: 4000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-primary);font-size:var(--font-size-md);line-height:1.5}#root{width:100%;min-height:100%}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}button{border:none;outline:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit}input,textarea,select{outline:none;border:none;font-family:inherit;font-size:inherit;color:inherit;background:transparent}input::placeholder,textarea::placeholder{color:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}@media (min-width: 768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}::-webkit-scrollbar-track{background:transparent}}@media (max-width: 767px){::-webkit-scrollbar{width:0;height:0;display:none}*{-ms-overflow-style:none;scrollbar-width:none}}.page-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--bg-color)}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--spacing-xl);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-round);border:none;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-primary);-webkit-user-select:none;user-select:none}.btn-primary:hover{background:var(--gradient-primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #ff6b9d66}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #ff6b9d4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--spacing-xl);background:var(--card-bg);color:var(--primary-color);font-size:var(--font-size-md);font-weight:600;border-radius:var(--radius-round);border:1.5px solid var(--primary-color);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.btn-secondary:hover{background:rgba(255,107,157,.06);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0) scale(.98)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bottom)}.safe-left{padding-left:var(--safe-left)}.safe-right{padding-right:var(--safe-right)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1;min-width:0;min-height:0}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-primary{color:var(--primary-color)}.text-secondary-color{color:var(--secondary-color)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-100{opacity:1}.w-full{width:100%}.h-full{height:100%}.min-h-full{min-height:100%}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.pointer-none{pointer-events:none}.pointer-auto{pointer-events:auto}.select-none{user-select:none;-webkit-user-select:none}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.glass-light{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border-light)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);color:#fff}.glass-dark-strong{background:var(--glass-bg-dark-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border-dark);color:#fff}.glass-strong{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border)}.glass-button{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-lg);height:40px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-round);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.glass-button:hover{background:var(--glass-bg-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.glass-button:active{transform:translateY(0) scale(.97)}.glass-navbar{background:var(--glass-bg);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid var(--glass-border-light)}.glass-tabbar{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border-top:1px solid var(--glass-border-light)}.glass-modal{background:var(--glass-bg-strong);backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.glass-input{background:var(--glass-bg-light);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.glass-input:focus{background:var(--glass-bg);border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b9d1a}.glass-tag{display:inline-flex;align-items:center;padding:2px 10px;background:var(--glass-bg);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-round);font-size:var(--font-size-xs)}.neu-card{background:var(--bg-color);border-radius:var(--radius-lg);box-shadow:8px 8px 16px #0000000f,-8px -8px 16px #fffc}.neu-card-sm{background:var(--bg-color);border-radius:var(--radius-md);box-shadow:4px 4px 8px #0000000d,-4px -4px 8px #ffffffb3}.neu-button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 var(--spacing-xl);background:var(--bg-color);border:none;border-radius:var(--radius-round);color:var(--primary-color);font-weight:600;cursor:pointer;box-shadow:6px 6px 12px #0000000f,-6px -6px 12px #fffc;transition:all var(--transition-fast)}.neu-button:hover{box-shadow:8px 8px 16px #00000014,-8px -8px 16px #ffffffe6}.neu-button:active{box-shadow:inset 4px 4px 8px #0000000f,inset -4px -4px 8px #ffffffb3}.neu-inset{background:var(--bg-color);border-radius:var(--radius-md);box-shadow:inset 4px 4px 8px #0000000d,inset -4px -4px 8px #ffffffb3}.neu-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-color);border-radius:50%;box-shadow:4px 4px 8px #0000000f,-4px -4px 8px #fffc;cursor:pointer;transition:all var(--transition-fast)}.neu-circle:active{box-shadow:inset 3px 3px 6px #0000000d,inset -3px -3px 6px #ffffffb3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(90deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}75%{transform:translateY(-12px) rotate(-2deg)}}@keyframes glow{0%,to{box-shadow:0 0 5px #ff6b9d80,0 0 10px #ff6b9d4d}50%{box-shadow:0 0 20px #ff6b9dcc,0 0 30px #c44cff80}}@keyframes glow-gold{0%,to{box-shadow:0 0 5px #ffd70080,0 0 10px #ffd7004d}50%{box-shadow:0 0 20px #ffd700cc,0 0 30px #ff8c0080}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes heart-beat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease}.animate-fadeInUp{animation:fadeInUp var(--transition-normal) var(--ease-out-quart)}.animate-fadeInDown{animation:fadeInDown var(--transition-normal) var(--ease-out-quart)}.animate-fadeInLeft{animation:fadeInLeft var(--transition-normal) var(--ease-out-quart)}.animate-fadeInRight{animation:fadeInRight var(--transition-normal) var(--ease-out-quart)}.animate-scaleIn{animation:scaleIn var(--transition-normal) var(--ease-out-back)}.animate-slideUp{animation:slideUp var(--duration-slow) var(--ease-out-quart)}.animate-flipInX{animation:flipInX var(--duration-slow) ease}.animate-spin{animation:spin .8s linear infinite}.animate-spin-slow{animation:spin 2s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-slow{animation:float-slow 6s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-glow-gold{animation:glow-gold 2s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-bounce-subtle{animation:bounce-subtle 2s ease-in-out infinite}.animate-wiggle{animation:wiggle 1s ease-in-out infinite}.animate-heart-beat{animation:heart-beat 1.3s ease-in-out infinite}.animate-shake{animation:shake .8s ease-in-out}.animate-swing{animation:swing 1s ease-in-out;transform-origin:top center}.animate-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}.delay-700{animation-delay:.7s}.delay-1000{animation-delay:1s}.duration-fast{animation-duration:.15s}.duration-normal{animation-duration:.25s}.duration-slow{animation-duration:.5s}.duration-slower{animation-duration:.7s}.animate-forwards{animation-fill-mode:forwards}.animate-backwards{animation-fill-mode:backwards}.animate-both{animation-fill-mode:both}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:600;line-height:1;color:#fff;background:var(--error-color);border-radius:9px;border:2px solid #fff}.badge-primary{background:var(--primary-color)}.badge-success{background:var(--success-color)}.badge-warning{background:var(--warning-color);color:#333}.badge-vip{background:var(--vip-gradient);color:#fff}.badge-dot{width:8px;height:8px;min-width:8px;padding:0;border-radius:50%}.tag{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-xs);line-height:1.4;border-radius:var(--radius-xs);background:rgba(255,107,157,.1);color:var(--primary-color);font-weight:500}.tag-primary{background:rgba(255,107,157,.1);color:var(--primary-color)}.tag-secondary{background:rgba(196,76,255,.1);color:var(--secondary-color)}.tag-success{background:rgba(0,184,148,.1);color:var(--success-color)}.tag-warning{background:rgba(253,203,110,.2);color:#e17055}.tag-error{background:rgba(255,71,87,.1);color:var(--error-color)}.tag-info{background:rgba(116,185,255,.15);color:var(--info-color)}.tag-gold{background:rgba(255,215,0,.15);color:#e6a800}.tag-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.tag-gradient{background:var(--gradient-primary);color:#fff}.tag-vip{background:var(--vip-gradient);color:#fff}.chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;font-size:var(--font-size-sm);border-radius:14px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.chip:hover{background:var(--border-color)}.chip-active{background:var(--gradient-primary);color:#fff;font-weight:500}.chip-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.chip-outline.chip-active{border-color:var(--primary-color);background:rgba(255,107,157,.08);color:var(--primary-color)}.chip-icon{margin-right:4px;font-size:14px}.chip-close{margin-left:6px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,0,0,.1);font-size:10px;line-height:1}.avatar-ring{position:relative;display:inline-block}.avatar-ring:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:var(--gradient-primary);z-index:-1}.avatar-ring-vip:before{background:var(--vip-gradient)}.avatar-ring-live:before{background:linear-gradient(135deg,#ff4757 0%,#ff6b35 100%);animation:breathe 2s ease-in-out infinite}.avatar-ring-rainbow:before{background:var(--gradient-rainbow);background-size:200% 200%;animation:gradient-shift 3s ease infinite}.avatar-ring-double:before{background:var(--gradient-primary)}.avatar-ring-double:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;background:var(--vip-gradient);z-index:-2;opacity:.5}.divider-glow{height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 50%,transparent 100%);opacity:.4}.divider-glow-strong{height:2px;background:linear-gradient(90deg,transparent 0%,var(--primary-color) 20%,var(--secondary-color) 80%,transparent 100%);opacity:.6;box-shadow:0 0 10px #ff6b9d80}.divider-glow-gold{height:2px;background:linear-gradient(90deg,transparent 0%,#ffd700 50%,transparent 100%);opacity:.6;box-shadow:0 0 10px #ffd70080}.divider-gradient{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent)}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 25%,#e8e8ed 50%,var(--bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:shimmer 1.5s ease-in-out infinite}.skeleton-circle{border-radius:50%}.skeleton-text{height:14px;border-radius:4px}.skeleton-title{height:18px;width:60%;border-radius:4px}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{height:120px;border-radius:var(--radius-lg)}.progress-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:var(--radius-round);overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-round);transition:width var(--transition-slow) var(--ease-out-quart)}.progress-bar-success .progress-bar-fill{background:var(--gradient-green-teal)}.progress-bar-warning .progress-bar-fill{background:var(--gradient-gold-orange)}.progress-bar-striped .progress-bar-fill{background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);background-size:20px 20px;animation:shimmer 1s linear infinite}.progress-circle{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.progress-circle-text{position:absolute;font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.stat-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-value{font-size:var(--font-size-xxl);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-card-label{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-xs)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);font-size:20px}.stat-card-icon.primary{background:rgba(255,107,157,.1);color:var(--primary-color)}.stat-card-icon.success{background:rgba(0,184,148,.1);color:var(--success-color)}.stat-card-icon.warning{background:rgba(253,203,110,.2);color:#e17055}.stat-card-icon.info{background:rgba(116,185,255,.15);color:var(--info-color)}.stat-card-gradient{background:var(--gradient-primary);color:#fff}.stat-card-gradient .stat-card-value{-webkit-text-fill-color:#fff;background:none;color:#fff}.stat-card-gradient .stat-card-label{color:#fffc}.bg-gradient-1{background:linear-gradient(135deg,#ff6b9d 0%,#c44cff 100%)}.bg-gradient-2{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.bg-gradient-3{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.bg-gradient-4{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.bg-gradient-5{background:linear-gradient(135deg,#fa709a 0%,#fee140 100%)}.bg-gradient-sunset{background:linear-gradient(to top,#ff9a9e 0%,#fecfef 99%,#fecfef 100%)}.bg-gradient-ocean{background:linear-gradient(to top,#a18cd1 0%,#fbc2eb 100%)}.bg-gradient-aurora{background:linear-gradient(to top,#00c6fb 0%,#005bea 100%)}.bg-gradient-dark{background:linear-gradient(135deg,#1a1a35 0%,#2d1b4e 100%)}.bg-pattern-dots{background-image:radial-gradient(circle,rgba(0,0,0,.05) 1px,transparent 1px);background-size:20px 20px}.bg-pattern-dots-light{background-image:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.bg-pattern-grid{background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:30px 30px}.bg-pattern-grid-light{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px}.bg-pattern-diagonal{background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px)}.bg-blob{position:relative;overflow:hidden}.bg-blob:before,.bg-blob:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.5;z-index:0}.bg-blob:before{background:#ff6b9d;top:-100px;left:-100px;animation:float 8s ease-in-out infinite}.bg-blob:after{background:#c44cff;bottom:-100px;right:-100px;animation:float 10s ease-in-out infinite reverse}.bg-blob-3{position:relative;overflow:hidden}.bg-blob-3:before,.bg-blob-3:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(60px);opacity:.4;z-index:0}.bg-blob-3:before{background:#ff6b9d;top:10%;left:5%;animation:float 7s ease-in-out infinite}.bg-blob-3:after{background:#667eea;bottom:10%;right:5%;animation:float 9s ease-in-out infinite reverse}.bg-blob-gold:before{background:#ffd700}.bg-blob-gold:after{background:#ff8c00}.bg-blob-dark:before,.bg-blob-dark:after{opacity:.2}.bg-blob-content{position:relative;z-index:1}.text-gradient-gold{background:var(--vip-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-rainbow{background:var(--gradient-rainbow);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-ocean{background:var(--gradient-ocean);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-glow{text-shadow:0 0 10px rgba(255,107,157,.5)}.text-glow-gold{text-shadow:0 0 10px rgba(255,215,0,.6)}.text-glow-white{text-shadow:0 0 10px rgba(255,255,255,.8)}@media screen and (min-width: 768px){.page-container,.app-layout{max-width:480px;margin:0 auto;position:relative}.app-tabbar{max-width:480px;left:50%!important;transform:translate(-50%)}}html{font-size:14px}@media screen and (max-width: 320px){html{font-size:13px}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-xxl: 1.5rem;--spacing-xxxl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-display: 2.5rem;--font-size-headline: 1.75rem;--font-size-title: 1.5rem;--font-size-subtitle: 1.25rem;--font-size-caption: .625rem;--radius-xs: .25rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem}}@media screen and (min-width: 321px) and (max-width: 375px){html{font-size:14px}:root{--spacing-xs: .2857rem;--spacing-sm: .5714rem;--spacing-md: .8571rem;--spacing-lg: 1.1429rem;--spacing-xl: 1.4286rem;--spacing-xxl: 1.7143rem;--spacing-xxxl: 2.2857rem;--font-size-xs: .7857rem;--font-size-sm: .8571rem;--font-size-md: 1rem;--font-size-lg: 1.1429rem;--font-size-xl: 1.2857rem;--font-size-xxl: 1.5714rem;--font-size-display: 2.5714rem;--font-size-headline: 2rem;--font-size-title: 1.7143rem;--font-size-subtitle: 1.4286rem;--font-size-caption: .7143rem}}@media screen and (min-width: 376px) and (max-width: 430px){html{font-size:15px}:root{--spacing-xs: .2667rem;--spacing-sm: .5333rem;--spacing-md: .8rem;--spacing-lg: 1.0667rem;--spacing-xl: 1.3333rem;--spacing-xxl: 1.6rem;--spacing-xxxl: 2.1333rem;--font-size-xs: .7333rem;--font-size-sm: .8rem;--font-size-md: 1rem;--font-size-lg: 1.0667rem;--font-size-xl: 1.2rem;--font-size-xxl: 1.4667rem;--font-size-display: 2.4rem;--font-size-headline: 1.8667rem;--font-size-title: 1.6rem;--font-size-subtitle: 1.3333rem;--font-size-caption: .6667rem}}@media screen and (min-width: 431px){html{font-size:16px}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-xxl: 1.5rem;--spacing-xxxl: 2rem;--font-size-xs: .6875rem;--font-size-sm: .75rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-xxl: 1.375rem;--font-size-display: 2.25rem;--font-size-headline: 1.75rem;--font-size-title: 1.5rem;--font-size-subtitle: 1.25rem;--font-size-caption: .625rem}.page-container,.app-layout{max-width:480px;margin:0 auto;position:relative}.app-tabbar{max-width:480px;left:50%!important;transform:translate(-50%)}}body,.page-container{padding-bottom:env(safe-area-inset-bottom)}@media screen and (max-height: 450px) and (orientation: landscape){.login-header,.page-container{padding-top:.5rem!important}.page-content{padding-top:0}}.page-enter{opacity:0;transform:translateY(12px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .35s var(--ease-out-quart),transform .35s var(--ease-out-quart)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-8px);transition:opacity .25s var(--ease-in-out-quart),transform .25s var(--ease-in-out-quart)}.app-content>*{animation:pageFadeIn .4s var(--ease-out-quart)}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.route-transition{position:relative;width:100%;height:100%}.route-transition-enter{opacity:0;transform:translate(20px)}.route-transition-enter-active{opacity:1;transform:translate(0);transition:opacity .3s var(--ease-out-quart),transform .3s var(--ease-out-quart)}.route-transition-exit{opacity:1;transform:translate(0);position:absolute;top:0;left:0;width:100%}.route-transition-exit-active{opacity:0;transform:translate(-20px);transition:opacity .25s var(--ease-in-out-quart),transform .25s var(--ease-in-out-quart)}@media (min-width: 768px){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ff6b9d 0%,#c44cff 100%);border-radius:3px;opacity:.6;transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff85b0 0%,#d066ff 100%);opacity:1}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#e05580 0%,#a030dd 100%)}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-corner{background:transparent}}@media (max-width: 767px){*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb{display:none!important}}button:active,.btn-primary:active,.btn-secondary:active,.chip:active,.glass-button:active,.neu-button:active,.neu-circle:active{transform:scale(.96)!important;transition:transform .1s var(--ease-out-back)!important}.card:active,.stat-card:active,.glass-card:active{transform:scale(.98);transition:transform .15s var(--ease-out-back)}.tap-feedback{transition:transform .15s var(--ease-out-back);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tap-feedback:active{transform:scale(.96)}.tap-feedback-light:active{transform:scale(.98)}img.tap-feedback:active{transform:scale(.97);opacity:.9}.ripple-container{position:relative;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:rippleExpand .6s ease-out forwards;pointer-events:none}@keyframes rippleExpand{to{transform:scale(4);opacity:0}}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,#e8e8ed 25%,#f0f0f5 50%,#e8e8ed 75%,var(--bg-secondary) 100%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skeletonShimmer 1.5s ease-in-out infinite}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-dark{background:linear-gradient(90deg,#1e1e3f 0%,#2a2a50 25%,#333360 50%,#2a2a50 75%,#1e1e3f 100%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.skeleton-gradient{background:linear-gradient(90deg,rgba(255,107,157,.08) 0%,rgba(196,76,255,.12) 25%,rgba(255,107,157,.16) 50%,rgba(196,76,255,.12) 75%,rgba(255,107,157,.08) 100%);background-size:200% 100%;animation:skeletonShimmer 1.8s ease-in-out infinite}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0}.skeleton-avatar-lg{width:64px;height:64px;border-radius:50%}.skeleton-thumbnail{width:100%;aspect-ratio:1;border-radius:var(--radius-md)}.safe-bottom-bg{position:fixed;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom,0px);background:var(--bg-color);z-index:999;pointer-events:none}.safe-top-bg{position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:var(--bg-color);z-index:999;pointer-events:none}.safe-padding{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.safe-horizontal{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.safe-vertical{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.fixed-bottom-safe{bottom:env(safe-area-inset-bottom,0px)}.fixed-top-safe{top:env(safe-area-inset-top,0px)}.content-gradient-top{position:relative}.content-gradient-top:before{content:"";position:sticky;top:0;left:0;right:0;height:60px;background:linear-gradient(180deg,var(--bg-color) 0%,rgba(247,248,250,.8) 40%,transparent 100%);z-index:10;pointer-events:none}.content-gradient-bottom{position:relative}.content-gradient-bottom:after{content:"";position:fixed;bottom:calc(var(--tabbar-height) + var(--safe-bottom));left:0;right:0;height:40px;background:linear-gradient(0deg,var(--bg-color) 0%,transparent 100%);z-index:10;pointer-events:none}.hairline-border{position:relative}.hairline-border:after{content:"";position:absolute;left:0;bottom:0;right:0;height:1px;background:var(--border-color);transform:scaleY(.5);transform-origin:0 100%}.glass-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-overlay);animation:fadeIn .25s ease}.content-blur{filter:blur(8px);opacity:.6;pointer-events:none;transition:all .3s ease}.loading-dots:after{content:"";animation:loadingDots 1.4s infinite}@keyframes loadingDots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.text-outline-gradient{-webkit-text-stroke:1px transparent;background:linear-gradient(135deg,#ff6b9d,#c44cff);-webkit-background-clip:text;background-clip:text}.shadow-layered{box-shadow:0 1px 2px #0000000a,0 4px 8px #0000000a,0 8px 16px #0000000a,0 16px 32px #0000000a}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.breathing-ring{position:relative}.breathing-ring:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--gradient-primary);opacity:.4;z-index:-1;animation:breathingRing 2s ease-in-out infinite}@keyframes breathingRing{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.15}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-color: #333;--text-muted: #555}}@media (prefers-color-scheme: dark){.skeleton{background:linear-gradient(90deg,#2a2a4a 0%,#3a3a5a 25%,#44446a 50%,#3a3a5a 75%,#2a2a4a 100%);background-size:200% 100%}}@media print{.app-tabbar,.update-banner,.glass-overlay{display:none!important}}.admin-card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(226,232,240,.6);position:relative;overflow:hidden}.admin-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000014,0 0 40px #6366f10f;border-color:#6366f126}.admin-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f1f5f9}.admin-card-title{font-size:17px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.admin-card-title:before{content:"";width:4px;height:18px;background:linear-gradient(180deg,#ec4899,#a855f7);border-radius:2px}.admin-stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000a;border:1px solid rgba(226,232,240,.6);transition:all .35s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 32px #0000001a,0 0 50px #6366f11a}.admin-stat-card.gradient{background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);color:#fff;border:none}.admin-stat-card.gradient .admin-stat-value,.admin-stat-card.gradient .admin-stat-label{color:#fff}.admin-stat-card.gradient .admin-stat-icon{background:rgba(255,255,255,.2);color:#fff}.admin-stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px;background:linear-gradient(135deg,rgba(99,102,241,.1) 0%,rgba(168,85,247,.1) 100%)}.admin-stat-value{font-size:32px;font-weight:700;background:linear-gradient(135deg,#1e293b 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:6px}.admin-stat-label{font-size:14px;color:#64748b;font-weight:500}.admin-stat-trend{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;margin-top:10px}.admin-stat-trend.up{color:#10b981}.admin-stat-trend.down{color:#ef4444}.admin-table{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}.admin-table thead th{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);color:#475569;font-weight:600;padding:14px 16px;text-align:left;border-bottom:2px solid #e2e8f0;white-space:nowrap;position:sticky;top:0;z-index:1}.admin-table thead th:first-child{border-radius:10px 0 0}.admin-table thead th:last-child{border-radius:0 10px 0 0}.admin-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#334155;transition:background .2s ease}.admin-table tbody tr{transition:all .2s ease}.admin-table tbody tr:hover td{background:rgba(99,102,241,.04)}.admin-table tbody tr:nth-child(2n) td{background:rgba(248,250,252,.5)}.admin-table tbody tr:nth-child(2n):hover td{background:rgba(99,102,241,.06)}.admin-table-actions{display:flex;gap:8px;align-items:center}.admin-btn-primary,.admin-btn-danger,.admin-btn-default{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-btn-primary{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#fff;box-shadow:0 4px 12px #6366f14d}.admin-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166,0 0 30px #a855f733;background-position:100% 0}.admin-btn-primary:active{transform:translateY(0) scale(.97)}.admin-btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #ef44444d}.admin-btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466,0 0 30px #ef444426}.admin-btn-danger:active{transform:translateY(0) scale(.97)}.admin-btn-default{background:#fff;color:#475569;border:1.5px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.admin-btn-default:hover{transform:translateY(-2px);border-color:#6366f1;color:#6366f1;box-shadow:0 4px 12px #6366f126}.admin-btn-default:active{transform:translateY(0) scale(.97)}.admin-btn-sm{padding:5px 12px;font-size:12px;border-radius:8px}.admin-btn-lg{padding:12px 28px;font-size:15px;border-radius:12px}.admin-badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;border-radius:8px;line-height:1.4}.admin-badge-primary{background:rgba(99,102,241,.1);color:#6366f1;border:1px solid rgba(99,102,241,.2)}.admin-badge-success{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.2)}.admin-badge-warning{background:rgba(251,191,36,.15);color:#d97706;border:1px solid rgba(251,191,36,.25)}.admin-badge-danger{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.admin-badge-info{background:rgba(59,130,246,.1);color:#2563eb;border:1px solid rgba(59,130,246,.2)}.admin-badge-purple{background:rgba(168,85,247,.1);color:#9333ea;border:1px solid rgba(168,85,247,.2)}.admin-badge-pink{background:rgba(236,72,153,.1);color:#db2777;border:1px solid rgba(236,72,153,.2)}.admin-badge-gradient{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#fff;border:none;box-shadow:0 2px 8px #6366f14d}.admin-form{display:flex;flex-direction:column;gap:20px}.admin-form-item{display:flex;flex-direction:column;gap:8px}.admin-form-label{font-size:14px;font-weight:500;color:#334155}.admin-form-label.required:before{content:"*";color:#ef4444;margin-right:4px}.admin-form-input{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;transition:all .3s ease;outline:none}.admin-form-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 0 20px #6366f114}.admin-form-input::placeholder{color:#94a3b8}.admin-form-textarea{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:14px;color:#1e293b;background:#fff;resize:vertical;min-height:100px;transition:all .3s ease;outline:none;font-family:inherit}.admin-form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a,0 0 20px #6366f114}.admin-form-row{display:flex;gap:20px}.admin-form-row .admin-form-item{flex:1}.admin-form-hint{font-size:12px;color:#94a3b8;margin-top:-4px}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:adminFadeIn .25s ease}.admin-modal{background:#fff;border-radius:20px;width:90%;max-width:520px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:adminSlideUp .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 60px -12px #00000040,0 0 60px #6366f11a;position:relative}.admin-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ec4899,#a855f7,#6366f1)}.admin-modal-header{padding:24px 28px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.admin-modal-title{font-size:18px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:10px}.admin-modal-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#ec4899,#a855f7);border-radius:2px}.admin-modal-close{width:32px;height:32px;border-radius:10px;background:#f1f5f9;border:none;color:#64748b;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.admin-modal-close:hover{background:#e2e8f0;color:#334155;transform:rotate(90deg)}.admin-modal-body{padding:24px 28px;overflow-y:auto;flex:1}.admin-modal-footer{padding:16px 28px 24px;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminFadeOut{0%{opacity:1}to{opacity:0}}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes adminSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes adminScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes adminPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes adminBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes adminShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes adminBreathe{0%,to{transform:scale(1);box-shadow:0 0 10px #6366f14d}50%{transform:scale(1.05);box-shadow:0 0 25px #6366f180}}.admin-animate-fadeIn{animation:adminFadeIn .3s ease}.admin-animate-slideUp{animation:adminSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.admin-animate-slideDown{animation:adminSlideDown .3s ease}.admin-animate-scaleIn{animation:adminScaleIn .3s cubic-bezier(.34,1.56,.64,1)}.admin-animate-pulse{animation:adminPulse 2s ease-in-out infinite}.admin-animate-bounce{animation:adminBounce 1s ease-in-out infinite}.admin-animate-breathe{animation:adminBreathe 3s ease-in-out infinite}.admin-delay-1{animation-delay:.1s}.admin-delay-2{animation-delay:.2s}.admin-delay-3{animation-delay:.3s}.admin-delay-4{animation-delay:.4s}.admin-delay-5{animation-delay:.5s}.admin-animate-forwards{animation-fill-mode:forwards}.admin-animate-both{animation-fill-mode:both}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-page-title{font-size:24px;font-weight:700;background:linear-gradient(135deg,#1e293b 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:12px}.admin-page-actions{display:flex;gap:12px;align-items:center}.admin-grid{display:grid;gap:20px}.admin-grid-2{grid-template-columns:repeat(2,1fr)}.admin-grid-3{grid-template-columns:repeat(3,1fr)}.admin-grid-4{grid-template-columns:repeat(4,1fr)}.admin-flex{display:flex}.admin-flex-between{display:flex;align-items:center;justify-content:space-between}.admin-flex-center{display:flex;align-items:center;justify-content:center}.admin-gap-sm{gap:8px}.admin-gap-md{gap:16px}.admin-gap-lg{gap:24px}.admin-mb-sm{margin-bottom:12px}.admin-mb-md{margin-bottom:20px}.admin-mb-lg{margin-bottom:28px}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:24px}.admin-pagination-btn{min-width:36px;height:36px;padding:0 12px;border-radius:10px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center}.admin-pagination-btn:hover:not(:disabled){border-color:#6366f1;color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 10px #6366f126}.admin-pagination-btn.active{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-color:transparent;color:#fff;box-shadow:0 4px 12px #6366f159}.admin-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.admin-pagination-info{font-size:13px;color:#64748b;margin:0 12px}.admin-search-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-search-input{flex:1;min-width:200px;padding:10px 16px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .3s ease;outline:none}.admin-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.admin-search-select{min-width:140px;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;color:#334155;cursor:pointer;transition:all .3s ease;outline:none}.admin-search-select:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}@media (max-width: 768px){.admin-card{padding:18px;border-radius:14px}.admin-stat-card{padding:18px}.admin-stat-value{font-size:26px}.admin-grid-2,.admin-grid-3,.admin-grid-4{grid-template-columns:1fr}.admin-form-row{flex-direction:column;gap:20px}.admin-table{font-size:13px}.admin-table thead th,.admin-table tbody td{padding:10px 12px}.admin-modal{width:95%;max-width:none;border-radius:18px}.admin-modal-header{padding:20px 22px 16px}.admin-modal-body{padding:20px 22px}.admin-modal-footer{padding:14px 22px 20px}.admin-page-header{flex-direction:column;align-items:flex-start;gap:14px}.admin-page-title{font-size:20px}}}