.page-header{background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem .5rem .75rem;position:relative;text-align:left}.page-header .header-title{color:#fff;font-size:.6rem;font-weight:700;line-height:1.2}@media (max-width:768px){.page-header{padding:.875rem .375rem .625rem}.page-header .header-title{font-size:.55rem}}@media (max-width:480px){.page-header{padding:.75rem .375rem .5rem}.page-header .header-title{font-size:.5rem}}.page-header--compact{padding:.75rem .5rem .5rem}.page-header--large{padding:1.25rem .5rem 1rem}.page-header--blue{background:-webkit-linear-gradient(315deg,#4facfe,#00f2fe);background:linear-gradient(135deg,#4facfe,#00f2fe)}.page-header--purple{background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2)}.page-header--green{background:-webkit-linear-gradient(315deg,#11998e,#38ef7d);background:linear-gradient(135deg,#11998e,#38ef7d)}page{background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif}.container{padding:.5rem}.page-title{color:#333;font-size:.8rem;font-weight:700;margin-bottom:.5rem}.card{background:#fff;border-radius:.3rem;-webkit-box-shadow:0 .05rem .2rem rgba(0,0,0,.1);box-shadow:0 .05rem .2rem rgba(0,0,0,.1);margin-bottom:.5rem;padding:.5rem}.btn{border:none;border-radius:.2rem;cursor:pointer;display:inline-block;font-size:.7rem;padding:.3rem .6rem;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0056cc}.btn-secondary{background:#f0f0f0;color:#333}.btn-secondary:hover{background:#e0e0e0}.form-item{margin-bottom:.75rem}.form-label{color:#333;display:block;font-size:.7rem;margin-bottom:.25rem}.form-input{border:.05rem solid #e0e0e0;border-radius:.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:.7rem;padding:.5rem;width:100%}.form-input:focus{border-color:#007aff;outline:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-10{margin-top:.5rem}.mt-20{margin-top:1rem}.mb-10{margin-bottom:.5rem}.mb-20{margin-bottom:1rem}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-align-items:center;justify-content:center;-ms-flex-align:center;align-items:center}.flex-between{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;-webkit-align-items:center;justify-content:space-between;-ms-flex-align:center;align-items:center}.taro-tabbar__tabbar,.weui-tabbar{display:none!important}.apps-page,.dashboard,.homepage,.messages-page,.settings-page{padding-bottom:1.75rem}.custom-tabbar{-webkit-align-items:center;background:#fff;border-top:.025rem solid #e5e7eb;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.75rem;left:0;position:fixed;right:0;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);-webkit-box-shadow:0 -.05rem .3rem rgba(0,0,0,.08);box-shadow:0 -.05rem .3rem rgba(0,0,0,.08);justify-content:space-around;padding:.2rem 0 .3rem;z-index:1000}.custom-tabbar .tab-item{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:.3rem;cursor:pointer;justify-content:center;min-height:1.35rem;padding:.15rem .1rem;position:relative;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.custom-tabbar .tab-item:active{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.custom-tabbar .tab-item.active::after{-webkit-animation:slideUp .3s ease-out;animation:slideUp .3s ease-out;background:-webkit-gradient(linear,left top,right top,from(#4f46e5),to(#818cf8));background:-webkit-linear-gradient(left,#4f46e5,#818cf8);background:linear-gradient(90deg,#4f46e5,#818cf8);border-radius:.05rem .05rem 0 0;bottom:0;content:"";height:.075rem;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:.8rem}.custom-tabbar .tab-item .tab-icon{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;height:.8rem;margin-bottom:.15rem;position:relative;width:.8rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.custom-tabbar .tab-item .tab-icon .icon-svg{height:.65rem;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);width:.65rem}.custom-tabbar .tab-item .tab-icon .icon-svg.active{-webkit-filter:drop-shadow(0 .05rem .2rem rgba(79,70,229,.4));filter:drop-shadow(0 .05rem .2rem rgba(79,70,229,.4));-webkit-transform:scale(1.15);-ms-transform:scale(1.15);transform:scale(1.15)}.custom-tabbar .tab-item .tab-icon .badge{-webkit-align-items:center;background:-webkit-linear-gradient(315deg,#ff4757,#ff6b81);background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:.2rem;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:.225rem;font-weight:700;height:.35rem;min-width:.35rem;padding:.025rem .125rem;position:absolute!important;right:-.05rem!important;top:-.05rem!important;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;border:.0375rem solid #fff;-webkit-box-shadow:0 .025rem .1rem rgba(255,71,87,.5);box-shadow:0 .025rem .1rem rgba(255,71,87,.5);justify-content:center;line-height:1;pointer-events:none;text-align:center;z-index:100!important}.custom-tabbar .tab-item .tab-text{color:#6b7280;font-size:.275rem;font-weight:500;line-height:1.2;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.active .custom-tabbar .tab-item .tab-text{color:#4f46e5;font-weight:600}@-webkit-keyframes slideUp{from{opacity:0;-webkit-transform:translateX(-50%) translateY(.25rem);transform:translateX(-50%) translateY(.25rem)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes slideUp{from{opacity:0;-webkit-transform:translateX(-50%) translateY(.25rem);transform:translateX(-50%) translateY(.25rem)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@-webkit-keyframes fadeIn{from{opacity:.6}to{opacity:1}}@keyframes fadeIn{from{opacity:.6}to{opacity:1}}@-webkit-keyframes bounce{0%,100%,20%,60%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}40%{-webkit-transform:translateY(-.05rem) scale(1.05);transform:translateY(-.05rem) scale(1.05)}80%{-webkit-transform:translateY(-.025rem) scale(1.02);transform:translateY(-.025rem) scale(1.02)}}@keyframes bounce{0%,100%,20%,60%{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}40%{-webkit-transform:translateY(-.05rem) scale(1.05);transform:translateY(-.05rem) scale(1.05)}80%{-webkit-transform:translateY(-.025rem) scale(1.02);transform:translateY(-.025rem) scale(1.02)}}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media (max-width:375px){.custom-tabbar{height:1.625rem;padding:.15rem 0 .25rem}.custom-tabbar .tab-item{min-height:1.25rem;padding:.1rem .05rem}.custom-tabbar .tab-item .tab-icon .icon-svg{height:.55rem;width:.55rem}.custom-tabbar .tab-item .tab-text{font-size:.25rem}}@media (prefers-color-scheme:dark){.custom-tabbar{background:#1a1a1a;border-top-color:#333}.custom-tabbar .tab-item .tab-text{color:#999}.custom-tabbar .tab-item.active .tab-text{color:#007aff}}:global(.taro-tabbar__tabbar){display:none!important}.app-container{min-height:100vh;position:relative}