*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f0f2f5;color:#333}#app{min-height:100vh}.sidebar{width:220px;min-height:100vh;background:radial-gradient(circle at top left,rgba(110,231,183,.18),transparent 28%),linear-gradient(180deg,#0f172a,#12324a 52%,#0f766e);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100}.sidebar-profile{padding:32px 20px 24px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.blog-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:4px}.blog-desc{color:#e2e8f0ad;font-size:12px}.sidebar-nav{flex:1;padding:16px 12px}.nav-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:12px;color:#f1f5f9b8;text-decoration:none;font-size:14px;margin-bottom:4px;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff;transform:translate(2px)}.nav-item.active{background:linear-gradient(135deg,#38bdf8,#14b8a6);color:#fff;box-shadow:0 10px 24px #14b8a647}.nav-item .el-icon{font-size:16px;flex-shrink:0}.sidebar-footer{padding:16px;text-align:center;color:#e2e8f06b;font-size:12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-auth{padding:12px 16px}.oauth-login-btns{display:flex;flex-direction:column;gap:8px}.sidebar-oauth-btn{width:100%}.github-sidebar-btn{background:#111827;border-color:#111827;color:#fff}.github-sidebar-btn:hover{background:#1f2937;border-color:#1f2937;color:#fff}.invite-sidebar-btn{background:#0f766e;border-color:#0f766e;color:#fff}.invite-sidebar-btn:hover{background:#0d9488;border-color:#0d9488;color:#fff}.user-info{display:flex;align-items:center;justify-content:space-between;color:#f8fafcdb;font-size:13px}.main-content{margin-left:220px;min-height:100vh;padding:24px 30px;box-sizing:border-box}.sidebar-theme{padding:8px 16px}.theme-toggle-btn{width:100%;color:#f1f5f9b8!important;justify-content:flex-start;gap:8px;font-size:13px;border-radius:12px}.theme-toggle-btn:hover{color:#fff!important;background:#ffffff1a!important}.announcement-dialog .el-dialog{border-radius:28px;overflow:hidden}.announcement-dialog .el-dialog__body{padding:0 32px 16px}.announcement-dialog .el-dialog__header{padding:28px 32px 16px;background:radial-gradient(circle at top left,rgba(37,99,235,.16),transparent 32%),linear-gradient(135deg,#f8fbff,#f5faf7)}.announcement-dialog .el-dialog__footer{padding:12px 32px 28px}.announcement-header{display:flex;justify-content:space-between;gap:20px}.announcement-kicker{margin:0 0 10px;color:#2563eb;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.announcement-header h2{margin:0;color:#0f172a;font-size:30px}.announcement-meta{display:flex;flex-direction:column;gap:8px;color:#64748b;font-size:13px;text-align:right}.announcement-body{display:flex;flex-direction:column;gap:18px;min-height:46vh}.announcement-content{padding:24px;border-radius:22px;border:1px solid #dbe4ee;background:#fff;color:#334155;font-size:15px;overflow:auto}.markdown-body :deep(.md-editor-preview-wrapper){padding:0}.markdown-body :deep(.github-theme){background:transparent}.markdown-body :deep(h1),.markdown-body :deep(h2),.markdown-body :deep(h3){color:#0f172a}.markdown-body :deep(p),.markdown-body :deep(li),.markdown-body :deep(blockquote){color:#334155;line-height:1.9}.announcement-link{align-self:flex-start;color:#2563eb;font-weight:600}.announcement-footer{display:flex;justify-content:flex-end;gap:12px}html.dark body{background-color:#141414;color:#e5eaf3}html.dark .main-content{background-color:#141414}a{text-decoration:none;color:inherit}