:root{--primary:#4a90d9;--primary-dark:#3a7bc8;--primary-light:#7ab3e8;--secondary:#e74c3c;--accent:#27ae60;--bg-gradient:#4a90d9;--bg-light:#f5f5f5;--bg-card:#fff;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border:#ddd;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 6px #0000001a;--shadow-lg:0 4px 12px #0000001a;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--transition:background-color .15s ease, color .15s ease, border-color .15s ease, transform .15s ease}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#eaf3ff 0%,#f7fbff 42%,#eef7f2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #ddd;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1000px;height:52px;margin:0 auto;padding:0 16px;display:flex}.navbar-brand{color:#333;align-items:center;gap:8px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand .logo-icon{color:#fff;background:#4a90d9;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.navbar-menu{align-items:center;gap:4px;display:flex}.nav-link{color:#666;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:background .15s;display:flex}.nav-link:hover{color:#333;background:#f5f5f5}.nav-link.active{color:#4a90d9;background:#e8f0fe}.nav-link i{font-size:.9rem}.nav-btn{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:background .15s;display:inline-flex}.nav-btn:hover{background:#3a7bc8}.nav-btn-outline{color:#4a90d9;background:0 0;border:1px solid #4a90d9}.nav-btn-outline:hover{color:#fff;background:#4a90d9}.main-content{max-width:1000px;margin:0 auto;padding:20px 16px}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #ddd;border-radius:6px;margin-bottom:16px;overflow:hidden}.card-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-header h2,.card-header h3{color:#333;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.card-body{padding:18px}.form-group{margin-bottom:16px}.form-label{color:#555;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.form-input,.form-textarea,.form-select{color:#333;background:#fafafa;border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{background:#fff;border-color:#4a90d9}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:#aaa;margin-top:4px;font-size:.75rem}.btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.btn-primary{color:#fff;background:#4a90d9}.btn-primary:hover{background:#3a7bc8}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-secondary{color:#333;background:#f0f0f0;border:1px solid #ddd}.btn-secondary:hover{background:#e5e5e5}.btn-danger{color:#fff;background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-success{color:#fff;background:#27ae60}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-block{width:100%}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-card,.register-card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;width:100%;max-width:380px;padding:36px 32px;box-shadow:0 1px 3px #0000001a}.login-header,.register-header{text-align:center;margin-bottom:28px}.login-header h1,.register-header h1{color:#333;margin-bottom:6px;font-size:1.4rem;font-weight:600}.login-header p,.register-header p{color:#999;font-size:.85rem}.auth-page .form-group{margin-bottom:18px}.auth-page .form-input{border-radius:6px;transition:border-color .2s}.auth-page .form-input:focus{background:#fff;border-color:#999}.auth-page .btn{border-radius:6px;font-size:.95rem;font-weight:500}.auth-submit{width:100%;padding:11px 0;display:block}.send-code-btn{white-space:nowrap;width:auto;padding:10px 16px}.login-footer,.register-footer{text-align:center;color:#999;border-top:1px solid #eee;margin-top:20px;padding-top:16px;font-size:.85rem}.login-footer a,.register-footer a{color:#4a90d9;text-decoration:none}.login-footer a:hover,.register-footer a:hover{text-decoration:underline}.captcha-container{align-items:center;gap:10px;display:flex}.captcha-input{flex:1}.captcha-canvas{cursor:pointer;border:1px solid #ddd;border-radius:6px;flex:0 0 120px;width:120px;height:40px}.captcha-hint{color:#aaa;margin-top:4px;font-size:.75rem}.sticker{opacity:.85;pointer-events:none;z-index:10;width:120px;height:120px;position:fixed;bottom:20px;left:20px}.sticker img{object-fit:contain;width:100%;height:100%}.post-item{will-change:transform;border-bottom:1px solid #f0f0f0;border-radius:0;padding:18px 20px;transition:background-color .18s,box-shadow .18s,transform .18s;position:relative}.post-item:hover,.post-item:focus,.post-item:focus-visible,.post-item:focus-within{outline:none;transform:translate(4px);background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 100%)!important;box-shadow:-4px 0 #4a90d9,0 0 0 2px #4a90d91f!important}.post-item:active,.post-item.is-active{background:#e8f0fe;transform:translate(2px);box-shadow:-4px 0 #3a7bc8}.post-item:last-child{border-bottom:none}.infinite-loader{text-align:center;color:#8c8c8c;background:linear-gradient(#fff0,#fafafa);border-top:1px solid #f3f3f3;padding:18px 20px;font-size:.88rem}.infinite-loader i{color:var(--primary);margin-right:6px}.post-title{color:#1a1a2e;margin-bottom:8px;font-size:1.05rem;font-weight:700;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.post-item:hover .post-title{color:#4a90d9}.post-preview{color:#666;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:10px;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-meta{color:#999;flex-wrap:wrap;align-items:center;gap:12px;font-size:.78rem;display:flex}.post-meta-item{align-items:center;gap:4px;display:inline-flex}.post-avatar{object-fit:cover;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:42px;height:42px;box-shadow:0 1px 3px #0000001a}.post-author-name{color:#4a90d9;font-weight:500;text-decoration:none}.post-author-name:hover{text-decoration:underline}.post-stats{gap:10px;margin-left:auto;display:flex}.post-stat{color:#999;align-items:center;gap:4px;display:inline-flex}.role-badge{border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:.68rem;font-weight:600;display:inline-flex}.role-super-admin{color:#8b6914;background:linear-gradient(135deg,gold,#ffed4e)}.custom-title{color:#4a90d9;background:#f0f7ff;border-radius:10px;padding:2px 8px;font-size:.72rem;display:inline-flex}.search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ddd;border-radius:8px;margin-bottom:16px;padding:16px}.search-input-wrap{flex:1;min-width:240px;position:relative}.search-input-wrap i{color:#999;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:#fff;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:.95rem}.search-input:focus{border-color:#4a90d9}.search-select{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 12px}.led-banner{color:#fff;background:#080e23eb;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;position:relative;overflow:hidden}.led-glow-line{opacity:.85;background:linear-gradient(90deg,#0000,#4a90d9,#0000);height:1px}.led-track{align-items:center;gap:16px;width:max-content;padding:9px 0;animation:42s linear infinite ledMove;display:flex}.led-item{white-space:nowrap;opacity:.95;font-size:.85rem}.led-tag{background:#4a90d9;border-radius:9px;margin-right:6px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-block}.led-divider{background:#ffffff2e;width:1px;height:14px}.led-item.pink .led-tag{background:#ff6584}.led-item.yellow .led-tag{background:#f5b642}.led-item.green .led-tag{background:#27ae60}.led-item.purple .led-tag{background:#8e44ad}@keyframes ledMove{0%{transform:translate(0)}to{transform:translate(-50%)}}.sidebar-card .card-header h3{font-size:.95rem}.donor-item{border-bottom:1px solid #f0f0f0;align-items:center;gap:10px;padding:8px 0;display:flex}.donor-item:last-child{border-bottom:none}.donor-icon{color:#f59f00;background:#fff4e6;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.user-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.user-card{text-align:center;color:#333;background:#fff;border:1px solid #eee;border-radius:8px;padding:14px}.user-card-avatar{object-fit:cover;border-radius:50%;width:56px;height:56px;margin-bottom:8px}.user-card-name{font-weight:600}.user-card-bio{color:#999;margin-top:3px;font-size:.8rem}.home-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.detail-wrap{max-width:800px;margin:0 auto}.post-detail-card{margin-bottom:24px}.post-detail-header{flex-direction:column;align-items:flex-start;gap:16px}.post-detail-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.4}.detail-meta{flex-wrap:wrap;width:100%}.post-author{align-items:center;gap:8px;margin-right:8px;display:inline-flex}.detail-counts{margin-left:auto}.meta-split{color:#555;margin:0 6px}.markdown-body{color:var(--text-primary);word-wrap:break-word;line-height:1.8}.markdown-body p{margin:0 0 1em}.markdown-body p:last-child{margin-bottom:0}.reply-card{margin-bottom:24px}.reply-item{cursor:default}.reply-row{align-items:flex-start;gap:12px;display:flex}.reply-main{flex:1;min-width:0}.reply-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.reply-head span{color:var(--text-muted);margin-left:auto;font-size:.8rem}.reply-content{color:var(--text-primary);line-height:1.7}.reply-form-body{text-align:center;padding:32px}.reply-form-body p{color:var(--text-muted);margin-bottom:16px}.back-home{text-align:center;margin-top:24px}.role-user{color:#4f46e5;background:#eef2ff}.user-profile-card{margin-bottom:24px}.user-profile-body{text-align:center;padding:40px}.profile-avatar{object-fit:cover;border:4px solid var(--primary-light);border-radius:50%;width:100px;height:100px;margin-bottom:16px}.user-profile-body h2{margin-bottom:8px;font-size:1.5rem;font-weight:700}.profile-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;display:flex}.profile-stats-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px;display:grid}.profile-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px}.profile-stat span{color:#64748b;align-items:center;gap:6px;margin-bottom:5px;font-size:.78rem;display:flex}.profile-stat b{color:#111827;word-break:break-word;font-size:.98rem;line-height:1.35;display:block}.alert{border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.empty-state{color:#aaa;text-align:center;padding:32px 16px}.empty-state i{opacity:.65;margin-bottom:8px;font-size:2rem}.footer{color:#64748b;text-align:center;padding:28px 16px;font-size:.85rem}.site-footer{background:#ffffffb8;border-top:1px solid #e2e8f0e6;gap:8px;display:grid}.footer-brand{color:#334155;font-weight:700}.footer-meta{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;display:flex}.footer-meta span{align-items:center;gap:5px;display:inline-flex}.admin-page{max-width:1120px;margin:0 auto;padding:20px 16px 36px}.admin-hero{background:#fffffff0;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex;box-shadow:0 3px 12px #0f172a14}.admin-hero h1{color:#1f2937;align-items:center;gap:10px;font-size:1.35rem;display:flex}.admin-hero p{color:#6b7280;margin-top:4px;font-size:.9rem}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.admin-tab{color:#4b5563;cursor:pointer;font:inherit;transition:var(--transition);background:#ffffffeb;border:1px solid #dbe3ef;border-radius:999px;padding:9px 13px}.admin-tab:hover,.admin-tab.active{color:#fff;background:#4a90d9;border-color:#4a90d9}.admin-busy{color:#2563eb;background:#eef6ff;border-radius:999px;margin-bottom:12px;padding:7px 11px;font-size:.82rem;display:inline-flex}.admin-toolbar{gap:10px;margin-bottom:14px;display:flex}.admin-toolbar .form-input{background:#fffffff5}.admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-stat{background:#fffffff0;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.admin-stat span{color:#6b7280;font-size:.82rem}.admin-stat b{color:#1f2937;margin-top:4px;font-size:1.6rem;line-height:1.2;display:block}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-card{background:#fffffff2;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:16px;overflow:hidden}.admin-card h3{color:#1f2937;border-bottom:1px solid #eef2f7;padding:14px 16px;font-size:1rem}.admin-row,.admin-line{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;display:flex}.admin-row:last-child,.admin-line:last-child{border-bottom:none}.admin-row b,.admin-line span:first-child{color:#111827;font-weight:600}.admin-row p{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:680px;margin-top:3px;font-size:.84rem;overflow:hidden}.admin-row small{color:#9ca3af;margin-top:2px;display:block}.admin-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-create{border-bottom:1px solid #f1f5f9;gap:10px;padding:14px 16px;display:flex}.admin-create .form-input{background:#fff}.donor-create{grid-template-columns:1.2fr .8fr .9fr auto;display:grid}.animate-fadeInUp{animation:.18s both fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-loading{max-width:1000px;margin:0 auto;padding:36px 16px}.toast-host{z-index:3000;flex-direction:column;gap:10px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;top:68px;right:16px}.toast{color:#334155;background:#fffffff5;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;animation:.18s both toastIn;display:inline-flex;box-shadow:0 8px 24px #0f172a24}.toast-success{color:#166534;border-color:#bbf7d0}.toast-error{color:#991b1b;border-color:#fecaca}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mini-busy{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:2px 8px;font-size:.75rem}.skeleton-row{pointer-events:none;align-items:flex-start;gap:14px;display:flex!important}.skeleton-avatar,.skeleton-line,.skeleton-search{background:#e9eef6;display:block;position:relative;overflow:hidden}.skeleton-avatar{border-radius:50%;flex:none;width:42px;height:42px}.skeleton-main{flex:1;gap:10px;min-width:0;display:grid}.skeleton-line{border-radius:999px;height:12px;margin-bottom:10px}.skeleton-line.big{height:24px;margin-bottom:18px}.w45{width:45%}.w70{width:70%}.w95{width:95%}.skeleton-search{border:1px solid #fff9;border-radius:8px;height:68px;margin-bottom:16px}.skeleton-avatar:after,.skeleton-line:after,.skeleton-search:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.25s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.channel-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:16px;display:grid}.channel-card{color:#1f2937;transition:var(--transition);background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:16px;text-decoration:none;display:flex}.channel-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 8px 24px #4a90d921}.channel-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.channel-card h3{margin-bottom:4px;font-size:1rem}.channel-card p{color:#6b7280;margin-bottom:6px;font-size:.86rem}.channel-card span{color:#94a3b8;font-size:.78rem}.channel-hero h1{color:#111827;margin:8px 0 4px;font-size:1.6rem}.channel-hero p{color:#64748b}.channel-pill{color:#2563eb;background:#eff6ff;border-radius:999px;align-items:center;padding:3px 9px;font-size:.76rem;font-weight:700;display:inline-flex}.source-link{color:#2563eb;align-items:center;gap:5px;margin-top:10px;font-weight:600;text-decoration:none;display:inline-flex}.source-link:hover{text-decoration:underline}.channel-post-row{display:block}.channel-post-main{color:inherit;text-decoration:none;display:block}.inline-source{margin-top:0;margin-left:auto;font-size:.78rem}.channel-create,.channel-post-create{grid-template-columns:1fr 1fr .8fr auto;align-items:start;display:grid}.channel-enabled{color:#475569;white-space:nowrap;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;height:42px;padding:0 10px;font-size:.86rem;display:inline-flex}.channel-enabled input{accent-color:#4a90d9}.channel-full{grid-column:1/-1}.channel-desc{grid-column:1/-1;min-height:88px}.loading-card{color:#4b5563;background:#ffffffeb;border:1px solid #ffffff80;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;display:inline-flex;box-shadow:0 2px 8px #00000014}.topic-transition-loader{justify-content:center;align-items:center;min-height:280px;display:flex}.topic-loader-dots{background:#ffffffdb;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 18px;display:inline-flex;box-shadow:0 8px 24px #0f172a14}.topic-loader-dots span{background:#9aa6b5;border-radius:50%;width:8px;height:8px;animation:.92s ease-in-out infinite both discourseDots}.topic-loader-dots span:nth-child(2){animation-delay:.14s}.topic-loader-dots span:nth-child(3){animation-delay:.28s}@keyframes discourseDots{0%,80%,to{opacity:.32;transform:translateY(0)scale(.82)}40%{opacity:1;transform:translateY(-3px)scale(1)}}.loading-dot{background:#4a90d9;border-radius:50%;width:8px;height:8px;animation:.8s ease-in-out infinite alternate pulseDot}@keyframes pulseDot{0%{opacity:.35;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.led-track{animation:none;transform:none}}@media (width<=860px){.home-layout{grid-template-columns:1fr;gap:16px}}@media (width<=760px){.navbar-inner{flex-direction:column;align-items:flex-start;gap:8px;height:auto;min-height:52px;padding-top:8px;padding-bottom:8px}.navbar-menu{flex-wrap:wrap;gap:6px;width:100%}.nav-link,.nav-btn{padding:6px 10px;font-size:.82rem}.main-content{padding:14px 10px}.search-container form{gap:8px!important}.search-input-wrap{min-width:100%}.search-select{flex:1;min-width:0}.home-layout{grid-template-columns:1fr;gap:14px}.post-item{padding:14px 12px}.post-item:hover,.post-item:focus{transform:none;box-shadow:-3px 0 #4a90d9}.post-title{font-size:1rem}.post-meta{gap:8px}.post-stats{width:100%;margin-left:0}.detail-wrap{max-width:100%}.post-detail-header{gap:12px}.post-detail-header h2{font-size:1.25rem}.detail-counts{margin-left:0}.reply-head span{width:100%;margin-left:0}.reply-form-body{padding:24px 18px}.user-profile-body{padding:32px 20px}.profile-avatar{width:88px;height:88px}.sidebar-card{margin-bottom:14px}.sticker{opacity:.75;width:82px;height:82px;bottom:12px;left:12px}.login-card,.register-card{padding:32px 24px}.captcha-canvas{flex-basis:105px;width:105px}.send-code-btn{padding-left:12px;padding-right:12px}.admin-hero{flex-direction:column;align-items:flex-start;padding:16px}.admin-stat-grid,.admin-grid{grid-template-columns:1fr}.admin-toolbar,.admin-create,.donor-create,.channel-create,.channel-post-create{flex-direction:column;display:flex}.admin-row{flex-direction:column;align-items:flex-start}.admin-actions{justify-content:flex-start}.admin-row p{white-space:normal}}.logo-icon img{object-fit:cover;border-radius:8px;width:100%;height:100%}.nav-bell{cursor:pointer;background:0 0;border:0;position:relative}.bubble-badge{color:#fff;background:#ef4444;border-radius:999px;min-width:17px;height:17px;padding:0 5px;font-size:11px;font-weight:700;line-height:17px;position:absolute;top:-5px;right:-6px;box-shadow:0 1px 4px #0000002e}.pin-badge{color:#c2410c;vertical-align:middle;background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;align-items:center;gap:4px;margin-right:8px;padding:2px 7px;font-size:.72rem;display:inline-flex}.avatar-wrap{margin-bottom:12px;display:inline-block;position:relative}.avatar-edit-btn{background:var(--primary,#4a90d9);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;width:30px;height:30px;position:absolute;bottom:4px;right:0;box-shadow:0 2px 8px #0000002e}.modal-mask{z-index:9999;background:#0f172a6b;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.avatar-modal{background:#fff;border-radius:14px;width:min(420px,94vw);padding:20px;box-shadow:0 18px 50px #0f172a40}.avatar-modal h3{margin:0 0 14px}.drop-zone{text-align:center;color:#2563eb;background:#eff6ff;border:1.5px dashed #93c5fd;border-radius:12px;padding:18px}.drop-zone input{max-width:100%;margin:0 auto 8px;display:block}.drop-zone p{margin:4px 0;font-weight:600}.drop-zone small{color:#64748b}.avatar-preview{object-fit:cover;border:3px solid #e5e7eb;border-radius:50%;width:120px;height:120px;margin:16px auto;display:block}.fold-head{align-items:center}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.settings-grid label{color:#475569;gap:6px;font-size:.85rem;display:grid}.settings-grid label span{color:#334155;font-weight:600}.settings-actions{padding:0 16px 16px}@media (width<=760px){.settings-grid{grid-template-columns:1fr}}.nav-user-with-badge{align-items:center;position:relative;display:inline-flex!important}.red-badge{color:#fff;background:#ef4444!important}.profile-name-with-badge{justify-content:flex-start;align-items:center;gap:8px;margin:0 0 8px;display:inline-flex;position:relative}.profile-head-row{text-align:left;justify-content:center;align-items:center;gap:18px;display:flex}.profile-head-row .avatar-wrap{flex:none;margin-bottom:0}.profile-title-block{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex}.profile-title-block .profile-badges{justify-content:flex-start;margin-bottom:0}.sent-comment-row{color:inherit}.sent-comment-content{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.profile-bubble{justify-content:center;align-items:center;min-width:19px;height:19px;line-height:19px;display:inline-flex;position:static!important}.inline-bubble{vertical-align:middle;justify-content:center;align-items:center;margin-left:8px;display:inline-flex;position:static!important}.notification-row{border:0;border-bottom:1px solid var(--border-color);text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:#fff;display:block;text-decoration:none!important}.notification-row:hover{text-decoration:none!important}.notification-row.is-unread{background:#fff7f7}.notification-row .post-preview{color:var(--text-secondary);text-decoration:none!important}.unread-dot{background:#ef4444;border-radius:999px;flex:none;width:9px;height:9px;margin-left:10px;box-shadow:0 0 0 4px #fee2e2}.full-avatar-mask{justify-content:center;align-items:stretch;padding:28px;overflow-y:auto}.avatar-crop-modal{width:min(760px,96vw);max-height:none;margin:auto}.crop-stage{background:#f1f5f9;border-radius:14px;width:260px;height:260px;margin:16px auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #dbeafe}.crop-image{object-fit:cover;-webkit-user-select:none;user-select:none;width:260px;height:260px;display:block}.crop-box{pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 999px #0f172a6b,inset 0 0 0 1px #2563eb}.crop-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.crop-controls label{color:#475569;gap:4px;font-size:.82rem;display:grid}.settings-wide{grid-column:1/-1}.settings-wide textarea{min-height:110px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@media (width<=760px){.crop-controls{grid-template-columns:1fr}.full-avatar-mask{padding:12px}}.comments-header{flex-direction:column;align-items:stretch;gap:6px}.comments-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.comments-header h3{align-items:center;gap:8px;display:flex}.comments-header h3 span{min-width:24px;height:24px;color:var(--primary);background:#f0f7ff;border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.8rem;display:inline-flex}.comments-header p{color:var(--text-muted);margin:0;font-size:.84rem}.presence-bar{color:#64748b;white-space:nowrap;align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.presence-avatars{align-items:center;display:inline-flex}.presence-avatars img,.presence-more{object-fit:cover;background:#e2e8f0;border:2px solid #fff;border-radius:50%;width:24px;height:24px;margin-left:-7px;box-shadow:0 1px 3px #0f172a14}.presence-avatars img:first-child{margin-left:0}.presence-more{color:#475569;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.presence-count{align-items:center;gap:5px;display:inline-flex}.presence-count i{color:#22c55e;filter:drop-shadow(0 0 4px #22c55e73);font-size:.52rem}.presence-activity{color:#64748b;background:#f8fafc;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:2px;padding:5px 8px;font-size:.82rem;display:inline-flex}.presence-avatars.compact img,.presence-avatars.compact .presence-more{width:22px;height:22px}.presence-activity>span{align-items:center;gap:6px;display:inline-flex}.typing-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.2s infinite typingPulse;box-shadow:0 0 #22c55e99}@keyframes typingPulse{70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.comment-list{gap:0;padding:0 18px 16px;display:grid}.comment-card.topic-post{background:0 0;border:0;border-radius:0;grid-template-columns:58px minmax(0,1fr);gap:0;padding:0;scroll-margin-top:82px;display:grid}.comment-card.topic-post+.comment-card.topic-post .topic-body{border-top:1px solid #e9eef5}.comment-card.topic-post:hover{box-shadow:none;background:0 0}.comment-card.topic-post.comment-focus .topic-body,.comment-card.topic-post:target .topic-body{background:#fffdf5;transition:background .25s,box-shadow .25s;box-shadow:inset 3px 0 #f2c94c}.topic-avatar{text-align:right;padding:15px 13px 0 0}.topic-avatar .avatar{object-fit:cover;background:#eef2f7;border-radius:50%;width:45px;height:45px;display:inline-block}.topic-body{border-top:1px solid #0000;min-width:0;padding:13px 0 12px}.topic-meta-data{align-items:center;gap:10px;min-height:24px;padding:0 0 6px;display:flex}.topic-meta-data .names{flex-wrap:wrap;flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.topic-meta-data .first{min-width:0;display:inline-flex}.comment-author{color:var(--primary);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;text-decoration:none;overflow:hidden}.comment-author:hover{color:var(--primary-dark);text-decoration:underline}.user-title{color:#64748b;background:#eef2ff;border-radius:4px;padding:1px 5px;font-size:.78rem}.post-infos{color:#94a3b8;flex:none;align-items:center;gap:8px;font-size:.78rem;display:flex}.post-info{color:#94a3b8}.reply-ref.embedded-reply{color:#64748b;background:#f8fafc;border-left:3px solid #cbd5e1;border-radius:4px;align-items:center;gap:7px;width:fit-content;max-width:min(100%,620px);margin:2px 0 8px;padding:7px 9px;font-size:.82rem;text-decoration:none;display:flex}.reply-ref.embedded-reply:hover{color:#2563eb;background:#f1f5f9}.reply-ref.deleted-ref{color:#9ca3af;border-left-color:#e5e7eb;font-style:italic}.edited-mark{color:#a1a1aa}.deleted-comment-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:.88rem;display:inline-flex}.deleted-comment-box i{color:#94a3b8;margin-top:2px}.deleted-comment-box strong{color:#64748b;font-weight:600;display:block}.deleted-comment-box span{color:#94a3b8;margin-top:2px;font-size:.78rem;display:block}.comment-card.is-deleted .topic-avatar .avatar{filter:grayscale();opacity:.55}.comment-card.is-deleted .comment-author{color:#94a3b8}.reply-deleted-note{color:#9a3412;background:#fff7ed;border-radius:8px;margin-bottom:10px;padding:8px 10px;font-size:.86rem}.outgoing-reply-link{color:#8f9aaa;cursor:pointer;opacity:.88;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:1px 2px;display:inline-flex}.outgoing-reply-link:hover{color:#64748b;opacity:1;background:#f6f8fa}.outgoing-reply-link .reply-arrow{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:block}.outgoing-reply-link img{object-fit:cover;opacity:.92;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #e5e7eb}.outgoing-reply-link.deleted-ref img{filter:grayscale();opacity:.55}.replies-block{margin-top:8px}.replies-bar{color:#7c8796;align-items:center;gap:10px;padding:3px 0;font-size:.82rem;display:inline-flex}.replies-toggle,.jump-reply{color:#7c8796;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 5px;font-size:.82rem}.replies-toggle{align-items:center;gap:6px;font-weight:600;display:inline-flex}.replies-toggle:hover,.jump-reply:hover{color:#475569;background:#f6f8fa}.replies-expanded{border-left:2px solid #e5e7eb;margin:7px 0 0 4px;padding-left:15px;animation:.18s ease-out replyExpand}.reply-preview-card{grid-template-columns:34px minmax(0,1fr);padding:0}.reply-preview-card .topic-avatar .avatar{width:30px;height:30px}.reply-preview-card .topic-body{padding:8px 0 9px}.reply-preview-card .regular-contents{max-height:90px;font-size:.9rem;overflow:hidden}@keyframes replyExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.reply-ref span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.regular-contents{padding-right:12px}.comment-markdown{color:#1f2937;line-height:1.75}.comment-markdown.compact{font-size:.95rem;line-height:1.72}.comment-markdown p{margin:0 0 .8em}.comment-markdown p:last-child{margin-bottom:0}.comment-markdown h1,.comment-markdown h2,.comment-markdown h3{color:#0f172a;margin:.45em 0 .35em;line-height:1.35}.comment-markdown h1{font-size:1.45rem}.comment-markdown h2{font-size:1.22rem}.comment-markdown h3{font-size:1.06rem}.comment-markdown code{color:#0f172a;background:#f1f5f9;border-radius:5px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.comment-markdown .code-block{color:#e2e8f0;background:#0f172a;border:1px solid #1e293b;border-radius:10px;margin:0 0 .9em;padding:12px;position:relative;overflow-x:auto}.comment-markdown .code-block code{color:inherit;background:0 0;min-width:max-content;padding:0;line-height:1.65;display:block}.comment-markdown .code-block[data-lang]:before{content:attr(data-lang);color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.72rem;display:block}.comment-markdown blockquote{color:#475569;white-space:pre-wrap;background:#f8fafc;border-left:3px solid #93c5fd;margin:0 0 .8em;padding:8px 10px}.comment-markdown ul,.comment-markdown ol{margin:0 0 .8em 1.2em;padding:0}.comment-markdown li{margin:.2em 0}.comment-markdown .task-list{margin-left:0;list-style:none}.comment-markdown .task-list li{align-items:center;gap:7px;display:flex}.comment-markdown .task-list input{accent-color:#2563eb}.md-table-wrap{border:1px solid #e5e7eb;border-radius:10px;max-width:100%;margin:0 0 .9em;overflow-x:auto}.comment-markdown table{border-collapse:collapse;background:#fff;width:100%;min-width:420px}.comment-markdown th,.comment-markdown td{text-align:left;vertical-align:top;border-bottom:1px solid #eef2f7;padding:9px 10px}.comment-markdown th{color:#334155;background:#f8fafc;font-weight:700}.comment-markdown a{color:#2563eb;text-decoration:none}.comment-markdown a:hover{text-decoration:underline}.comment-actions.post-controls{opacity:.46;justify-content:flex-end;gap:0;margin-top:8px;padding-right:8px;transition:opacity .16s;display:flex;position:relative}.comment-card:hover .comment-actions.post-controls{opacity:1}.comment-actions.post-controls .actions{align-items:center;gap:2px;margin-left:auto;display:inline-flex;position:relative}.comment-actions.post-controls button{color:#94a3b8;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;min-width:30px;padding:7px 9px;font-size:.82rem}.comment-actions.post-controls button:hover{color:#334155;background:#f1f5f9;transform:none}.comment-actions.post-controls .reply.create{color:#64748b;font-weight:600}.comment-actions.post-controls .danger-link:hover{color:#dc2626;background:#fef2f2}.comment-more{position:relative}.comment-menu{z-index:20;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:2px;min-width:112px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 24px #0f172a24}.comment-menu button{color:#475569;justify-content:flex-start;align-items:center;gap:7px;width:100%;min-width:0;padding:8px 9px;display:flex}.comment-menu button:disabled{display:none}.comment-edit-form{gap:10px;margin-top:6px;display:grid}.edit-textarea{min-height:108px}.edit-actions{align-items:center;gap:8px;display:inline-flex}.btn-small{padding:7px 12px;font-size:.82rem}.comment-composer-dock{margin:12px 0 8px}.comment-composer-dock.collapsed{justify-content:flex-end;display:flex}.composer-toggle{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:999px;padding:10px 16px;font-weight:700;box-shadow:0 6px 18px #2563eb14}.composer-toggle:hover{background:#eff6ff}.comment-editor-card{border:1px solid #e5edf7;box-shadow:0 10px 30px #0f172a14}.comment-editor-card .card-body{padding:16px}.composer-head{color:#334155;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.composer-head button{color:#64748b;cursor:pointer;font:inherit;background:0 0;border:0}.comment-editor{gap:10px;display:grid}.editor-toolbar{color:#64748b;justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;display:flex}.editor-toolbar button{color:#2563eb;cursor:pointer;font:inherit;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 10px}.comment-textarea{resize:vertical;background:#fff;min-height:128px}.editor-preview{text-align:left;background:#fff;border:1px solid #dbe3ef;border-radius:8px;min-height:128px;padding:12px}.editor-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-actions span{color:#94a3b8;font-size:.78rem}.reply-indicator{background:#f8fafc;border:1px solid #dbeafe;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.reply-indicator button{color:#2563eb;cursor:pointer;font:inherit;background:0 0;border:0;font-size:.84rem}.reply-indicator .reply-cancel{color:#64748b}.comment-login{text-align:center;color:var(--text-muted);padding:18px}.comment-login p{margin-bottom:12px}@media (width<=768px){.comment-list{padding:0 12px 12px}.comments-title-row{flex-direction:column;align-items:flex-start}.presence-bar,.presence-activity{white-space:normal}.comment-card.topic-post{grid-template-columns:46px minmax(0,1fr)}.topic-avatar{padding:13px 10px 0 0}.topic-avatar .avatar{width:36px;height:36px}.topic-body{padding:12px 0}.topic-meta-data{flex-direction:column;align-items:flex-start;gap:2px}.topic-meta-data .names{flex-wrap:wrap;gap:5px}.post-infos{font-size:.74rem}.reply-ref.embedded-reply{max-width:100%;display:flex}.comment-actions.post-controls{opacity:1;justify-content:flex-end;padding-right:0}.comment-actions.post-controls .actions{flex-wrap:nowrap;margin-left:auto}.editor-actions{flex-direction:column;align-items:stretch}.editor-actions .btn{justify-content:center;width:100%}}