: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-be10d543]{min-height:100vh;display:flex;flex-direction:column}.pc-header[data-v-be10d543]{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 4px #0000000a}.header-inner[data-v-be10d543]{max-width:1200px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:24px}.logo[data-v-be10d543]{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#1a1a1a;text-decoration:none;flex-shrink:0}.header-nav[data-v-be10d543]{display:flex;gap:4px;flex-shrink:0}.nav-item[data-v-be10d543]{padding:6px 14px;border-radius:8px;font-size:14px;color:#666;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.nav-item[data-v-be10d543]:hover{color:#1a1a1a;background:#1a1a1a0a}.nav-item.active[data-v-be10d543]{color:#1a1a1a;background:#1a1a1a0f;font-weight:600}.header-actions[data-v-be10d543]{display:flex;align-items:center;gap:12px;margin-left:auto}.search-box[data-v-be10d543]{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#f5f5f5;border-radius:20px;border:1px solid transparent;transition:all .2s}.search-box[data-v-be10d543]:focus-within{border-color:#1a1a1a;background:#fff}.search-box svg[data-v-be10d543]{color:#999;flex-shrink:0}.search-box input[data-v-be10d543]{border:none;background:transparent;outline:none;font-size:14px;width:160px;color:#333}.btn-publish[data-v-be10d543]{padding:7px 18px;background:#1a1a1a;color:#fff;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap}.btn-publish[data-v-be10d543]:hover{background:#333}.btn-login[data-v-be10d543]{padding:7px 18px;border:1px solid #ddd;color:#333;border-radius:20px;font-size:13px;text-decoration:none;transition:all .2s}.btn-login[data-v-be10d543]:hover{border-color:#1a1a1a;color:#1a1a1a}.btn-register[data-v-be10d543]{padding:7px 18px;background:#1a1a1a;color:#fff;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s}.btn-register[data-v-be10d543]:hover{background:#333}.user-menu[data-v-be10d543]{position:relative;cursor:pointer;padding:8px 0}.user-avatar-small[data-v-be10d543]{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.user-menu .dropdown-wrapper[data-v-be10d543]{display:none;position:absolute;top:100%;right:0;padding-top:20px;margin-top:-20px;min-width:140px;z-index:200}.user-menu:hover .dropdown-wrapper[data-v-be10d543]{display:block}.user-menu .dropdown[data-v-be10d543]{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;padding:6px}.dropdown-item[data-v-be10d543]{display:block;padding:8px 14px;font-size:14px;color:#333;text-decoration:none;border-radius:8px;transition:background .15s;cursor:pointer}.dropdown-item[data-v-be10d543]:hover{background:#f5f5f5;color:#1a1a1a}.pc-main[data-v-be10d543]{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px}.pc-footer[data-v-be10d543]{text-align:center;padding:24px;color:#999;font-size:13px;border-top:1px solid #f0f0f0}.tab-bar[data-v-42f9df61]{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-42f9df61]{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-42f9df61]:active{transform:scale(.95)}.tab-item.is-post[data-v-42f9df61]{margin-top:0}.tab-item.is-post svg[data-v-42f9df61]{width:48px;height:48px}.tab-label[data-v-42f9df61]{font-size:10px;color:#999;transition:color .2s}.tab-item.active .tab-label[data-v-42f9df61]{color:#1a1a1a;font-weight:500}.icon-wrapper[data-v-42f9df61]{position:relative;display:flex;align-items:center;justify-content:center}.unread-badge[data-v-42f9df61]{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}