@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Serif+SC:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap);:root{--champagne:#f2c94c;--champagne-gold:#f2c94c;--champagne-warm:#e8a838;--champagne-amber:#e8a838;--champagne-light:#ffe082;--champagne-subtle:#f2c94c14;--champagne-glow:#f2c94c33;--champagne-gradient:linear-gradient(135deg,#f2c94c,#e8a838);--champagne-gradient-btn:linear-gradient(135deg,#f2c94c,#e8a838);--champagne-shadow:0 0 30px #f2c94c4d;--night-deepest:#0a0e17;--night-deep:#0b0e17;--night-medium:#151c2e;--night-surface:#12162b;--night-elevated:#1a2040;--night-glow:#252b4d;--night-hover:#252f4a;--text-bright:#fafafa;--text-primary:#fafafa;--text-soft:#c9d1e8;--text-secondary:#c9d1e8;--text-muted:#7b8ab8;--text-tertiary:#7b8ab8;--text-dim:#4a5580;--border-subtle:#2a3055;--border-glow:#3d4470;--border-medium:#3d4470;--border-strong:#ffffff26;--glass-bg:#12162be6;--glass-border:#2a3055;--glass-blur:blur(20px);--accent-blue:#60a5fa;--rose-blush:#e84a5f;--color-success:#4ade80;--color-warning:#fbbf24;--color-danger:#e84a5f;--color-info:#60a5fa;--like-color:#f2c94c;--dislike-color:#7b8ab8;--bookmark-color:#f2c94c;--message-color:#60a5fa;--font-display:"Noto Serif SC",Georgia,serif;--font-serif:"Noto Serif SC",Georgia,serif;--font-body:"Inter","Noto Sans SC",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"Space Mono","SF Mono",monospace;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:17px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:32px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.2;--line-height-base:1.5;--line-height-relaxed:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 20px #0006;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 40px #f2c94c26;--shadow-glow-strong:0 0 60px #f2c94c40;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-bounce:500ms cubic-bezier(0.34,1.56,0.64,1);--sidebar-width:280px;--header-height:64px;--max-content-width:680px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;text-rendering:optimizeLegibility}body{background:#0a0e17;background:var(--night-deepest);color:#fafafa;color:var(--text-primary);font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:15px;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-base);min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse 80% 50% at 20% -10%,#f2c94c14 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 100%,#e84a270f 0,#0000 50%),#0a0e17;background:radial-gradient(ellipse 80% 50% at 20% -10%,#f2c94c14 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 100%,#e84a270f 0,#0000 50%),var(--night-deepest);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0b0e17;background:var(--night-deep)}::-webkit-scrollbar-thumb{background:#1a2040;background:var(--night-elevated);border:2px solid #0b0e17;border:2px solid var(--night-deep);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#252f4a;background:var(--night-hover)}::selection{background:#f2c94c4d;color:#fafafa;color:var(--text-primary)}a{color:#f2c94c;color:var(--champagne-gold);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#e8a838;color:var(--champagne-amber)}code{background:#1a2040;background:var(--night-elevated);border-radius:6px;border-radius:var(--radius-sm);color:#f2c94c;color:var(--champagne-gold);font-family:Space Mono,SF Mono,monospace;font-family:var(--font-mono);font-size:.9em;padding:2px 6px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 40px #f2c94c26;box-shadow:var(--shadow-glow)}50%{box-shadow:0 0 60px #f2c94c40;box-shadow:var(--shadow-glow-strong)}}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.animate-fade-in{animation:fadeIn ease .25s ease forwards;animation:fadeIn var(--transition-base) ease forwards}.animate-fade-in-up{animation:fadeInUp ease .4s ease forwards;animation:fadeInUp var(--transition-slow) ease forwards}.animate-slide-in-left{animation:slideInLeft ease .4s ease forwards;animation:slideInLeft var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn ease .25s ease forwards;animation:scaleIn var(--transition-base) ease forwards}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#12162b 25%,#1a2040 50%,#12162b 75%);background:linear-gradient(90deg,var(--night-surface) 25%,var(--night-elevated) 50%,var(--night-surface) 75%);background-size:200% 100%;border-radius:10px;border-radius:var(--radius-md)}.glass{backdrop-filter:blur(20px);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--glass-blur);background:#12162be6;background:var(--glass-bg);border:1px solid #2a3055;border:1px solid var(--glass-border)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f2c94c,#e8a838);background:var(--champagne-gradient);-webkit-background-clip:text;background-clip:text}.glow-border{position:relative}.glow-border:before{background:linear-gradient(135deg,#f2c94c,#e8a838);background:var(--champagne-gradient);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:1px;position:absolute;transition:opacity .25s ease;transition:opacity var(--transition-base)}.glow-border:hover:before{opacity:1}.sidebar{background:linear-gradient(180deg,var(--night-surface) 0,var(--night-deep) 100%);justify-content:space-between;left:0;padding:32px 24px;position:fixed;width:300px;z-index:100}.sidebar-top{display:flex;flex-direction:column;gap:32px}.sidebar-logo-wrapper{display:flex;flex-direction:column;gap:8px;padding-bottom:24px}.sidebar-logo-main{align-items:center;display:flex;gap:12px}.sidebar-logo-icon{font-size:36px;line-height:1}.sidebar-logo-text{color:var(--champagne);font-family:var(--font-serif);font-size:26px;font-weight:700}.sidebar-logo-tagline{color:var(--text-muted);font-family:var(--font-body);font-size:13px;letter-spacing:1px;text-align:center}.sidebar-logo-divider{background:linear-gradient(90deg,var(--champagne) 0,#0000 100%);border-radius:1px;height:3px;margin-left:48px;width:221px}.sidebar-nav{display:flex;flex-direction:column;gap:6px}.sidebar-nav-item{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;gap:14px;justify-content:space-between;padding:14px 16px;transition:all var(--transition-fast);width:100%}.sidebar-nav-item:hover{background:var(--night-elevated)}.sidebar-nav-item.active{background:var(--champagne-subtle);border:1px solid var(--champagne-glow);box-shadow:0 0 12px var(--champagne-glow)}.sidebar-nav-left{align-items:center;display:flex;gap:14px}.sidebar-nav-icon{color:var(--text-muted);flex-shrink:0}.sidebar-nav-item.active .sidebar-nav-icon{color:var(--champagne)}.sidebar-nav-label{color:var(--text-soft);font-family:var(--font-body);font-size:15px;font-weight:500}.sidebar-nav-item.active .sidebar-nav-label{color:var(--champagne-light);font-weight:600}.sidebar-nav-badge{align-items:center;border-radius:11px;color:#fff;display:flex;font-family:var(--font-body);font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.sidebar-nav-badge.red{background:var(--rose-blush)}.sidebar-nav-badge.blue{background:var(--accent-blue)}.sidebar-post-wrapper{padding-top:16px}.sidebar-post-btn{align-items:center;background:linear-gradient(135deg,var(--champagne) 0,var(--champagne-warm) 100%);border:none;border-radius:16px;box-shadow:0 8px 24px #f2c94c66;cursor:pointer;display:flex;gap:10px;justify-content:center;padding:16px 20px;transition:all var(--transition-fast);width:100%}.sidebar-post-btn:hover{box-shadow:0 12px 32px #f2c94c80;transform:translateY(-2px)}.sidebar-post-btn:active{transform:translateY(0)}.sidebar-post-btn span,.sidebar-post-btn svg{color:var(--night-deep)}.sidebar-post-btn span{font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:.5px}.sidebar-bottom{display:flex;flex-direction:column;gap:16px}.sidebar-divider{background:var(--border-subtle);height:1px}.sidebar-user-card{background:var(--night-elevated);border-radius:12px;justify-content:space-between;padding:12px 14px}.sidebar-user-card,.sidebar-user-left{align-items:center;display:flex;gap:12px}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,var(--night-glow) 0,var(--border-glow) 100%);border-radius:50%;box-shadow:0 0 0 2px #f2c94c4d,0 0 12px #f2c94c33;display:flex;height:44px;justify-content:center;position:relative;width:44px}.sidebar-user-avatar span{color:var(--champagne);font-family:var(--font-serif);font-size:18px;font-weight:700}.sidebar-user-info{display:flex;flex-direction:column;gap:4px}.sidebar-user-identity{color:var(--text-bright);font-family:var(--font-body);font-size:14px;font-weight:600}.sidebar-user-gender{color:var(--text-muted);font-family:var(--font-body);font-size:12px}.sidebar-logout-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.sidebar-logout-btn:hover{background:var(--night-glow);border-color:var(--border-glow)}.sidebar-logout-btn svg{color:var(--text-dim)}@media (max-width:768px){.sidebar{display:none}}.mobile-nav{background:var(--night-surface);border-top:1px solid var(--border-subtle);bottom:0;display:none;height:64px;left:0;padding:8px 0 env(safe-area-inset-bottom,8px);position:fixed;right:0;z-index:100}@media (max-width:768px){.mobile-nav{align-items:center;display:flex;justify-content:space-around}}.mobile-nav-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:56px;padding:4px 12px;transition:all var(--transition-fast)}.mobile-nav-icon-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.mobile-nav-item svg{color:var(--text-muted);transition:color var(--transition-fast)}.mobile-nav-item.active svg{color:var(--champagne)}.mobile-nav-label{color:var(--text-muted);font-family:var(--font-body);font-size:10px;font-weight:500;transition:color var(--transition-fast)}.mobile-nav-item.active .mobile-nav-label{color:var(--champagne);font-weight:600}.mobile-nav-badge{align-items:center;background:var(--rose-blush);border-radius:8px;color:#fff;display:flex;font-family:var(--font-body);font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-10px;top:-6px}.mobile-header{align-items:center;background:var(--night-surface);border-bottom:1px solid var(--border-subtle);display:none;height:56px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:100}@media (max-width:768px){.mobile-header{display:flex}}.mobile-header-menu,.mobile-header-new{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.mobile-header-menu:hover,.mobile-header-new:hover{background:var(--night-elevated)}.mobile-header-menu svg{color:var(--text-soft)}.mobile-header-new{background:linear-gradient(135deg,var(--champagne) 0,var(--champagne-warm) 100%);border-radius:12px}.mobile-header-new svg{color:var(--night-deep)}.mobile-header-logo{align-items:center;display:flex;gap:8px}.mobile-header-title{color:var(--champagne);font-family:var(--font-serif);font-size:20px;font-weight:700}.mobile-header-placeholder{width:40px}.app-layout{background:var(--night-deep)}.app-layout,.app-layout-main{display:flex;height:100vh;max-height:100vh;overflow:hidden}.app-layout-main{flex:1 1;flex-direction:column}.app-layout-header{background:var(--night-deep);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:50}.app-layout-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto}.app-layout-content>*{flex:1 1;min-height:0}@media (max-width:768px){.app-layout>.sidebar{display:none!important}.app-layout-main{margin-left:0;padding-bottom:64px;padding-top:56px}.app-layout-header{position:relative;top:0}}.mobile-sidebar-overlay{animation:fadeIn .2s ease;background:#0009;display:none;inset:0;position:fixed;z-index:200}@media (max-width:768px){.mobile-sidebar-overlay{display:block}}.mobile-sidebar{animation:slideInLeft .3s ease;height:100%;left:0;position:absolute;top:0}.mobile-sidebar .sidebar{display:flex;width:280px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.post-card{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 8px 32px -8px #00000080,0 4px 16px #0000004d;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all var(--transition-fast)}.post-card:hover{border-color:var(--border-glow);box-shadow:0 12px 40px -8px #00000080;transform:translateY(-2px)}.post-card-header{align-items:center;display:flex;justify-content:space-between}.post-card-author{align-items:center;display:flex;gap:12px}.post-card-author-tag{align-items:center;background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:20px;display:flex;gap:6px;padding:6px 14px}.post-card-author-tag span{color:var(--text-bright);font-family:var(--font-body);font-size:13px;font-weight:600}.post-card-msg-btn{align-items:center;background:var(--night-glow);border:none;border-radius:14px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.post-card-msg-btn:hover{background:var(--accent-blue)}.post-card-msg-btn svg{color:var(--accent-blue)}.post-card-msg-btn:hover svg{color:#fff}.post-card-time{color:var(--text-dim);font-family:var(--font-body);font-size:12px}.post-card-content{display:flex;flex-direction:column;gap:12px}.post-card-title{color:var(--text-bright);font-family:var(--font-serif);font-size:18px;font-weight:700;line-height:1.5;margin:0}.post-card-body{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-soft);display:-webkit-box;font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.7;margin:0;overflow:hidden}.post-card-divider{background:var(--border-subtle);height:1px}.post-card-actions{align-items:center;display:flex;gap:8px}.post-card-action-btn{align-items:center;background:#0000;border:none;border-radius:10px;cursor:pointer;display:flex;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.post-card-action-btn:hover{background:var(--night-elevated)}.post-card-action-btn svg{color:var(--text-muted)}.post-card-action-btn span{color:var(--text-muted);font-family:var(--font-body);font-size:13px;font-weight:500}.post-card-action-btn.active{background:var(--champagne-subtle);border:1px solid var(--champagne-glow)}.post-card-action-btn.active span,.post-card-action-btn.active svg{color:var(--champagne)}.post-card-action-btn.active span{font-weight:600}.post-card-action-btn.bookmark.active{background:var(--champagne-subtle)}.post-card-action-btn.bookmark.active svg{fill:var(--champagne);color:var(--champagne)}.post-card-action-btn.dislike.active{background:var(--night-elevated)}.post-card-action-btn.dislike.active span,.post-card-action-btn.dislike.active svg{color:var(--text-soft)}@media (max-width:768px){.post-card{border-radius:16px;padding:20px}.post-card-title{font-size:16px}.post-card-body{font-size:14px}.post-card-action-btn{padding:6px 10px}.post-card-action-btn span{font-size:12px}}.search-bar{align-items:center;background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:14px;display:flex;gap:12px;padding:14px 18px;transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--champagne);box-shadow:0 0 0 3px var(--champagne-glow)}.search-bar-icon{color:var(--text-muted);flex-shrink:0}.search-bar-input{background:#0000;border:none;color:var(--text-bright);flex:1 1;font-size:15px;outline:none}.search-bar-input::placeholder{color:var(--text-dim)}.search-bar.mobile{padding:12px 14px}.search-bar.mobile .search-bar-input{font-size:14px}.search-filters{display:flex;flex-wrap:wrap;gap:12px}.search-filter-select{align-items:center;background:var(--night-elevated);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;display:flex;gap:8px;padding:10px 14px;position:relative;transition:all var(--transition-fast)}.search-filter-select:hover{border-color:var(--border-glow)}.search-filter-native-select{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.search-filter-label{color:var(--text-soft);font-size:13px;font-weight:500}.search-filter-icon{color:var(--text-muted);flex-shrink:0}.search-filters.mobile .search-filter-select{padding:8px 12px}.search-filters.mobile .search-filter-label{font-size:12px}.search-results-area{padding:24px 32px}.search-results-info{align-items:center;color:var(--text-muted);display:flex;font-size:14px;gap:8px;margin-bottom:16px}.search-results-info strong{color:var(--champagne);font-weight:700}.search-result-card{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 8px 32px #00000040;margin-bottom:16px;padding:24px}.search-result-card:hover{border-color:var(--border-glow)}.search-result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.search-result-author{align-items:center;display:flex;gap:12px}.search-result-author-tag{align-items:center;background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:20px;color:var(--text-bright);display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.search-result-msg-btn{align-items:center;background:var(--night-glow);border:none;border-radius:14px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.search-result-msg-btn:hover{background:var(--border-glow)}.search-result-msg-btn svg{color:var(--text-muted);height:14px;width:14px}.search-result-time{color:var(--text-dim);font-size:12px}.search-result-content{margin-bottom:16px}.search-result-title{color:var(--text-bright);font-family:var(--font-serif);font-size:18px;font-weight:700;line-height:1.5;margin:0 0 12px}.search-result-body{color:var(--text-soft);font-size:15px;line-height:1.7;margin:0}.search-result-divider{background:var(--border-subtle);height:1px;margin:16px 0}.search-result-actions{display:flex;gap:8px}.search-result-action-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.search-result-action-btn:hover{background:var(--night-elevated)}.search-result-action-btn.active{background:var(--champagne-subtle);border:1px solid var(--champagne-glow);color:var(--champagne)}.search-result-action-btn.active.dislike{background:#7b8ab81a;border:1px solid #7b8ab833;color:var(--text-muted)}.search-result-action-btn svg{height:16px;width:16px}.search-result-action-btn:disabled{cursor:not-allowed;opacity:.5}.search-results-area .empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.search-results-area .empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.3}.search-results-area .empty-state-title{color:var(--text-secondary);font-size:20px;font-weight:700;margin-bottom:8px}.search-results-area .empty-state-desc{color:var(--text-tertiary);font-size:15px}.conversation-view{flex-direction:column;height:100%;overflow:hidden!important}.conversation-header,.conversation-view{background:var(--night-deep);display:flex}.conversation-header{align-items:center;border-bottom:1px solid var(--border-subtle);gap:14px;padding:16px 24px}.conversation-back-btn{border-radius:10px;color:var(--text-muted)!important;margin-right:0!important;padding:8px!important}.conversation-back-btn:hover{background:var(--night-elevated)!important;color:var(--champagne)!important}.chat-user-avatar{align-items:center;background:var(--night-glow);border-radius:20px;display:flex;height:40px;justify-content:center;min-width:40px;width:40px}.chat-user-avatar-text{color:var(--champagne);font-family:var(--font-serif);font-size:14px;font-weight:700}.chat-user-name{color:var(--text-bright);font-size:15px;font-weight:600}.messages-container{background:var(--night-deep);flex:1 1;min-height:0;overflow-y:auto;padding:24px}.messages-container .ant-list-items{display:flex;flex-direction:column;gap:16px}.message-item{align-items:flex-end;animation:fadeInUp .3s ease forwards;display:flex;gap:10px}.message-item.sent{justify-content:flex-end}.message-item.received{justify-content:flex-start}.message-bubble{word-wrap:break-word;max-width:70%;min-width:100px;padding:12px 16px;position:relative;transition:all var(--transition-base)}.message-item.sent .message-bubble{background:var(--champagne-subtle);border-radius:16px 16px 4px 16px;color:var(--text-bright)}.message-item.received .message-bubble{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:16px 16px 16px 4px;color:var(--text-bright)}.message-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-time{color:var(--text-dim);font-size:11px;margin-top:4px}.message-item.sent .message-time{text-align:right}.message-item.received .message-time{text-align:left}.message-input-area{align-items:center;background:var(--night-deep);border-top:1px solid var(--border-subtle);display:flex;gap:12px;padding:16px 24px}.message-input-wrapper{flex:1 1}.message-input-field{background:var(--night-elevated);border:none;border-radius:14px;color:var(--text-bright);font-size:14px;outline:none;padding:14px 18px;transition:all var(--transition-base);width:100%}.message-input-field:focus{box-shadow:0 0 0 2px var(--champagne-glow)}.message-input-field::placeholder{color:var(--text-dim)}.send-message-btn{align-items:center;background:var(--champagne);border:none;border-radius:12px;color:var(--night-deep);cursor:pointer;display:flex;font-size:18px;height:44px;justify-content:center;min-width:44px;padding:0;transition:all var(--transition-base);width:44px}.send-message-btn:hover:not(:disabled){box-shadow:0 4px 16px var(--champagne-glow);transform:scale(1.05)}.send-message-btn:disabled{cursor:not-allowed;opacity:.5}.no-messages{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.no-messages-icon{font-size:48px;margin-bottom:16px;opacity:.3}.no-messages-text{color:var(--text-muted);font-size:15px;font-weight:400}@media (max-width:768px){.message-bubble{max-width:85%;padding:10px 14px}.messages-container{gap:12px;padding:16px}.conversation-header,.message-input-area{gap:10px;padding:12px 16px}.chat-user-name{font-size:14px}.message-content{font-size:13px}.chat-user-avatar{height:36px;min-width:36px;width:36px}.chat-user-avatar-text{font-size:13px}.send-message-btn{border-radius:10px;height:40px;min-width:40px;width:40px}.message-input-field{font-size:13px;padding:12px 14px}}.messages-page{background:var(--night-deep);display:flex;height:100%;overflow:hidden!important}.conversations-list{background:var(--night-surface);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0;overflow:hidden;width:100%}.conversations-list.with-conversation{min-width:360px;width:360px}.conversations-header{align-items:center;background:var(--night-surface);border-bottom:1px solid var(--border-subtle);display:flex;padding:20px}.conversations-header h2{color:var(--text-bright);font-family:var(--font-serif);font-size:20px;font-weight:700;margin:0}.conversations-items{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.conversations-loading{align-items:center;display:flex;height:200px;justify-content:center}.conversation-item{align-items:center;background:#0000;border-radius:14px;cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all var(--transition-base)}.conversation-item:hover{background:var(--night-elevated)}.conversation-item.active{background:var(--champagne-subtle);border:1px solid var(--champagne-glow)}.conversation-avatar{align-items:center;background:var(--night-glow);border-radius:22px;display:flex;height:44px;justify-content:center;min-width:44px;width:44px}.conversation-item.active .conversation-avatar{background:linear-gradient(135deg,var(--night-glow) 0,var(--border-glow) 100%)}.conversation-avatar-text{color:var(--champagne);font-family:var(--font-serif);font-size:14px;font-weight:700}.conversation-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.conversation-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-user-name{color:var(--text-bright);font-size:14px;font-weight:600}.conversation-time{color:var(--text-dim);flex-shrink:0;font-size:12px;white-space:nowrap}.conversation-bottom{align-items:center;display:flex;gap:8px;justify-content:space-between}.conversation-preview{color:var(--text-muted);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-unread{align-items:center;background:var(--accent-blue);border-radius:9px;color:var(--text-bright);display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 6px}.conversation-detail{background:var(--night-deep);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.conversation-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;height:100%;justify-content:center}.conversation-placeholder-icon{color:var(--text-muted);font-size:64px;margin-bottom:16px;opacity:.3}.conversation-placeholder-text{color:var(--text-muted);font-size:16px;font-weight:400;margin:0}.messages-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}@media (max-width:768px){.messages-page{flex-direction:column;height:100%}.conversations-list{border-right:none;height:100%;min-width:0!important;min-width:auto!important;width:100%!important}.conversation-detail{background:var(--night-deep);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.conversations-header{padding:16px}.conversations-header h2{font-size:18px}.conversations-items{gap:6px;padding:8px}.conversation-item{border-radius:12px;padding:12px}.conversation-avatar{border-radius:20px;height:40px;min-width:40px;width:40px}.conversation-avatar-text{font-size:13px}}.bookmarks-page{flex-direction:column;height:100%}.bookmarks-header,.bookmarks-page{background:var(--night-deep);display:flex}.bookmarks-header{align-items:center;border-bottom:1px solid var(--border-subtle);justify-content:space-between;padding:20px 32px}.bookmarks-title{color:var(--text-bright);font-family:var(--font-serif);font-size:24px;font-weight:700;margin:0}.bookmarks-count{color:var(--text-muted);font-size:14px;font-weight:400}.bookmarks-list{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px 32px}.bookmark-card{animation:fadeInUp .4s ease forwards;background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 8px 32px -8px #0006;opacity:0;padding:24px;transition:all var(--transition-base)}.bookmark-card:first-child{animation-delay:.05s}.bookmark-card:nth-child(2){animation-delay:.1s}.bookmark-card:nth-child(3){animation-delay:.15s}.bookmark-card:nth-child(4){animation-delay:.2s}.bookmark-card:nth-child(5){animation-delay:.25s}.bookmark-card:hover{border-color:var(--border-glow);box-shadow:0 12px 40px -8px #00000080;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bookmark-post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.bookmark-author{align-items:center;display:flex;gap:12px}.bookmark-author-tag{align-items:center;background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:20px;color:var(--text-bright);display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px;transition:all var(--transition-base)}.bookmark-author-tag:hover{background:var(--night-glow);border-color:var(--champagne-glow)}.bookmark-msg-btn{align-items:center;background:var(--night-glow);border:none;border-radius:14px;color:var(--accent-blue);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-base);width:28px}.bookmark-msg-btn:hover{background:var(--night-elevated);transform:scale(1.1)}.bookmark-time{color:var(--text-dim);font-size:12px;font-weight:400}.bookmark-post-content{margin-bottom:16px}.bookmark-post-title{color:var(--text-bright);font-family:var(--font-serif);font-size:18px;font-weight:700;line-height:1.5;margin:0 0 12px;word-break:break-word}.bookmark-post-body{color:var(--text-soft);font-size:15px;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-all}.bookmark-divider{background:var(--border-subtle);height:1px;margin:16px 0}.bookmark-actions{display:flex;gap:8px}.bookmark-action-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-base)}.bookmark-action-btn:hover{background:var(--night-elevated);color:var(--text-soft)}.bookmark-action-btn:disabled{cursor:not-allowed;opacity:.4}.bookmark-action-btn:disabled:hover{background:#0000;color:var(--text-muted)}.bookmark-action-btn.like.active{border:1px solid var(--champagne-glow)}.bookmark-action-btn.like.active,.bookmark-action-btn.like:not(:disabled):hover{background:var(--champagne-subtle);color:var(--champagne)}.bookmark-action-btn.dislike.active,.bookmark-action-btn.dislike:not(:disabled):hover{background:#7b8ab81a;color:var(--text-muted)}.bookmark-action-btn.comment:hover{background:#60a5fa1a;color:var(--accent-blue)}.bookmark-action-btn.bookmark.active,.bookmark-action-btn.bookmark:hover{background:var(--champagne-subtle);color:var(--champagne)}.bookmarks-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.bookmarks-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.bookmarks-empty-title{color:var(--text-soft);font-size:20px;font-weight:700;margin-bottom:8px}.bookmarks-empty-desc,.bookmarks-loading{color:var(--text-muted);font-size:15px}.bookmarks-loading{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}@media (max-width:768px){.bookmarks-header{padding:16px 20px}.bookmarks-title{font-size:20px}.bookmarks-count{font-size:12px}.bookmarks-list{gap:12px;padding:12px 16px}.bookmark-card{border-radius:16px;padding:16px}.bookmark-post-header{margin-bottom:12px}.bookmark-author-tag{border-radius:16px;font-size:11px;padding:5px 10px}.bookmark-msg-btn{border-radius:12px;height:24px;width:24px}.bookmark-time{font-size:11px}.bookmark-post-title{font-size:15px;line-height:1.4;margin-bottom:8px}.bookmark-post-body{font-size:13px;line-height:1.6}.bookmark-divider{margin:12px 0}.bookmark-actions{gap:6px}.bookmark-action-btn{border-radius:8px;font-size:11px;padding:6px 10px}.bookmarks-empty{padding:32px}.bookmarks-empty-icon{font-size:48px}.bookmarks-empty-title{font-size:18px}.bookmarks-empty-desc{font-size:13px}}.notifications-page{background:var(--night-deep);display:flex;flex-direction:column;height:100%}.notifications-header{align-items:center;background:var(--night-deep);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 32px}.notifications-header h2{color:var(--text-bright);font-family:var(--font-serif);font-size:24px;font-weight:700;margin:0}.mark-all-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-soft)!important;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-base)}.mark-all-btn:hover{border-color:var(--border-glow);color:var(--text-bright)!important}.notifications-list{flex:1 1;overflow-y:auto;padding:20px 32px}.notifications-list .ant-list-items{display:flex;flex-direction:column;gap:12px}.notification-item{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:16px;cursor:pointer;padding:18px 20px;position:relative;transition:all var(--transition-base)}.notification-item:hover{border-color:var(--border-glow)}.notification-item.unread{border-color:var(--champagne);border-width:1px}.notification-content{align-items:center;display:flex;gap:14px}.notification-icon{align-items:center;background:var(--night-elevated);border-radius:22px;color:var(--text-muted);display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.notification-icon.like{background:var(--champagne-subtle);color:var(--champagne)}.notification-icon.comment,.notification-icon.reply{background:var(--night-glow);color:var(--accent-blue)}.notification-info{flex:1 1;min-width:0}.notification-text{color:var(--text-soft);font-size:14px;font-weight:400;line-height:1.5}.notification-text.unread{color:var(--text-bright);font-weight:500}.notification-time{color:var(--text-dim);font-size:12px;margin-top:6px}.unread-dot{align-self:center;background:var(--rose-blush);border-radius:5px;flex-shrink:0;height:10px;margin-left:auto;width:10px}.load-more-btn{color:var(--champagne);font-weight:500}.notifications-empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:48px;text-align:center}.notifications-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.notifications-empty-title{color:var(--text-soft);font-size:20px;font-weight:700;margin-bottom:8px}.notifications-empty-desc{color:var(--text-muted);font-size:15px}@media (max-width:768px){.notifications-header{padding:16px 20px}.notifications-header h2{font-size:20px}.notifications-list{gap:10px;padding:12px 16px}.notification-item{border-radius:12px;padding:14px 16px}.notification-content{gap:10px}.notification-icon{border-radius:10px;font-size:16px;height:36px;width:36px}.notification-text{font-size:13px}.notification-comment,.notification-target{font-size:12px}}.profile-page{background:var(--night-deep);display:flex;flex-direction:column;gap:32px;height:100%;padding:32px 40px}.profile-header{align-items:center;display:flex;gap:32px;width:100%}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--night-glow) 0,var(--border-glow) 100%);border:3px solid var(--champagne-glow);border-radius:50%;display:flex;flex-shrink:0;height:100px;justify-content:center;width:100px}.profile-avatar-text{color:var(--champagne);font-family:"Noto Serif SC",var(--font-serif);font-size:36px;font-weight:700}.profile-info{display:flex;flex-direction:column;gap:12px}.profile-name{color:var(--text-bright);font-family:"Noto Serif SC",var(--font-serif);font-size:24px;font-weight:700}.profile-stats{display:flex;gap:24px}.stat-item{align-items:center;display:flex;gap:6px}.stat-num{color:var(--champagne);font-size:18px;font-weight:700}.stat-label,.stat-num{font-family:Inter,sans-serif}.stat-label{color:var(--text-muted);font-size:14px;font-weight:400}.profile-edit-form{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:16px;padding:20px 24px}.form-item{margin-bottom:16px}.form-item label{color:var(--text-soft);display:block;font-size:13px;font-weight:500;margin-bottom:8px}.form-item.show-major-row{align-items:center;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding-top:8px}.form-item.show-major-row .setting-label{color:var(--text-soft);font-size:13px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.my-posts-section{display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0}.my-posts-header{align-items:center;display:flex;justify-content:space-between;width:100%}.my-posts-title{color:var(--text-bright);font-family:"Noto Serif SC",var(--font-serif);font-size:20px;font-weight:700;margin:0}.edit-profile-btn{color:var(--text-muted)!important;font-size:13px;padding:4px 8px}.edit-profile-btn:hover{color:var(--champagne)!important}.posts-list{flex:1 1;overflow-y:auto}.posts-list .ant-list{background:#0000}.posts-list .ant-list-items{display:flex;flex-direction:column;gap:16px!important}.posts-list .ant-list-item{border:none!important;margin:0!important;padding:0!important}.posts-list .ant-spin-container,.posts-list .ant-spin-nested-loading{display:flex;flex-direction:column;gap:16px}.my-post-item{align-items:flex-start;background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:16px;display:flex;gap:20px;justify-content:space-between;padding:20px 24px;transition:all var(--transition-base)}.my-post-item:hover{border-color:var(--border-glow)}.post-content-area{cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.my-post-item .post-title{word-wrap:break-word;color:var(--text-bright);font-family:"Noto Serif SC",var(--font-serif);font-size:16px;font-weight:700;line-height:1.4;margin:0}.post-meta{align-items:center;display:flex;font-size:12px;gap:16px}.post-stats,.post-time{font-family:Inter,sans-serif}.post-stats{align-items:center;color:var(--text-muted);display:flex;gap:4px}.post-stats .anticon{font-size:12px;margin-right:2px}.post-stats .anticon:not(:first-child){margin-left:8px}.post-actions{flex-shrink:0}.post-edit-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-soft);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:12px;font-weight:500;gap:6px;padding:8px 12px;transition:all var(--transition-base)}.post-edit-btn:hover{background:var(--champagne-subtle);border-color:var(--champagne-glow);color:var(--champagne)}.post-delete-btn{align-items:center;background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all var(--transition-base)}.post-delete-btn:hover{background:#e84a5f1a;border-color:var(--rose-blush);color:var(--rose-blush)}.load-more{padding:16px;text-align:center}.account-section{border-top:1px solid var(--border-subtle);padding-top:16px;text-align:center}.delete-account-btn{color:var(--text-dim)!important;font-size:12px}.delete-account-btn:hover{color:var(--rose-blush)!important}@media (max-width:768px){.profile-page{gap:24px;padding:20px 16px}.profile-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.profile-avatar{height:80px;width:80px}.profile-avatar-text{font-size:28px}.profile-info{align-items:center}.profile-name{font-size:20px}.profile-stats{justify-content:center}.my-posts-header{align-items:flex-start;flex-direction:column;gap:12px}.my-post-item{flex-direction:column;gap:12px;padding:16px}.my-post-item .post-title{font-size:14px}.post-meta{flex-wrap:wrap;gap:8px}.post-actions{justify-content:flex-end;width:100%}}.comment-page{background:var(--night-deep);display:flex;flex-direction:column;height:100%;width:100%}.comment-page-error,.comment-page-loading{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center}.loading-spinner{animation:spin 1s linear infinite}.comment-page-header{align-items:center;background:var(--night-deep);border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 32px}.header-left{gap:16px}.back-button,.header-left{align-items:center;display:flex}.back-button{background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:10px;cursor:pointer;gap:8px;padding:8px 12px;transition:all var(--transition-fast)}.back-button:hover{background:var(--night-glow);border-color:var(--champagne-glow)}.back-button span,.back-button svg{color:var(--text-soft)}.back-button span{font-family:var(--font-body);font-size:14px;font-weight:500}.page-title{color:var(--champagne);font-family:var(--font-serif);font-size:22px;font-weight:700;margin:0}.header-right{gap:12px}.header-right,.more-button{align-items:center;display:flex}.more-button{background:var(--night-elevated);border:none;border-radius:10px;cursor:pointer;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.more-button:hover{background:var(--night-glow)}.more-button svg{color:var(--text-muted)}.comment-page-content{flex:1 1;overflow:hidden}.scroll-area{gap:24px;height:100%;overflow-y:auto;padding:24px 32px}.post-detail-card,.scroll-area{display:flex;flex-direction:column}.post-detail-card{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 8px 32px -8px #0006;gap:20px;padding:24px}.post-detail-header{align-items:center;display:flex;justify-content:space-between}.author-info{gap:12px}.author-info,.author-tag{align-items:center;display:flex}.author-tag{background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:20px;gap:6px;padding:6px 14px}.author-tag span{color:var(--text-bright);font-family:var(--font-body);font-size:13px;font-weight:600}.msg-btn{align-items:center;background:var(--night-glow);border:none;border-radius:14px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.msg-btn:hover{background:var(--accent-blue)}.msg-btn svg{color:var(--accent-blue)}.msg-btn:hover svg{color:#fff}.post-time{color:var(--text-dim);font-family:var(--font-body);font-size:12px}.post-detail-content{display:flex;flex-direction:column;gap:12px}.post-title{color:var(--text-bright);font-family:var(--font-serif);font-size:20px;font-weight:700;line-height:1.5;margin:0}.post-body{color:var(--text-soft);font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.8;margin:0;white-space:pre-wrap;word-break:break-word}.divider{background:var(--border-subtle);height:1px}.post-actions{gap:8px}.action-btn,.post-actions{align-items:center;display:flex}.action-btn{background:#0000;border:none;border-radius:10px;cursor:pointer;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.action-btn:hover{background:var(--night-elevated)}.action-btn span,.action-btn svg{color:var(--text-muted)}.action-btn span{font-family:var(--font-body);font-size:13px;font-weight:500}.action-btn.active{background:var(--champagne-subtle);border:1px solid var(--champagne-glow)}.action-btn.active span,.action-btn.active svg{color:var(--champagne)}.action-btn.active span{font-weight:600}.action-btn.bookmark.active svg{fill:var(--champagne)}.action-btn.dislike.active{background:var(--night-elevated);border:none}.action-btn.dislike.active span,.action-btn.dislike.active svg{color:var(--text-soft)}.comment-page .comment-section{display:flex;flex-direction:column;gap:12px;width:100%}.comment-page .comment-section-header{align-items:center;display:flex;justify-content:space-between}.comment-page .comment-title{color:var(--text-bright);font-family:var(--font-serif);font-size:18px;font-weight:700;margin:0}.comment-page .sort-button{align-items:center;background:var(--night-elevated);border:none;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:6px 12px;transition:all var(--transition-fast)}.comment-page .sort-button:hover{background:var(--night-glow)}.comment-page .sort-button svg{color:var(--text-muted)}.comment-page .sort-button span{color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:500}.comment-page .comment-input-wrapper{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:14px 16px}.comment-page .input-area{width:100%}.comment-page .comment-textarea{background:var(--night-elevated)!important;border:1px solid var(--border-glow)!important;border-radius:12px!important;color:var(--text-bright)!important;font-family:var(--font-body)!important;font-size:14px!important;line-height:1.4!important;resize:none!important;width:100%}.comment-page .comment-textarea,.comment-page .comment-textarea.ant-input{min-height:0!important;padding:10px 16px!important}.comment-page .ant-input-textarea-show-count:after{display:none}.comment-page .comment-textarea::placeholder{color:var(--text-dim)!important}.comment-page .comment-textarea:focus{border-color:var(--champagne-glow)!important;box-shadow:0 0 0 2px var(--champagne-subtle)!important}.comment-page .input-actions{align-items:center;display:flex;justify-content:space-between}.comment-page .input-left{align-items:center;display:flex;gap:8px}.comment-page .emoji-btn{align-items:center;background:var(--night-elevated);border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.comment-page .emoji-btn:hover{background:var(--night-glow)}.comment-page .emoji-btn svg{color:var(--text-muted)}.comment-page .anon-toggle{align-items:center;background:var(--night-elevated);border:none;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:6px 10px;transition:all var(--transition-fast)}.comment-page .anon-toggle:hover{background:var(--night-glow)}.comment-page .anon-toggle svg{color:var(--text-muted)}.comment-page .anon-toggle span{color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:500}.comment-page .submit-btn{background:var(--champagne);border:none;border-radius:10px;color:var(--night-deep);cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;padding:8px 16px;transition:all var(--transition-fast)}.comment-page .submit-btn:hover:not(:disabled){background:var(--champagne-warm);transform:translateY(-1px)}.comment-page .submit-btn:disabled{cursor:not-allowed;opacity:.5}.comment-page .comment-list{display:flex;flex-direction:column;gap:12px;padding:0;width:100%}.comment-page .no-comments{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px}.comment-page .no-comments svg{opacity:.5}.comment-page .no-comments p{font-family:var(--font-body);font-size:14px;margin:0}.comment-page .comment-item{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:16px;width:100%}.comment-page .comment-header{align-items:center;display:flex;justify-content:space-between}.comment-page .comment-author{align-items:center;display:flex;gap:8px}.comment-page .comment-author-tag{align-items:center;background:var(--night-elevated);border:1px solid var(--border-glow);border-radius:16px;display:flex;padding:4px 10px}.comment-page .comment-author-tag span{color:var(--text-bright);font-family:var(--font-body);font-size:11px;font-weight:600}.comment-page .comment-floor{color:var(--champagne);font-family:var(--font-body);font-size:11px;font-weight:500}.comment-page .op-tag{border-radius:12px;padding:3px 8px}.comment-page .op-badge,.comment-page .op-tag{background:var(--champagne-subtle);color:var(--champagne);font-family:var(--font-body);font-size:10px;font-weight:700}.comment-page .op-badge{border-radius:8px;padding:2px 6px}.comment-page .comment-time{color:var(--text-dim);font-family:var(--font-body);font-size:11px}.comment-page .comment-body{color:var(--text-soft);font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.7;margin:0;white-space:pre-wrap;word-break:break-word}.comment-page .comment-actions{align-items:center;display:flex;gap:16px}.comment-page .comment-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:4px;padding:0;transition:all var(--transition-fast)}.comment-page .comment-action-btn svg{color:var(--text-muted)}.comment-page .comment-action-btn span{color:var(--text-muted);font-family:var(--font-body);font-size:12px;font-weight:500}.comment-page .comment-action-btn:hover span,.comment-page .comment-action-btn:hover svg{color:var(--text-soft)}.comment-page .comment-action-btn.active span,.comment-page .comment-action-btn.active svg{color:var(--champagne)}.comment-page .comment-action-btn.replies-toggle span{color:var(--accent-blue)}.comment-page .comment-action-btn.replies-toggle:hover span{text-decoration:underline}.reply-input-wrapper{background:var(--night-elevated);border-radius:12px;display:flex;flex-direction:column;gap:8px;margin-top:4px;padding:12px}.reply-textarea{background:var(--night-glow)!important;border:1px solid var(--border-glow)!important;border-radius:8px!important;color:var(--text-bright)!important;font-family:var(--font-body)!important;font-size:13px!important;padding:10px 12px!important;resize:none!important;width:100%}.reply-textarea::placeholder{color:var(--text-dim)!important}.reply-textarea:focus{border-color:var(--champagne-glow)!important;box-shadow:none!important}.reply-actions{display:flex;gap:8px;justify-content:flex-end}.cancel-btn{background:#0000;border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:12px;font-weight:500;padding:6px 12px;transition:all var(--transition-fast)}.cancel-btn:hover{border-color:var(--border-glow);color:var(--text-soft)}.reply-submit-btn{align-items:center;background:var(--champagne);border:none;border-radius:8px;color:var(--night-deep);cursor:pointer;display:flex;font-family:var(--font-body);font-size:12px;font-weight:600;gap:4px;padding:6px 12px;transition:all var(--transition-fast)}.reply-submit-btn:hover:not(:disabled){background:var(--champagne-warm)}.reply-submit-btn:disabled{cursor:not-allowed;opacity:.5}.replies-section{background:var(--night-elevated);border-radius:12px;gap:8px;margin-top:4px;padding:12px 16px}.replies-section,.reply-item{display:flex;flex-direction:column}.reply-item{gap:6px;padding-bottom:8px}.reply-item:last-child{padding-bottom:0}.reply-header{gap:8px}.reply-author-tag{align-items:center;display:flex}.reply-author-tag span{color:var(--text-muted);font-weight:500}.op-badge,.reply-author-tag span{font-family:var(--font-body);font-size:10px}.op-badge{background:var(--champagne-subtle);border-radius:8px;color:var(--champagne);font-weight:700;padding:2px 6px}.reply-time{font-size:10px}.reply-body{color:var(--text-soft);font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.6;margin:0}.reply-actions-row{align-items:center;display:flex;gap:12px}.reply-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:4px;padding:0}.reply-action-btn svg{color:var(--text-dim)}.reply-action-btn span{color:var(--text-dim);font-family:var(--font-body);font-size:11px;font-weight:500}.reply-action-btn:hover span,.reply-action-btn:hover svg{color:var(--text-muted)}.reply-action-btn.active span,.reply-action-btn.active svg{color:var(--champagne)}@media (max-width:768px){.comment-page-header{padding:16px 20px}.back-button span{display:none}.back-button{padding:8px}.page-title{font-size:18px}.post-detail-card,.scroll-area{gap:16px;padding:16px}.post-detail-card{border-radius:16px}.post-title{font-size:17px}.post-body{font-size:14px;line-height:1.7}.action-btn{padding:6px 10px}.action-btn span{font-size:12px}.comment-section-header{flex-wrap:wrap;gap:12px}.comment-title{font-size:16px}.comment-input-wrapper{border-radius:12px;padding:12px}.input-actions{flex-wrap:wrap;gap:12px}.comment-item{border-radius:12px;padding:12px}.comment-body{font-size:13px}.comment-actions{flex-wrap:wrap;gap:12px}.replies-section{padding:10px 12px}.reply-input-wrapper{padding:10px}}.homepage-new{background:var(--night-deep);min-height:100vh}.feed-header{align-items:center;display:flex;justify-content:space-between;padding:20px 32px}.feed-header-left{align-items:baseline;display:flex;gap:12px}.feed-title{color:var(--text-bright);font-family:var(--font-serif);font-size:24px;font-weight:700;margin:0}.feed-subtitle{color:var(--text-muted);font-family:var(--font-body);font-size:14px}.feed-filters{display:flex;gap:12px}.feed-filter-select{min-width:120px}.feed-area{max-width:100%;padding:24px 32px}.feed-list{gap:20px}.feed-list,.feed-loading{display:flex;flex-direction:column}.feed-loading{align-items:center;color:var(--text-muted);gap:16px;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--border-subtle);border-radius:50%;border-top-color:var(--champagne);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.feed-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.feed-empty-icon{font-size:48px;margin-bottom:16px}.feed-empty h3{color:var(--text-bright);font-family:var(--font-serif);font-size:20px;font-weight:600;margin:0 0 8px}.feed-empty p{color:var(--text-muted);font-family:var(--font-body);font-size:14px;margin:0}.search-page{padding:24px 32px}.search-controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.post-modal .ant-modal-content{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:20px}.post-modal .ant-modal-header{background:#0000;border-bottom:1px solid var(--border-subtle);padding:20px 24px}.post-modal .ant-modal-title{color:var(--text-bright);font-family:var(--font-serif);font-size:18px;font-weight:600}.post-modal .ant-modal-body{padding:24px}.post-modal .ant-modal-footer{border-top:1px solid var(--border-subtle);padding:16px 24px}.post-modal-input{background:var(--night-elevated);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-bright);margin-bottom:16px;padding:12px 16px}.post-modal-input:focus{border-color:var(--champagne-glow);box-shadow:0 0 0 2px var(--champagne-subtle)}.post-modal-textarea{background:var(--night-elevated);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-bright)}.post-modal-textarea:focus{border-color:var(--champagne-glow);box-shadow:0 0 0 2px var(--champagne-subtle)}.edit-notice{color:var(--warning);font-size:12px;margin-bottom:16px}.comment-modal .ant-modal-content{background:var(--night-surface);border:1px solid var(--border-subtle);border-radius:20px;display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.comment-modal .ant-modal-header{background:#0000;border-bottom:1px solid var(--border-subtle);flex-shrink:0;padding:20px 24px}.comment-modal .ant-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0}.comment-input-area{border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px;padding:20px 24px}.comment-input-area textarea{background:var(--night-elevated);border:1px solid var(--border-subtle);border-radius:12px;color:var(--text-bright)}.comment-submit-btn{background:linear-gradient(135deg,var(--champagne) 0,var(--champagne-warm) 100%);border:none;border-radius:12px;color:var(--night-deep);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;padding:12px 24px;transition:all var(--transition-fast)}.comment-submit-btn:hover{box-shadow:0 4px 12px var(--champagne-glow);transform:translateY(-1px)}.comment-list{flex:1 1;overflow-y:auto;padding:16px 24px}.comment-item{border-bottom:1px solid var(--border-subtle);padding:16px 0}.comment-item:last-child{border-bottom:none}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{align-items:center;color:var(--text-bright);display:flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:8px}.op-tag{background:var(--champagne-subtle);border-radius:4px;color:var(--champagne);font-size:11px;font-weight:500;padding:2px 8px}.comment-time{color:var(--text-dim);font-family:var(--font-body);font-size:12px}.comment-content{color:var(--text-soft);font-family:var(--font-body);font-size:14px;line-height:1.6;margin:0 0 12px}.comment-actions{display:flex;gap:8px}.comment-action-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:4px 10px;transition:all var(--transition-fast)}.comment-action-btn:hover{background:var(--night-elevated)}.comment-action-btn.active{background:var(--champagne-subtle);color:var(--champagne)}.comment-action-btn:disabled{cursor:not-allowed;opacity:.4}.view-replies-btn{background:#0000;border:none;color:var(--accent-blue);cursor:pointer;font-size:12px;margin-top:12px;padding:0}.view-replies-btn:hover{text-decoration:underline}.replies-list{border-left:2px solid var(--border-subtle);margin-top:12px;padding-left:16px}.reply-item{border-bottom:1px solid var(--border-subtle);padding:12px 0}.reply-item:last-child{border-bottom:none}.reply-header{justify-content:space-between;margin-bottom:6px}.reply-author,.reply-header{align-items:center;display:flex}.reply-author{color:var(--text-bright);font-size:12px;font-weight:600;gap:8px}.reply-author,.reply-time{font-family:var(--font-body)}.reply-time{color:var(--text-dim);font-size:11px}.reply-content{color:var(--text-soft);font-family:var(--font-body);font-size:13px;line-height:1.5;margin:0}.loading-replies{font-size:12px;padding:12px}.comment-empty,.loading-replies{color:var(--text-muted);text-align:center}.comment-empty{font-size:14px;padding:40px 20px}@media (max-width:768px){.feed-header-left{display:none}.feed-header{padding:12px 16px}.feed-filters{width:100%}.feed-filter-select{flex:1 1;min-width:0}.feed-area{padding:16px}.feed-list{gap:16px}.search-page{padding:16px}.comment-list{padding:12px 16px}.comment-input-area{padding:16px}}.homepage-new .ant-select-selector{background:var(--night-elevated)!important;border:1px solid var(--border-subtle)!important;border-radius:10px!important;color:var(--text-soft)!important}.homepage-new .ant-select-arrow{color:var(--text-muted)!important}.homepage-new .ant-select-dropdown{background:var(--night-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:12px!important}.homepage-new .ant-select-item{color:var(--text-soft)!important}.homepage-new .ant-select-item-option-active{background:var(--night-elevated)!important}.homepage-new .ant-select-item-option-selected{background:var(--champagne-subtle)!important;color:var(--champagne)!important}.homepage-new .ant-input,.homepage-new .ant-input-affix-wrapper{background:var(--night-elevated)!important;border:1px solid var(--border-subtle)!important;color:var(--text-bright)!important}.homepage-new .ant-input::placeholder{color:var(--text-muted)!important}.homepage-new .ant-btn-primary{background:linear-gradient(135deg,var(--champagne) 0,var(--champagne-warm) 100%)!important;border:none!important;color:var(--night-deep)!important;font-weight:600!important}.homepage-new .ant-btn-primary:hover{opacity:.9}.homepage-new .ant-modal-close{color:var(--text-muted)!important}.homepage-new .ant-modal-close:hover{color:var(--text-soft)!important}.App{background:#0000;min-height:100vh}.loading-container{align-items:center;background:var(--night-deepest);display:flex;flex-direction:column;gap:var(--space-6);height:100vh;justify-content:center}.loading-spinner{animation:pulse 1.5s ease-in-out infinite;color:var(--champagne-gold);font-size:var(--font-size-xl)}.loading-bubbles{display:flex;gap:var(--space-3)}.loading-bubble{animation:float 1.2s ease-in-out infinite;background:var(--champagne-gradient);border-radius:50%;height:12px;width:12px}.loading-bubble:nth-child(2){animation-delay:.2s}.loading-bubble:nth-child(3){animation-delay:.4s}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-5);position:relative}.auth-container:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#f2c94c26 0,#0000 70%);content:"";height:400px;position:absolute;right:-100px;top:-100px;width:400px}.auth-container:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#e84a271a 0,#0000 70%);bottom:-50px;content:"";height:300px;left:-50px;position:absolute;width:300px}.auth-card{animation:scaleIn .5s ease forwards;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);max-width:440px;padding:var(--space-10);position:relative;text-align:center;width:100%;z-index:1}.auth-card:before{border-radius:var(--radius-full);content:"";filter:blur(1px);height:1px;left:20%;position:absolute;right:20%;top:0}.auth-card:before,.auth-title{background:var(--champagne-gradient)}.auth-title{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-light);margin-bottom:var(--space-8)}.auth-card .cl-card{background:#0000!important;box-shadow:none!important}.auth-card .cl-headerTitle{color:var(--text-primary)!important}.auth-card .cl-socialButtonsBlockButton{background:var(--night-elevated)!important;border:1px solid var(--border-medium)!important;color:var(--text-primary)!important;transition:all var(--transition-base)!important}.auth-card .cl-socialButtonsBlockButton:hover{background:var(--night-hover)!important;border-color:var(--champagne-gold)!important;transform:translateY(-2px)}.main-layout{display:flex;margin:0 auto;max-width:1400px;min-height:100vh;position:relative}.sidebar{background:var(--night-deep);display:flex;flex-direction:column;height:100vh;padding:var(--space-5);position:-webkit-sticky;position:sticky;top:0;transition:transform var(--transition-base);width:var(--sidebar-width)}.main-content,.sidebar{border-right:1px solid var(--border-subtle)}.main-content{background:var(--night-deepest);flex:1 1;min-width:0}.right-panel{background:var(--night-deep);padding:var(--space-5);width:350px}.ant-layout{background:#0000!important}.ant-layout-sider{background:var(--night-deep)!important}.ant-layout-header{background:var(--night-surface)!important;border-bottom:1px solid var(--border-subtle)!important}.ant-layout-content,.ant-menu{background:#0000!important}.ant-menu{border:none!important}.ant-menu-item{border-radius:var(--radius-lg)!important;color:var(--text-secondary)!important;margin:var(--space-1) 0!important;transition:all var(--transition-base)!important}.ant-menu-item:hover{background:var(--night-elevated)!important;color:var(--text-primary)!important}.ant-menu-item-selected{background:var(--night-elevated)!important;color:var(--champagne-gold)!important}.ant-menu-item-selected:after{display:none!important}.ant-menu-item .anticon{font-size:18px!important}.ant-btn{border-radius:var(--radius-md)!important;font-weight:var(--font-weight-medium)!important;transition:all var(--transition-base)!important}.ant-btn-primary{background:var(--champagne-gradient)!important;border:none!important;box-shadow:var(--shadow-sm)!important;color:var(--night-deepest)!important}.ant-btn-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow)!important;transform:translateY(-2px)}.ant-btn-default{background:var(--night-elevated)!important;border:1px solid var(--border-medium)!important;color:var(--text-primary)!important}.ant-btn-default:hover{background:var(--night-hover)!important;border-color:var(--champagne-gold)!important;color:var(--champagne-gold)!important}.ant-btn-text{color:var(--text-secondary)!important}.ant-btn-text:hover{background:var(--night-elevated)!important}.ant-btn-link,.ant-btn-text:hover{color:var(--champagne-gold)!important}.ant-btn-link:hover{color:var(--champagne-amber)!important}.ant-input,.ant-input-affix-wrapper{background:var(--night-elevated)!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important;transition:all var(--transition-base)!important}.ant-input::placeholder{color:var(--text-tertiary)!important}.ant-input-affix-wrapper:hover,.ant-input:hover{border-color:var(--border-strong)!important}.ant-input-affix-wrapper-focused,.ant-input-affix-wrapper:focus,.ant-input:focus{border-color:var(--champagne-gold)!important;box-shadow:0 0 0 3px #f2c94c1a!important}.ant-input-textarea textarea{background:var(--night-elevated)!important;color:var(--text-primary)!important}.ant-input-textarea textarea,.ant-input-textarea textarea.ant-input-mouse-active,textarea.ant-input.ant-input-mouse-active{transition:border-color var(--transition-base),box-shadow var(--transition-base)!important}.ant-select-selector{background:var(--night-elevated)!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-md)!important;color:var(--text-primary)!important}.ant-select:hover .ant-select-selector{border-color:var(--border-strong)!important}.ant-select-focused .ant-select-selector{border-color:var(--champagne-gold)!important;box-shadow:0 0 0 3px #f2c94c1a!important}.ant-select-dropdown{background:var(--night-surface)!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-select-item{color:var(--text-secondary)!important;transition:all var(--transition-fast)!important}.ant-select-item:hover{background:var(--night-elevated)!important}.ant-select-item-option-selected{background:var(--night-hover)!important;color:var(--champagne-gold)!important}.ant-select-arrow{color:var(--text-tertiary)!important}.ant-card{background:var(--night-surface)!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-lg)!important;transition:all var(--transition-base)!important}.ant-card:hover{border-color:var(--border-medium)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)}.ant-card-body{color:var(--text-primary)!important}.ant-modal-content{background:var(--night-surface)!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg),var(--shadow-glow)!important}.ant-modal-header{background:#0000!important;border-bottom:1px solid var(--border-subtle)!important}.ant-modal-title{color:var(--text-primary)!important;font-weight:var(--font-weight-bold)!important}.ant-modal-close{color:var(--text-secondary)!important}.ant-modal-close:hover{background:var(--night-elevated)!important;color:var(--text-primary)!important}.ant-modal-footer{border-top:1px solid var(--border-subtle)!important}.ant-drawer-content{background:var(--night-deep)!important}.ant-drawer-header{background:var(--night-surface)!important;border-bottom:1px solid var(--border-subtle)!important}.ant-drawer-title{color:var(--text-primary)!important}.ant-drawer-close{color:var(--text-secondary)!important}.ant-badge-count{background:var(--champagne-gradient)!important;box-shadow:0 0 10px #f2c94c66!important;color:var(--night-deepest)!important;font-weight:var(--font-weight-bold)!important}.ant-list-item{border-color:var(--border-subtle)!important;transition:all var(--transition-base)!important}.ant-list-item:hover{background:var(--night-elevated)!important}.ant-empty-description{color:var(--text-tertiary)!important}.ant-message-notice-content{background:var(--night-surface)!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:var(--text-primary)!important}.ant-spin-dot-item{background:var(--champagne-gold)!important}@media (max-width:1024px){.right-panel{display:none}}@media (max-width:768px){.main-layout{flex-direction:column}.sidebar{border-bottom:1px solid var(--border-subtle);height:auto;padding:var(--space-4);position:relative;width:100%}.main-content,.sidebar{border-right:none}.auth-card{margin:var(--space-4);padding:var(--space-6)}.auth-title{font-size:var(--font-size-2xl)}}@media (max-width:400px){.auth-card{border-radius:var(--radius-lg);padding:var(--space-5)}.auth-title{font-size:var(--font-size-xl)}}
/*# sourceMappingURL=main.99b96514.css.map*/