.skill-page[data-v-00cb9993]{position:relative;min-height:100vh;background:linear-gradient(160deg,#f6f3fb,#f1f2f6 55%,#fdf4f7);padding:.9rem 0 .8rem;overflow:hidden}.hero-bg[data-v-00cb9993]{position:absolute;inset:0;pointer-events:none}.hero-bg .hero-circle[data-v-00cb9993]{position:absolute;border-radius:50%;filter:blur(.7rem);opacity:.45}.hero-bg .c1[data-v-00cb9993]{width:4.2rem;height:4.2rem;background:radial-gradient(circle,#c9a1f0,transparent 70%);top:-1.4rem;left:-1rem}.hero-bg .c2[data-v-00cb9993]{width:3.6rem;height:3.6rem;background:radial-gradient(circle,#f4b8d4,transparent 70%);top:20%;right:-1.2rem}.hero-bg .c3[data-v-00cb9993]{width:3rem;height:3rem;background:radial-gradient(circle,#b8c8f8,transparent 70%);bottom:-1rem;left:30%}.page-wrap[data-v-00cb9993]{position:relative;z-index:1;width:9.2rem;margin:0 auto}.back-bar[data-v-00cb9993]{display:inline-flex;align-items:center;gap:.06rem;font-size:.14rem;color:#6b6b7a;cursor:pointer;padding:.08rem .14rem;border-radius:.2rem;background:hsla(0,0%,100%,.7);backdrop-filter:blur(.06rem);border:.01rem solid hsla(0,0%,100%,.9);transition:all .25s}.back-bar[data-v-00cb9993]:hover{color:#5e068c;transform:translateX(-.03rem);box-shadow:0 .04rem .14rem rgba(94,6,140,.12)}.back-bar .back-arrow[data-v-00cb9993]{font-size:.15rem}.page-header[data-v-00cb9993]{display:flex;align-items:center;gap:.18rem;margin:.34rem 0 .28rem}.page-header .header-icon[data-v-00cb9993]{width:.64rem;height:.64rem;border-radius:.16rem;background:linear-gradient(135deg,#7b2cbf,#5e068c);display:flex;align-items:center;justify-content:center;box-shadow:0 .1rem .24rem rgba(94,6,140,.3);flex-shrink:0}.page-header .header-text h1[data-v-00cb9993]{font-size:.28rem;color:#1e1e2a;margin:0 0 .06rem;font-weight:600;letter-spacing:.01rem}.page-header .header-text p[data-v-00cb9993]{margin:0;font-size:.14rem;color:#8a8a99}.key-card[data-v-00cb9993]{background:hsla(0,0%,100%,.85);backdrop-filter:blur(.1rem);border-radius:.2rem;border:.01rem solid hsla(0,0%,100%,.95);box-shadow:0 .18rem .5rem rgba(80,40,140,.1);padding:.44rem .48rem;margin-bottom:.26rem}.empty-state[data-v-00cb9993]{text-align:center;padding:.36rem 0 .28rem}.empty-state .empty-icon[data-v-00cb9993]{width:.96rem;height:.96rem;margin:0 auto .22rem;border-radius:50%;background:linear-gradient(135deg,#f3e9fc,#fbeaf3);display:flex;align-items:center;justify-content:center}.empty-state h2[data-v-00cb9993]{font-size:.2rem;color:#2a2a38;margin:0 0 .1rem;font-weight:600}.empty-state p[data-v-00cb9993]{font-size:.14rem;color:#9a9aa8;margin:0 0 .3rem}.key-state .key-header[data-v-00cb9993]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.26rem}.key-state .key-header .key-title[data-v-00cb9993]{display:flex;align-items:center;gap:.09rem}.key-state .key-header .key-title .status-dot[data-v-00cb9993]{width:.09rem;height:.09rem;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 .04rem rgba(46,204,113,.18);animation:pulse-00cb9993 2s infinite}.key-state .key-header .key-title .title-text[data-v-00cb9993]{font-size:.17rem;font-weight:600;color:#2a2a38}.key-state .key-header .create-time[data-v-00cb9993]{font-size:.13rem;color:#a0a0ae}.key-state .key-display[data-v-00cb9993]{background:linear-gradient(135deg,#f8f4fe,#fdf5f9);border:.01rem dashed #d9bdf0;border-radius:.12rem;padding:.18rem .22rem;margin-bottom:.26rem}.key-state .key-display .key-label[data-v-00cb9993]{font-size:.12rem;color:#a06bd4;margin-bottom:.08rem;letter-spacing:.01rem}.key-state .key-display .key-value-row[data-v-00cb9993]{display:flex;align-items:center}.key-state .key-display .key-value[data-v-00cb9993]{font-family:Consolas,Courier New,monospace;font-size:.16rem;color:#3a1c5c;letter-spacing:.005rem;word-break:break-all}.key-state .key-display .key-value.masked[data-v-00cb9993]{color:#8a7a9e}.key-state .key-actions[data-v-00cb9993]{display:flex;gap:.14rem;margin-bottom:.2rem}.key-state .key-tips[data-v-00cb9993]{display:flex;align-items:center;gap:.07rem;font-size:.13rem;color:#b08a4a;background:#fdf6e9;border-radius:.08rem;padding:.1rem .14rem}.key-state .key-tips .tip-icon[data-v-00cb9993]{font-size:.14rem}.btn[data-v-00cb9993]{display:inline-flex;align-items:center;justify-content:center;gap:.07rem;height:.44rem;padding:0 .26rem;border-radius:.1rem;font-size:.15rem;cursor:pointer;border:none;transition:all .25s;font-family:inherit}.btn[data-v-00cb9993]:active{transform:scale(.97)}.btn-primary[data-v-00cb9993]{background:linear-gradient(135deg,#7b2cbf,#5e068c);color:#fff;box-shadow:0 .08rem .2rem rgba(94,6,140,.3)}.btn-primary[data-v-00cb9993]:hover:not(:disabled){box-shadow:0 .1rem .26rem rgba(94,6,140,.42);transform:translateY(-.02rem)}.btn-primary[data-v-00cb9993]:disabled{opacity:.7;cursor:not-allowed}.btn-outline[data-v-00cb9993]{background:#fff;color:#7b2cbf;border:.015rem solid #d9bdf0}.btn-outline[data-v-00cb9993]:hover{border-color:#7b2cbf;background:#faf5ff;transform:translateY(-.02rem)}.btn-danger[data-v-00cb9993]{background:#fff;color:#e64545;border:.015rem solid #f3c1c1}.btn-danger[data-v-00cb9993]:hover:not(:disabled){border-color:#e64545;background:#fff5f5;transform:translateY(-.02rem)}.btn-danger[data-v-00cb9993]:disabled{opacity:.6;cursor:not-allowed}.btn-plain[data-v-00cb9993]{background:#f4f4f8;color:#6b6b7a}.btn-plain[data-v-00cb9993]:hover{background:#ececf2}.btn-danger-solid[data-v-00cb9993]{background:linear-gradient(135deg,#ef5a5a,#e64545);color:#fff;box-shadow:0 .08rem .2rem rgba(230,69,69,.28)}.btn-danger-solid[data-v-00cb9993]:hover:not(:disabled){box-shadow:0 .1rem .26rem rgba(230,69,69,.4);transform:translateY(-.02rem)}.btn-danger-solid[data-v-00cb9993]:disabled{opacity:.7;cursor:not-allowed}.modal-mask[data-v-00cb9993]{position:fixed;inset:0;background:rgba(30,20,45,.45);backdrop-filter:blur(.03rem);display:flex;align-items:center;justify-content:center;z-index:100}.modal-box[data-v-00cb9993]{width:3.8rem;background:#fff;border-radius:.18rem;padding:.36rem .32rem .28rem;text-align:center;box-shadow:0 .24rem .6rem rgba(0,0,0,.2)}.modal-box .modal-icon[data-v-00cb9993]{width:.64rem;height:.64rem;margin:0 auto .16rem;border-radius:50%;background:#fdecec;display:flex;align-items:center;justify-content:center}.modal-box h3[data-v-00cb9993]{margin:0 0 .1rem;font-size:.18rem;color:#2a2a38;font-weight:600}.modal-box p[data-v-00cb9993]{margin:0 0 .26rem;font-size:.13rem;color:#9a9aa8;line-height:1.7}.modal-box .modal-actions[data-v-00cb9993]{display:flex;gap:.12rem;justify-content:center}.modal-box .modal-actions .btn[data-v-00cb9993]{flex:1}.modal-enter-active[data-v-00cb9993],.modal-leave-active[data-v-00cb9993]{transition:opacity .25s}.modal-enter-active .modal-box[data-v-00cb9993],.modal-leave-active .modal-box[data-v-00cb9993]{transition:transform .25s}.modal-enter[data-v-00cb9993],.modal-leave-to[data-v-00cb9993]{opacity:0}.modal-enter .modal-box[data-v-00cb9993],.modal-leave-to .modal-box[data-v-00cb9993]{transform:scale(.92) translateY(.14rem)}.loading-text[data-v-00cb9993]{display:inline-flex;align-items:center;gap:.08rem}.spinner[data-v-00cb9993]{width:.14rem;height:.14rem;border:.02rem solid hsla(0,0%,100%,.4);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin-00cb9993 .8s linear infinite}.feature-grid[data-v-00cb9993]{display:flex;gap:.2rem}.feature-grid .feature-item[data-v-00cb9993]{flex:1;background:hsla(0,0%,100%,.8);backdrop-filter:blur(.08rem);border:.01rem solid hsla(0,0%,100%,.95);border-radius:.16rem;padding:.24rem .22rem;transition:all .3s}.feature-grid .feature-item[data-v-00cb9993]:hover{transform:translateY(-.05rem);box-shadow:0 .14rem .34rem rgba(80,40,140,.12)}.feature-grid .feature-item .f-icon[data-v-00cb9993]{width:.46rem;height:.46rem;border-radius:.12rem;display:flex;align-items:center;justify-content:center;margin-bottom:.14rem}.feature-grid .feature-item .f-icon.purple[data-v-00cb9993]{background:#f3e9fc}.feature-grid .feature-item .f-icon.pink[data-v-00cb9993]{background:#fceaf1}.feature-grid .feature-item .f-icon.blue[data-v-00cb9993]{background:#eaf0fe}.feature-grid .feature-item .f-name[data-v-00cb9993]{font-size:.15rem;font-weight:600;color:#2a2a38;margin-bottom:.06rem}.feature-grid .feature-item .f-desc[data-v-00cb9993]{font-size:.13rem;color:#9a9aa8;line-height:1.6}.toast[data-v-00cb9993]{position:fixed;top:1rem;left:50%;transform:translateX(-50%);background:rgba(30,30,42,.92);color:#fff;font-size:.14rem;padding:.12rem .26rem;border-radius:.1rem;box-shadow:0 .1rem .3rem rgba(0,0,0,.2);z-index:99}.toast-enter-active[data-v-00cb9993],.toast-leave-active[data-v-00cb9993]{transition:all .3s}.toast-enter[data-v-00cb9993],.toast-leave-to[data-v-00cb9993]{opacity:0;transform:translate(-50%,-.12rem)}@keyframes spin-00cb9993{to{transform:rotate(1turn)}}@keyframes pulse-00cb9993{0%,to{box-shadow:0 0 0 .04rem rgba(46,204,113,.18)}50%{box-shadow:0 0 0 .07rem rgba(46,204,113,.08)}}