body{margin:0;padding:0}.view-box{grid-gap:20px;display:grid}@media (min-width:768px){.view-box{grid-template-columns:repeat(4,1fr)}}.layout-container[data-v-af5a00a0]{background-image:url(/assets/bg-2RuXgE3S.jpg);background-position:50%;background-size:cover;width:100%;height:100vh;display:flex;overflow:hidden}.sidebar[data-v-af5a00a0]{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;flex-direction:column;width:250px;display:flex}.sidebar-header[data-v-af5a00a0]{border-bottom:1px solid #34495e;padding:20px}.sidebar-header h2[data-v-af5a00a0]{margin:0;font-size:18px}.sidebar-nav[data-v-af5a00a0]{flex:1;padding:20px 0}.nav-item[data-v-af5a00a0]{color:#ecf0f1;padding:12px 20px;text-decoration:none;transition:background-color .3s;display:block}.nav-item[data-v-af5a00a0]:hover{background-color:#34495e}.nav-item.router-link-active[data-v-af5a00a0]{background-color:#3498db;font-weight:700}.content[data-v-af5a00a0]{flex:1;padding:20px;overflow-y:auto}.layout-container[data-v-c0d0ee3d]{background-image:url(/assets/bg2-DT5VVnsl.jpg);background-position:50%;background-size:cover;flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.app-header[data-v-c0d0ee3d]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#ffffff1a;border-bottom:1px solid #fff3;align-items:center;padding:16px;display:flex}.menu-toggle[data-v-c0d0ee3d]{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:24px;height:24px;margin-right:12px;padding:4px;display:flex}.menu-icon[data-v-c0d0ee3d]{background-color:#fff;width:100%;height:2px;transition:all .3s;display:block}.app-header h1[data-v-c0d0ee3d]{color:#fff;text-align:center;flex:1;margin:0 40px 0 0;font-size:18px}.drawer-menu[data-v-c0d0ee3d]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:200;background:#ffffff1a;border-right:1px solid #fff3;flex-direction:column;width:280px;height:100vh;transition:left .3s;display:flex;position:fixed;top:0;left:-280px}.drawer-menu.open[data-v-c0d0ee3d]{left:0}.drawer-header[data-v-c0d0ee3d]{border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:16px;display:flex}.drawer-header h2[data-v-c0d0ee3d]{color:#fff;margin:0;font-size:16px}.close-button[data-v-c0d0ee3d]{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;display:flex}.drawer-nav[data-v-c0d0ee3d]{flex:1;padding:16px 0;overflow-y:auto}.nav-item[data-v-c0d0ee3d]{color:#ecf0f1;padding:14px 20px;font-size:15px;text-decoration:none;transition:background-color .3s;display:block}.nav-item[data-v-c0d0ee3d]:hover{background-color:#34495e80}.nav-item.router-link-active[data-v-c0d0ee3d]{background-color:#3498dbb3;font-weight:700}.overlay[data-v-c0d0ee3d]{z-index:150;background-color:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.content[data-v-c0d0ee3d]{flex:1;padding:16px;transition:transform .3s;overflow-y:auto}.content.shifted[data-v-c0d0ee3d]{transform:translate(0)}@media (max-width:768px){.app-header h1[data-v-c0d0ee3d]{font-size:16px}.content[data-v-c0d0ee3d]{padding:12px}.drawer-menu[data-v-c0d0ee3d]{width:250px;left:-250px}.nav-item[data-v-c0d0ee3d]{padding:12px 16px;font-size:14px}}.menu-toggle.active .menu-icon[data-v-c0d0ee3d]:first-child{background-color:#fff;transform:translateY(11px)rotate(45deg)}.menu-toggle.active .menu-icon[data-v-c0d0ee3d]:nth-child(2){opacity:0}.menu-toggle.active .menu-icon[data-v-c0d0ee3d]:nth-child(3){background-color:#fff;transform:translateY(-11px)rotate(-45deg)}.dialog-overlay[data-v-ce7448d0]{z-index:2000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-wrapper[data-v-ce7448d0]{width:var(--dialog-width,1200px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:8px;flex-direction:column;max-width:100%;max-height:90vh;animation:.3s ease-out dialog-slide-in-ce7448d0;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.dialog-fullscreen[data-v-ce7448d0]{border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%}.dialog-header[data-v-ce7448d0]{border-bottom:1px solid #0000001a;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.dialog-title[data-v-ce7448d0]{color:#303133;margin:0;font-size:18px;font-weight:500}.dialog-close-btn[data-v-ce7448d0]{cursor:pointer;color:#909399;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .3s;display:flex}.dialog-close-btn[data-v-ce7448d0]:hover{color:#606266;background-color:#0000000d}.dialog-body[data-v-ce7448d0]{color:#606266;flex:1;padding:20px 24px;font-size:14px;line-height:1.5;overflow-y:auto}.dialog-footer[data-v-ce7448d0]{border-top:1px solid #0000001a;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px 20px;display:flex}.dialog-btn[data-v-ce7448d0]{cursor:pointer;border:1px solid #0000;border-radius:4px;outline:none;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s}.dialog-btn[data-v-ce7448d0]:disabled{opacity:.6;cursor:not-allowed}.dialog-btn-cancel[data-v-ce7448d0]{color:#606266;background-color:#fff;border-color:#dcdfe6}.dialog-btn-cancel[data-v-ce7448d0]:hover:not(:disabled){color:#409eff;background-color:#ecf5ff;border-color:#c6e2ff}.dialog-btn-primary[data-v-ce7448d0]{color:#fff;background-color:#409eff;border-color:#409eff}.dialog-btn-primary[data-v-ce7448d0]:hover:not(:disabled){background-color:#66b1ff;border-color:#66b1ff}.dialog-loading[data-v-ce7448d0]{align-items:center;display:inline-flex}.dialog-fade-enter-active[data-v-ce7448d0],.dialog-fade-leave-active[data-v-ce7448d0]{transition:opacity .3s}.dialog-fade-enter-from[data-v-ce7448d0],.dialog-fade-leave-to[data-v-ce7448d0]{opacity:0}@keyframes dialog-slide-in-ce7448d0{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dialog-wrapper[data-v-ce7448d0]{width:90%;margin:0 auto}.dialog-header[data-v-ce7448d0],.dialog-body[data-v-ce7448d0],.dialog-footer[data-v-ce7448d0]{padding:16px}}.card-item-box[data-v-ea4981b2]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border-radius:20px;justify-content:center;align-items:center;height:300px;display:flex}.card-item-box[data-v-ea4981b2]:hover{transform:translateY(-3px);box-shadow:0 8px 15px #00000080}.detail-btn[data-v-ea4981b2]{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#fff3;border-radius:5px;padding:5px 10px;position:absolute;bottom:20px;right:20px}.detail-btn[data-v-ea4981b2]:hover{background:#fff6}.dialog-content-box[data-v-ea4981b2]{gap:30px;display:flex}.dialog-content-box .dialog-code-box[data-v-ea4981b2]{width:50%;position:relative}.dialog-content-box .dialog-code-box .btn-copy[data-v-ea4981b2]{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#fff3;border-radius:5px;padding:5px 10px;position:absolute;top:20px;right:20px}.dialog-content-box .dialog-code-box .dialog-code[data-v-ea4981b2]{color:#fff;white-space:pre-wrap;word-wrap:break-word;background-color:#000c;border-radius:6px;max-height:600px;padding:25px;font-family:Consolas,Monaco,Courier New,monospace;overflow:auto}.toast-message[data-v-ea4981b2]{color:#fff;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#67c23a;border-radius:6px;padding:12px 24px;font-size:14px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast-fade-enter-active[data-v-ea4981b2],.toast-fade-leave-active[data-v-ea4981b2]{transition:all .3s}.toast-fade-enter-from[data-v-ea4981b2]{opacity:0;transform:translate(-50%,-50%)scale(.8)}.toast-fade-leave-to[data-v-ea4981b2]{opacity:0;transform:translate(-50%,-50%)scale(1.1)}