:root{--bg-base:#461220;--bg-surface:#551929;--bg-surface-2:#6a2432;--bg-hover:#7d2b3b;--border-color:#6a2432;--border-light:#8c2f39;--text-primary:#fef2ee;--text-secondary:#eecfc5;--text-muted:#e0bdb4;--text-inverse:#461220;--primary:#d4545f;--primary-hover:#b23a48;--primary-light:rgba(212,84,95,.2);--primary-glow:rgba(212,84,95,.4);--focus-ring:rgba(212,84,95,.5);--success:#22c55e;--success-light:rgba(34,197,94,.1);--warning:#f59e0b;--warning-light:rgba(245,158,11,.1);--danger:#ef4444;--danger-light:rgba(239,68,68,.1);--info:#0ea5e9;--info-light:rgba(14,165,233,.1);--cat-software:#3b82f6;--cat-software-light:rgba(59,130,246,.1);--cat-ai:#8b5cf6;--cat-ai-light:rgba(139,92,246,.1);--cat-graphics:#f97316;--cat-graphics-light:rgba(249,115,22,.1);--cat-3dprint:#10b981;--cat-3dprint-light:rgba(16,185,129,.1);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 25px rgba(0,0,0,.5);--shadow-glow:0 0 20px var(--primary-glow);--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--transition-fast:all .15s ease;--transition:all .2s ease;--transition-slow:all .3s ease;--header-height:64px;--sidebar-width:280px;--font-sans:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'JetBrains Mono','Fira Code',Consolas,monospace}[data-theme="light"]{--bg-base:#fed0bb;--bg-surface:#fff;--bg-surface-2:#fcb9b2;--bg-hover:#f5a89f;--border-color:#e8a098;--border-light:#d9928b;--text-primary:#461220;--text-secondary:#6a2432;--text-muted:#8c2f39;--text-inverse:#fef2ee;--primary-light:rgba(178,58,72,.1);--primary-glow:rgba(178,58,72,.25);--success-light:rgba(34,197,94,.12);--warning-light:rgba(245,158,11,.12);--danger-light:rgba(239,68,68,.12);--info-light:rgba(14,165,233,.12);--cat-software-light:rgba(59,130,246,.12);--cat-ai-light:rgba(139,92,246,.12);--cat-graphics-light:rgba(249,115,22,.12);--cat-3dprint-light:rgba(16,185,129,.12);--shadow-sm:0 1px 2px rgba(70,18,32,.08);--shadow:0 4px 6px rgba(70,18,32,.1);--shadow-lg:0 10px 25px rgba(70,18,32,.15)}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) var(--bg-base)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full);border:2px solid var(--bg-base);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::-webkit-scrollbar-thumb:active{background:var(--primary-hover)}::-webkit-scrollbar-corner{background:var(--bg-base)}*,*::before,*::after{box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}@media(min-width:768px){html{font-size:16px}}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex:1}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}@media(max-width:768px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}p{color:var(--text-secondary);margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-hover)}.site-header{position:sticky;top:0;z-index:1000;height:var(--header-height);background:rgba(70,18,32,.9);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(178,58,72,.2);box-shadow:0 1px 3px rgba(70,18,32,.2),0 1px 2px rgba(70,18,32,.1)}[data-theme="light"] .site-header{background:rgba(254,208,187,.9);border-bottom:1px solid rgba(178,58,72,.15)}.header-container{width:100%;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.header-left{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.header-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.site-logo{display:flex;align-items:center;gap:.625rem;font-size:1.375rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.site-logo:hover{color:var(--text-primary)}.site-logo:hover .logo-icon{transform:scale(1.05);box-shadow:0 0 20px var(--primary-glow)}.logo-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:var(--transition);overflow:hidden}.logo-icon-img{width:100%;height:100%;object-fit:contain}.header-nav{display:flex;align-items:center;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-decoration:none;border-radius:var(--radius);transition:var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--primary);background:var(--primary-light)}.nav-link i{font-size:1rem;opacity:.8}.nav-link:hover i{opacity:1}.nav-dropdown{position:relative}.nav-dropdown-trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;background:none;border:0;border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast)}.nav-dropdown-trigger:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-dropdown.active .nav-dropdown-trigger{color:var(--primary);background:var(--primary-light)}.nav-dropdown-trigger i{font-size:1rem;opacity:.8}.nav-dropdown-trigger:hover i{opacity:1}.nav-dropdown-chevron{font-size:.625rem!important;transition:var(--transition-fast);margin-left:-.125rem}.nav-dropdown.active .nav-dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + .5rem);left:0;min-width:320px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.97);transition:var(--transition);z-index:100;overflow:hidden}.nav-dropdown.active .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.nav-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1rem;border-bottom:1px solid var(--border-color);background:var(--bg-hover)}.nav-dropdown-header h6{margin:0;font-size:.8125rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.375rem}.nav-dropdown-header h6 i{font-size:.875rem;color:var(--primary)}.nav-dropdown-view-all{font-size:.75rem;font-weight:500;color:var(--primary);text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:var(--transition-fast)}.nav-dropdown-view-all:hover{color:var(--primary-hover)}.nav-dropdown-body{padding:.5rem;max-height:400px;overflow-y:auto}.nav-dropdown-group{padding:.25rem 0}.nav-dropdown-parent{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;border-radius:var(--radius);transition:var(--transition-fast)}.nav-dropdown-parent:hover{background:var(--bg-hover)}.nav-dropdown-icon{width:36px;height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--primary-light);color:var(--primary);font-size:1rem;transition:var(--transition-fast)}.nav-dropdown-icon.freelance{background:var(--success-light,rgba(16,185,129,.1));color:var(--success,#10b981)}.nav-dropdown-info{display:flex;flex-direction:column;gap:.125rem;min-width:0}.nav-dropdown-name{font-size:.8125rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-dropdown-count{font-size:.6875rem;color:var(--text-muted)}.nav-dropdown-children{display:flex;flex-wrap:wrap;gap:.375rem;padding:.25rem .75rem .375rem 3.5rem}.nav-dropdown-child{font-size:.6875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:.1875rem .625rem;background:var(--bg-hover);border-radius:var(--radius-full);transition:var(--transition-fast);white-space:nowrap}.nav-dropdown-child:hover{background:var(--primary-light);color:var(--primary)}.nav-dropdown-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;color:var(--text-muted);font-size:.8125rem}.nav-dropdown-empty i{font-size:1.5rem;opacity:.5}.mobile-sidebar-nav{display:flex;flex-direction:column;gap:.125rem}.mobile-sidebar-section-title{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:1rem .75rem .375rem;margin-top:.25rem}.mobile-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;color:var(--text-primary);font-size:.875rem;font-weight:500;border-radius:var(--radius);transition:var(--transition-fast)}.mobile-sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-sidebar-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);font-size:.875rem}.mobile-sidebar-count{margin-left:auto;font-size:.75rem;font-weight:500;color:var(--text-muted);background:var(--bg-hover);padding:.125rem .5rem;border-radius:var(--radius-full)}.mobile-sidebar .site-logo{font-size:1.125rem}.mobile-sidebar .site-logo .logo-icon-img{width:28px;height:28px}@media(max-width:1024px){.header-nav{display:none}.header-left{gap:1rem}}.search-bar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 500px);max-width:520px;min-width:200px;z-index:1}@media(max-width:1200px){.search-bar{width:calc(100% - 420px);max-width:400px}}@media(max-width:1024px){.search-bar{width:calc(100% - 360px);max-width:350px}}.search-bar input{width:100%;padding:.625rem 4rem .625rem 2.75rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);font-size:.875rem;transition:var(--transition)}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{outline:2px solid var(--primary);outline-offset:-2px;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-base)}.search-bar>i{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.9375rem;pointer-events:none}.search-shortcut{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.125rem .5rem;background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.6875rem;font-family:var(--font-sans);pointer-events:none}.search-dropdown{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1);z-index:1000;max-height:480px;overflow:hidden;display:none;flex-direction:column}.search-dropdown.active{display:flex}.search-dropdown-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-muted);font-size:.875rem}.search-spinner{width:18px;height:18px;border:2px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:searchSpin .6s linear infinite}@keyframes searchSpin{to{transform:rotate(360deg)}}.search-dropdown-results{overflow-y:auto;max-height:380px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.search-dropdown-results::-webkit-scrollbar{width:4px}.search-dropdown-results::-webkit-scrollbar-track{background:transparent}.search-dropdown-results::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}.search-dropdown-footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:.625rem 1rem;background:var(--bg-hover);border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.search-dropdown-footer kbd{display:inline-block;padding:.1rem .375rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:4px;font-size:.6875rem;font-family:var(--font-sans);color:var(--text-secondary);margin:0 .125rem}.search-dd-section{padding:.5rem 0;border-bottom:1px solid var(--border-color)}.search-dd-section:last-child{border-bottom:0}.search-dd-section-title{display:flex;align-items:center;gap:.375rem;padding:.375rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.search-dd-section-title i{font-size:.75rem}.search-dd-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;text-decoration:none;color:inherit;transition:background .15s ease}.search-dd-item:hover{background:var(--bg-hover)}.search-dd-topic-icon{width:36px;height:36px;border-radius:var(--radius);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);font-size:.875rem;overflow:hidden}.search-dd-topic-icon img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.search-dd-topic-info{flex:1;min-width:0}.search-dd-topic-title{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dd-topic-title mark{background:rgba(37,99,235,.2);color:var(--primary);border-radius:2px;padding:0}.search-dd-topic-meta{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--text-muted);margin-top:.125rem}.search-dd-dot{opacity:.4}.search-dd-topic-meta i{font-size:.625rem;margin-right:.125rem}.search-dd-tags{display:flex;flex-wrap:wrap;gap:.375rem;padding:.375rem 1rem}.search-dd-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:var(--bg-base);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.8125rem;color:var(--text-secondary);text-decoration:none;transition:all .15s ease}.search-dd-tag:hover{border-color:var(--primary);color:var(--primary);background:rgba(37,99,235,.05)}.search-dd-tag i{color:var(--primary);font-size:.75rem}.search-dd-tag mark{background:rgba(37,99,235,.2);color:var(--primary);border-radius:2px;padding:0}.search-dd-tag-count{padding:.0625rem .375rem;background:var(--bg-hover);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;color:var(--text-muted)}.search-dd-user-avatar{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.search-dd-user-avatar img{width:100%;height:100%;object-fit:cover}.search-dd-user-initial{font-size:.8125rem;font-weight:700;color:var(--text-muted)}.search-dd-user-info{flex:1;min-width:0}.search-dd-user-name{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)}.search-dd-user-name mark{background:rgba(37,99,235,.2);color:var(--primary);border-radius:2px;padding:0}.search-dd-user-username{display:block;font-size:.75rem;color:var(--text-muted)}.search-dd-user-rep{flex-shrink:0;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:#f59e0b}.search-dd-empty{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.search-dd-empty i{font-size:1.5rem;opacity:.4}.search-dd-empty mark{background:none;color:var(--text-primary)}.header-actions,.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-icon-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-icon-btn i{font-size:1.25rem}.notification-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;background:var(--danger);border-radius:var(--radius-full);color:#fff;font-size:.6875rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(178,58,72,.4)}.btn-glow{box-shadow:0 2px 8px rgba(178,58,72,.3)}.btn-glow:hover{box-shadow:0 4px 16px rgba(178,58,72,.4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-glow);color:#fff}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-light);color:var(--text-primary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius)}.btn-icon i{font-size:1.125rem}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.theme-toggle::before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-light);border-radius:var(--radius);opacity:0;transition:var(--transition-fast)}.theme-toggle:hover::before{opacity:1}.theme-toggle:hover{color:var(--primary)}.theme-toggle i{font-size:1.25rem;position:relative;z-index:1;transition:var(--transition-fast)}.theme-toggle:hover i{transform:rotate(15deg)}.notification-wrapper{position:relative}.notification-panel{position:absolute;top:calc(100% + .625rem);right:0;width:360px;max-height:480px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:var(--transition);z-index:200;overflow:hidden;display:flex;flex-direction:column}.notification-wrapper.active .notification-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);background:var(--bg-hover)}.notification-panel-header h6{margin:0;font-size:.9375rem;font-weight:600;color:var(--text-primary)}.notification-mark-all{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);font-size:1rem}.notification-mark-all:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.notification-panel-body{overflow-y:auto;max-height:400px;flex:1}.notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;text-decoration:none;border-bottom:1px solid var(--border-color);transition:var(--transition-fast);cursor:pointer;position:relative}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:var(--bg-hover)}.notification-item.unread{background:var(--primary-light)}.notification-item.unread::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);border-radius:0 3px 3px 0}.notification-item-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border-color)}.notification-item-avatar-placeholder{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#fcb9b2 100%);flex-shrink:0}.notification-item-content{flex:1;min-width:0}.notification-item-text{font-size:.8125rem;color:var(--text-secondary);line-height:1.4;margin:0}.notification-item-text strong{color:var(--text-primary);font-weight:600}.notification-item-topic{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item-time{font-size:.6875rem;color:var(--text-muted);margin-top:.25rem}.notification-item-icon{position:absolute;bottom:.5rem;left:2.25rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.5625rem;color:#fff;border:2px solid var(--bg-surface)}.notification-item-icon.mention{background:#3b82f6}.notification-item-icon.reply{background:#22c55e}.notification-item-icon.topic-like{background:#ef4444}.notification-item-icon.post-like{background:#f97316}.notification-item-icon.favorite{background:#a855f7}.notification-view-all{display:flex;align-items:center;justify-content:center;padding:.875rem;color:var(--primary);text-decoration:none;font-size:.8125rem;font-weight:600;border-top:1px solid var(--border-color);transition:background .2s}.notification-view-all:hover{background:var(--primary-light)}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;color:var(--text-muted)}.notification-empty i{font-size:2rem;margin-bottom:.75rem;opacity:.5}.notification-empty p{margin:0;font-size:.875rem}.notification-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--text-muted);font-size:.875rem;gap:.5rem}@media(max-width:480px){.notification-panel{position:fixed;top:60px;right:.5rem;left:.5rem;width:auto}}.user-dropdown{position:relative}.user-dropdown-trigger{display:flex;align-items:center;gap:.625rem;padding:.375rem .875rem .375rem .375rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.user-dropdown-trigger:hover{border-color:var(--primary);background:var(--bg-hover)}.user-dropdown.active .user-dropdown-trigger{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:var(--transition-fast)}.user-dropdown-trigger:hover .user-avatar{border-color:var(--primary)}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#fcb9b2 100%);box-shadow:0 2px 4px rgba(178,58,72,.3)}.user-name{color:var(--text-primary);font-size:.875rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info-header{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.user-fp-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;color:#fbbf24;background:linear-gradient(135deg,rgba(251,191,36,.15) 0%,rgba(245,158,11,.1) 100%);padding:.125rem .5rem;border-radius:var(--radius-full);border:1px solid rgba(251,191,36,.25)}.user-fp-badge i{font-size:.5625rem}[data-theme="light"] .user-fp-badge{background:linear-gradient(135deg,rgba(251,191,36,.2) 0%,rgba(245,158,11,.15) 100%);color:#d97706;border-color:rgba(217,119,6,.3)}.chevron-icon{font-size:.75rem;color:var(--text-muted);transition:var(--transition-fast)}.user-dropdown.active .chevron-icon{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:calc(100% + .625rem);right:0;min-width:240px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.95);transition:var(--transition);z-index:100;overflow:hidden}.user-dropdown.active .user-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.dropdown-header{padding:1rem;background:var(--bg-hover)}.dropdown-user-info{display:flex;align-items:center;gap:.75rem}.dropdown-avatar,.dropdown-avatar-placeholder{width:44px;height:44px;border-radius:50%;flex-shrink:0}.dropdown-avatar{object-fit:cover;border:2px solid var(--primary)}.dropdown-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#fcb9b2 100%)}.dropdown-user-details{display:flex;flex-direction:column;gap:.125rem;min-width:0}.dropdown-display-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-username{font-size:.8125rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{height:1px;background:var(--border-color);margin:0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;color:var(--text-secondary);font-size:.875rem;background:none;border:0;cursor:pointer;transition:var(--transition-fast);text-align:left;text-decoration:none}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item i{font-size:1.125rem;width:1.25rem;text-align:center;opacity:.7}.dropdown-item:hover i{opacity:1}.dropdown-item.danger:hover{color:var(--danger);background:var(--danger-light)}.dropdown-item.danger:hover i{color:var(--danger)}.page-wrapper{max-width:1400px;margin:0 auto;padding:2rem}@media(max-width:768px){.page-wrapper{padding:1.5rem 1rem}}@media(max-width:480px){.page-wrapper{padding:1rem}}.main-container{max-width:1400px;margin:0 auto;padding:2rem}@media(max-width:768px){.main-container{padding:1.5rem 1rem}}@media(max-width:480px){.main-container{padding:1rem}}.main-layout{display:grid;grid-template-columns:260px 1fr 300px;gap:1.5rem}@media(max-width:1200px){.main-layout{grid-template-columns:240px 1fr}.main-layout .right-sidebar{display:none}}@media(max-width:768px){.main-layout{grid-template-columns:1fr}.main-layout .left-sidebar{display:none}}.sidebar{position:sticky;top:calc(var(--header-height) + 1.5rem);height:fit-content}.sidebar-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.sidebar-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.875rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.sidebar-header i{color:var(--text-muted)}.sidebar-content{padding:.5rem}.category-list{list-style:none;padding:0;margin:0}.category-item{margin-bottom:.25rem}.category-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);border-radius:var(--radius);transition:var(--transition-fast)}.category-link:hover{background:var(--bg-hover);color:var(--text-primary)}.category-link.active{background:var(--primary-light);color:var(--primary)}.category-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1rem}.category-link .count{margin-left:auto;font-size:.75rem;color:var(--text-muted);background:var(--bg-hover);padding:.25rem .5rem;border-radius:var(--radius-full)}.topic-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:var(--transition);position:relative}.topic-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.topic-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:var(--cat-software)}.topic-card[data-category="ai"]::before{background:var(--cat-ai)}.topic-card[data-category="graphics"]::before{background:var(--cat-graphics)}.topic-card[data-category="3dprint"]::before{background:var(--cat-3dprint)}.topic-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.topic-content{flex:1;min-width:0}.topic-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-title a{color:inherit}.topic-title a:hover{color:var(--primary)}.topic-excerpt{font-size:.875rem;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.topic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.8125rem;color:var(--text-muted)}.topic-author{display:flex;align-items:center;gap:.5rem}.topic-author img{width:24px;height:24px;border-radius:50%}.topic-author-placeholder{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#fcb9b2 100%)}.topic-stats{display:flex;align-items:center;gap:1rem;margin-left:auto}.topic-stat{display:flex;align-items:center;gap:.375rem}.topic-stat i{font-size:.875rem}.topic-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.topic-likes{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--danger-light);color:var(--danger);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500}.topic-solved{color:var(--success);font-size:1.25rem}.topic-list{display:flex;flex-direction:column;gap:.75rem}.category-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--cat-software-light);color:var(--cat-software)}.category-badge.ai{background:var(--cat-ai-light);color:var(--cat-ai)}.category-badge.graphics{background:var(--cat-graphics-light);color:var(--cat-graphics)}.category-badge.print3d{background:var(--cat-3dprint-light);color:var(--cat-3dprint)}.tag-badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary);transition:var(--transition-fast)}.tag-badge:hover{background:var(--primary-light);color:var(--primary)}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);font-weight:600;font-size:.9375rem;display:flex;align-items:center;justify-content:space-between}.card-body{padding:1.25rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;transition:var(--transition)}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{outline:2px solid var(--primary);outline-offset:-2px;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}textarea.form-control{min-height:120px;resize:vertical}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2364748B' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.site-footer{background:var(--bg-surface);border-top:1px solid var(--border-color);margin-top:auto}.footer-main{padding:4rem 0 3rem;border-bottom:1px solid var(--border-color)}.footer-main .footer-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none}.footer-logo i{color:var(--primary);font-size:1.75rem}.footer-logo-img{width:36px;height:36px;object-fit:contain}.footer-description{font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0}.footer-social{display:flex;gap:.75rem;margin-top:.5rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius);color:var(--text-secondary);font-size:1.125rem;transition:var(--transition-fast)}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-column{display:flex;flex-direction:column}.footer-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0 0 1.25rem 0}.footer-menu{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-menu li a{font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast)}.footer-menu li a:hover{color:var(--primary);padding-left:.25rem}.footer-newsletter p{font-size:.875rem;color:var(--text-secondary);margin:0 0 1rem 0;line-height:1.5}.newsletter-form{display:flex;gap:.5rem}.newsletter-input{flex:1;padding:.75rem 1rem;background:var(--bg-base);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}.newsletter-input:focus{outline:2px solid var(--primary);outline-offset:-2px;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary);border:0;border-radius:var(--radius);color:#fff;font-size:1rem;cursor:pointer;transition:var(--transition-fast)}.newsletter-btn:hover{background:var(--primary-hover)}.newsletter-btn:disabled{opacity:.7;cursor:not-allowed}button[type="submit"]:disabled,input[type="submit"]:disabled,.btn:disabled,.action-btn:disabled,.like-btn:disabled,.post-like-btn:disabled,.favorite-btn:disabled,.mark-best-btn:disabled{opacity:.7;cursor:not-allowed;pointer-events:none}button[type="submit"].is-submitting .submit-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.footer-bottom{padding:1.5rem 0}.footer-bottom .footer-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.footer-copyright{font-size:.8125rem;color:var(--text-muted)}.footer-meta{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}@media(max-width:1200px){.footer-main .footer-container{grid-template-columns:1fr 1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width:768px){.footer-main{padding:3rem 0 2rem}.footer-main .footer-container{grid-template-columns:1fr 1fr;gap:2rem}.footer-newsletter{grid-column:1/-1}.footer-bottom .footer-container{flex-direction:column;gap:.75rem;text-align:center}}@media(max-width:480px){.footer-main .footer-container{grid-template-columns:1fr}}.content{line-height:1.7}.content img{max-width:100%;height:auto;border-radius:var(--radius)}.content pre{background:var(--bg-hover);padding:1rem;border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:.875rem}.content code{background:var(--bg-hover);padding:.125rem .375rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem}.content pre code{background:none;padding:0}.content blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin-left:0;color:var(--text-secondary);font-style:italic}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-danger{color:var(--danger)!important}.text-info{color:var(--info)!important}.bg-surface{background:var(--bg-surface)!important}.bg-hover{background:var(--bg-hover)!important}.rounded{border-radius:var(--radius)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-surface-2) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.mobile-menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-menu-toggle i{font-size:1.5rem}@media(max-width:1024px){.mobile-menu-toggle{display:flex}.search-bar{display:none}}@media(max-width:768px){.header-container{gap:1rem;padding:0 1rem}.header-actions,.header-right{gap:.375rem}.btn-sm{padding:.5rem .75rem}}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:998;opacity:0;transition:opacity var(--transition-slow)}.sidebar-overlay.active{display:block;opacity:1}.mobile-sidebar{position:fixed;top:0;left:0;width:300px;max-width:85vw;height:100vh;background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:999;transition:transform var(--transition-slow);overflow-y:auto;transform:translateX(-100%);box-shadow:var(--shadow-lg)}.mobile-sidebar.active{transform:translateX(0)}@media(max-width:768px){.main-container{padding:1rem}.topic-card{padding:1rem}.topic-header{flex-direction:column}.topic-actions{flex-direction:row;width:100%;margin-top:.75rem}.topic-stats{margin-left:0}.footer-container{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media(hover:none){.btn,.category-link,.topic-card{min-height:44px}.header-icon-btn,.mobile-menu-toggle,.theme-toggle{min-width:44px;min-height:44px}}@supports not (gap:1rem){.header-container>*+*,.header-actions>*+*,.header-right>*+*{margin-left:.5rem}}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem;padding:0;list-style:none;flex-wrap:wrap}.pagination .page-item .page-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);text-decoration:none;padding:0;line-height:1}.pagination .page-item .page-link:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.pagination .page-item .page-link:focus{outline:0;box-shadow:0 0 0 3px var(--focus-ring)}.pagination .page-item.active .page-link{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px rgba(212,84,95,.4);font-weight:600}.pagination .page-item.active .page-link:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px rgba(212,84,95,.5)}.pagination .page-item.disabled .page-link{opacity:.35;cursor:not-allowed;pointer-events:none;background:var(--bg-surface);border-color:var(--border-color);color:var(--text-muted)}.pagination .page-item .page-link i{font-size:.8rem}.pagination-info{text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:.75rem}@media(max-width:480px){.pagination{gap:.25rem}.pagination .page-item .page-link{width:34px;height:34px;font-size:.8rem;border-radius:var(--radius-sm)}}.topic-card{display:flex;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);margin-bottom:1rem}.topic-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.topic-card-indicator{width:4px;flex-shrink:0}.topic-card-indicator.software{background:var(--cat-software)}.topic-card-indicator.ai{background:var(--cat-ai)}.topic-card-indicator.graphics{background:var(--cat-graphics)}.topic-card-indicator.3dprint{background:var(--cat-3dprint)}.topic-card-content{flex:1;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.topic-card-header{display:flex;justify-content:space-between;align-items:flex-start}.topic-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.author-info{display:flex;flex-direction:column;gap:.125rem}.author-name{color:var(--text-primary);font-weight:500;font-size:.875rem;text-decoration:none}.author-name:hover{color:var(--primary)}.topic-time{color:var(--text-muted);font-size:.75rem}.topic-badges{display:flex;gap:.5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-secondary{background:var(--bg-hover);color:var(--text-secondary)}.topic-card-body{display:flex;flex-direction:column;gap:.5rem}.topic-title{margin:0;font-size:1.125rem;font-weight:600;line-height:1.4}.topic-title a{color:var(--text-primary);text-decoration:none}.topic-title a:hover{color:var(--primary)}.topic-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.topic-category{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.topic-category.software{background:var(--cat-software-light);color:var(--cat-software)}.topic-category.ai{background:var(--cat-ai-light);color:var(--cat-ai)}.topic-category.graphics{background:var(--cat-graphics-light);color:var(--cat-graphics)}.topic-category.3dprint{background:var(--cat-3dprint-light);color:var(--cat-3dprint)}.topic-category:hover{filter:brightness(1.1)}.topic-tags{display:flex;gap:.375rem}.topic-tag{display:inline-block;padding:.125rem .5rem;background:var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;text-decoration:none;transition:var(--transition-fast)}.topic-tag:hover{background:var(--primary-light);color:var(--primary)}.topic-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.topic-stats{display:flex;gap:1rem}.topic-stats .stat{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.8125rem}.topic-stats .stat i{font-size:.875rem}.topic-last-activity{display:flex;align-items:center;gap:.375rem;color:var(--text-muted);font-size:.75rem}.topic-last-activity .last-time{color:var(--text-secondary)}.toast-container{position:fixed;top:calc(var(--header-height) + 1rem);right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10000;max-width:400px}.toast{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-lg);opacity:0;transform:translateX(100%);transition:var(--transition)}.toast.show{opacity:1;transform:translateX(0)}.toast-content{display:flex;align-items:center;gap:.75rem}.toast-content i{font-size:1.25rem}.toast-content span{color:var(--text-primary);font-size:.875rem}.toast-close{background:transparent;border:0;padding:.25rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast-success .toast-content i{color:var(--success)}.toast-error .toast-content i{color:var(--danger)}.toast-warning .toast-content i{color:var(--warning)}.toast-info .toast-content i{color:var(--info)}.text-muted{color:var(--text-muted)!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-success{color:var(--success)!important}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.text-info{color:var(--info)!important}.bg-primary{background-color:var(--primary)!important}.bg-success{background-color:var(--success)!important}.bg-danger{background-color:var(--danger)!important}.bg-warning{background-color:var(--warning)!important}.bg-info{background-color:var(--info)!important}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.flex-column{flex-direction:column!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.w-100{width:100%!important}.h-100{height:100%!important}.rounded{border-radius:var(--radius)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-full{border-radius:var(--radius-full)!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fs-sm{font-size:.875rem!important}.fs-xs{font-size:.75rem!important}.text-center{text-align:center!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-inline{display:inline!important}.d-md-inline-flex{display:inline-flex!important}}@media(max-width:767.98px){.d-md-none{display:block!important}}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-surface);border-top:1px solid var(--border-color);padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:1000;box-shadow:0 -4px 20px rgba(0,0,0,.15)}.mobile-bottom-nav-container{display:flex;justify-content:space-around;align-items:center;max-width:100%;padding:0 .5rem}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;color:var(--text-muted);text-decoration:none;font-size:.625rem;font-weight:500;border-radius:var(--radius);transition:var(--transition-fast);min-width:56px;background:none;border:0;cursor:pointer}.mobile-nav-item i{font-size:1.25rem;transition:var(--transition-fast)}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item.active{background:var(--primary-light)}.mobile-nav-item.active i{transform:scale(1.1)}.mobile-nav-item.create-btn{background:var(--primary);color:#fff;border-radius:var(--radius-full);padding:.75rem;min-width:auto;margin-top:-1.5rem;box-shadow:0 4px 12px rgba(178,58,72,.4)}.mobile-nav-item.create-btn i{font-size:1.5rem}.mobile-nav-item.create-btn span{display:none}.mobile-nav-item.create-btn:hover{background:var(--primary-hover);color:#fff;transform:scale(1.05)}.mobile-nav-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color)}.mobile-nav-avatar-placeholder{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#fcb9b2 100%)}@media(max-width:768px){.user-dropdown{display:none}.mobile-bottom-nav{display:block}body{padding-bottom:70px}.site-footer{margin-bottom:70px}.header-actions .btn-primary{display:none}}.mobile-user-menu{display:none;position:fixed;bottom:70px;left:0;right:0;background:var(--bg-surface);border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:1.5rem;transform:translateY(100%);transition:var(--transition-slow);z-index:999;box-shadow:0 -8px 30px rgba(0,0,0,.2);max-height:60vh;overflow-y:auto}@media(max-width:768px){.mobile-user-menu{display:block}}.mobile-user-menu.active{transform:translateY(0)}.mobile-user-menu-header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color)}.mobile-user-menu-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--primary)}.mobile-user-menu-avatar-placeholder{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,#fcb9b2 100%)}.mobile-user-menu-info{flex:1;min-width:0}.mobile-user-menu-name{font-weight:600;color:var(--text-primary);font-size:1rem;margin:0 0 .125rem}.mobile-user-menu-username{color:var(--text-muted);font-size:.8125rem}.mobile-user-menu-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border:0;border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.mobile-user-menu-close:hover{background:var(--danger-light);color:var(--danger)}.mobile-user-menu-items{display:flex;flex-direction:column;gap:.25rem}.mobile-user-menu-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.9375rem;border-radius:var(--radius);transition:var(--transition-fast);background:none;border:0;width:100%;cursor:pointer;text-align:left}.mobile-user-menu-item i{font-size:1.125rem;width:1.5rem;text-align:center}.mobile-user-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-user-menu-item.danger{color:var(--danger)}.mobile-user-menu-item.danger:hover{background:var(--danger-light)}.mobile-user-menu-divider{height:1px;background:var(--border-color);margin:.5rem 0}.mobile-menu-overlay{display:none!important;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;transition:opacity var(--transition-slow)}@media(max-width:768px){.mobile-menu-overlay{display:none!important}.mobile-menu-overlay.active{display:block!important;opacity:1}}.auth-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,var(--bg-base) 0%,var(--bg-surface) 100%);position:relative;overflow:hidden}.auth-page::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,var(--primary-light) 0%,transparent 50%),radial-gradient(circle at 70% 70%,var(--primary-glow) 0%,transparent 50%);animation:auth-bg-pulse 15s ease-in-out infinite;pointer-events:none}@keyframes auth-bg-pulse{0%,100%{transform:scale(1) rotate(0deg);opacity:.5}50%{transform:scale(1.1) rotate(5deg);opacity:.8}}.auth-container{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;background:var(--bg-surface);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg),0 0 60px rgba(178,58,72,.15);position:relative;z-index:1;border:1px solid var(--border-color)}.auth-branding{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-branding::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.auth-branding-content{position:relative;z-index:1;color:#fff}.auth-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.auth-logo-icon{width:56px;height:56px;background:rgba(255,255,255,.2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.auth-logo-icon i{font-size:1.75rem;color:#fff}.auth-logo-text{font-size:1.75rem;font-weight:700;letter-spacing:-.5px}.auth-branding h2{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff;line-height:1.2}.auth-branding p{font-size:1rem;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:2rem}.auth-features{list-style:none;padding:0;margin:0}.auth-features li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:rgba(255,255,255,.9);font-size:.9375rem}.auth-features li i{width:24px;height:24px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.auth-form-section{padding:3rem;display:flex;flex-direction:column;justify-content:center}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-header h1{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-form-header p{color:var(--text-muted);font-size:.9375rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form-group{position:relative}.auth-form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.auth-input-wrapper{position:relative}.auth-input-wrapper>i:first-of-type{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem;transition:var(--transition-fast);pointer-events:none}.auth-input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--bg-base);border:2px solid var(--border-color);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;transition:var(--transition)}.auth-input-wrapper input::placeholder{color:var(--text-muted)}.auth-input-wrapper input:focus{outline:0;border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 4px var(--primary-light)}.auth-input-wrapper input:focus~i:first-of-type{color:var(--primary)}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);z-index:10}.password-toggle i{pointer-events:none}.password-toggle:hover{color:var(--primary)}.auth-input-wrapper.has-toggle input{padding-right:3rem}.auth-checkbox{display:flex;align-items:center;gap:.625rem;cursor:pointer}.auth-checkbox input[type="checkbox"]{width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-base);cursor:pointer;accent-color:var(--primary)}.auth-checkbox span{font-size:.875rem;color:var(--text-secondary)}.auth-checkbox-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.auth-checkbox{width:20px;height:20px;min-width:20px;margin-top:2px;accent-color:var(--primary);cursor:pointer}.auth-checkbox-label a{color:var(--primary);font-weight:500;text-decoration:underline}.auth-checkbox-label a:hover{color:var(--primary-hover)}.auth-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);border:0;border-radius:var(--radius);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.auth-submit-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(178,58,72,.4)}.auth-submit-btn:hover::before{left:100%}.auth-submit-btn:active{transform:translateY(0)}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border-color)}.auth-divider span{font-size:.8125rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.auth-social{display:flex;gap:.75rem}.auth-social-btn{flex:1;padding:.75rem;background:var(--bg-base);border:2px solid var(--border-color);border-radius:var(--radius);color:var(--text-secondary);font-size:1.25rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.auth-social-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.auth-footer p{font-size:.9375rem;color:var(--text-muted);margin:0}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.auth-footer a:hover{text-decoration:underline}.auth-status-icon{width:80px;height:80px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.auth-status-icon i{font-size:2rem;color:var(--primary)}.auth-status-icon.success{background:rgba(34,197,94,.15)}.auth-status-icon.success i{color:var(--success)}.auth-form .field-validation-error,.auth-form .text-danger{display:block;font-size:.8125rem;color:var(--danger);margin-top:.375rem;padding-left:.25rem}.auth-form .validation-summary-errors{background:var(--danger-light);border:1px solid var(--danger);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.auth-form .validation-summary-errors ul{margin:0;padding-left:1.25rem;color:var(--danger);font-size:.875rem}@media(max-width:900px){.auth-container{grid-template-columns:1fr;max-width:480px}.auth-branding{display:none}.auth-form-section{padding:2.5rem 2rem}}@media(max-width:480px){.auth-page{padding:1rem}.auth-form-section{padding:2rem 1.5rem}.auth-form-header h1{font-size:1.5rem}}.user-level-tag{display:inline-flex;align-items:center;gap:.2rem;padding:.1rem .45rem;border-radius:8px;font-size:.65rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;vertical-align:middle;line-height:1.4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.sr-only-focusable:focus{position:fixed;top:0;left:0;width:auto;height:auto;padding:.75rem 1.5rem;margin:0;overflow:visible;clip:auto;white-space:normal;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;z-index:10000;text-decoration:none;border-radius:0 0 var(--radius) 0;box-shadow:var(--shadow-lg)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:0}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:10001;background:var(--bg-surface);border-top:1px solid var(--border-color);box-shadow:0 -4px 20px rgba(0,0,0,.2);animation:cookieSlideUp .3s ease}@keyframes cookieSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.cookie-consent-inner{max-width:1200px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.cookie-consent-text{display:flex;align-items:center;gap:.75rem;flex:1}.cookie-consent-text>i{font-size:1.5rem;color:var(--primary);flex-shrink:0}.cookie-consent-text p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.cookie-consent-text a{color:var(--primary);text-decoration:underline;font-weight:500}.cookie-consent-actions{display:flex;gap:.75rem;flex-shrink:0}.cookie-btn{padding:.625rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;border:0;transition:var(--transition-fast);white-space:nowrap;min-height:44px}.cookie-btn-accept{background:var(--primary);color:#fff}.cookie-btn-accept:hover{background:var(--primary-hover)}.cookie-btn-essential{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-color)}.cookie-btn-essential:hover{background:var(--bg-surface-2)}@media(max-width:768px){.cookie-consent-inner{flex-direction:column;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));gap:1rem}.cookie-consent-text>i{display:none}.cookie-consent-actions{width:100%}.cookie-btn{flex:1;text-align:center}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}