mirror of
https://github.com/Wei-Shaw/claude-relay-service.git
synced 2026-01-22 16:43:35 +00:00
2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
.api-input-wide-card[data-v-a4be9e3c]{background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.api-input-wide-card[data-v-a4be9e3c]:hover{box-shadow:0 32px 64px -12px #00000059,0 0 0 1px #ffffff14,inset 0 1px #ffffff26;transform:translateY(-1px)}.wide-card-title h2[data-v-a4be9e3c]{color:#1f2937;text-shadow:0 1px 2px rgba(0,0,0,.1);font-weight:700}.wide-card-title p[data-v-a4be9e3c]{color:#4b5563;text-shadow:0 1px 1px rgba(0,0,0,.05)}.wide-card-title .fas.fa-chart-line[data-v-a4be9e3c]{color:#3b82f6;text-shadow:0 1px 2px rgba(59,130,246,.2)}.api-input-grid[data-v-a4be9e3c]{align-items:end;gap:1rem}.wide-card-input[data-v-a4be9e3c]{background:#fffffff2;border:2px solid rgba(255,255,255,.4);border-radius:12px;padding:14px 16px;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;box-shadow:0 4px 6px -1px #0000001a}.wide-card-input[data-v-a4be9e3c]::-moz-placeholder{color:#9ca3af}.wide-card-input[data-v-a4be9e3c]::placeholder{color:#9ca3af}.wide-card-input[data-v-a4be9e3c]:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33,0 10px 15px -3px #0000001a;background:#fff}.btn[data-v-a4be9e3c]{font-weight:500;border-radius:12px;border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;letter-spacing:.025em}.btn-query[data-v-a4be9e3c]{padding:14px 24px;font-size:16px}.btn-primary[data-v-a4be9e3c]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 15px -3px #667eea4d,0 4px 6px -2px #667eea0d}.btn-primary[data-v-a4be9e3c]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 25px -5px #667eea4d,0 10px 10px -5px #667eea1a}.btn-primary[data-v-a4be9e3c]:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-notice[data-v-a4be9e3c]{background:#ffffff26;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;padding:12px 16px;color:#374151;font-size:.875rem;transition:all .3s ease}.security-notice[data-v-a4be9e3c]:hover{background:#fff3;border-color:#ffffff59}.security-notice .fas.fa-shield-alt[data-v-a4be9e3c]{color:#10b981;text-shadow:0 1px 2px rgba(16,185,129,.2)}.loading-spinner[data-v-a4be9e3c]{animation:spin-a4be9e3c 1s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}@keyframes spin-a4be9e3c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.api-input-wide-card[data-v-a4be9e3c]{padding:1.25rem}.wide-card-title[data-v-a4be9e3c]{margin-bottom:1.25rem}.wide-card-title h2[data-v-a4be9e3c]{font-size:1.5rem}.wide-card-title p[data-v-a4be9e3c]{font-size:.875rem}.api-input-grid[data-v-a4be9e3c]{gap:1rem}.wide-card-input[data-v-a4be9e3c]{padding:12px 14px;font-size:15px}.btn-query[data-v-a4be9e3c]{padding:12px 20px;font-size:15px}.security-notice[data-v-a4be9e3c]{padding:10px 14px;font-size:.8rem}}@media (max-width: 480px){.api-input-wide-card[data-v-a4be9e3c]{padding:1rem}.wide-card-title h2[data-v-a4be9e3c]{font-size:1.25rem}.wide-card-title p[data-v-a4be9e3c]{font-size:.8rem}.wide-card-input[data-v-a4be9e3c]{padding:10px 12px;font-size:14px}.btn-query[data-v-a4be9e3c]{padding:10px 16px;font-size:14px}}.card[data-v-957fdbf9]{background:#fffffff2;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-957fdbf9]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-957fdbf9]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.stat-card[data-v-957fdbf9]{background:linear-gradient(135deg,#fffffff2,#fffc);border-radius:20px;border:1px solid rgba(255,255,255,.3);padding:24px;position:relative;overflow:hidden;transition:all .3s ease}.stat-card[data-v-957fdbf9]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.stat-card[data-v-957fdbf9]:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.stat-card[data-v-957fdbf9]:hover:before{opacity:1}@media (max-width: 768px){.card[data-v-957fdbf9]{margin-bottom:1rem}.stat-card[data-v-957fdbf9]{padding:.75rem}.stat-card .text-3xl[data-v-957fdbf9]{font-size:1.5rem}}@media (max-width: 480px){.card[data-v-957fdbf9]{padding:1rem}.stat-card[data-v-957fdbf9]{padding:.5rem}.stat-card .text-3xl[data-v-957fdbf9]{font-size:1.25rem}.stat-card .text-sm[data-v-957fdbf9]{font-size:.75rem}}.card[data-v-db41efab]{background:#fffffff2;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-db41efab]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-db41efab]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.card[data-v-3163241d]{background:#fffffff2;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-3163241d]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-3163241d]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.card[data-v-b5e42c0c]{background:#fffffff2;border-radius:16px;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card[data-v-b5e42c0c]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.card[data-v-b5e42c0c]:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.model-usage-item[data-v-b5e42c0c]{background:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:16px;transition:all .3s ease;position:relative;overflow:hidden}.model-usage-item[data-v-b5e42c0c]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.model-usage-item[data-v-b5e42c0c]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#ffffff4d}.loading-spinner[data-v-b5e42c0c]{animation:spin-b5e42c0c 1s linear infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}@keyframes spin-b5e42c0c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.model-usage-item .grid[data-v-b5e42c0c]{grid-template-columns:1fr 1fr;gap:.5rem}}@media (max-width: 480px){.model-usage-item .grid[data-v-b5e42c0c]{grid-template-columns:1fr}}.gradient-bg[data-v-4e1404f4]{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-attachment:fixed;min-height:100vh;position:relative}.gradient-bg[data-v-4e1404f4]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(240,147,251,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,126,234,.2) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(118,75,162,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.glass-strong[data-v-4e1404f4]{background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;position:relative;z-index:1}.header-title[data-v-4e1404f4]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;letter-spacing:-.025em}.admin-button[data-v-4e1404f4]{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid rgba(255,255,255,.2);text-decoration:none;box-shadow:0 4px 6px -1px #667eea4d,0 2px 4px -1px #667eea1a;position:relative;overflow:hidden}.admin-button[data-v-4e1404f4]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.admin-button[data-v-4e1404f4]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #667eea66,0 4px 6px -2px #667eea26}.admin-button[data-v-4e1404f4]:hover:before{left:100%}.period-btn[data-v-4e1404f4]{position:relative;overflow:hidden;border-radius:12px;font-weight:500;letter-spacing:.025em;transition:all .3s ease;border:none;cursor:pointer}.period-btn.active[data-v-4e1404f4]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 10px 15px -3px #667eea4d,0 4px 6px -2px #667eea0d;transform:translateY(-1px)}.period-btn[data-v-4e1404f4]:not(.active){color:#374151;background:transparent}.period-btn[data-v-4e1404f4]:not(.active):hover{background:#ffffff1a;color:#1f2937}.tab-pill-button[data-v-4e1404f4]{padding:.625rem 1.25rem;border-radius:9999px;font-weight:500;font-size:.875rem;color:#fffc;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative;display:inline-flex;align-items:center;white-space:nowrap}.tab-pill-button[data-v-4e1404f4]:hover{color:#fff;background:#ffffff1a}.tab-pill-button.active[data-v-4e1404f4]{background:#fff;color:#764ba2;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.tab-pill-button i[data-v-4e1404f4]{font-size:.875rem}.tab-content[data-v-4e1404f4]{animation:tabFadeIn-4e1404f4 .4s ease-out}@keyframes tabFadeIn-4e1404f4{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in[data-v-4e1404f4]{animation:fadeIn-4e1404f4 .6s ease-out}@keyframes fadeIn-4e1404f4{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
|