.sidebar[data-v-6116bcc2]{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--bg-sidebar);display:flex;flex-direction:column;z-index:100;box-shadow:2px 0 16px #0000001a}.is-windows .sidebar[data-v-6116bcc2]{box-shadow:1px 0 8px #0000000f}.sidebar-brand[data-v-6116bcc2]{padding:24px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-icon[data-v-6116bcc2]{font-size:1.6rem}.brand-text[data-v-6116bcc2]{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:2px}.sidebar-nav[data-v-6116bcc2]{flex:1;padding:12px 0;overflow-y:auto}.nav-item[data-v-6116bcc2]{display:flex;align-items:center;gap:12px;padding:12px 24px;color:#ffffffa6;font-size:.95rem;transition:var(--transition);text-decoration:none;border-left:3px solid transparent}.nav-item[data-v-6116bcc2]:hover{color:#fff;background:#ffffff0f}.nav-item.active[data-v-6116bcc2]{color:#fff;background:#4a90d933;border-left-color:var(--primary)}.nav-icon[data-v-6116bcc2]{font-size:1.15rem;width:24px;text-align:center}.sidebar-footer[data-v-6116bcc2]{padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.user-brief[data-v-6116bcc2]{display:flex;align-items:center;gap:10px;color:#fffc;font-size:.85rem}.main-content[data-v-6116bcc2]{min-height:100vh;transition:var(--transition)}.main-content.with-sidebar[data-v-6116bcc2]{margin-left:var(--sidebar-w)}.tabbar[data-v-6116bcc2]{position:fixed;bottom:0;left:0;right:0;height:var(--tabbar-h);background:#fff;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 12px #0000000f;z-index:100;border-top:1px solid var(--border)}.tab-item[data-v-6116bcc2]{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;color:var(--text-muted);text-decoration:none;transition:var(--transition);padding:4px 0}.tab-item.active[data-v-6116bcc2]{color:var(--primary)}.tab-icon[data-v-6116bcc2]{font-size:1.3rem}.is-mobile .main-content[data-v-6116bcc2]{padding-bottom:calc(var(--tabbar-h) + 8px)}.fade-enter-active[data-v-6116bcc2],.fade-leave-active[data-v-6116bcc2]{transition:opacity .2s ease}.fade-enter-from[data-v-6116bcc2],.fade-leave-to[data-v-6116bcc2]{opacity:0}:root{--primary: #4A90D9;--primary-light: #6BA5E7;--primary-dark: #3572B0;--success: #2ECC71;--warning: #F39C12;--danger: #E74C3C;--info: #3498DB;--bg: #F5F7FA;--bg-card: #FFFFFF;--bg-sidebar: #1E293B;--text-primary: #2C3E50;--text-secondary: #7F8C8D;--text-muted: #BDC3C7;--border: #E8ECF0;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--tabbar-h: 56px;--header-h: 56px;--sidebar-w: 240px;--transition: all .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text-primary);background:var(--bg);line-height:1.6;overflow-x:hidden}a{color:var(--primary);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-bold{font-weight:600}.w-full{width:100%}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.p-16{padding:16px}.hidden{display:none!important}.card{background:var(--bg-card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#27ae60}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c0392b}.btn-warning{background:var(--warning);color:#fff}.btn-warning:hover{background:#e67e22}.btn-ghost{background:transparent;color:var(--primary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--primary);color:#fff}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-textarea,.form-select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:#fff;transition:var(--transition);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4a90d926}.form-textarea{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:100px;font-size:.7rem;font-weight:600}.badge-primary{background:#4a90d91f;color:var(--primary)}.badge-success{background:#2ecc711f;color:var(--success)}.badge-danger{background:#e74c3c1f;color:var(--danger)}.badge-warning{background:#f39c121f;color:var(--warning)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;flex-shrink:0}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.toast-container{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none}.toast{padding:10px 24px;border-radius:var(--radius-sm);background:#000000bf;color:#fff;font-size:.85rem;margin-bottom:8px;animation:toastIn .3s ease}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted)}.empty-state .icon{font-size:3rem;margin-bottom:12px}.empty-state .text{font-size:.9rem}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:32px}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width: 767px){.desktop-only{display:none!important}}@media (min-width: 768px){.mobile-only{display:none!important}}mark{background:#ffeaa7;color:var(--danger);padding:0 2px;border-radius:2px;font-weight:600}html.is-windows{--transition: none}html.is-windows .card{box-shadow:0 1px 4px #0000000f}html.is-windows .btn,html.is-windows .form-input,html.is-windows .form-textarea,html.is-windows .nav-item,html.is-windows .tab-item{transition:none}html.is-windows .post-card{content-visibility:auto;contain-intrinsic-size:auto 120px}html.is-windows .post-card:hover{transform:none;box-shadow:0 2px 12px #00000014}html.is-windows .main-content{transition:none}html.is-windows .spinner{animation-duration:1.2s}html.is-android,html.is-ios{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}html.is-android *,html.is-ios *{-webkit-tap-highlight-color:transparent}html.is-android,html.is-ios{--transition: none}html.is-android .card,html.is-ios .card{box-shadow:0 1px 4px #0000000f}html.is-android .btn,html.is-android .form-input,html.is-android .form-textarea,html.is-android .nav-item,html.is-android .tab-item,html.is-ios .btn,html.is-ios .form-input,html.is-ios .form-textarea,html.is-ios .nav-item,html.is-ios .tab-item{transition:none}html.is-android .post-card,html.is-ios .post-card{content-visibility:auto;contain-intrinsic-size:auto 120px}html.is-android .post-card:hover,html.is-ios .post-card:hover{transform:none;box-shadow:0 2px 12px #00000014}html.is-android .main-content,html.is-ios .main-content{transition:none}html.is-android .spinner,html.is-ios .spinner{animation-duration:1.2s}