2 lines
21 KiB
CSS
2 lines
21 KiB
CSS
|
.particle-bg[data-v-e8322ca3]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 0%,#1e293b,#020617)}.layout[data-v-3ebd6421]{display:flex;min-height:100vh;background:radial-gradient(circle at top right,#1e293b,#0f172a)}.sidebar[data-v-3ebd6421]{width:260px;margin:1rem;border-radius:20px;display:flex;flex-direction:column;z-index:10}.glass-panel[data-v-3ebd6421]{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.sidebar-header[data-v-3ebd6421]{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar h1[data-v-3ebd6421]{font-size:1.25rem;margin:0;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.5px}.sidebar nav[data-v-3ebd6421]{padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.nav-item[data-v-3ebd6421]{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;color:var(--text-secondary);transition:all .2s ease;position:relative;overflow:hidden}.nav-item[data-v-3ebd6421]:hover{background:#ffffff0d;color:var(--text-primary);transform:translate(4px)}.nav-item.router-link-active[data-v-3ebd6421]{background:#3b82f626;color:#60a5fa;box-shadow:0 0 20px #3b82f61a;border:1px solid rgba(59,130,246,.2)}.nav-icon[data-v-3ebd6421]{font-size:1.2rem}.sidebar-footer[data-v-3ebd6421]{margin-top:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.glass-inset[data-v-3ebd6421]{background:#0003;border-radius:12px;padding:.5rem;border:1px solid rgba(255,255,255,.05)}.language-switch[data-v-3ebd6421]{display:flex;gap:.25rem}.language-switch button[data-v-3ebd6421]{flex:1;padding:.5rem;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:600}.language-switch button.active[data-v-3ebd6421]{background:#ffffff1a;color:#fff;box-shadow:0 2px 4px #0003}.user-section[data-v-3ebd6421]{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}.username[data-v-3ebd6421]{font-size:.9rem;font-weight:500}.logout-btn[data-v-3ebd6421]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s}.logout-btn[data-v-3ebd6421]:hover{color:#ef4444;background:#ef44441a}main[data-v-3ebd6421]{flex:1;padding:1rem 2rem;overflow-y:auto;perspective:1000px}.page-fade-enter-active[data-v-3ebd6421],.page-fade-leave-active[data-v-3ebd6421]{transition:opacity .3s ease,transform .3s ease}.page-fade-enter-from[data-v-3ebd6421]{opacity:0;transform:translateY(20px) scale(.98)}.page-fade-leave-to[data-v-3ebd6421]{opacity:0;transform:translateY(-20px) scale(.98)}.tilt-card[data-v-6149d07d]{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:transform .1s ease-out;transform-style:preserve-3d;overflow:hidden}.tilt-content[data-v-6149d07d]{position:relative;z-index:2;transform:translateZ(20px)}.glow[data-v-6149d07d]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transition:opacity .3s ease}.neo-btn[data-v-abb44b84]{position:relative;border:none;background:transparent;padding:0;cursor:pointer;outline:none;transform-style:preserve-3d;transition:transform .15s var(--ease-out-back);font-family:inherit;font-weight:600;font-size:.95rem}.neo-btn[data-v-abb44b84]:active{transform:translateY(2px)}.btn-content[data-v-abb44b84]{display:block;position:relative;background:var(--accent-color);color:#fff;padding:.75rem 1.5rem;border-radius:8px;transform:translateZ(10px);transition:transform .15s,background .2s;z-index:2;border:1px solid rgba(255,255,255,.1)}.neo-btn.danger .btn-content[data-v-abb44b84]{background:#ef4444}.neo-btn.ghost .btn-content[data-v-abb44b84]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.neo-bt
|