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
.theme-toggle-container[data-v-78f09a8c]{position:relative;display:inline-flex;align-items:center}.theme-toggle-button[data-v-78f09a8c]{display:flex;align-items:center;justify-content:center;height:2.25rem;width:2.25rem;border-radius:9999px;background-color:#ffffffe6}.theme-toggle-button[data-v-78f09a8c]:is(.dark *){background-color:#1f2937e6}.theme-toggle-button[data-v-78f09a8c]:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.theme-toggle-button[data-v-78f09a8c]:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.theme-toggle-button[data-v-78f09a8c]{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.theme-toggle-button[data-v-78f09a8c]:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.theme-toggle-button[data-v-78f09a8c]{border-width:1px;border-color:#e5e7eb80}.theme-toggle-button[data-v-78f09a8c]:is(.dark *){border-color:#4b556380}.theme-toggle-button[data-v-78f09a8c]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.theme-toggle-button[data-v-78f09a8c]:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.theme-toggle-button[data-v-78f09a8c]:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.theme-toggle-button[data-v-78f09a8c]{position:relative;overflow:hidden}.theme-toggle-button[data-v-78f09a8c]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle,rgba(59,130,246,.1),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}.theme-toggle-button[data-v-78f09a8c]:hover:before{opacity:1}.theme-toggle-button i[data-v-78f09a8c]{font-size:1rem;line-height:1.5rem;transition:transform .2s ease}.theme-toggle-button:hover i[data-v-78f09a8c]{transform:scale(1.1)}.theme-toggle-button i.fa-sun[data-v-78f09a8c]{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.theme-toggle-button i.fa-moon[data-v-78f09a8c]{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.theme-toggle-button i.fa-circle-half-stroke[data-v-78f09a8c]{background:linear-gradient(90deg,#60a5fa,#2563eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.theme-switch-wrapper[data-v-78f09a8c]{display:inline-flex;align-items:center}.theme-switch[data-v-78f09a8c]{position:relative;width:76px;height:38px;border-radius:50px;padding:4px;cursor:pointer;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #667eea4d,inset 0 1px 2px #0000001a;overflow:hidden;display:flex;align-items:center}.theme-switch[data-v-78f09a8c]:hover{transform:scale(1.05);box-shadow:0 6px 20px #667eea66,inset 0 1px 2px #0000001a}.theme-switch[data-v-78f09a8c]:active{transform:scale(.98)}.theme-switch.is-dark[data-v-78f09a8c]{background:linear-gradient(135deg,#1e293b,#334155);border-color:#94a3b833;box-shadow:0 4px 15px #00000080,inset 0 1px 2px #ffffff0d}.theme-switch.is-dark[data-v-78f09a8c]:hover{box-shadow:0 6px 20px #0009,inset 0 1px 2px #ffffff0d}.theme-switch.is-auto[data-v-78f09a8c]{background:linear-gradient(135deg,#c4b5fd,#a78bfa 15%,#818cf8 40%,#6366f1 60%,#4f46e5 85%,#4338ca);border-color:#fff3;position:relative;overflow:hidden;background-size:120% 120%;background-position:center;box-shadow:0 4px 15px #8b5cf640,inset 0 1px 3px #0000001a,inset 0 -1px 3px #0000001a}.theme-switch.is-auto[data-v-78f09a8c]:before{content:"";position:absolute;left:50%;top:10%;bottom:10%;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.3),transparent);transform:translate(-50%);pointer-events:none}.switch-bg[data-v-78f09a8c]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.stars[data-v-78f09a8c]{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.theme-switch.is-dark .stars[data-v-78f09a8c]{opacity:1}.stars span[data-v-78f09a8c]{position:absolute;display:block;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.6}.stars span[data-v-78f09a8c]:nth-child(1){top:25%;left:20%}.stars span[data-v-78f09a8c]:nth-child(2){top:40%;left:40%;width:1.5px;height:1.5px}.stars span[data-v-78f09a8c]:nth-child(3){top:60%;left:25%}.clouds[data-v-78f09a8c]{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .3s ease}.theme-switch:not(.is-dark):not(.is-auto) .clouds[data-v-78f09a8c]{opacity:.7}.clouds span[data-v-78f09a8c]{position:absolute;background:#ffffff4d;border-radius:100px}.clouds span[data-v-78f09a8c]:nth-child(1){width:20px;height:8px;top:40%;left:15%}.clouds span[data-v-78f09a8c]:nth-child(2){width:15px;height:6px;top:60%;left:35%}.switch-handle[data-v-78f09a8c]{position:absolute;width:30px;height:30px;background:#fff;border-radius:50%;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 8px #0003,0 0 0 1px #0000000d;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%) translate(0);left:4px}.theme-switch.is-dark .switch-handle[data-v-78f09a8c]{transform:translateY(-50%) translate(38px);background:linear-gradient(135deg,#1e293b,#475569);box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff1a}.theme-switch.is-auto .switch-handle[data-v-78f09a8c]{transform:translateY(-50%) translate(19px);background:#ffffff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #0000001a,inset 0 0 8px #ffffff40}.handle-icon[data-v-78f09a8c]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.handle-icon i[data-v-78f09a8c]{font-size:14px;transition:all .3s ease}.handle-icon .fa-sun[data-v-78f09a8c]{color:#f59e0b;filter:drop-shadow(0 0 3px rgba(245,158,11,.5))}.handle-icon .fa-moon[data-v-78f09a8c]{color:#fbbf24;filter:drop-shadow(0 0 3px rgba(251,191,36,.5))}.handle-icon .fa-circle-half-stroke[data-v-78f09a8c]{color:#ffffffe6;filter:drop-shadow(0 0 4px rgba(167,139,250,.5));font-size:15px}.theme-segmented[data-v-78f09a8c]{display:inline-flex;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.theme-segmented[data-v-78f09a8c]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.theme-segmented[data-v-78f09a8c]{border-radius:9999px;padding:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.theme-segmented[data-v-78f09a8c]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.theme-segmented[data-v-78f09a8c]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.theme-segment[data-v-78f09a8c]{padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.theme-segment[data-v-78f09a8c]:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.theme-segment[data-v-78f09a8c]{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;border-radius:9999px;display:flex;align-items:center;gap:.25rem;cursor:pointer;position:relative}.theme-segment[data-v-78f09a8c]:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.theme-segment[data-v-78f09a8c]:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.theme-segment[data-v-78f09a8c]:hover{background-color:#ffffff4d}.theme-segment[data-v-78f09a8c]:hover:is(.dark *){background-color:#4b55634d}.theme-segment[data-v-78f09a8c]:hover{transform:scale(1.02)}.theme-segment.active[data-v-78f09a8c]{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.theme-segment.active[data-v-78f09a8c]:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.theme-segment.active[data-v-78f09a8c]{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.theme-segment.active[data-v-78f09a8c]:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.theme-segment.active[data-v-78f09a8c]{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.theme-segment i[data-v-78f09a8c]{font-size:.75rem;line-height:1rem;transition:transform .2s ease}.fade-enter-active[data-v-78f09a8c],.fade-leave-active[data-v-78f09a8c]{transition:opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-78f09a8c],.fade-leave-to[data-v-78f09a8c]{opacity:0}.dropdown-enter-active[data-v-78f09a8c]{transition:all .3s cubic-bezier(.34,1.56,.64,1)}.dropdown-leave-active[data-v-78f09a8c]{transition:all .2s cubic-bezier(.4,0,1,1)}.dropdown-enter-from[data-v-78f09a8c]{opacity:0;transform:translateY(-10px) scale(.95)}.dropdown-leave-to[data-v-78f09a8c]{opacity:0;transform:translateY(-5px) scale(.98)}@media (max-width: 640px){.theme-dropdown[data-v-78f09a8c]{left:0;right:auto}.theme-segment span[data-v-78f09a8c]{display:none}}
|