.app-wrapper[data-v-6b3333a5]{min-height:100vh;background:#f4f6f9;font-family:PingFang SC,Microsoft YaHei,sans-serif}.app-header[data-v-6b3333a5]{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:60px;background:#1a1f2e;box-shadow:0 2px 12px #00000040}.header-left[data-v-6b3333a5]{display:flex;align-items:center;gap:12px;color:#e8eff8}.logo-icon[data-v-6b3333a5]{color:#2dd4bf;display:flex;align-items:center}.logo-text[data-v-6b3333a5]{font-size:18px;font-weight:700;letter-spacing:.5px;color:#f0f4f8}.header-right[data-v-6b3333a5]{display:flex;align-items:center;gap:16px}.admin-links[data-v-6b3333a5]{display:flex;gap:8px}.nav-btn[data-v-6b3333a5]{background:#ffffff14!important;border:1px solid rgba(255,255,255,.15)!important;color:#d1dce8!important;border-radius:8px!important;font-size:13px!important;transition:all .2s!important}.nav-btn[data-v-6b3333a5]:hover{background:#2dd4bf2e!important;border-color:#2dd4bf!important;color:#2dd4bf!important}.user-info[data-v-6b3333a5]{display:flex;align-items:center;gap:10px}.user-avatar[data-v-6b3333a5]{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2dd4bf,#0ea5e9);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}.guest-avatar[data-v-6b3333a5]{background:#ffffff1f;color:#94a3b8}.user-name[data-v-6b3333a5]{font-size:14px;color:#cbd5e1}.logout-btn[data-v-6b3333a5]{background:#ef444426!important;border:1px solid rgba(239,68,68,.3)!important;color:#fca5a5!important;border-radius:8px!important}.logout-btn[data-v-6b3333a5]:hover{background:#ef444447!important;border-color:#ef4444!important;color:#fecaca!important}.login-btn[data-v-6b3333a5]{background:linear-gradient(135deg,#2dd4bf,#0ea5e9)!important;border:none!important;color:#fff!important;border-radius:8px!important;font-weight:600!important}.login-btn[data-v-6b3333a5]:hover{opacity:.88}.app-main[data-v-6b3333a5]{max-width:1280px;margin:0 auto;padding:40px 24px 60px}.hero-section[data-v-6b3333a5]{text-align:center;margin-bottom:48px}.hero-title[data-v-6b3333a5]{font-size:36px;font-weight:800;color:#1a1f2e;margin:0 0 12px;letter-spacing:-.5px}.hero-subtitle[data-v-6b3333a5]{font-size:16px;color:#64748b;margin:0 0 32px}.search-box[data-v-6b3333a5]{max-width:520px;margin:0 auto}.search-input[data-v-6b3333a5] .el-input__wrapper{border-radius:12px!important;box-shadow:0 2px 16px #00000014!important;border:1px solid #e2e8f0!important;padding:4px 16px}.search-input[data-v-6b3333a5] .el-input__wrapper:hover,.search-input[data-v-6b3333a5] .el-input__wrapper.is-focus{border-color:#2dd4bf!important;box-shadow:0 0 0 3px #2dd4bf1f!important}.agent-grid[data-v-6b3333a5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.agent-card[data-v-6b3333a5]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0000000f;border:1px solid #e8edf4;cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;display:flex;flex-direction:column}.agent-card[data-v-6b3333a5]:hover{transform:translateY(-5px);box-shadow:0 12px 32px #00000021;border-color:#2dd4bf}.card-image-wrapper[data-v-6b3333a5]{position:relative;height:160px;background:linear-gradient(135deg,#f0fdf9,#eff6ff);overflow:hidden}.card-image[data-v-6b3333a5]{width:100%;height:100%;object-fit:contain;padding:16px;box-sizing:border-box;transition:transform .3s ease}.agent-card:hover .card-image[data-v-6b3333a5]{transform:scale(1.05)}.card-image-placeholder[data-v-6b3333a5]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8}.permission-badge[data-v-6b3333a5]{position:absolute;top:12px;right:12px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.permission-badge.guest[data-v-6b3333a5]{background:#2dd4bf26;color:#0d9488;border:1px solid rgba(45,212,191,.3)}.permission-badge.user[data-v-6b3333a5]{background:#0ea5e926;color:#0369a1;border:1px solid rgba(14,165,233,.3)}.permission-badge.manage[data-v-6b3333a5],.permission-badge.admin[data-v-6b3333a5]{background:#f9731626;color:#c2410c;border:1px solid rgba(249,115,22,.3)}.card-body[data-v-6b3333a5]{padding:18px 20px 12px;flex:1}.card-title[data-v-6b3333a5]{font-size:16px;font-weight:700;color:#1e293b;margin:0 0 8px}.card-desc[data-v-6b3333a5]{font-size:13px;color:#64748b;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer[data-v-6b3333a5]{padding:12px 20px 16px;border-top:1px solid #f1f5f9;display:flex;align-items:center}.card-link-hint[data-v-6b3333a5]{display:flex;align-items:center;gap:5px;font-size:13px;color:#2dd4bf;font-weight:500;transition:gap .2s}.agent-card:hover .card-link-hint[data-v-6b3333a5]{gap:8px}.loading-state[data-v-6b3333a5]{padding:32px}.empty-state[data-v-6b3333a5]{padding:80px 0;text-align:center}@media(max-width:768px){.app-header[data-v-6b3333a5]{padding:10px 16px;flex-wrap:wrap;height:auto;min-height:60px;gap:8px}.admin-links[data-v-6b3333a5]{flex-wrap:wrap}.hero-title[data-v-6b3333a5]{font-size:26px}.agent-grid[data-v-6b3333a5]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}