*{margin:0;padding:0;box-sizing:border-box;}:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-gradient:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#ec4899 100%);--primary-glow:rgba(99,102,241,0.15);--bg:#ffffff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--surface:#ffffff;--surface-hover:#fafafa;--border:#e2e8f0;--border-light:#f1f5f9;--border-subtle:rgba(0,0,0,0.04);--text:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#ffffff;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#ef4444;--danger-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--shadow-xs:0 1px 2px rgba(0,0,0,0.03);--shadow-sm:0 2px 4px rgba(0,0,0,0.04);--shadow-md:0 4px 8px rgba(0,0,0,0.06);--shadow-lg:0 8px 16px rgba(0,0,0,0.08);--shadow-xl:0 12px 24px rgba(0,0,0,0.1);--shadow-glow:0 0 20px rgba(99,102,241,0.1);--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--font-xs:11px;--font-sm:12px;--font-base:14px;--font-md:15px;--font-lg:16px;--font-xl:18px;--font-2xl:20px;--font-3xl:24px;--font-4xl:30px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);--transition-theme:0.4s cubic-bezier(0.4,0,0.2,1);}[data-theme="dark"]{--primary:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--primary-glow:rgba(129,140,248,0.15);--bg:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--surface:#1e293b;--surface-hover:#334155;--border:#334155;--border-light:#475569;--border-subtle:rgba(255,255,255,0.04);--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--success-light:rgba(16,185,129,0.1);--warning-light:rgba(245,158,11,0.1);--danger-light:rgba(239,68,68,0.1);--info-light:rgba(59,130,246,0.1);--shadow-xs:0 1px 2px rgba(0,0,0,0.3);--shadow-sm:0 2px 4px rgba(0,0,0,0.4);--shadow-md:0 4px 8px rgba(0,0,0,0.5);--shadow-lg:0 8px 16px rgba(0,0,0,0.6);--shadow-xl:0 12px 24px rgba(0,0,0,0.7);}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%;}body{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-theme),color var(--transition-theme);}.container{max-width:1280px;margin:0 auto;display:flex;min-height:100vh;height:auto;width:100%;}.flex{display:flex;}.flex-1{flex:1;}.flex-col{flex-direction:column;}.items-center{align-items:center;}.justify-between{justify-content:space-between;}.gap-8{gap:var(--spacing-xs);}.gap-12{gap:var(--spacing-sm);}.gap-16{gap:var(--spacing-md);}.gap-24{gap:var(--spacing-xl);}.w-full{width:100%;}.text-center{text-align:center;}.text-secondary{color:var(--text-secondary);}.text-danger{color:var(--danger);}.text-sm{font-size:var(--font-sm);}.text-xs{font-size:var(--font-xs);}.text-lg{font-size:var(--font-lg);}.font-bold{font-weight:600;}.font-semibold{font-weight:600;}.font-medium{font-weight:500;}.mb-4{margin-bottom:var(--spacing-2xs);}.mb-8{margin-bottom:var(--spacing-xs);}.mb-12{margin-bottom:var(--spacing-sm);}.mb-16{margin-bottom:var(--spacing-md);}.mb-24{margin-bottom:var(--spacing-xl);}.p-12{padding:var(--spacing-sm);}.p-16{padding:var(--spacing-md);}.alert{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);text-align:center;font-size:var(--font-sm);font-weight:500;border:1px solid transparent;transition:all var(--transition-base);}.alert-error{background:var(--danger-light);border-color:rgba(239,68,68,0.2);color:var(--danger);}.alert-success{background:var(--success-light);border-color:rgba(16,185,129,0.2);color:var(--success);}.sidebar{width:220px;padding:var(--spacing-xl)var(--spacing-md);position:sticky;top:0;height:100vh;background:var(--bg-secondary);flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border);transition:background-color var(--transition-theme),border-color var(--transition-theme);}.logo{padding:0 var(--spacing-md)var(--spacing-xl);font-size:var(--font-xl);font-weight:700;color:var(--text);letter-spacing:-0.5px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:flex-start;min-height:48px;}.logo-image{max-height:36px;max-width:120px;object-fit:contain;opacity:0;transition:opacity 0.3s ease;border-radius:4px;}.logo-text{display:flex;align-items:center;gap:4px;}.nav{flex:1;}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);text-decoration:none;color:var(--text);font-size:var(--font-md);font-weight:500;margin-bottom:var(--spacing-xs);transition:all var(--transition-base);position:relative;}.nav-item:hover{background:var(--surface-hover);color:var(--primary);transform:translateX(4px);}.nav-item.active{background:var(--primary-glow);color:var(--primary);font-weight:600;}.nav-item span:first-child{font-size:20px;}.badge{position:absolute;top:8px;right:12px;background:var(--primary);color:var(--text-inverse);font-size:10px;padding:2px 6px;border-radius:var(--radius-full);font-weight:700;min-width:18px;text-align:center;box-shadow:var(--shadow-sm);}.compose-btn-sidebar{display:block;width:calc(100% - 2 * var(--spacing-sm));margin:0 var(--spacing-sm)var(--spacing-sm);padding:var(--spacing-md);background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);}.compose-btn-sidebar:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow);}@media(max-width:500px){.compose-btn-sidebar{display:none;}}.user-info{padding:var(--spacing-sm);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);}.user-info:hover{background:var(--surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px);}.user-menu{margin-top:auto;display:flex;flex-direction:column;gap:var(--spacing-sm);}.logout-form{width:100%;}.logout-btn{width:100%;padding:var(--spacing-sm);border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--border);font-size:var(--font-base);font-family:inherit;}.logout-btn:hover{background:var(--danger-light);border-color:var(--danger);color:var(--danger);}.logout-btn span:first-child{font-size:var(--font-lg);}.avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;color:var(--text-inverse);box-shadow:var(--shadow-sm);}.avatar-small{width:36px;height:36px;font-size:var(--font-sm);}.avatar-link,.post-author-link,.comment-author-link{text-decoration:none;color:inherit;}.auth-buttons{margin-top:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);}.auth-btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;font-size:var(--font-base);font-weight:500;transition:all var(--transition-base);border:1px solid transparent;}.auth-btn-login{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm);}.auth-btn-login:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}.auth-btn-login:active{transform:translateY(0);}.auth-btn-register{background:var(--surface);color:var(--text);border-color:var(--border);}.auth-btn-register:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-1px);}.user-details{flex:1;min-width:0;}.user-name{font-weight:600;font-size:var(--font-md);line-height:1.4;}.user-username{color:var(--text-muted);font-size:var(--font-sm);line-height:1.4;}.theme-toggle-btn{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:500;}.theme-toggle-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-xl),var(--shadow-glow);}.theme-toggle-btn:active{transform:scale(0.95);}.theme-toggle-btn svg{width:22px;height:22px;transition:transform var(--transition-base);}[data-theme="dark"] .theme-toggle-btn svg{transform:rotate(180deg);}.main{flex:1;max-width:680px;min-width:0;min-height:100vh;background:var(--surface);border-right:1px solid var(--border);border-left:1px solid var(--border);transition:background-color var(--transition-theme),border-color var(--transition-theme);}.header{position:sticky;top:0;background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0 var(--spacing-lg);border-bottom:1px solid var(--border);z-index:50;transition:background-color var(--transition-theme),border-color var(--transition-theme);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);height:56px;}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);}.header-title{font-size:var(--font-lg);font-weight:600;color:var(--text);}.header-subtitle{font-size:var(--font-sm);color:var(--text-secondary);margin-left:var(--spacing-sm);}.refresh-btn{padding:8px 16px;background:linear-gradient(135deg,var(--primary)0%,#0056b3 100%);color:white;border:none;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.2s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 2px 8px rgba(0,123,255,0.3);}.refresh-btn:hover{background:linear-gradient(135deg,#0056b3 0%,#003d80 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,123,255,0.4);}.refresh-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,123,255,0.3);}.refresh-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}@media(max-width:768px){.refresh-btn span:last-child{display:none;}.refresh-btn{padding:8px;border-radius:50%;}}.refresh-icon{animation:spin 2s linear infinite;}.refresh-btn:not(:disabled):hover .refresh-icon{animation:spin 0.5s linear infinite;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.tweets-container{display:flex;flex-direction:column;gap:var(--spacing-sm);}.tweet-item{animation:fadeIn 0.3s ease-out;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.load-more-container{padding:var(--spacing-lg);text-align:center;}.load-more-btn{padding:var(--spacing-sm)var(--spacing-xl);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:all 0.2s;}.load-more-btn:hover{background:var(--primary);color:white;border-color:var(--primary);}.load-more-icon{transition:transform 0.2s;}.load-more-btn:hover .load-more-icon{transform:translateY(2px);}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-secondary);}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;}.header-title{padding:var(--spacing-md)0;font-size:var(--font-lg);font-weight:600;color:var(--text);}.header-title-desktop{display:inline;}.header-title-mobile{display:none;}@media(max-width:768px){.header-title-desktop{display:none;}.header-title-mobile{display:inline;}}.back-btn{color:var(--text);text-decoration:none;font-size:var(--font-lg);padding:var(--spacing-xs);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:all var(--transition-base);}.back-btn:hover{background:var(--surface-hover);}.tabs{display:flex;border-bottom:1px solid var(--border);}.tab{flex:1;padding:var(--spacing-md)0;text-align:center;text-decoration:none;color:var(--text-secondary);font-size:var(--font-md);font-weight:500;transition:all var(--transition-base);position:relative;}.tab:hover{color:var(--text);}.tab.active{color:var(--primary);font-weight:600;}.tab.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:32px;height:2px;background:var(--primary-gradient);border-radius:var(--radius-full);}.compose{padding:var(--spacing-lg);border-bottom:8px solid var(--bg-tertiary);display:flex;gap:var(--spacing-md);background:var(--surface);transition:background-color var(--transition-theme);}.compose-content{flex:1;min-width:0;}.compose-title{width:100%;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-md);padding:var(--spacing-sm)var(--spacing-md);outline:none;font-weight:500;margin-bottom:var(--spacing-sm);transition:all var(--transition-base);}.compose-title::placeholder{color:var(--text-muted);}.compose-title:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.compose textarea{width:100%;background:transparent;border:none;color:var(--text);font-size:var(--font-lg);resize:none;outline:none;font-family:inherit;line-height:1.6;min-height:80px;max-height:400px;transition:height var(--transition-base);overflow-y:auto;}.compose textarea::placeholder{color:var(--text-muted);}.compose-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border);margin-top:var(--spacing-sm);flex-wrap:wrap;gap:var(--spacing-sm);}.compose-actions-left{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;position:relative;}.compose-actions-right{display:flex;align-items:center;gap:var(--spacing-sm);}.char-counter{font-size:var(--font-xs);font-weight:500;color:var(--text-muted);padding:var(--spacing-2xs)var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base);user-select:none;min-width:70px;text-align:right;}.compose-btn{padding:var(--spacing-sm)var(--spacing-lg);min-width:80px;height:36px;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;justify-content:center;}.compose-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow);}.compose-btn:active:not(:disabled){transform:translateY(-1px);}.compose-btn:disabled{opacity:0.5;cursor:not-allowed;background:var(--border);box-shadow:none;}.exceed-warning{display:inline-flex;align-items:center;gap:var(--spacing-2xs);color:var(--danger);font-size:var(--font-sm);font-weight:500;padding:var(--spacing-2xs)var(--spacing-xs);background:var(--danger-light);border-radius:var(--radius-sm);}.compose-media{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);max-width:240px;margin-bottom:var(--spacing-md);}.upload-grid-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;background:var(--surface-hover);border:1px dashed var(--border);}.upload-grid-item.add-photo{display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);cursor:pointer;border:2px dashed var(--border);background:transparent;}.upload-grid-item.add-photo:hover{background:var(--primary-glow);border-color:var(--primary);transform:scale(1.02);}.upload-grid-item.add-photo:active{transform:scale(0.98);}.upload-icon{font-size:24px;}.upload-grid-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);}.upload-grid-item.loading::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border:3px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg);}}.upload-grid-item .remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(220,53,69,0.9);border:2px solid white;border-radius:50%;color:white;font-size:14px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.3);z-index:10;}.upload-grid-item:hover .remove-btn{opacity:1;}.upload-grid-item .remove-btn:hover{background:rgba(220,53,69,1);transform:scale(1.1);}.upload-grid-item .remove-btn:active{transform:scale(0.95);}.upload-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;}.upload-btn{display:flex;align-items:center;gap:var(--spacing-2xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-sm);color:var(--text-secondary);}.upload-btn:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);}.upload-btn span:first-child{font-size:16px;}.link-input-wrapper{flex:1;min-width:120px;display:flex;align-items:center;gap:var(--spacing-xs);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--spacing-sm);transition:all var(--transition-base);}.link-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.link-icon{font-size:14px;color:var(--text-muted);}.link-input{flex:1;background:transparent;border:none;outline:none;padding:var(--spacing-xs)0;font-size:var(--font-sm);color:var(--text);}.link-input::placeholder{color:var(--text-muted);}.media-preview{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border);display:none;}.media-preview.active{display:block;}.media-preview-item{margin-bottom:var(--spacing-sm);}.media-preview-item:last-child{margin-bottom:0;}.media-preview-audio{display:flex;align-items:center;gap:var(--spacing-sm);}.media-preview-audio audio{flex:1;max-width:100%;}.media-preview-video{max-width:100%;border-radius:var(--radius-sm);overflow:hidden;}.media-preview-video video{width:100%;display:block;}.media-preview-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--surface);border-radius:var(--radius-sm);}.media-preview-link-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}.media-preview-link-info{flex:1;min-width:0;}.media-preview-link-title{font-weight:600;font-size:var(--font-sm);color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.media-preview-link-url{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.empty-state{padding:var(--spacing-2xl)var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-md);}.divider{height:8px;background:var(--bg-tertiary);margin:0;}.post{padding:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-md);transition:all var(--transition-base);cursor:pointer;background:var(--surface);}.post:hover{background:var(--surface-hover);transform:translateX(2px);}.post-detail{cursor:default;border-bottom:8px solid var(--bg-tertiary);padding:var(--spacing-lg);}.post-content{flex:1;min-width:0;display:flex;flex-direction:column;}.post-header{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-wrap:wrap;width:100%;}.post-author{font-weight:600;font-size:var(--font-md);color:var(--text);white-space:nowrap;transition:color var(--transition-base);}.post-author:hover{color:var(--primary);}.post-meta{color:var(--text-muted);font-size:var(--font-sm);white-space:nowrap;}.post-title{font-size:clamp(18px,2.5vw,24px);font-weight:600;margin-bottom:4px;margin-top:var(--spacing-xs);line-height:1.3;color:var(--text);}.post-title-link{color:var(--text);text-decoration:none;}.post-title-link:hover{color:var(--primary);}.post-text{font-size:clamp(14px,1.7vw,16px);line-height:1.6;margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm);margin-left:0;padding-top:0;padding-left:0;text-indent:0;word-wrap:break-word;word-break:break-word;color:var(--text);white-space:normal;clear:none;}.post-text:empty{margin:0 !important;padding:0 !important;line-height:0 !important;min-height:0 !important;height:0 !important;}.post-text:has(.post-text-truncated:empty){margin:0 !important;padding:0 !important;line-height:0 !important;min-height:0 !important;height:0 !important;overflow:hidden;}.post-text:has(> br:only-child),.post-text:has(> p:empty),.post-text:has(> div:empty),.post-text > br:only-child,.post-text > p:empty,.post-text > div:empty{margin:0 !important;padding:0 !important;line-height:0 !important;min-height:0 !important;}.post-text.collapsed{max-height:84px;overflow:hidden;}.post-text a{color:var(--primary);text-decoration:none;font-weight:500;}.post-text a:hover{text-decoration:underline;}.post-text .hashtag{color:var(--primary);text-decoration:none;font-weight:600;background:rgba(var(--primary-rgb),0.1);padding:2px 6px;border-radius:4px;transition:all 0.2s ease;}.post-text .hashtag:hover{background:rgba(var(--primary-rgb),0.2);text-decoration:none;}.inline-code{background:var(--bg-tertiary);color:var(--accent);padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:0.9em;border:1px solid var(--border);}.code-block{background:#1e1e1e;border:1px solid var(--border);border-radius:8px;padding:16px;margin:12px 0;overflow-x:auto;position:relative;}.code-block::before{content:attr(data-lang);position:absolute;top:8px;right:12px;font-size:12px;color:#888;text-transform:uppercase;}.code-block code{font-family:'Courier New',monospace;font-size:14px;line-height:1.6;color:#d4d4d4;white-space:pre;}.toggle-content-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:var(--font-sm);font-weight:500;padding:0;margin-top:var(--spacing-xs);transition:all var(--transition-base);}.toggle-content-btn:hover{text-decoration:underline;}.read-more-link{display:inline-block;color:var(--primary);font-size:var(--font-sm);font-weight:500;text-decoration:none;margin-top:4px;padding:4px 8px;border-radius:4px;transition:all var(--transition-base);line-height:1.6;}.read-more-link:hover{text-decoration:underline;background:rgba(var(--primary-rgb),0.1);}.read-more-link:active{transform:scale(0.98);}@media(hover:none){.read-more-link:hover{background:transparent;}.read-more-link:active{background:rgba(var(--primary-rgb),0.15);}}.post-text.truncated{max-height:none;overflow:visible;}.post-text.full{max-height:none;}.post-metadata{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);}.meta-item{display:flex;align-items:center;gap:var(--spacing-2xs);color:var(--text-muted);font-size:var(--font-sm);}.post-actions{display:flex;justify-content:space-between;max-width:400px;}.action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:transparent;border:none;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-lg);font-size:var(--font-sm);font-weight:500;transition:all var(--transition-base);}.action-btn:hover{color:var(--primary);background:var(--primary-glow);transform:translateY(-1px);}.action-btn.liked{color:var(--danger);}.action-btn.retweeted{color:var(--success);}.dropdown-actions{position:relative;}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:var(--spacing-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:slideDown 0.2s ease;}@keyframes slideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}.dropdown-item{display:block;width:100%;padding:var(--spacing-sm)var(--spacing-md);text-align:left;background:transparent;border:none;color:var(--text);cursor:pointer;font-size:var(--font-sm);font-weight:500;transition:all var(--transition-base);}.dropdown-item:hover{background:var(--surface-hover);}.dropdown-item.danger{color:var(--danger);}.comment-section{padding:var(--spacing-lg);background:var(--surface);}.compose-comment{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-lg);border:1px solid var(--border);}.compose-comment textarea{width:100%;min-height:80px;padding:var(--spacing-sm)var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-sm);resize:vertical;outline:none;transition:all var(--transition-base);font-family:inherit;line-height:1.5;}.compose-comment textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.compose-comment textarea::placeholder{color:var(--text-muted);}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);}.comment-tools{display:flex;gap:var(--spacing-2xs);}.tool-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:16px;color:var(--text-muted);transition:all var(--transition-base);}.tool-btn:hover{background:var(--surface-hover);color:var(--primary);}.comment-form-right{display:flex;align-items:center;gap:var(--spacing-md);}.section-title{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text);}.comment{display:flex;gap:var(--spacing-md);padding:var(--spacing-md)0;border-bottom:1px solid var(--border);transition:all var(--transition-base);align-items:flex-start;}.comment:hover{background:var(--surface-hover);}.comment-content{flex:1;min-width:0;display:flex;flex-direction:column;padding:0;align-items:flex-start;justify-content:flex-start;text-align:left;}.comment-header{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap;padding:0;width:100%;}.comment-author{font-weight:600;font-size:var(--font-sm);color:#d33a3a;}.comment-author:hover{text-decoration:underline;color:#b82626;}.comment-meta{font-size:12px;color:#999;display:flex;align-items:center;gap:4px;}.comment-text.post-text{font-size:var(--font-sm);line-height:1.6;color:#333333;text-align:left;margin-top:2px;padding:0;word-break:break-word;white-space:pre-wrap;}.comment-text{font-size:14px;line-height:1.6;color:#333333;text-align:left !important;margin:0 !important;padding:0 !important;word-break:break-word;white-space:pre-wrap;width:100%;flex-shrink:0;display:block;clear:both;}.comment-actions{display:flex;align-items:center;gap:24px;margin-top:8px;padding-top:0;}.action-btn{display:inline-flex;align-items:center;gap:4px;color:#999;font-size:12px;cursor:pointer;transition:color 0.2s ease;padding:4px 8px;border-radius:4px;}.action-btn:hover{background:rgba(0,0,0,0.05);}.action-icon{font-size:14px;}.action-text{font-size:12px;font-weight:500;}.action-count{font-size:12px;}.action-btn:hover{color:#666;}.like-btn.liked{color:#d33a3a;}.like-btn.liked .action-icon{animation:likeAnimation 0.3s ease;}@keyframes likeAnimation{0%{transform:scale(1);}50%{transform:scale(1.3);}100%{transform:scale(1);}}.like-btn:hover{color:#d33a3a;}.reply-btn:hover{color:#1da1f2;}.repost-btn:hover{color:#1da1f2;}.edit-btn:hover{color:#1da1f2;}.delete-btn:hover{color:#d33a3a;}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)0;}.page-link{padding:var(--spacing-xs)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);text-decoration:none;font-weight:500;font-size:var(--font-sm);transition:all var(--transition-base);background:var(--surface);}.page-link:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);}.page-link:disabled{opacity:0.5;cursor:not-allowed;}.page-info{color:var(--text-muted);font-size:var(--font-sm);}.right-sidebar{width:300px;padding:var(--spacing-xl)var(--spacing-lg);flex-shrink:0;}.search-box,.search-form{position:relative;margin-bottom:var(--spacing-lg);display:flex;align-items:center;}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:14px;z-index:1;}.search-box input,.search-form input{width:100%;padding:var(--spacing-sm)var(--spacing-md)var(--spacing-sm)40px;background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-size:var(--font-sm);outline:none;transition:all var(--transition-base);}.search-box input:focus,.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.search-box input::placeholder,.search-form input::placeholder{color:var(--text-muted);}.search-submit-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);padding:6px 16px;background:var(--primary);color:white;border:none;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);}.search-submit-btn:hover{background:var(--primary-dark);}@media(max-width:768px){.search-submit-btn{display:none;}}.widget{background:var(--surface);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);}.widget-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border);}.widget-badge{padding:2px 8px;font-size:10px;font-weight:600;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:white;text-transform:uppercase;letter-spacing:0.5px;}.widget-badge.badge-secondary{background:linear-gradient(135deg,#6c757d 0%,#495057 100%);}.widget-badge.badge-success{background:linear-gradient(135deg,#28a745 0%,#1e7e34 100%);}.widget-badge.badge-warning{background:linear-gradient(135deg,#ffc107 0%,#e0a800 100%);color:#1a1a1a;}.widget-badge.badge-info{background:linear-gradient(135deg,#17a2b8 0%,#138496 100%);}.tips-widget{background:linear-gradient(135deg,rgba(99,102,241,0.05)0%,rgba(139,92,246,0.05)100%);border-color:rgba(99,102,241,0.2);}.tips-list{padding:var(--spacing-sm);}.tip-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;}.tip-item:hover{background:rgba(99,102,241,0.1);transform:translateX(4px);}.tip-icon{font-size:var(--font-lg);flex-shrink:0;}.tip-content{display:flex;flex-direction:column;gap:2px;}.tip-title{font-size:var(--font-sm);font-weight:600;color:var(--text);}.tip-desc{font-size:12px;color:var(--text-secondary);}.stats-widget{background:linear-gradient(135deg,rgba(16,185,129,0.05)0%,rgba(251,191,36,0.05)100%);border-color:rgba(16,185,129,0.2);}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);padding:var(--spacing-md);}.stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);transition:all var(--transition-base);}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.08);border-color:var(--primary);}.stat-icon{font-size:24px;padding:8px;border-radius:var(--radius-md);background:rgba(99,102,241,0.1);}.stat-icon-primary{background:rgba(99,102,241,0.1);}.stat-icon-success{background:rgba(16,185,129,0.1);}.stat-icon-warning{background:rgba(251,191,36,0.1);}.stat-icon-info{background:rgba(59,130,246,0.1);}.stat-info{display:flex;flex-direction:column;align-items:center;gap:2px;}.stat-value{font-size:var(--font-lg);font-weight:700;color:var(--text);}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;}.widget-title{font-size:var(--font-md);font-weight:600;color:var(--text);margin:0;}.widget-more-link{font-size:var(--font-sm);color:var(--primary);text-decoration:none;font-weight:500;transition:all var(--transition-base);padding:4px 12px;border-radius:16px;}.widget-more-link:hover{background:rgba(99,102,241,0.1);color:var(--primary-dark);transform:translateX(2px);}.widget-item{padding:var(--spacing-md)var(--spacing-lg);transition:all var(--transition-base);cursor:pointer;text-decoration:none;color:inherit;display:flex;align-items:flex-start;gap:var(--spacing-md);position:relative;min-height:56px;box-sizing:border-box;}.widget-item:hover{background:var(--surface-hover);}.widget-item:last-child{border-bottom:none;}.widget-item:last-child::after{display:none;}.widget-item::after{content:'';display:block;height:1px;background:var(--border);position:absolute;bottom:0;left:var(--spacing-lg);right:var(--spacing-lg);}.hashtag-rank{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:white;font-size:12px;font-weight:700;flex-shrink:0;margin-top:2px;}.hashtag-rank.top-1{background:linear-gradient(135deg,#ff3859 0%,#ff6975 100%);}.hashtag-rank.top-2{background:linear-gradient(135deg,#ff7043 0%,#ffa050 100%);}.hashtag-rank.top-3{background:linear-gradient(135deg,#ffa940 0%,#ffc847 100%);}.hashtag-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-right:var(--spacing-sm);}.hashtag-name{font-size:var(--font-sm);font-weight:600;color:var(--primary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;}.hashtag-count{font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;}.widget-empty{padding:var(--spacing-lg);text-align:center;color:var(--text-muted);font-size:var(--font-sm);}@media(max-width:768px){.widget-item{padding:var(--spacing-sm)var(--spacing-md);min-height:48px;}.hashtag-rank{min-width:24px;height:24px;font-size:11px;}.hashtag-name{font-size:13px;line-height:1.4;}.hashtag-count{font-size:11px;}.widget-item::after{left:var(--spacing-md);right:var(--spacing-md);}}.follow-user{display:flex;align-items:center;gap:var(--spacing-md);}.follow-btn{margin-left:auto;padding:var(--spacing-xs)var(--spacing-md);background:var(--primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-base);flex-shrink:0;font-size:var(--font-xs);}.follow-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm);}.follow-btn.following{background:var(--border);}.follow-btn.following:hover{background:var(--danger);}.auth-container{max-width:400px;margin:0 auto;padding:var(--spacing-2xl)var(--spacing-lg);min-height:100vh;display:flex;flex-direction:column;justify-content:center;}.auth-logo{font-size:var(--font-3xl);font-weight:700;margin-bottom:var(--spacing-2xl);text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.auth-title{font-size:var(--font-xl);font-weight:600;margin-bottom:var(--spacing-xl);text-align:center;color:var(--text);}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md);}.auth-input{padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-md);outline:none;transition:all var(--transition-base);font-weight:400;}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.auth-input::placeholder{color:var(--text-muted);}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);}.validation-message{display:none;font-size:var(--font-xs);font-weight:500;padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);margin-top:-4px;}.validation-message.error{color:var(--danger);background:var(--danger-light);}.validation-message.success{color:var(--success);background:var(--success-light);}.input-with-counter{position:relative;}.input-with-counter .char-counter{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);font-size:var(--font-xs);color:var(--text-muted);pointer-events:none;transition:color var(--transition-base);}.auth-form .char-counter{font-size:var(--font-xs);color:var(--text-muted);text-align:right;padding:var(--spacing-xs)0;transition:color var(--transition-base);}.auth-btn{padding:var(--spacing-md)var(--spacing-lg);background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-md);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);}.auth-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.auth-btn.secondary{background:transparent;color:var(--primary);border:1px solid var(--primary);}.auth-btn.secondary:hover{background:var(--primary-glow);}.auth-link{margin-top:var(--spacing-xl);text-align:center;color:var(--text-muted);font-size:var(--font-sm);}.auth-link a{color:var(--primary);text-decoration:none;font-weight:500;}.auth-link a:hover{text-decoration:underline;}.auth-hint{padding:var(--spacing-sm);background:var(--surface-hover);border-radius:var(--radius-md);border:1px solid var(--border);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xs);}.auth-hint p{font-size:var(--font-xs);color:var(--text-muted);margin:var(--spacing-2xs)0;}.error{padding:var(--spacing-sm)var(--spacing-md);background:var(--danger-light);border:1px solid rgba(239,68,68,0.2);border-radius:var(--radius-md);color:var(--danger);margin-bottom:var(--spacing-md);font-size:var(--font-sm);font-weight:500;}.success{padding:var(--spacing-sm)var(--spacing-md);background:var(--success-light);border:1px solid rgba(16,185,129,0.2);border-radius:var(--radius-md);color:var(--success);margin-bottom:var(--spacing-md);font-size:var(--font-sm);font-weight:500;}.profile-header{height:180px;background:var(--primary-gradient);position:relative;}.profile-info{padding:0 var(--spacing-lg)var(--spacing-lg);border-bottom:8px solid var(--bg-tertiary);background:var(--surface);position:relative;}.profile-avatar{width:120px;height:120px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:var(--font-2xl);font-weight:700;margin-top:-60px;border:4px solid var(--surface);color:var(--text-inverse);position:relative;z-index:10;box-shadow:var(--shadow-lg);}.profile-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-sm)0;}.edit-btn{padding:var(--spacing-xs)var(--spacing-md);background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text);font-weight:600;cursor:pointer;text-decoration:none;font-size:var(--font-sm);transition:all var(--transition-base);}.edit-btn:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);}.profile-name{font-size:var(--font-xl);font-weight:700;margin-top:var(--spacing-sm);color:var(--text);}.profile-username{color:var(--text-muted);font-size:var(--font-sm);}.profile-bio{margin-top:var(--spacing-md);font-size:var(--font-sm);line-height:1.6;color:var(--text);}.profile-stats{display:flex;gap:var(--spacing-xl);margin-top:var(--spacing-md);flex-wrap:wrap;}.stat{font-size:var(--font-sm);}.stat strong{color:var(--text);font-weight:600;}.stat span{color:var(--text-muted);}.notification{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;gap:var(--spacing-md);cursor:pointer;transition:all var(--transition-base);}.notification:hover{background:var(--surface-hover);}.notification.unread{background:var(--primary-glow);}.notification-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:16px;flex-shrink:0;}.notification-content{flex:1;min-width:0;}.notification-text{font-size:var(--font-sm);font-weight:400;}.admin-container{padding:var(--spacing-xl);}.admin-section{margin-bottom:var(--spacing-2xl);}.admin-title{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text);}.post-item-admin{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);background:var(--surface);transition:all var(--transition-base);}.post-item-admin:hover{border-color:var(--primary);box-shadow:var(--shadow-md);}.post-content-admin{flex:1;}.post-actions-admin{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-md);flex-wrap:wrap;}.admin-btn{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-md);border:none;cursor:pointer;font-size:var(--font-xs);font-weight:600;transition:all var(--transition-base);}.admin-btn:hover{transform:translateY(-1px);}.admin-btn-danger{background:var(--danger);color:var(--text-inverse);}.admin-btn-danger:hover{background:#dc143c;}.admin-btn-primary{background:var(--primary);color:var(--text-inverse);}.admin-btn-primary:hover{background:var(--primary-dark);}.admin-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text);text-decoration:none;display:inline-block;}.admin-btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary);}.edit-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.edit-modal-content{background:var(--surface);padding:var(--spacing-xl);border-radius:var(--radius-xl);max-width:480px;width:100%;border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:modalFadeIn 0.2s ease;}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.edit-modal-content textarea{width:100%;min-height:120px;padding:var(--spacing-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-sm);resize:vertical;outline:none;transition:all var(--transition-base);}.edit-modal-content textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.edit-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-lg);}@media(max-width:1024px){.right-sidebar{display:none;}}@media(max-width:768px){.sidebar{width:auto;min-width:64px;padding:var(--spacing-md)0;}.nav-item{padding:var(--spacing-sm)var(--spacing-xs);justify-content:center;}.nav-item span:last-child{display:none;}.nav-item span:first-child{font-size:18px;}.user-details{display:none;}.theme-toggle-btn{right:16px;bottom:80px;}}@media(max-width:500px){html,body{height:100%;}.container{flex-direction:column;height:auto;min-height:100%;width:100%;}.sidebar{display:none !important;}.logo{display:none;}.nav{display:none;}.nav-item{display:none;}.user-info{display:none !important;}.main{max-width:none;padding-bottom:96px;width:100%;min-height:calc(100vh - 60px);flex:1;border-right:none;border-left:none;margin-top:0;}.post{padding:var(--spacing-md);}.compose{padding:var(--spacing-md);}.compose textarea{min-height:80px;font-size:var(--font-md);}.char-counter{font-size:var(--font-xs);}.compose-btn{min-width:72px;height:32px;padding:var(--spacing-xs)var(--spacing-md);font-size:var(--font-xs);}.compose-footer{gap:var(--spacing-xs);}.upload-grid{max-width:100%;}.upload-grid-item{aspect-ratio:1;}.upload-row{gap:var(--spacing-xs);}.upload-btn{padding:var(--spacing-xs)var(--spacing-xs);font-size:11px;}.upload-btn span:first-child{font-size:14px;}.link-input-wrapper{min-width:100px;}.header{padding:0 var(--spacing-md);position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.98);}.profile-info{padding:0 var(--spacing-md)var(--spacing-lg);}.auth-container{padding:var(--spacing-xl)var(--spacing-md);}.auth-title{font-size:var(--font-lg);}.right-sidebar{display:none;}.widget{display:block;margin-bottom:var(--spacing-md);}.post-title{font-size:var(--font-md);}.post-text{font-size:var(--font-sm);}.compose-comment{padding:var(--spacing-md);}.compose-comment textarea{min-height:80px;}.comment-form-actions{flex-direction:column;gap:var(--spacing-sm);align-items:stretch;}.comment-tools{justify-content:center;}.comment-form-right{justify-content:space-between;}.tool-btn{width:32px;height:32px;font-size:16px;}.theme-toggle-btn{width:44px;height:44px;right:12px;bottom:72px;}}@media(max-width:500px){[data-theme="dark"] .mobile-bottom-nav{background:rgba(30,41,59,0.95);border:1px solid rgba(255,255,255,0.1);box-shadow:0 -4px 20px rgba(0,0,0,0.3),0 4px 20px rgba(0,0,0,0.2);}[data-theme="dark"] .mobile-nav-item:hover{background:rgba(255,255,255,0.08);}[data-theme="dark"] .mobile-nav-item.active{background:rgba(129,140,248,0.2);}[data-theme="dark"] .header{background:rgba(30,41,59,0.98);}}@media(prefers-reduced-motion:reduce){*{transition-duration:0.01ms !important;animation-duration:0.01ms !important;}}@media print{.sidebar,.right-sidebar,.post-actions,.theme-toggle-btn,.mobile-fab{display:none !important;}.main{max-width:100%;border:none;}}.mobile-fab{position:fixed;right:var(--spacing-md);bottom:calc(var(--spacing-md)+ 80px);z-index:150;display:none;}@media(max-width:500px){.mobile-fab{display:block;}}.fab-btn{width:56px;height:56px;border-radius:50%;border:none;font-size:20px;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;}.fab-primary{background:var(--primary-gradient);color:var(--text-inverse);}.fab-primary:hover{transform:scale(1.1);box-shadow:var(--shadow-lg),var(--shadow-glow);}.fab-menu{position:absolute;bottom:64px;right:0;display:flex;flex-direction:column;gap:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-base);}.fab-menu.active{opacity:1;visibility:visible;transform:translateY(0);}.compose-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:flex-start;justify-content:center;z-index:1000;padding:var(--spacing-lg);padding-top:10vh;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.compose-modal-content{background:var(--surface);border-radius:var(--radius-xl);max-width:580px;width:100%;border:1px solid var(--border);box-shadow:var(--shadow-xl);animation:modalSlideUp 0.2s ease;overflow:hidden;}@keyframes modalSlideUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.compose-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--border);}.compose-modal-header h3{font-size:var(--font-lg);font-weight:600;color:var(--text);}.compose-modal-close{width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);}.compose-modal-close:hover{background:var(--surface-hover);color:var(--text);}.compose-modal-form{padding:0;}.compose-input-wrapper{position:relative;padding:var(--spacing-lg);}.compose-modal-form textarea{width:100%;background:#f5f5f5;border:none;border-radius:var(--radius-xl);color:var(--text);font-size:var(--font-lg);padding:var(--spacing-md);resize:none;outline:none;font-family:inherit;line-height:1.6;min-height:120px;max-height:400px;transition:all var(--transition-base);overflow-y:auto;}.compose-modal-form textarea::placeholder{color:#999999;font-size:var(--font-lg);}.compose-modal-form textarea:focus{background:#f0f0f0;}.content-declaration-btn{position:absolute;right:calc(var(--spacing-lg)+ var(--spacing-md));bottom:calc(var(--spacing-lg)+ var(--spacing-md));display:flex;align-items:center;gap:4px;padding:var(--spacing-xs)var(--spacing-sm);background:transparent;border:none;color:var(--text-muted);font-size:var(--font-xs);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);}.content-declaration-btn:hover{background:var(--surface-hover);color:var(--text);}.upload-preview{display:none;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);}.upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xs);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);max-width:240px;}.upload-grid-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;background:var(--surface-hover);border:1px dashed var(--border);}.upload-grid-item.add-photo{display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);cursor:pointer;border:2px dashed var(--border);background:transparent;}.upload-grid-item.add-photo:hover{background:var(--primary-glow);border-color:var(--primary);transform:scale(1.02);}.upload-icon{font-size:24px;}.upload-grid-item img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);}.upload-grid-item .remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(220,53,69,0.9);border:2px solid white;border-radius:50%;color:white;font-size:14px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,0,0,0.3);z-index:10;}.upload-grid-item:hover .remove-btn{opacity:1;}.compose-modal-actions{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--border);flex-wrap:wrap;gap:var(--spacing-md);}.compose-actions-left{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;position:relative;}.compose-action-btn{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs)var(--spacing-sm);background:transparent;border:none;color:var(--primary);font-size:var(--font-sm);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-base);}.compose-action-btn:hover{background:var(--primary-glow);}.compose-action-btn span:first-child{font-size:18px;}.compose-actions-right{display:flex;align-items:center;gap:var(--spacing-md);}.visibility-selector{display:flex;align-items:center;gap:4px;padding:var(--spacing-xs)var(--spacing-sm);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base);}.clock-icon{font-size:14px;}.vip-badge{font-size:10px;font-weight:600;color:#f59e0b;background:rgba(245,158,11,0.1);padding:2px 6px;border-radius:var(--radius-full);}.visibility-select{background:transparent;border:none;outline:none;color:var(--text);font-size:var(--font-sm);font-weight:500;cursor:pointer;}.visibility-select option{background:var(--surface);color:var(--text);}.compose-submit-btn{padding:var(--spacing-sm)var(--spacing-lg);background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border:none;border-radius:var(--radius-full);color:white;font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;min-width:72px;}.compose-submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.compose-submit-btn:active{transform:translateY(-1px);}.compose-submit-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none;box-shadow:none;}.emoji-picker{position:absolute;bottom:100%;left:0;width:320px;max-height:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;flex-direction:column;overflow:hidden;z-index:100;}.emoji-picker.active{display:flex;}.emoji-picker-header{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-sm);border-bottom:1px solid var(--border);background:var(--surface-hover);}.emoji-category{font-size:20px;padding:var(--spacing-xs)var(--spacing-sm);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);opacity:0.6;}.emoji-category:hover{opacity:1;background:rgba(0,0,0,0.05);}.emoji-category.active{opacity:1;background:var(--primary-glow);}.emoji-picker-body{padding:var(--spacing-md);overflow-y:auto;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--spacing-xs);max-height:300px;}.emoji-item{font-size:24px;padding:var(--spacing-xs);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);}.emoji-item:hover{background:var(--surface-hover);transform:scale(1.2);}@media(max-width:600px){.emoji-picker{width:280px;left:-80px;}.emoji-picker-body{grid-template-columns:repeat(7,1fr);}}@media(max-width:380px){.emoji-picker{width:260px;left:-100px;}.emoji-picker-body{grid-template-columns:repeat(6,1fr);}}.upload-progress{padding:var(--spacing-md)var(--spacing-lg);background:var(--surface-hover);}.upload-progress-bar{height:4px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs);}.upload-progress-fill{height:100%;background:var(--primary-gradient);border-radius:var(--radius-full);transition:width var(--transition-base);}.upload-progress-text{font-size:var(--font-xs);color:var(--text-muted);}.upload-preview{padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);}@media(max-width:600px){.compose-modal{padding:0;padding-top:0;align-items:flex-end;}.compose-modal-content{border-radius:var(--radius-xl)var(--radius-xl)0 0;max-width:100%;width:100%;max-height:90vh;overflow-y:auto;}.compose-input-wrapper{padding:var(--spacing-md);}.compose-modal-form textarea{min-height:100px;font-size:var(--font-md);}.content-declaration-btn{right:calc(var(--spacing-md)+ var(--spacing-md));bottom:calc(var(--spacing-md)+ var(--spacing-md));}.upload-grid{padding:0 var(--spacing-md);max-width:100%;}.compose-modal-actions{padding:var(--spacing-sm)var(--spacing-md);gap:var(--spacing-sm);}.compose-action-btn{padding:var(--spacing-xs);}.compose-action-btn span:last-child{display:none;}.visibility-selector{padding:var(--spacing-xs);}.vip-badge{display:none;}.compose-submit-btn{min-width:64px;padding:var(--spacing-xs)var(--spacing-md);}}@media(max-width:380px){.compose-action-btn{padding:6px;}.compose-action-btn span:first-child{font-size:16px;}}.fab-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--surface);border-radius:var(--radius-full);text-decoration:none;color:var(--text);box-shadow:var(--shadow-sm);transition:all var(--transition-base);white-space:nowrap;}.fab-item:hover{background:var(--surface-hover);transform:translateX(-4px);}.fab-item-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--primary-glow);border:1px solid var(--primary);border-radius:var(--radius-full);color:var(--primary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;}.fab-item-btn:hover{background:var(--primary);color:var(--text-inverse);transform:translateX(-4px);}.fab-icon{font-size:16px;}.fab-label{font-size:var(--font-sm);font-weight:500;}.post-media{margin-top:4px;display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%;}.post-text img,.post-image,.post-media-image,.post-media-img{max-width:100%;width:100%;height:auto;max-height:500px;border-radius:var(--radius-md);object-fit:contain;display:block;background:var(--bg-tertiary);}.post-image-wrapper,.media-item.media-image{position:relative;width:100%;max-width:100%;max-height:500px;overflow:hidden;border-radius:var(--radius-md);background:var(--bg-tertiary);aspect-ratio:16 / 10;}.media-item.media-image img{width:100%;height:100%;max-height:500px;object-fit:contain;display:block;}.post-image{max-width:100%;max-height:400px;border-radius:var(--radius-md);object-fit:contain;background:var(--bg-tertiary);}.post-video{max-width:100%;max-height:400px;border-radius:var(--radius-md);background:#1e293b;}.media-item.media-video{width:100%;max-width:100%;margin-top:4px;border-radius:var(--radius-md);overflow:hidden;background:#000;position:relative;}.media-item.media-video video{width:100%;max-width:100%;max-height:500px;display:block;object-fit:contain;background:#000;}.post-text video{width:100%;max-width:100%;max-height:500px;display:block;border-radius:var(--radius-md);margin:12px 0;background:#000;}.post-title{margin-bottom:4px;}.post-text{margin-bottom:8px;}.post-text:empty,.post-text:has(:only-child br),.post-text:has(:only-child p:empty){margin-bottom:0;padding:0;}.post-media{margin-top:4px;}.post-text img{max-width:100%;width:100%;height:auto;max-height:500px;border-radius:var(--radius-md);object-fit:contain;display:block;margin:var(--spacing-sm)0;background:var(--bg-tertiary);}@media(max-width:768px){.post-text img,.post-image,.media-item.media-image img{max-height:400px;}.post-image-wrapper,.media-item.media-image{max-height:400px;}}@media(max-width:480px){.post-title{font-size:18px;line-height:1.3;margin-bottom:6px;}.post-text{font-size:14px;line-height:1.6;}.post-text img,.post-image,.media-item.media-image img{max-height:350px;}.post-image-wrapper,.media-item.media-image{max-height:350px;}}@media(min-width:481px)and(max-width:768px){.post-title{font-size:20px;line-height:1.3;}.post-text{font-size:15px;line-height:1.6;}}@media(min-width:769px)and(max-width:1024px){.post-title{font-size:22px;line-height:1.3;}.post-text{font-size:15px;line-height:1.6;}}@media(min-width:1025px){.post-title{font-size:24px;line-height:1.3;}.post-text{font-size:16px;line-height:1.7;}}img{aspect-ratio:auto;}.post-image-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md);}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.loading-image{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}.loaded-image{animation:none;}.error-image{display:none !important;}.image-fallback{padding:20px;text-align:center;color:#999;background:#f5f5f5;border-radius:8px;font-size:14px;}.post-text img{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.1);}.post-media img{border-radius:8px;}@media(max-width:640px){.post-media img{max-height:400px !important;}.post-text img{max-height:350px !important;}}@media(max-width:480px){.post-media img{max-height:300px !important;}.post-text img{max-height:280px !important;}}.post-audio{width:100%;padding:var(--spacing-sm);background:var(--surface-hover);border-radius:var(--radius-md);}.post-document{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);}.doc-icon{font-size:24px;}.doc-link{color:var(--primary);text-decoration:none;font-size:var(--font-sm);word-break:break-all;}.doc-link:hover{text-decoration:underline;}.post-link{padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);}.link-preview{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text);}.link-icon{font-size:18px;}.link-url{font-size:var(--font-sm);word-break:break-all;color:var(--primary);}.post-code{padding:var(--spacing-md);background:#1e293b;border-radius:var(--radius-md);overflow-x:auto;margin:0;}.post-code code{color:#e2e8f0;font-family:'Monaco','Menlo',monospace;font-size:var(--font-sm);line-height:1.6;}.post-card{transition:opacity 0.3s ease,transform 0.3s ease;}.post-card.deleting{opacity:0.5;pointer-events:none;}.post-card.deleted{opacity:0;transform:translateX(-100%);}.comment{transition:opacity 0.3s ease,transform 0.3s ease;}.comment.deleting{opacity:0.5;pointer-events:none;}.comment.deleted{opacity:0;transform:translateX(-100%);}.success-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-lg);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:var(--radius-lg);color:white;font-size:var(--font-sm);font-weight:500;box-shadow:0 4px 12px rgba(16,185,129,0.3);animation:slideInDown 0.5s ease;}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px);}to{opacity:1;transform:translateY(0);}}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(255,255,255,0.2);border-radius:50%;font-size:14px;font-weight:700;}.success-text{flex:1;}.success-link{color:white;text-decoration:none;font-weight:600;padding:4px 12px;background:rgba(255,255,255,0.2);border-radius:var(--radius-full);transition:all 0.2s ease;white-space:nowrap;}.success-link:hover{background:rgba(255,255,255,0.3);transform:translateY(-1px);}.success-message-animated{animation:slideInDown 0.5s ease,pulse 2s ease-in-out infinite;}.success-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,0.2);border-radius:50%;animation:bounce 1s ease infinite;}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}.success-content{flex:1;display:flex;flex-direction:column;gap:4px;}.success-subtext{font-size:13px;font-weight:400;opacity:0.9;}.success-close{background:none;border:none;color:white;font-size:20px;cursor:pointer;padding:4px;border-radius:50%;transition:background 0.2s ease;line-height:1;}.success-close:hover{background:rgba(255,255,255,0.2);}.form-group{margin-bottom:16px;}.validation-message{display:none;font-size:12px;margin-top:4px;padding:4px 8px;border-radius:4px;transition:all 0.2s ease;}.validation-message.error{display:block;background:#fef2f2;color:#dc2626;}.validation-message.success{display:block;background:#f0fdf4;color:#16a34a;}.btn-loader{display:none;align-items:center;gap:8px;}.auth-success-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;animation:slideInUp 0.5s ease;}.auth-success-message .success-icon{font-size:64px;margin-bottom:20px;animation:bounce 1s ease infinite;}.auth-success-message .success-content h3{font-size:24px;color:#10b981;margin:0 0 10px 0;}.auth-success-message .success-content p{font-size:16px;color:#666;margin:5px 0;}.auth-success-message .success-hint{font-size:14px !important;color:#999 !important;margin-top:15px !important;}.auth-error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px;transition:opacity 0.3s ease;}.toast{position:fixed;top:20px;left:50%;transform:translateX(-50%)translateY(-100px);background:linear-gradient(135deg,#10b981,#059669);color:white;padding:16px 24px;border-radius:12px;box-shadow:0 10px 40px rgba(16,185,129,0.3);display:flex;align-items:center;gap:12px;z-index:1000;opacity:0;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);}.toast.show{opacity:1;transform:translateX(-50%)translateY(0);}.toast.hide{opacity:0;transform:translateX(-50%)translateY(-100px);}.toast-icon{font-size:24px;animation:bounce 0.6s ease;}.toast-content{display:flex;flex-direction:column;gap:4px;}.toast-title{font-weight:600;font-size:16px;}.toast-message{font-size:14px;opacity:0.9;}.toast-close{background:rgba(255,255,255,0.2);border:none;color:white;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px;transition:background 0.2s ease;margin-left:12px;}.toast-close:hover{background:rgba(255,255,255,0.3);}@keyframes bounce{0%,100%{transform:scale(1);}50%{transform:scale(1.2);}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transition:all 0.3s ease;}.modal-overlay.show{opacity:1;visibility:visible;}.modal-content{background:white;border-radius:16px;padding:32px;text-align:center;max-width:400px;width:90%;transform:scale(0.9)translateY(20px);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);}.modal-overlay.show .modal-content{transform:scale(1)translateY(0);}.modal-icon{font-size:48px;margin-bottom:16px;animation:fadeIn 0.4s ease;}.modal-content h3{font-size:20px;color:#1f2937;margin-bottom:8px;}.modal-content p{font-size:14px;color:#6b7280;margin-bottom:24px;}.modal-actions{display:flex;gap:12px;justify-content:center;}.modal-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s ease;border:none;}.modal-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;}.modal-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,0.4);}.modal-btn-secondary{background:#f3f4f6;color:#4b5563;}.modal-btn-secondary:hover{background:#e5e7eb;}@keyframes fadeIn{from{opacity:0;transform:scale(0.8);}to{opacity:1;transform:scale(1);}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}@keyframes bounce{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}@media(max-width:600px){.success-message{padding:var(--spacing-sm)var(--spacing-md);font-size:13px;}.success-icon{width:20px;height:20px;font-size:12px;}.success-link{padding:3px 10px;font-size:12px;}}.upload-progress{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);}.upload-progress-bar{width:100%;height:8px;background:var(--border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-xs);}.upload-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:var(--radius-full);transition:width 0.3s ease;}.upload-progress-text{font-size:var(--font-sm);color:var(--text-secondary);text-align:center;}.upload-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);padding:0 var(--spacing-lg);margin-bottom:var(--spacing-md);}.preview-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-hover);}.preview-item img,.preview-item video{width:100%;height:100%;object-fit:cover;}.preview-item audio{width:100%;height:100%;}.preview-item.video-preview{aspect-ratio:16 / 9;max-height:250px;}.preview-item.video-preview .preview-video{width:100%;height:100%;object-fit:cover;background:#000;}.preview-item.video-preview .preview-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs)var(--spacing-sm);background:rgba(0,0,0,0.7);display:flex;justify-content:space-between;align-items:center;}.preview-item.video-preview .preview-filename{font-size:var(--font-xs);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;}.preview-item.video-preview .preview-size{font-size:var(--font-xs);color:rgba(255,255,255,0.7);}.preview-item .preview-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:32px;}.preview-item .remove-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:rgba(220,53,69,0.9);border:2px solid white;border-radius:50%;color:white;font-size:14px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease;z-index:10;}.preview-item:hover .remove-btn{opacity:1;}.preview-name{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-xs);background:rgba(0,0,0,0.6);color:white;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);}.btn-draft{padding:var(--spacing-xs)var(--spacing-sm);background:var(--surface-hover);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all 0.2s ease;}.btn-draft:hover{background:var(--border);color:var(--text);}.compose-tabs{display:flex;border-bottom:1px solid var(--border);}.compose-tab{flex:1;padding:var(--spacing-md);background:transparent;border:none;color:var(--text-secondary);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all 0.2s ease;position:relative;}.compose-tab.active{color:var(--primary);}.compose-tab.active::after{content:'';position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:var(--primary);border-radius:2px;}.compose-tab-content{display:none;}.compose-tab-content.active{display:block;}.media-indicator{display:flex;align-items:center;}.media-count{font-size:var(--font-sm);color:var(--text-secondary);}.video-cover-selector{padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);margin:0 var(--spacing-lg)var(--spacing-md);}.video-cover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);}.video-cover-header span{font-weight:500;}.video-cover-close{width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer;}.video-cover-timeline{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding-bottom:var(--spacing-xs);}.cover-frame{width:80px;height:45px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;}.cover-frame.selected{border-color:var(--primary);}.cover-frame img{width:100%;height:100%;object-fit:cover;}.article-editor{padding:var(--spacing-md)0;}.article-title{width:100%;padding:var(--spacing-md);border:none;border-bottom:1px solid var(--border);font-size:var(--font-xl);font-weight:600;outline:none;background:transparent;margin-bottom:var(--spacing-md);}.article-title::placeholder{color:var(--text-secondary);}.article-cover-upload{margin:0 var(--spacing-lg)var(--spacing-md);border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all 0.2s ease;min-height:200px;display:flex;align-items:center;justify-content:center;}.article-cover-upload:hover{border-color:var(--primary);background:var(--primary-glow);}.cover-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);}.cover-icon{font-size:48px;}.cover-text{color:var(--text-secondary);}.cover-preview{position:relative;width:100%;height:100%;}.cover-preview img{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-md);}.cover-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(220,53,69,0.9);border:2px solid white;border-radius:50%;color:white;font-size:16px;font-weight:bold;cursor:pointer;display:flex;align-items:center;justify-content:center;}.editor-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-lg);border-bottom:1px solid var(--border);flex-wrap:wrap;}.toolbar-btn{width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);font-size:var(--font-sm);font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:all 0.2s ease;}.toolbar-btn:hover{background:var(--surface-hover);color:var(--text);}.toolbar-divider{width:1px;height:24px;background:var(--border);margin:0 var(--spacing-xs);}.editor-content{min-height:300px;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-md);line-height:1.8;outline:none;}.editor-content:focus{outline:none;}.editor-content:empty::before{content:attr(placeholder);color:var(--text-secondary);pointer-events:none;}.editor-content h1{font-size:var(--font-xl);font-weight:600;margin:var(--spacing-md)0;}.editor-content h2{font-size:var(--font-lg);font-weight:600;margin:var(--spacing-md)0;}.editor-content ul,.editor-content ol{margin:var(--spacing-md)0;padding-left:var(--spacing-lg);}.editor-content li{margin:var(--spacing-xs)0;}.topic-selector{padding:var(--spacing-md);background:var(--surface);border-top:1px solid var(--border);}.topic-search-wrapper{margin-bottom:var(--spacing-md);}.topic-search{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);outline:none;transition:all 0.2s ease;}.topic-search:focus{border-color:var(--primary);}.topic-tags{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;}.topic-tag{padding:var(--spacing-xs)var(--spacing-sm);background:var(--surface-hover);border-radius:var(--radius-full);font-size:var(--font-sm);cursor:pointer;transition:all 0.2s ease;}.topic-tag:hover{background:var(--primary-glow);color:var(--primary);}.topic-list{max-height:200px;overflow-y:auto;}.topic-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all 0.2s ease;}.topic-item:hover{background:var(--surface-hover);}.topic-item-name{font-weight:500;}.topic-item-count{color:var(--text-secondary);font-size:var(--font-sm);}.topic-selected{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);}.selected-topic{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-full);font-size:var(--font-sm);}.selected-topic-remove{width:18px;height:18px;border:none;background:rgba(0,0,0,0.1);border-radius:50%;color:inherit;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;}.more-options-dropdown{position:absolute;bottom:100%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:100;min-width:160px;}.more-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text);font-size:var(--font-sm);cursor:pointer;transition:all 0.2s ease;text-align:left;}.more-option:hover{background:var(--surface-hover);}.schedule-modal,.url-shortener-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;align-items:center;justify-content:center;z-index:2000;}.schedule-modal-content,.url-shortener-content{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:400px;width:90%;box-shadow:var(--shadow-xl);}.schedule-modal-content h4,.url-shortener-content h4{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-md);}.schedule-input,.url-input{width:100%;padding:var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-sm);outline:none;transition:all 0.2s ease;margin-bottom:var(--spacing-md);}.schedule-input:focus,.url-input:focus{border-color:var(--primary);}.schedule-actions,.url-modal-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;}.btn-primary,.btn-secondary,.btn-copy{padding:var(--spacing-sm)var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all 0.2s ease;}.btn-primary{background:var(--primary);color:white;}.btn-primary:hover{filter:brightness(1.1);}.btn-secondary{background:var(--surface-hover);color:var(--text);}.btn-secondary:hover{background:var(--border);}.btn-copy{background:var(--surface-hover);color:var(--text);padding:var(--spacing-xs)var(--spacing-sm);}.short-url-result{margin-top:var(--spacing-md);}.short-url-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--surface-hover);border-radius:var(--radius-md);}.short-url-display span{flex:1;color:var(--primary);word-break:break-all;}.url-note{margin-top:var(--spacing-sm);font-size:var(--font-xs);color:var(--text-secondary);}.url-note span{color:var(--text);}@media(max-width:600px){.upload-preview{grid-template-columns:repeat(3,1fr);}.compose-tabs{padding:0 var(--spacing-sm);}.compose-tab{padding:var(--spacing-sm);}.article-cover-upload{margin:0 var(--spacing-sm)var(--spacing-md);min-height:150px;}.editor-toolbar{padding:var(--spacing-sm);}.editor-content{padding:var(--spacing-sm);}.topic-selector{padding:var(--spacing-sm);}.schedule-modal-content,.url-shortener-content{width:95%;padding:var(--spacing-lg);}}}.compose-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-hover);color:var(--text-muted);cursor:pointer;font-size:var(--font-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);}.compose-modal-close:hover{background:var(--danger-light);color:var(--danger);}.compose-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md);}.compose-modal-form textarea{width:100%;min-height:100px;padding:var(--spacing-md);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-size:var(--font-md);resize:vertical;outline:none;transition:all var(--transition-base);}.compose-modal-form textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);}.modal-media{display:flex;flex-direction:column;gap:var(--spacing-sm);}.modal-upload-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;}.modal-upload-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--font-sm);color:var(--text-secondary);}.modal-upload-btn:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);}.modal-upload-btn input{display:none;}.code-section textarea{font-family:'Monaco','Menlo',monospace;font-size:var(--font-sm);background:#1e293b;color:#e2e8f0;border-color:#334155;}.compose-modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--border);}.compose-modal-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:var(--text-inverse);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);}.compose-modal-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}.post.new-post{animation:slideInFromTop 0.4s ease-out;}@keyframes slideInFromTop{from{transform:translateY(-20px);opacity:0;}to{transform:translateY(0);opacity:1;}}.loading-indicator{text-align:center;padding:var(--spacing-lg);color:var(--text-secondary);font-size:var(--font-sm);animation:pulse 1.5s ease-in-out infinite;}@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}.media-grid{display:flex;flex-wrap:wrap;gap:4px;max-width:100%;}.media-thumb-wrapper{position:relative;width:125px;height:125px;overflow:hidden;border-radius:8px;cursor:pointer;background:var(--bg-tertiary);flex-shrink:0;}.media-thumb-wrapper.video-thumb{width:165px;height:220px;}.post-media-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease;}@media(max-width:768px){.media-grid{gap:3px;}.media-thumb-wrapper{width:calc(33.33% - 2px);height:auto;aspect-ratio:1;}.media-thumb-wrapper.video-thumb{width:calc(50% - 2px);aspect-ratio:9 / 16;}}@media(max-width:480px){.media-thumb-wrapper{width:calc(33.33% - 2px);height:auto;aspect-ratio:1;}}.media-thumb-wrapper:hover .post-media-thumb{transform:scale(1.05);}.media-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s ease;}.media-thumb-wrapper:hover .media-overlay{background:rgba(0,0,0,0.3);opacity:1;}.post-media-detail{margin-top:16px;}.detail-media-grid{display:grid;grid-template-columns:1fr;gap:8px;}.detail-grid-item{width:100%;}.detail-grid-item.video-item{aspect-ratio:16 / 9;}.detail-image-container{position:relative;width:100%;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;cursor:pointer;}.detail-video-container{position:relative;width:100%;background:#000;border-radius:12px;overflow:hidden;}.image-skeleton{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:shimmer 1.5s infinite;z-index:1;}.skeleton-placeholder{width:80%;height:80%;background:rgba(255,255,255,0.3);border-radius:8px;}.detail-gallery-image{width:100%;height:auto;display:block;transition:opacity 0.3s ease;position:relative;z-index:2;}.detail-gallery-image.lazy{opacity:0;}.detail-gallery-image.loaded{opacity:1;}.detail-gallery-video{width:100%;height:100%;object-fit:cover;}.image-overlay,.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.2s ease;z-index:3;}.detail-image-container:hover .image-overlay,.detail-video-container:hover .video-overlay{background:rgba(0,0,0,0.3);opacity:1;}@media(min-width:640px){.detail-media-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.detail-grid-item:first-child:nth-last-child(n+3),.detail-grid-item:first-child:nth-last-child(n+3)~ .detail-grid-item{grid-template-columns:repeat(2,1fr);}}@media(min-width:1024px){.detail-media-grid{grid-template-columns:repeat(3,1fr);gap:12px;}}@media(max-width:768px){.post-media-detail{margin-top:12px;}.detail-media-grid{gap:6px;}}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}@media(max-width:768px){.post-media-detail{gap:8px;margin-top:12px;}.detail-image-wrapper{border-radius:8px;min-height:150px;}.detail-video-wrapper{border-radius:8px;}}@media(max-width:480px){.post-media-detail{gap:6px;}.detail-image-wrapper{min-height:120px;}}.zoom-icon,.play-icon{font-size:24px;color:white;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3));}.post-media-thumb.lazy{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:shimmer 1.5s infinite;}@keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}.lightbox-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.9);z-index:1000;align-items:center;justify-content:center;padding:20px;}.lightbox-overlay.active{display:flex;}.lightbox-content{max-width:90vw;max-height:90vh;position:relative;animation:fadeIn 0.2s ease;}@keyframes fadeIn{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;}.lightbox-video{max-width:100%;max-height:85vh;border-radius:8px;}.lightbox-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:white;}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,0.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px;}@keyframes spin{to{transform:rotate(360deg);}}.loading-text{font-size:14px;opacity:0.8;}.lightbox-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:white;padding:20px;}.error-icon{font-size:48px;margin-bottom:12px;}.error-text{font-size:16px;font-weight:500;margin-bottom:8px;}.error-hint{font-size:14px;opacity:0.7;margin:0;}.lightbox-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:8px;cursor:zoom-in;transition:transform 0.3s ease;}.lightbox-image.zoomed{cursor:zoom-out;}.lightbox-zoom-controls{position:fixed;bottom:60px;right:20px;display:flex;flex-direction:column;gap:8px;}.zoom-btn{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;color:white;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.zoom-btn:hover{background:rgba(255,255,255,0.3);}.lightbox-close{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;color:white;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.lightbox-close:hover{background:rgba(255,255,255,0.3);transform:scale(1.1);}.lightbox-prev,.lightbox-next{position:fixed;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;color:white;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}.lightbox-prev{left:20px;}.lightbox-next{right:20px;}.lightbox-prev:hover,.lightbox-next:hover{background:rgba(255,255,255,0.3);transform:translateY(-50%)scale(1.1);}.lightbox-indicator{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);color:white;font-size:14px;background:rgba(0,0,0,0.5);padding:6px 12px;border-radius:20px;}.lightbox-actions{position:fixed;bottom:60px;left:50%;transform:translateX(-50%);display:flex;gap:10px;}.lightbox-action-btn{padding:8px 16px;border-radius:20px;background:rgba(255,255,255,0.2);border:none;color:white;font-size:14px;cursor:pointer;transition:all 0.2s ease;}.lightbox-action-btn:hover{background:rgba(255,255,255,0.3);}@media(max-width:768px){.media-grid{grid-template-columns:repeat(3,1fr);gap:3px;}.lightbox-prev,.lightbox-next{width:36px;height:36px;font-size:16px;}.lightbox-close{width:36px;height:36px;font-size:20px;}}@media(max-width:480px){.media-grid{grid-template-columns:repeat(3,1fr);}.lightbox-overlay{padding:10px;}}.mobile-bottom-nav{display:none;position:fixed;left:0;bottom:20px;z-index:999;flex-direction:column;gap:8px;padding:8px;background:var(--surface);border-radius:0 16px 16px 0;box-shadow:0 4px 20px rgba(0,0,0,0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;text-decoration:none;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;position:relative;transition:all 0.2s ease;}.mobile-nav-item:hover,.mobile-nav-item:active{background:var(--bg-tertiary);color:var(--primary);}.mobile-nav-item.active{background:var(--primary-glow);color:var(--primary);}.mobile-nav-icon{font-size:20px;line-height:1;margin-bottom:4px;}.mobile-nav-label{font-size:10px;font-weight:500;white-space:nowrap;}.mobile-nav-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:white;font-size:10px;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;}.mobile-nav-compose{background:var(--primary-gradient);color:white;}.mobile-nav-compose:hover,.mobile-nav-compose:active{transform:scale(1.05);box-shadow:0 4px 12px rgba(99,102,241,0.4);}.mobile-nav-compose .mobile-nav-icon{margin-bottom:0;}.mobile-nav-logout{color:#ef4444;}.mobile-nav-logout:hover,.mobile-nav-logout:active{background:rgba(239,68,68,0.1);color:#ef4444;transform:scale(0.95);}.mobile-nav-logout.active{background:rgba(239,68,68,0.15);color:#ef4444;}@media(max-width:768px){.mobile-bottom-nav{display:flex;}.mobile-bottom-nav{left:0;bottom:auto;top:50%;transform:translateY(-50%);border-radius:0 20px 20px 0;padding:12px 8px;}.mobile-nav-item{width:60px;height:60px;}.mobile-nav-icon{font-size:22px;}.mobile-nav-label{font-size:11px;}}@media(max-width:480px){.mobile-bottom-nav{bottom:20px;top:auto;transform:none;flex-direction:row;left:50%;transform:translateX(-50%);border-radius:28px;padding:8px 12px;gap:4px;}.mobile-nav-item{width:52px;height:52px;border-radius:16px;}.mobile-nav-icon{font-size:20px;}.mobile-nav-label{font-size:9px;}}.trending-list{list-style:none;padding:0;margin:0;}.trending-item{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background 0.2s ease;border-radius:var(--radius-md);text-decoration:none;color:inherit;}.trending-item:hover{background:var(--surface-hover);}.trending-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#939393;margin-right:12px;flex-shrink:0;}.trending-rank.top-1{background:linear-gradient(135deg,#ff3859 0%,#ff6975 100%);color:#fff;border-radius:50%;font-size:12px;}.trending-rank.top-2{background:linear-gradient(135deg,#ff7043 0%,#ffa050 100%);color:#fff;border-radius:50%;font-size:12px;}.trending-rank.top-3{background:linear-gradient(135deg,#ffa940 0%,#ffc847 100%);color:#fff;border-radius:50%;font-size:12px;}.trending-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;}.trending-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.trending-name{font-size:14px;font-weight:600;color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.trending-item:hover .trending-name{color:var(--primary);}.trending-tag{display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;font-size:10px;font-weight:600;border-radius:3px;flex-shrink:0;}.trending-tag.hot{background:linear-gradient(135deg,#ff7043 0%,#ffa050 100%);color:#fff;}.trending-tag.explode{background:linear-gradient(135deg,#c41e3a 0%,#e6162d 100%);color:#fff;}.trending-count{font-size:12px;color:var(--text-secondary);}.tag-header{background:linear-gradient(135deg,var(--primary)0%,#0056b3 100%);color:#fff;padding:32px;border-radius:var(--radius-lg);margin-bottom:20px;text-align:center;position:relative;overflow:hidden;}.tag-header::before{content:'';position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:rgba(255,255,255,0.1);border-radius:50%;}.tag-back-btn{position:absolute;top:16px;left:16px;background:rgba(255,255,255,0.2);color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background 0.2s;font-size:14px;}.tag-back-btn:hover{background:rgba(255,255,255,0.3);}.tag-title{font-size:28px;font-weight:700;margin-bottom:8px;}.tag-meta{display:flex;justify-content:center;gap:24px;font-size:14px;opacity:0.9;}.tag-meta-item{display:flex;align-items:center;gap:6px;}.tag-meta-item strong{font-size:18px;}.no-posts-state{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--radius-lg);}.no-posts-icon{font-size:48px;margin-bottom:16px;}.explore-tags{background:#fff;border-radius:var(--radius-lg);padding:20px;margin-top:20px;}.explore-tags-title{font-size:16px;font-weight:600;margin-bottom:12px;color:var(--text);}.explore-tags-list{display:flex;flex-wrap:wrap;gap:8px;}.explore-tag{padding:6px 12px;background:var(--bg-secondary);color:var(--text-secondary);border-radius:20px;font-size:13px;cursor:pointer;transition:all 0.2s;}.explore-tag:hover{background:rgba(var(--primary-rgb),0.1);color:var(--primary);}@media(max-width:768px){.tag-header{padding:24px 16px;}.tag-title{font-size:22px;}.tag-meta{gap:12px;font-size:12px;}.tag-meta-item strong{font-size:14px;}.trending-item{padding:8px 10px;}.trending-rank{width:20px;height:20px;font-size:12px;margin-right:10px;}.trending-name{font-size:13px;}}.load-sentinel{height:1px;width:100%;visibility:hidden;}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-secondary);gap:var(--spacing-sm);}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 0.8s linear infinite;}@keyframes spin{to{transform:rotate(360deg);}}.loading-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--text-secondary);gap:var(--spacing-sm);}.loading-error span{font-size:var(--font-sm);}.retry-btn{padding:var(--spacing-xs)var(--spacing-md);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:all 0.2s;}.retry-btn:hover{background:var(--primary);color:white;border-color:var(--primary);}.back-to-top{position:fixed;bottom:80px;right:20px;width:48px;height:48px;background:var(--primary);color:white;border:none;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.3s;z-index:100;opacity:0.9;}.back-to-top.show{display:flex;}.back-to-top:hover{transform:scale(1.1);background:var(--primary-dark);opacity:1;box-shadow:0 6px 16px rgba(0,0,0,0.2);}.back-to-top:active{transform:scale(0.95);}@media(max-width:768px){.back-to-top{bottom:90px;right:16px;width:44px;height:44px;font-size:20px;}}@media(max-width:480px){.mobile-bottom-nav{bottom:env(safe-area-inset-bottom,10px);}.back-to-top{bottom:calc(80px + env(safe-area-inset-bottom,0px));}}
.search-form input{padding:10px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;width:100%;outline:none;transition:all .2s;}.search-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);}.search-form input::placeholder{color:var(--text-muted);}.search-form{display:flex;gap:8px;align-items:center;}.search-submit-btn{padding:8px 16px;border:none;border-radius:20px;background:var(--primary-gradient);color:#fff;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;}.search-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3);}

.auth-page{display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;min-height:60vh;}
.auth-card{width:100%;max-width:400px;background:var(--surface);border-radius:16px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.08);}
.auth-title{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:24px;text-align:center;}
.auth-form{display:flex;flex-direction:column;gap:16px;}
.auth-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:-8px;}
.auth-input{padding:12px 16px;border:1px solid var(--border);border-radius:12px;font-size:15px;background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border .2s,box-shadow .2s;}
.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1);}
.auth-input::placeholder{color:var(--text-muted);}
.auth-submit{padding:12px;border:none;border-radius:12px;background:var(--primary-gradient);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px;}
.auth-submit:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,99,235,.3);}
.auth-switch{text-align:center;margin-top:20px;font-size:14px;color:var(--text-muted);}
.auth-switch a{color:var(--primary);font-weight:600;}
.section-title{font-size:18px;font-weight:700;color:var(--text-primary);padding:8px 0 4px;}
.section-sub{font-size:13px;color:var(--text-muted);margin-bottom:16px;}
.trending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;}
.trending-card{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:all .2s;text-decoration:none;}
.trending-card:hover{border-color:var(--primary);box-shadow:0 2px 8px rgba(37,99,235,.1);}
.trending-card-tag{font-size:15px;font-weight:700;color:var(--primary);}
.trending-card-desc{font-size:13px;color:var(--text-secondary);}
.trending-card-count{font-size:12px;color:var(--text-muted);}
.btn-load-more{display:block;text-align:center;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--primary);font-weight:600;font-size:14px;transition:all .2s;text-decoration:none;margin-top:12px;}
.btn-load-more:hover{background:var(--primary-glow);border-color:var(--primary);}
.alert{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px;text-align:center;}
.alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;}
.alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;}
.empty-state{text-align:center;padding:48px 16px;color:var(--text-muted);font-size:14px;}

.auth-card{max-width:520px;}
.auth-page{padding:48px 16px;min-height:70vh;}
.auth-title{font-size:24px;margin-bottom:28px;}
.auth-input{padding:14px 18px;font-size:16px;}
.auth-submit{padding:14px;font-size:17px;margin-top:8px;}
.trending-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;}
.trending-card{padding:20px;}
@media(max-width:640px){.auth-card{padding:24px 20px;}.auth-page{padding:24px 12px;}}

.main .auth-page{display:block;padding:0;min-height:0;align-items:unset;}
.main .auth-card{max-width:none;width:100%;margin:0;padding:32px;}
.main .auth-form{max-width:440px;}
.main .auth-title{text-align:left;}
.main .auth-switch{text-align:left;}