@charset "UTF-8";.mobile-page{min-height:100vh;background:#f5f5f5;padding-bottom:20px}.mobile-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#059669,#047857);padding:30px 20px 50px;position:relative;z-index:1}.mobile-header .user-info{display:flex;flex-direction:column}.mobile-header .user-info .greeting{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.mobile-header .user-info .class-name{font-size:12px;color:#fffc}.mobile-header .header-actions-left{flex-shrink:0}.mobile-header .header-actions-left .action-btn{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .3s;border:none}.mobile-header .header-actions-left .action-btn:hover{background:#ffffff4d}.mobile-header .header-actions-left .action-btn:active{background:#ffffff26}.mobile-header .header-actions .action-btn{width:50px;height:50px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:background .3s;border:none}.mobile-header .header-actions .action-btn:hover{background:#ffffff4d}.mobile-stats{margin:-30px 15px 15px;position:relative;z-index:2}.mobile-stats .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#fff;border-radius:12px;padding:20px 15px;box-shadow:0 4px 12px #00000014}.mobile-stats .stats-grid .stat-item{display:flex;flex-direction:column;align-items:center}.mobile-stats .stats-grid .stat-item .stat-value{font-size:28px;font-weight:700;color:#059669;margin-bottom:5px}.mobile-stats .stats-grid .stat-item .stat-label{font-size:12px;color:#999}.mobile-card{background:#fff;border-radius:12px;padding:15px;margin:0 15px 15px;box-shadow:0 4px 12px #00000014}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-header .section-title{font-size:14px;font-weight:700;color:#333}.section-header .more-btn{font-size:12px;color:#999;cursor:pointer;transition:color .3s}.section-header .more-btn:hover{color:#059669}.mobile-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.mobile-quick-grid .quick-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.mobile-quick-grid .quick-item:hover{transform:translateY(-2px)}.mobile-quick-grid .quick-item .quick-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:8px}.mobile-quick-grid .quick-item .quick-label{font-size:12px;color:#666;text-align:center}.quick-icon-success{background:#67c23a}.quick-icon-info{background:#409eff}.quick-icon-warning{background:#e6a23c}.quick-icon-danger{background:#f56c6c}.quick-icon-gray{background:#909399}.mobile-list .list-item{padding:15px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.mobile-list .list-item:last-child{border-bottom:none}.mobile-list .list-item:hover{background:#f9f9f9;margin:0 -15px;padding:15px}.mobile-list .list-item .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mobile-list .list-item .item-header .item-title{font-size:14px;font-weight:700;color:#333;margin-right:10px}.mobile-list .list-item .item-header .item-tag{font-size:12px;padding:3px 10px;border-radius:10px;background:#f0f0f0}.mobile-list .list-item .item-header .item-time{font-size:12px;color:#999}.mobile-list .list-item .item-content{font-size:12px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mobile-list .list-item .item-meta{font-size:12px;color:#999;margin-top:5px}.mobile-empty{display:flex;flex-direction:column;align-items:center;padding:60px 0}.mobile-empty .empty-icon{font-size:60px;margin-bottom:15px;opacity:.5}.mobile-empty .empty-text{font-size:12px;color:#999}.type-tag{padding:3px 10px;border-radius:10px;font-size:12px;font-weight:500}.type-tag.type-praise{background:#f0f9ff;color:#67c23a}.type-tag.type-info{background:#f0f9ff;color:#409eff}.mobile-page{padding-bottom:40rpx}.mobile-header{padding:60rpx 40rpx 100rpx}.mobile-header .user-info .greeting{font-size:48rpx;margin-bottom:16rpx}.mobile-header .user-info .class-name{font-size:28rpx}.mobile-header .header-actions .action-btn{width:100rpx;height:100rpx;font-size:48rpx}.mobile-stats{margin:-60rpx 30rpx 30rpx}.mobile-stats .stats-grid{padding:40rpx 30rpx;gap:20rpx}.mobile-stats .stats-grid .stat-item .stat-value{font-size:56rpx}.mobile-stats .stats-grid .stat-item .stat-label{font-size:24rpx}.mobile-card{margin:0 30rpx 30rpx;padding:30rpx;border-radius:24rpx}.section-header{margin-bottom:30rpx}.section-header .section-title{font-size:32rpx}.section-header .more-btn{font-size:28rpx}.mobile-quick-grid{gap:30rpx}.mobile-quick-grid .quick-item .quick-icon{width:100rpx;height:100rpx;font-size:48rpx;margin-bottom:16rpx;border-radius:24rpx}.mobile-quick-grid .quick-item .quick-label{font-size:24rpx}.mobile-list .list-item{padding:30rpx 0}.mobile-list .list-item:hover{margin:0 -30rpx;padding:30rpx}.mobile-list .list-item .item-header{margin-bottom:20rpx}.mobile-list .list-item .item-header .item-title{font-size:32rpx;margin-right:20rpx}.mobile-list .list-item .item-header .item-tag{font-size:24rpx;padding:6rpx 20rpx;border-radius:20rpx}.mobile-list .list-item .item-header .item-time{font-size:24rpx}.mobile-list .list-item .item-content{font-size:28rpx}.mobile-list .list-item .item-meta{font-size:24rpx;margin-top:10rpx}.mobile-empty{padding:120rpx 0}.mobile-empty .empty-icon{font-size:120rpx;margin-bottom:30rpx}.mobile-empty .empty-text{font-size:28rpx}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.safe-area-bottom{padding-bottom:calc(env(safe-area-inset-bottom) + 20px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 2px 8px #05966926}.click-scale{transition:transform .1s ease}.click-scale:active{transform:scale(.98)}.mobile-textarea{width:100%;min-height:120px;padding:15px;font-size:14px;line-height:1.6;color:#333;background:#f5f5f5;border-radius:10px;border:none;resize:vertical;box-sizing:border-box}.mobile-textarea:focus{outline:none;background:#fafafa}.mobile-textarea::placeholder{color:#999}.mobile-btn-primary{background:linear-gradient(180deg,#059669,#047857);color:#fff;border:none;border-radius:50rpx;padding:12px 32px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s}.mobile-btn-primary:active{opacity:.8;transform:scale(.98)}.mobile-btn-primary:after{border:none}.mobile-btn-primary:disabled{opacity:.6}.mobile-btn-secondary{background:#fff;color:#333;border:1px solid #e5e5e5;border-radius:50rpx;padding:12px 32px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all .3s}.mobile-btn-secondary:active{background:#fafafa}.mobile-btn-secondary:after{border:none}.section-title{font-size:32rpx;font-weight:600;color:#333;margin-bottom:20rpx;display:block}.list-item{padding:20rpx;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.list-item:last-child{border-bottom:none}.list-item:hover{background:#fafafa}.type-tag{display:inline-block;padding:4rpx 12rpx;border-radius:12rpx;font-size:12px;font-weight:500}.type-tag.type-praise{background:#ecfdf5;color:#67c23a}.type-tag.type-criticism{background:#fef2f2;color:#f56c6c}.type-tag.type-reminder{background:#fffbeb;color:#e6a23c}.type-tag.type-info{background:#eff6ff;color:#409eff}.text-ellipsis,.mobile-nav-bar .nav-title .title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.safe-area-bottom{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-start{display:flex;align-items:center;justify-content:flex-start}.flex-end{display:flex;align-items:center;justify-content:flex-end}.mt-xs{margin-top:5px}.mt-sm{margin-top:10px}.mt-md{margin-top:15px}.mt-lg{margin-top:20px}.mt-xl{margin-top:30px}.mb-xs{margin-bottom:5px}.mb-sm{margin-bottom:10px}.mb-md{margin-bottom:15px}.mb-lg{margin-bottom:20px}.mb-xl{margin-bottom:30px}.text-xs{font-size:10px}.text-sm{font-size:12px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-xxl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mobile-nav-bar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 15px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100;flex-shrink:0}.mobile-nav-bar.safe-area{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);height:calc(44px + constant(safe-area-inset-top));height:calc(44px + env(safe-area-inset-top))}.mobile-nav-bar .nav-back{display:flex;align-items:center;min-width:60px;cursor:pointer;transition:opacity .2s}.mobile-nav-bar .nav-back:active{opacity:.6}.mobile-nav-bar .nav-back .back-icon{font-size:28px;font-weight:300;color:#333;line-height:1;margin-right:4px}.mobile-nav-bar .nav-back .back-text{font-size:14px;color:#333}.mobile-nav-bar .nav-title{flex:1;display:flex;align-items:center;justify-content:center;padding:0 10px}.mobile-nav-bar .nav-title .title-text{font-size:16px;font-weight:600;color:#333;max-width:200px}.mobile-nav-bar .nav-action{display:flex;align-items:center;justify-content:flex-end;min-width:60px}.mobile-nav-bar .nav-action .action-text{font-size:14px;color:#059669;font-weight:500;cursor:pointer;transition:opacity .2s}.mobile-nav-bar .nav-action .action-text:active{opacity:.6}.mobile-header-nav{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#059669,#047857);padding:20px 15px;position:sticky;top:0;z-index:100}.mobile-header-nav .header-title{font-size:20px;font-weight:700;color:#fff}.mobile-header-nav .header-action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:16px;cursor:pointer;transition:background .3s}.mobile-header-nav .header-action:active{background:#ffffff4d}.mobile-page-content{min-height:calc(100vh - 44px);background:#f5f5f5;padding-bottom:20px}.mobile-page-content.with-safe-area{min-height:calc(100vh - 44px - constant(safe-area-inset-top));min-height:calc(100vh - 44px - env(safe-area-inset-top))}.mobile-nav-bar{height:88rpx;padding:0 30rpx}.mobile-nav-bar.safe-area{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);height:calc(88rpx + constant(safe-area-inset-top));height:calc(88rpx + env(safe-area-inset-top))}.mobile-nav-bar .nav-back{min-width:120rpx}.mobile-nav-bar .nav-back .back-icon{font-size:56rpx;margin-right:8rpx}.mobile-nav-bar .nav-back .back-text{font-size:14px}.mobile-nav-bar .nav-title{padding:0 20rpx}.mobile-nav-bar .nav-title .title-text{font-size:32rpx;max-width:400rpx}.mobile-nav-bar .nav-action{min-width:120rpx}.mobile-nav-bar .nav-action .action-text{font-size:14px}.mobile-header-nav{padding:40rpx 30rpx}.mobile-header-nav .header-title{font-size:48rpx}.mobile-header-nav .header-action{width:80rpx;height:80rpx;font-size:48rpx}.mobile-page-content{padding-bottom:40rpx}.filter-section-vibrant{margin:-30px 15px 15px;position:relative;z-index:10}.filter-row-enhanced{display:flex;gap:10px;background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 12px #00000014}.filter-item-colorful{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;border-radius:10px;font-size:12px;color:#999;background:#fafafa;transition:all .3s;cursor:pointer;min-height:60px}.filter-item-colorful .filter-icon{font-size:20px;margin-bottom:6px}.filter-item-colorful .filter-label{font-size:12px;font-weight:500}.filter-item-colorful.active{background:linear-gradient(180deg,#059669,#047857);color:#fff}.filter-item-colorful.active .filter-icon,.filter-item-colorful.active .filter-label{color:#fff}.stats-section-vibrant{margin:0 15px 15px}.stats-grid-colorful{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat-card-colorful{background:#fff;border-radius:12px;padding:15px;display:flex;align-items:center;box-shadow:0 4px 12px #00000014;transition:all .3s}.stat-card-colorful:active{transform:scale(.98)}.stat-card-colorful .stat-icon-wrapper{width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:15px;flex-shrink:0}.stat-card-colorful .stat-icon-wrapper .stat-icon{font-size:20px}.stat-card-colorful[data-type=total] .stat-icon-wrapper{background:linear-gradient(180deg,#059669,#047857)}.stat-card-colorful[data-type=total] .stat-icon-wrapper .stat-icon{color:#fff}.stat-card-colorful[data-type=praise] .stat-icon-wrapper{background:#ecfdf5}.stat-card-colorful[data-type=praise] .stat-icon-wrapper .stat-icon{color:#67c23a}.stat-card-colorful[data-type=criticism] .stat-icon-wrapper{background:#fef2f2}.stat-card-colorful[data-type=criticism] .stat-icon-wrapper .stat-icon{color:#f56c6c}.stat-card-colorful[data-type=reminder] .stat-icon-wrapper{background:#fffbeb}.stat-card-colorful[data-type=reminder] .stat-icon-wrapper .stat-icon{color:#e6a23c}.stat-card-colorful .stat-content{flex:1;display:flex;flex-direction:column}.stat-card-colorful .stat-content .stat-value{font-size:24px;font-weight:700;color:#333;line-height:1;margin-bottom:4px}.stat-card-colorful .stat-content .stat-label{font-size:12px;color:#999}.chart-section-colorful,.ranking-section-colorful,.trend-section-colorful{background:#fff;border-radius:12px;padding:20px;margin:0 15px 15px;box-shadow:0 4px 12px #00000014}.section-header-enhanced{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-header-enhanced .section-title{font-size:16px;font-weight:700;color:#333}.chart-container-enhanced{display:flex;flex-direction:column;align-items:center}.legend-list-enhanced{width:100%;margin-top:15px}.legend-item-enhanced{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.legend-item-enhanced:last-child{border-bottom:none}.legend-item-enhanced .legend-dot{width:12px;height:12px;border-radius:50%;margin-right:10px;flex-shrink:0}.legend-item-enhanced .legend-label{flex:1;font-size:14px;color:#666}.legend-item-enhanced .legend-value{font-size:14px;font-weight:600;color:#333;margin-right:10px}.legend-item-enhanced .legend-percent{font-size:12px;color:#999}.ranking-tabs-enhanced{display:flex;gap:10px;margin-bottom:15px}.tab-item-vibrant{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px 10px;border-radius:10px;font-size:12px;color:#999;background:#fafafa;transition:all .3s;cursor:pointer}.tab-item-vibrant .tab-icon{font-size:16px;margin-bottom:4px}.tab-item-vibrant .tab-label{font-size:12px;font-weight:500}.tab-item-vibrant.active{background:linear-gradient(180deg,#059669,#047857);color:#fff}.tab-item-vibrant.active .tab-icon,.tab-item-vibrant.active .tab-label{color:#fff}.ranking-list-enhanced .ranking-item-enhanced{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.ranking-list-enhanced .ranking-item-enhanced:last-child{border-bottom:none}.ranking-list-enhanced .ranking-item-enhanced .ranking-index-enhanced{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0;background:#fafafa}.ranking-list-enhanced .ranking-item-enhanced .ranking-index-enhanced .index-text{font-size:14px;font-weight:600;color:#999}.ranking-list-enhanced .ranking-item-enhanced .ranking-index-enhanced.top-three{background:linear-gradient(135deg,gold,orange)}.ranking-list-enhanced .ranking-item-enhanced .ranking-index-enhanced.top-three .index-text{color:#fff}.ranking-list-enhanced .ranking-item-enhanced .student-info-enhanced{flex:1;display:flex;align-items:center;min-width:0}.ranking-list-enhanced .ranking-item-enhanced .student-avatar-mini{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;align-items:center;justify-content:center;margin-right:10px;flex-shrink:0}.ranking-list-enhanced .ranking-item-enhanced .student-avatar-mini .avatar-text{font-size:12px;font-weight:600;color:#999}.ranking-list-enhanced .ranking-item-enhanced .student-name{font-size:14px;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-list-enhanced .ranking-item-enhanced .ranking-count-enhanced{font-size:14px;font-weight:600;color:#059669;margin-left:10px;flex-shrink:0}.trend-chart-wrapper-enhanced{width:100%;overflow-x:auto;display:flex;justify-content:center}.export-section{padding:15px}.export-section .export-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:15px;background:linear-gradient(180deg,#059669,#047857);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #00000014}.export-section .export-btn .export-icon{font-size:16px;margin-right:10px}.export-section .export-btn:active{opacity:.8;transform:scale(.98)}.filter-section-vibrant{margin:-60rpx 30rpx 30rpx}.filter-row-enhanced{padding:30rpx;border-radius:24rpx}.filter-item-colorful{padding:30rpx 20rpx;border-radius:20rpx;font-size:24rpx;min-height:120rpx}.filter-item-colorful .filter-icon{font-size:40rpx;margin-bottom:12rpx}.filter-item-colorful .filter-label{font-size:24rpx}.stats-section-vibrant{margin:0 30rpx 30rpx}.stats-grid-colorful{gap:20rpx}.stat-card-colorful{padding:30rpx;border-radius:24rpx}.stat-card-colorful .stat-icon-wrapper{width:90rpx;height:90rpx;border-radius:20rpx;margin-right:30rpx}.stat-card-colorful .stat-icon-wrapper .stat-icon{font-size:40rpx}.stat-card-colorful .stat-content .stat-value{font-size:48rpx;margin-bottom:8rpx}.stat-card-colorful .stat-content .stat-label{font-size:24rpx}.chart-section-colorful,.ranking-section-colorful,.trend-section-colorful{padding:40rpx;margin:0 30rpx 30rpx;border-radius:24rpx}.section-header-enhanced{margin-bottom:30rpx}.section-header-enhanced .section-title{font-size:32rpx}.chart-container-enhanced,.legend-list-enhanced{margin-top:30rpx}.legend-item-enhanced{padding:20rpx 0}.legend-item-enhanced .legend-dot{width:24rpx;height:24rpx;margin-right:20rpx}.legend-item-enhanced .legend-label{font-size:28rpx}.legend-item-enhanced .legend-value{font-size:28rpx;margin-right:20rpx}.legend-item-enhanced .legend-percent{font-size:24rpx}.ranking-tabs-enhanced{gap:20rpx;margin-bottom:30rpx}.tab-item-vibrant{padding:30rpx 20rpx;border-radius:20rpx;font-size:24rpx}.tab-item-vibrant .tab-icon{font-size:32rpx;margin-bottom:8rpx}.tab-item-vibrant .tab-label{font-size:24rpx}.ranking-list-enhanced .ranking-item-enhanced{padding:30rpx 0}.ranking-list-enhanced .ranking-item-enhanced .ranking-index-enhanced{width:72rpx;height:72rpx;margin-right:20rpx}.ranking-list-enhanced .ranking-item-enhanced .ranking-index-enhanced .index-text{font-size:28rpx}.ranking-list-enhanced .ranking-item-enhanced .student-avatar-mini{width:64rpx;height:64rpx;margin-right:20rpx}.ranking-list-enhanced .ranking-item-enhanced .student-avatar-mini .avatar-text{font-size:24rpx}.ranking-list-enhanced .ranking-item-enhanced .student-name{font-size:28rpx}.ranking-list-enhanced .ranking-item-enhanced .ranking-count-enhanced{font-size:28rpx;margin-left:20rpx}.export-section{padding:30rpx}.export-section .export-btn{padding:30rpx;border-radius:40rpx;font-size:28rpx}.export-section .export-btn .export-icon{font-size:32rpx;margin-right:20rpx}html,body{overflow:hidden}html,body{overflow:auto;height:auto}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#667eea}.text-success{color:#67c23a}.text-warning{color:#e6a23c}.text-danger{color:#f56c6c}.text-info{color:#909399}.m-xs{margin:10rpx}.m-sm{margin:20rpx}.m-md{margin:30rpx}.m-lg{margin:40rpx}.p-xs{padding:10rpx}.p-sm{padding:20rpx}.p-md{padding:30rpx}.p-lg{padding:40rpx}.border{border:1rpx solid #e5e5e5}.border-radius{border-radius:20rpx}.bg-white{background-color:#fff}.bg-gray{background-color:#f5f5f5}.card{background:#fff;border-radius:20rpx;padding:30rpx;margin-bottom:20rpx;box-shadow:0 4rpx 10rpx #0000000d}.btn{border-radius:30rpx;padding:20rpx 40rpx;font-size:32rpx;text-align:center;border:none}.btn-primary{background:#667eea;color:#fff}.btn-success{background:#67c23a;color:#fff}.btn-warning{background:#e6a23c;color:#fff}.btn-danger{background:#f56c6c;color:#fff}.tag{display:inline-block;padding:6rpx 16rpx;border-radius:10rpx;font-size:24rpx}.tag-primary{background:#667eea;color:#fff}.tag-success{background:#67c23a;color:#fff}.tag-warning{background:#e6a23c;color:#fff}.tag-danger{background:#f56c6c;color:#fff}.divider{height:1rpx;background:#e5e5e5;margin:30rpx 0}.badge{position:relative}.badge:after{content:"";position:absolute;top:0;right:0;width:16rpx;height:16rpx;border-radius:50%;background:#f56c6c;border:2rpx solid #ffffff}.app-container{height:100%;background-color:#f5f5f5;overflow:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}view{display:block}text{display:inline}