.mobile-layout[data-v-0a42695b]{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(135deg,#f8fbff,#e8f4fd)}.mobile-header[data-v-0a42695b]{height:56px;background:linear-gradient(135deg,#3498db,#2980b9 50%,#34495e);color:hsla(0,0%,100%,.95);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-box-shadow:0 4px 20px rgba(52,152,219,.2);box-shadow:0 4px 20px rgba(52,152,219,.2);border-bottom:2px solid hsla(0,0%,100%,.1);&[data-v-0a42695b]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#3498db),color-stop(#2980b9),to(#34495e));background:linear-gradient(90deg,#3498db,#2980b9,#34495e)}}.menu-icon[data-v-0a42695b]{font-size:22px;cursor:pointer;padding:8px;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease;&[data-v-0a42695b]:hover{background:hsla(0,0%,100%,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}}.mobile-title[data-v-0a42695b]{margin-left:16px;font-size:18px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.5px;&[data-v-0a42695b]:before{content:"\2699";margin-right:8px;color:hsla(0,0%,100%,.8);font-size:16px}}.mobile-content[data-v-0a42695b]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:64px 8px 68px 8px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.mobile-footer[data-v-0a42695b]{height:68px;background:hsla(0,0%,100%,.98);backdrop-filter:blur(10px);display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;right:0;z-index:1000;-webkit-box-shadow:0 -4px 20px rgba(0,0,0,.1);box-shadow:0 -4px 20px rgba(0,0,0,.1);border-top:2px solid rgba(52,152,219,.1)}.footer-item[data-v-0a42695b]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#7f8c8d;padding:8px 4px;border-radius:8px;margin:4px;-webkit-transition:all .3s ease;transition:all .3s ease;font-weight:500;&[data-v-0a42695b]:hover{background:rgba(52,152,219,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.footer-item.active[data-v-0a42695b]{color:#3498db;background:rgba(52,152,219,.1);.anticon[data-v-0a42695b]{-webkit-transform:scale(1.2);transform:scale(1.2)}}.item-text[data-v-0a42695b]{font-size:11px;margin-top:4px;font-weight:500}.mobile-sidebar[data-v-0a42695b]{position:fixed;top:0;left:-300px;width:300px;height:100vh;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8fbff));background:linear-gradient(180deg,#fff,#f8fbff);z-index:1001;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:4px 0 20px rgba(52,152,219,.15);box-shadow:4px 0 20px rgba(52,152,219,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-right:2px solid rgba(52,152,219,.1)}.mobile-sidebar.open[data-v-0a42695b]{left:0}.sidebar-mask[data-v-0a42695b]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(46,204,113,.05));backdrop-filter:blur(4px);z-index:1000}.sidebar-header[data-v-0a42695b]{height:56px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;background:linear-gradient(135deg,#3498db,#2980b9 50%,#34495e);border-bottom:2px solid hsla(0,0%,100%,.2);&[data-v-0a42695b]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:-webkit-gradient(linear,left top,right top,from(#3498db),color-stop(#2980b9),to(#34495e));background:linear-gradient(90deg,#3498db,#2980b9,#34495e)}}.logo[data-v-0a42695b]{font-size:20px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.5px;&[data-v-0a42695b]:before{content:"\2699";margin-right:8px;color:hsla(0,0%,100%,.8);font-size:18px}}.close-icon[data-v-0a42695b]{font-size:22px;cursor:pointer;color:hsla(0,0%,100%,.9);padding:8px;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease;&[data-v-0a42695b]:hover{background:hsla(0,0%,100%,.2);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}}.sidebar-content[data-v-0a42695b]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:20px 0;.ant-menu[data-v-0a42695b]{background:transparent;border-right:none;.ant-menu-item[data-v-0a42695b]{margin:4px 12px;border-radius:8px;-webkit-transition:all .3s ease;transition:all .3s ease;color:#2c3e50;font-weight:500;&[data-v-0a42695b]:hover{background:rgba(52,152,219,.1);color:#3498db;-webkit-transform:translateX(4px);transform:translateX(4px)}&.ant-menu-item-selected[data-v-0a42695b]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;&[data-v-0a42695b]:after{display:none}}.anticon[data-v-0a42695b]{font-size:16px;margin-right:12px}}}}