:root{--color-primary: #1a1a1a;--color-primary-hover: #333;--color-primary-light: rgba(26, 26, 26, .06);--color-text: #1a1a2e;--color-text-secondary: #666;--color-text-tertiary: #999;--color-bg: #f5f5f5;--color-card: #fff;--color-border: #eee;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,PingFang SC,Microsoft YaHei,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#f5f5f5}a{text-decoration:none;color:inherit}input,button,textarea,select{font-family:inherit;font-size:inherit}.page-container{max-width:1200px;margin:0 auto;padding:0 24px}.card{background:#fff;border-radius:12px;border:1px solid #f0f0f0;overflow:hidden;transition:all .2s ease}.card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-outline{background:transparent;border:1px solid #ddd;color:#333}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.tag-category{background:#1a1a1a0f;color:#1a1a1a}.tag-earnings,.tag-difficulty-easy{background:#22c55e1a;color:#16a34a}.tag-difficulty-medium{background:#eab3081a;color:#ca8a04}.tag-difficulty-hard{background:#ef44441a;color:#dc2626}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state svg{margin-bottom:12px;opacity:.4}.loading-spinner{display:flex;justify-content:center;padding:40px}.spinner{width:28px;height:28px;border:3px solid #eee;border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pc-layout[data-v-285e6b6c]{display:flex;min-height:100vh;background:#f5f6f8}.pc-sidebar[data-v-285e6b6c]{width:240px;min-height:100vh;background:#fff;border-right:1px solid #eee;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto}.sidebar-logo[data-v-285e6b6c]{display:flex;align-items:center;gap:10px;padding:18px 20px;text-decoration:none;color:#1a1a1a;border-bottom:1px solid #f0f0f0}.logo-icon[data-v-285e6b6c]{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#55bb8a,#3da06b);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text[data-v-285e6b6c]{font-size:20px;font-weight:800;letter-spacing:1px}.sidebar-nav[data-v-285e6b6c]{flex:1;padding:12px 10px;overflow-y:auto}.nav-section[data-v-285e6b6c]{margin-bottom:16px}.nav-section-label[data-v-285e6b6c]{font-size:11px;font-weight:600;color:#bbb;text-transform:uppercase;letter-spacing:.5px;padding:0 12px;margin-bottom:6px}.nav-item[data-v-285e6b6c]{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:14px;color:#555;cursor:pointer;text-decoration:none;transition:all .15s;margin-bottom:2px}.nav-item[data-v-285e6b6c]:hover{background:#f5f5f5;color:#1a1a1a}.nav-item.active[data-v-285e6b6c]{background:#f0faf4;color:#3da06b;font-weight:600}.nav-item.active svg[data-v-285e6b6c]{stroke:#3da06b}.nav-item svg[data-v-285e6b6c]{flex-shrink:0;color:#999}.nav-item:hover svg[data-v-285e6b6c]{color:#555}.sidebar-footer[data-v-285e6b6c]{padding:12px 14px;border-top:1px solid #f0f0f0}.sidebar-user[data-v-285e6b6c]{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;cursor:pointer;position:relative;transition:background .15s}.sidebar-user[data-v-285e6b6c]:hover{background:#f5f5f5}.sidebar-avatar[data-v-285e6b6c]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#55bb8a,#3da06b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0}.sidebar-user-info[data-v-285e6b6c]{flex:1;min-width:0}.sidebar-username[data-v-285e6b6c]{font-size:13px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-points[data-v-285e6b6c]{font-size:11px;color:#3da06b}.sidebar-dropdown[data-v-285e6b6c]{position:absolute;left:0;right:0;bottom:100%;display:none;padding-bottom:6px}.sidebar-user:hover .sidebar-dropdown[data-v-285e6b6c]{display:block}.sidebar-dropdown-menu[data-v-285e6b6c]{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001a;padding:6px;border:1px solid #eee}.sidebar-dropdown-menu .dropdown-item[data-v-285e6b6c]{display:block;padding:8px 14px;font-size:13px;color:#333;text-decoration:none;border-radius:6px;transition:background .15s;cursor:pointer}.sidebar-dropdown-menu .dropdown-item[data-v-285e6b6c]:hover{background:#f5f5f5}.sidebar-login[data-v-285e6b6c]{text-align:center}.sidebar-login-btn[data-v-285e6b6c]{display:block;padding:8px;background:#f5f5f5;color:#555;border-radius:8px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.sidebar-login-btn[data-v-285e6b6c]:hover{background:#e8e8e8;color:#1a1a1a}.pc-main-area[data-v-285e6b6c]{flex:1;margin-left:240px;display:flex;flex-direction:column;min-height:100vh}.pc-main-area.no-sidebar[data-v-285e6b6c]{margin-left:0}.pc-topbar[data-v-285e6b6c]{display:flex;align-items:center;gap:16px;padding:0 24px;height:56px;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:40}.topbar-search[data-v-285e6b6c]{flex:1;max-width:520px;display:flex;align-items:center;gap:8px;padding:7px 14px;background:#f5f5f5;border-radius:10px;border:1.5px solid transparent;transition:all .2s}.topbar-search[data-v-285e6b6c]:focus-within{border-color:#3da06b;background:#fff;box-shadow:0 0 0 3px #3da06b14}.topbar-search svg[data-v-285e6b6c]{color:#aaa;flex-shrink:0}.topbar-search input[data-v-285e6b6c]{flex:1;border:none;background:transparent;outline:none;font-size:14px;color:#333}.topbar-search input[data-v-285e6b6c]::placeholder{color:#bbb}.search-clear[data-v-285e6b6c]{background:none;border:none;cursor:pointer;color:#999;padding:2px;display:flex}.topbar-actions[data-v-285e6b6c]{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar-publish-btn[data-v-285e6b6c]{display:flex;align-items:center;gap:4px;padding:6px 14px;background:linear-gradient(135deg,#55bb8a,#3da06b);color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.topbar-publish-btn[data-v-285e6b6c]:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #3da06b4d}.topbar-login-btn[data-v-285e6b6c]{padding:6px 16px;border:1.5px solid #ddd;color:#555;border-radius:8px;font-size:13px;text-decoration:none;transition:all .15s}.topbar-login-btn[data-v-285e6b6c]:hover{border-color:#aaa;color:#333}.topbar-register-btn[data-v-285e6b6c]{padding:6px 16px;background:#3da06b;color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s}.topbar-register-btn[data-v-285e6b6c]:hover{background:#55bb8a}.topbar-user[data-v-285e6b6c]{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 6px;border-radius:10px;cursor:pointer;position:relative;transition:background .15s}.topbar-user[data-v-285e6b6c]:hover{background:#f5f5f5}.topbar-avatar[data-v-285e6b6c]{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#55bb8a,#3da06b);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.topbar-username[data-v-285e6b6c]{font-size:13px;color:#333;font-weight:500;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-user:hover .topbar-dropdown[data-v-285e6b6c]{display:block}.topbar-dropdown[data-v-285e6b6c]{display:none;position:absolute;top:100%;right:0;padding-top:6px;z-index:100;min-width:140px}.topbar-dropdown-menu[data-v-285e6b6c]{background:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001f;padding:6px;border:1px solid #eee}.topbar-dropdown-menu .dropdown-item[data-v-285e6b6c]{display:block;padding:8px 14px;font-size:13px;color:#333;text-decoration:none;border-radius:6px;transition:background .15s;cursor:pointer}.topbar-dropdown-menu .dropdown-item[data-v-285e6b6c]:hover{background:#f5f5f5}.topbar-dropdown-menu .dropdown-item.danger[data-v-285e6b6c]{color:#e53935}.topbar-dropdown-menu .dropdown-item.danger[data-v-285e6b6c]:hover{background:#fef2f2}.dropdown-divider[data-v-285e6b6c]{height:1px;background:#eee;margin:4px 0}.pc-category-bar[data-v-285e6b6c]{display:flex;gap:6px;padding:12px 24px;background:#fff;border-bottom:1px solid #f0f0f0;overflow-x:auto}.cat-item[data-v-285e6b6c]{padding:6px 16px;border-radius:20px;font-size:13px;color:#666;cursor:pointer;white-space:nowrap;transition:all .15s;font-weight:500}.cat-item[data-v-285e6b6c]:hover{color:#333;background:#f5f5f5}.cat-item.active[data-v-285e6b6c]{color:#fff;background:linear-gradient(135deg,#55bb8a,#3da06b);font-weight:600}.pc-content[data-v-285e6b6c]{flex:1;padding:20px 24px}.tab-bar[data-v-e235d26e]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;justify-content:space-around;box-shadow:0 -1px 10px #0000000d;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.tab-item[data-v-e235d26e]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:all .2s;position:relative}.tab-item[data-v-e235d26e]:active{transform:scale(.95)}.tab-item.is-post[data-v-e235d26e]{margin-top:0}.tab-item.is-post svg[data-v-e235d26e]{width:48px;height:48px}.tab-label[data-v-e235d26e]{font-size:10px;color:#999;transition:color .2s}.tab-item.active .tab-label[data-v-e235d26e]{color:#1a1a1a;font-weight:500}.icon-wrapper[data-v-e235d26e]{position:relative;display:flex;align-items:center;justify-content:center}.unread-badge[data-v-e235d26e]{position:absolute;top:-6px;right:-10px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1}.custom-topbar[data-v-17477154]{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 8px;position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #f0f0f0}.topbar-back[data-v-17477154]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:#333;cursor:pointer;border-radius:8px}.topbar-back[data-v-17477154]:active{background:#f5f5f5}.topbar-title[data-v-17477154]{font-size:16px;font-weight:700;color:#1a1a2e}.topbar-spacer[data-v-17477154]{width:36px}.mobile-layout[data-v-b1f18dcb]{min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.mobile-main[data-v-b1f18dcb]{flex:1}