.default-layout[data-v-3486b5e1]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f5f5}.top-nav[data-v-3486b5e1]{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #E8E8E8;box-shadow:0 1px 4px #0000000f}.nav-container[data-v-3486b5e1]{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand .logo[data-v-3486b5e1]{font-size:22px;font-weight:700;color:#ff8c00;text-decoration:none}.nav-brand .logo-highlight[data-v-3486b5e1]{color:#ff8c00}.nav-links[data-v-3486b5e1]{display:flex;gap:8px}.nav-link[data-v-3486b5e1]{padding:8px 20px;font-size:15px;font-weight:500;color:#666;text-decoration:none;border-radius:8px;transition:all .2s}.nav-link[data-v-3486b5e1]:hover{color:#333;background:#f5f5f5}.nav-link.active[data-v-3486b5e1]{color:#ff8c00;background:#fff5eb}.unread-badge[data-v-3486b5e1]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;border-radius:9px;margin-left:6px}.nav-actions[data-v-3486b5e1]{display:flex;align-items:center;gap:16px}.search-btn[data-v-3486b5e1]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:50%;text-decoration:none;transition:all .2s}.search-btn[data-v-3486b5e1]:hover{background:#e8e8e8}.search-icon[data-v-3486b5e1]{font-size:18px}.user-area[data-v-3486b5e1],.avatar-link[data-v-3486b5e1]{display:flex;align-items:center}.nav-avatar[data-v-3486b5e1]{width:36px;height:36px;border-radius:50%;border:2px solid #E8E8E8;cursor:pointer;transition:border-color .2s}.nav-avatar[data-v-3486b5e1]:hover{border-color:#ff8c00}.login-btn[data-v-3486b5e1]{padding:8px 20px;background:linear-gradient(135deg,#ff8c00,#ffa940);color:#fff;font-size:14px;font-weight:500;border:none;border-radius:9999px;cursor:pointer;transition:all .2s}.login-btn[data-v-3486b5e1]:hover{transform:scale(1.02);box-shadow:0 2px 8px #ff8c004d}.main-content[data-v-3486b5e1]{flex:1;max-width:1200px;margin:0 auto;width:100%}.default-layout:not(.is-mobile) .main-content[data-v-3486b5e1]{padding:24px}.default-layout.is-mobile .main-content[data-v-3486b5e1]{max-width:600px;padding-bottom:72px}.app-header[data-v-3486b5e1]{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#ff8c00,#ffa940);box-shadow:0 1px 4px #0000001a}.header-content[data-v-3486b5e1]{max-width:600px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;height:48px}.app-header .logo[data-v-3486b5e1]{font-size:20px;font-weight:700;color:#fff}.app-header .logo-highlight[data-v-3486b5e1]{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.header-actions[data-v-3486b5e1]{display:flex;align-items:center;gap:8px}.header-avatar[data-v-3486b5e1]{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.5)}.app-header .login-btn[data-v-3486b5e1]{padding:6px 16px;background:#fff3;color:#fff;font-size:13px}.app-header .login-btn[data-v-3486b5e1]:hover{background:#ffffff4d;transform:none;box-shadow:none}.tab-bar[data-v-3486b5e1]{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:1px solid #E8E8E8;box-shadow:0 2px 8px #00000014;display:flex;justify-content:center;max-width:600px;margin:0 auto}.tab-item[data-v-3486b5e1]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;color:#666;text-decoration:none;position:relative;transition:color .2s}.tab-icon[data-v-3486b5e1]{font-size:22px;margin-bottom:2px}.tab-label[data-v-3486b5e1]{font-size:12px;font-weight:500}.tab-item.active[data-v-3486b5e1]{color:#ff8c00}.tab-item.active .tab-icon[data-v-3486b5e1]{transform:scale(1.1)}.tab-item[data-v-3486b5e1]:hover:not(.active){color:#333}.tab-badge[data-v-3486b5e1]{position:absolute;top:2px;right:50%;transform:translate(14px);min-width:16px;height:16px;padding:0 4px;background:#ff4d4f;color:#fff;font-size:10px;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center}#app{min-height:100vh;background-color:#f5f5f5}:root{--primary-color: #FF8C00;--primary-light: #FFA940;--primary-dark: #E07000;--accent-color: #FF6B35;--bg-color: #F5F5F5;--bg-white: #FFFFFF;--bg-light: #FAFAFA;--bg-hover: #F0F0F0;--text-color: #333333;--text-secondary: #666666;--text-hint: #999999;--text-light: #CCCCCC;--border-color: #E8E8E8;--divider-color: #F0F0F0;--success-color: #52C41A;--warning-color: #FAAD14;--danger-color: #FF4D4F;--info-color: #1890FF;--gradient-primary: linear-gradient(135deg, #FF8C00 0%, #FFA940 100%);--gradient-accent: linear-gradient(135deg, #FF6B35 0%, #FF8C00 50%, #FFA940 100%);--radius-sm: 4px;--radius-base: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-round: 9999px;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "PingFang SC", "Microsoft YaHei", sans-serif;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1200px;--content-max-width: 1200px;--content-padding: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-hint)}::selection{background:var(--primary-color);color:#fff}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.slide-up{animation:slideUp .3s ease}.desktop-only{display:none}@media (min-width: 768px){.desktop-only{display:block}}.mobile-only{display:block}@media (min-width: 768px){.mobile-only{display:none}}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding)}.grid{display:grid;gap:var(--spacing-md)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-3{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.section-padding{padding:var(--spacing-md) 0}@media (min-width: 768px){.section-padding{padding:var(--spacing-lg) 0}}@media (min-width: 1024px){.section-padding{padding:var(--spacing-xl) 0}}@media (min-width: 768px){.back-btn{display:none}.page-header{justify-content:center;padding:16px}.page-header .title{font-size:18px}}