.op-container[data-v-4aee52ab]{overflow:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-image:url(../../static/img/bg.6074758e.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}.qrcode-sidebar[data-v-4aee52ab]{padding:40px 20px;background:transparent;overflow-y:auto;width:280px!important;-ms-flex-negative:0;flex-shrink:0}.qrcode-section[data-v-4aee52ab]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px 25px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.1);box-shadow:0 10px 40px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);position:sticky;top:0}.qrcode-header[data-v-4aee52ab]{margin-bottom:25px;text-align:center}.qrcode-header .qrcode-title[data-v-4aee52ab]{font-size:20px;font-weight:600;color:#2c3e50;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.qrcode-header .qrcode-title i[data-v-4aee52ab]{font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qrcode-content[data-v-4aee52ab]{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}.qrcode-wrapper[data-v-4aee52ab]{width:180px;height:180px;background:#fff;border-radius:12px;padding:15px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.08);box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:20px;border:2px solid #f0f0f0}.qrcode-wrapper .qrcode-image[data-v-4aee52ab]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qrcode-wrapper .qrcode-placeholder[data-v-4aee52ab]{width:100%;height:100%;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;background:linear-gradient(135deg,#f5f7fa,#e4e7eb);border-radius:8px}.qrcode-wrapper .qrcode-placeholder i[data-v-4aee52ab]{font-size:48px;color:#c0c4cc;margin-bottom:10px}.qrcode-wrapper .qrcode-placeholder p[data-v-4aee52ab]{margin:0;color:#909399;font-size:14px}.qrcode-tips[data-v-4aee52ab]{font-size:14px;color:#606266;margin:0 0 20px 0;text-align:center}.qrcode-features[data-v-4aee52ab]{width:100%;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.qrcode-features .feature-item[data-v-4aee52ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:12px;font-size:13px;color:#606266}.qrcode-features .feature-item[data-v-4aee52ab]:last-child{margin-bottom:0}.qrcode-features .feature-item i[data-v-4aee52ab]{color:#67c23a;margin-right:8px;font-size:16px;font-weight:700}.head-user .userBox[data-v-4aee52ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.head-user .user_name[data-v-4aee52ab]{color:#333;margin-left:12px;font-weight:500}.head-user .el-dropdown-avatar[data-v-4aee52ab]{border:2px solid #fff;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.main-content[data-v-4aee52ab]{max-width:1600px;width:100%;margin:0;padding:40px 15px;overflow-y:auto;background:transparent}.function-section[data-v-4aee52ab]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:30px;margin-bottom:5px;-webkit-box-shadow:0 10px 40px rgba(0,0,0,.1);box-shadow:0 10px 40px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.section-header[data-v-4aee52ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:35px}.section-header .section-title[data-v-4aee52ab]{font-size:26px;font-weight:600;color:#2c3e50;margin:0;margin-right:20px}.section-header .section-line[data-v-4aee52ab]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:2px;background:-webkit-gradient(linear,left top,right top,from(#667eea),to(transparent));background:linear-gradient(90deg,#667eea,transparent);border-radius:1px}.function-grid[data-v-4aee52ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.function-card[data-v-4aee52ab]{position:relative;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;width:180px;height:120px;padding:15px;background:#fff;border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);overflow:hidden}.function-card:hover .card-icon[data-v-4aee52ab]{-webkit-transform:scale(1.1);transform:scale(1.1)}.function-card-large[data-v-4aee52ab]{position:relative;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;width:160px;height:110px;padding:6px;background:#fff;border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);overflow:hidden}.function-card-large[data-v-4aee52ab]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.15);box-shadow:0 12px 40px rgba(0,0,0,.15)}.function-card-comp[data-v-4aee52ab]{position:relative;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;width:160px;height:110px;padding:6px;background:#fff;border-radius:16px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.08);box-shadow:0 4px 20px rgba(0,0,0,.08);cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);overflow:hidden}.function-card-comp[data-v-4aee52ab]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.15);box-shadow:0 12px 40px rgba(0,0,0,.15)}.function-card-comp:hover .card-icon[data-v-4aee52ab]{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-icon[data-v-4aee52ab]{width:60px;height:60px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:10px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-icon i[data-v-4aee52ab]{font-size:26px;color:#fff}.card-icon-small[data-v-4aee52ab]{width:40px;height:40px;border-radius:0;-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:5px 0 5px 0;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-icon-small i[data-v-4aee52ab]{font-size:20px;color:#fff}.card-title[data-v-4aee52ab]{font-size:15px;font-weight:400;color:#2c3e50;text-align:center}.card-title-fill[data-v-4aee52ab]{font-size:13px;font-weight:400}.card-title-fill-small[data-v-4aee52ab],.card-title-fill[data-v-4aee52ab]{color:#2c3e50;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;margin:0;padding:0;line-height:1.3}.card-title-fill-small[data-v-4aee52ab]{font-size:11px;font-weight:300}.ribbon[data-v-4aee52ab]{position:absolute;top:-5px;right:-5px;width:60px;height:60px;overflow:hidden}.ribbon.hot[data-v-4aee52ab]:before{content:"HOT";background:linear-gradient(45deg,#ff6b6b,#ff8e8e)}.ribbon.hot[data-v-4aee52ab]:before,.ribbon.new[data-v-4aee52ab]:before{position:absolute;display:block;width:80px;padding:5px 0;color:#fff;font-size:10px;font-weight:700;text-align:center;-webkit-transform:rotate(45deg);transform:rotate(45deg);right:-20px;top:15px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.2);box-shadow:0 2px 8px rgba(0,0,0,.2)}.ribbon.new[data-v-4aee52ab]:before{content:"NEW";background:linear-gradient(45deg,#4ecdc4,#44a08d)}.function-card[data-v-4aee52ab]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 12px 40px rgba(0,0,0,.15);box-shadow:0 12px 40px rgba(0,0,0,.15)}.function-card-large:hover .card-icon[data-v-4aee52ab]{-webkit-transform:scale(1.1);transform:scale(1.1)}@media(max-width:1600px){.function-grid[data-v-4aee52ab]{grid-template-columns:repeat(4,280px);gap:20px}}@media(max-width:1300px){.function-grid[data-v-4aee52ab]{grid-template-columns:repeat(3,280px);gap:20px}}@media(max-width:1500px){.function-grid[data-v-4aee52ab]{grid-template-columns:repeat(4,220px);gap:18px}}@media(max-width:1200px){.function-grid[data-v-4aee52ab]{grid-template-columns:repeat(3,220px);gap:18px}}@media(max-width:1024px){.qrcode-sidebar[data-v-4aee52ab]{display:none}.announcement-wrapper[data-v-4aee52ab]{max-width:100%;padding:0 20px}.main-content[data-v-4aee52ab]{max-width:100%;padding:30px 20px}.function-section[data-v-4aee52ab]{padding:25px;margin-bottom:30px}.function-grid[data-v-4aee52ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.function-card[data-v-4aee52ab]{width:220px;height:160px}}.floating-nav-container[data-v-4aee52ab]{position:fixed;top:70px;right:20px;z-index:999;gap:15px}.floating-nav-ball[data-v-4aee52ab],.floating-nav-container[data-v-4aee52ab]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.floating-nav-ball[data-v-4aee52ab]{width:60px;height:60px;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-box-shadow:0 4px 15px rgba(0,0,0,.2);box-shadow:0 4px 15px rgba(0,0,0,.2);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#fff;font-size:28px;gap:2px}.floating-nav-ball[data-v-4aee52ab]:hover{-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-box-shadow:0 8px 25px rgba(0,0,0,.3);box-shadow:0 8px 25px rgba(0,0,0,.3)}.floating-nav-ball:hover .nav-label[data-v-4aee52ab]{opacity:1;visibility:visible;-webkit-transform:translateX(-70px);transform:translateX(-70px)}.practice-ball[data-v-4aee52ab]{background:linear-gradient(135deg,#14b8a6,#0d9488)}.error-ball[data-v-4aee52ab]{background:linear-gradient(135deg,#ef4444,#dc2626)}.nav-label[data-v-4aee52ab]{position:absolute;right:100%;top:50%;-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0);white-space:nowrap;background:rgba(0,0,0,.8);color:#fff;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;opacity:0;visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;margin-right:10px}.nav-label[data-v-4aee52ab]:after{content:"";position:absolute;right:-4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0;height:0;border-left:4px solid rgba(0,0,0,.8);border-top:4px solid transparent;border-bottom:4px solid transparent}.float-fade-enter-active[data-v-4aee52ab],.float-fade-leave-active[data-v-4aee52ab]{-webkit-transition:all .3s ease;transition:all .3s ease}.float-fade-enter[data-v-4aee52ab],.float-fade-leave-to[data-v-4aee52ab]{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}@media(max-width:768px){.floating-nav-container[data-v-4aee52ab]{top:10px;right:10px;gap:10px}.floating-nav-ball[data-v-4aee52ab]{width:50px;height:50px;font-size:24px}}