.header[data-v-6c7ea3b6]{height:var(--header-height, 56px);padding:0 24px 0 20px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.85);flex-shrink:0;z-index:20}.brand[data-v-6c7ea3b6]{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-logo[data-v-6c7ea3b6]{width:36px;height:36px;border-radius:11px;display:block;object-fit:contain;flex-shrink:0;box-shadow:0 4px 14px #3c98ff38}.brand-text[data-v-6c7ea3b6]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.brand-title[data-v-6c7ea3b6]{font-size:17px;font-weight:700;color:#0f172a;letter-spacing:.04em}.brand-sub[data-v-6c7ea3b6]{font-size:11px;font-weight:600;color:#64748b;letter-spacing:.12em;text-transform:uppercase}.actions[data-v-6c7ea3b6]{display:flex;align-items:center;gap:6px}.action-badge[data-v-6c7ea3b6]{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-pill, 999px);background:rgba(248,250,252,.95);border:1px solid #e2e8f0;color:#334155;font-size:13px;font-weight:700}.action-spark[data-v-6c7ea3b6]{color:#5b67f1;font-size:14px}.action-btn[data-v-6c7ea3b6]{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#475569;background:transparent;border:none;transition:background .2s}.action-btn[data-v-6c7ea3b6]:hover{background:rgba(241,245,249,.95);color:#1e293b}.action-icon[data-v-6c7ea3b6]{font-size:15px;font-weight:700;border:1.5px solid currentColor;border-radius:5px;padding:1px 4px;line-height:1.1;font-size:11px}.action-bell[data-v-6c7ea3b6]{width:18px;height:16px;border:2px solid #64748b;border-radius:10px 10px 0 0;border-bottom:none;position:relative}.action-bell[data-v-6c7ea3b6]:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:4px;background:#64748b;border-radius:0 0 4px 4px}.action-dot[data-v-6c7ea3b6]{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#f97316;border:2px solid #fff}.action-avatar[data-v-6c7ea3b6]{width:38px;height:38px;border-radius:50%;overflow:hidden;border:2px solid #e2e8f0;margin-left:4px;background:#f1f5f9}.avatar-img[data-v-6c7ea3b6]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-6c7ea3b6]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#5b67f1;background:linear-gradient(145deg,#eef2ff 0%,#e0e7ff 100%)}.sidebar[data-v-258e433c]{width:var(--sidebar-width, 72px);flex-shrink:0;background:rgba(255,255,255,.45);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-right:1px solid rgba(226,232,240,.9);display:flex;flex-direction:column;align-items:center;padding:28px 0;z-index:10}.sidebar-nav[data-v-258e433c]{display:flex;flex-direction:column;gap:14px}.sidebar-nav-item[data-v-258e433c]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;cursor:pointer;font-size:20px;color:#94a3b8;transition:background .2s,color .2s,box-shadow .2s,transform .15s}.sidebar-nav-item[data-v-258e433c]:hover{background:rgba(241,245,249,.95);color:#475569}.sidebar-nav-item.active[data-v-258e433c]{background:linear-gradient(145deg,#7c6cf0 0%,#5b67f1 100%);color:#fff;box-shadow:0 8px 24px #5b67f166}.sidebar-nav-item.active .sidebar-nav-icon[data-v-258e433c]{filter:none}.sidebar-nav-icon[data-v-258e433c]{line-height:1;font-weight:600}.layout[data-v-d07c5f53]{min-height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--gradient-page, #eef2ff)}.body[data-v-d07c5f53]{flex:1;display:flex;min-height:0;min-width:0}.main[data-v-d07c5f53]{flex:1;overflow:auto;padding:12px 14px 20px;min-width:0;width:100%;background:transparent}.main--sandbox-fill[data-v-d07c5f53]{overflow:hidden;display:flex;flex-direction:column;min-height:0;padding:10px 16px 14px}.main-panel[data-v-d07c5f53]{width:100%;max-width:none;margin:0;min-height:calc(100dvh - var(--header-height, 56px) - 48px);padding:clamp(12px,1.5vw,22px) clamp(12px,2vw,28px) clamp(16px,2vw,28px);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;border:none;box-shadow:none;box-sizing:border-box}.main-panel--sandbox-fill[data-v-d07c5f53]{flex:1;width:100%;min-width:0;min-height:0!important;max-height:100%;display:flex;flex-direction:column;padding:8px 12px 12px;border-radius:0}@media (max-width: 768px){.main[data-v-d07c5f53]{padding:12px 12px 20px}.main--sandbox-fill[data-v-d07c5f53]{padding:8px 10px 12px}.main-panel[data-v-d07c5f53]{padding:16px 12px 22px;min-height:auto}.main-panel--sandbox-fill[data-v-d07c5f53]{min-height:min(100dvh - var(--header-height, 56px) - 24px,900px)!important;max-height:min(100dvh - var(--header-height, 56px) - 24px,900px)}}:root{--proto-violet: #888fff;--proto-blue: #3c98ff;--proto-sky: #99c9ff;--proto-frost: #aed5ff;--proto-azure: #76b6fc;--proto-deep-1: #2d2a5c;--proto-deep-2: #1e1b3d;--proto-header: #5b67f1;--color-primary: var(--proto-violet);--color-primary-mid: #6b7cff;--color-primary-light: var(--proto-blue);--color-accent: var(--proto-blue);--color-text: #1a1d2e;--color-text-muted: #5c6178;--color-border: rgba(136, 143, 255, .18);--color-bg: #ffffff;--color-bg-subtle: #f3f6ff;--color-page-tint: #eef2ff;--color-tag-hot: #dc2626;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-card: 0 4px 24px rgba(91, 103, 241, .08), 0 1px 3px rgba(30, 27, 61, .06);--shadow-search: 0 8px 32px rgba(60, 152, 255, .12), 0 2px 8px rgba(45, 42, 92, .06);--gradient-brand: linear-gradient(135deg, var(--proto-violet) 0%, var(--proto-blue) 55%, var(--proto-azure) 100%);--gradient-hero-text: linear-gradient(90deg, #6ae8b0 0%, var(--proto-blue) 42%, var(--proto-violet) 100%);--color-teal-accent: #2dd4bf;--gradient-page: radial-gradient(100% 70% at 10% 0%, rgba(186, 230, 253, .55) 0%, transparent 50%), radial-gradient(80% 50% at 90% 10%, rgba(221, 214, 254, .45) 0%, transparent 45%), radial-gradient(60% 40% at 50% 100%, rgba(167, 243, 208, .22) 0%, transparent 50%), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 45%, #eef2ff 100%);--sidebar-width: 72px;--header-height: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;min-height:100dvh;line-height:1.5;font-family:PingFang SC,Noto Sans SC,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--gradient-page);background-attachment:fixed}#app{min-height:100vh;min-height:100dvh;width:100%;max-width:100vw;overflow-x:hidden;background:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}