.wiki .card { background: var(--glass-bg); backdrop-filter: blur(12px); border: 1px solid var(--glass-border); border-radius: var(--border-radius); overflow: hidden; transition: var(--transition-smooth); } .wiki .card:hover { border-color: var(--glass-border-hover); } .wiki .card-header { background: rgba(255,255,255,0.03); border-bottom: 1px solid var(--glass-border); padding: 0.75rem 1.25rem; } .wiki .card-title { margin: 0; font-size: 1rem; font-weight: 600; color: var(--text-main) !important; } .wiki .card-text { color: var(--text-muted) !important; } .wiki .list-group-item { background: transparent; border: 1px solid var(--glass-border); color: var(--text-muted); transition: var(--transition-smooth); } .wiki .list-group-item:hover { background: rgba(59,130,246,0.05); color: var(--text-main); } .wiki .list-group-item:first-child { border-top: none; } .wiki .list-group-item:last-child { border-bottom: none; } .wiki .list-group-item-action { color: var(--text-muted); transition: var(--transition-smooth); } .wiki .list-group-item-action:hover, .wiki .list-group-item-action:focus { background: rgba(59,130,246,0.08); color: var(--primary); } .wiki .submenu { display: none; background: rgba(255,255,255,0.02); } .wiki .list-group-item:hover .submenu, .wiki .list-group-item:focus-within .submenu { display: block; } .wiki .submenu .list-group-item { padding-left: 1.5rem; font-size: 0.9rem; border: none; background: transparent; } .wiki .submenu .list-group-item:hover { background: rgba(255,255,255,0.03); } .wiki .submenu .list-group-item i { font-size: 0.8rem; } .wiki .avatar { width: 40px; height: 40px; border-radius: 50%; background-size: cover; background-position: center; border: 2px solid var(--glass-border); box-shadow: 0 2px 8px rgba(0,0,0,0.2); } .wiki a { transition: var(--transition-smooth); color: var(--primary); } .wiki a:hover { color: var(--secondary); } .wiki .btn-outline-primary { transition: var(--transition-smooth); } .wiki .btn-outline-primary:hover { transform: translateY(-1px); } @media (max-width: 768px) { .wiki .col-3, .wiki .col-lg-9 { width: 100%; } .wiki .col-3 { margin-bottom: 1rem; } } @media (max-width: 767.98px) { .wiki .card-body { padding: 1.25rem; } .wiki .col-md-4 { min-height: 200px; } } /* Wiki search input */ .wiki-search-wrap { position: relative; display: flex; align-items: center; } .wiki-search-icon { position: absolute; left: 12px; color: var(--text-muted); font-size: 0.82rem; pointer-events: none; } .wiki-search-input { width: 100%; padding: 8px 12px 8px 34px; background: var(--bg-elevated); border: 1px solid var(--glass-border); border-radius: 8px; color: var(--text-main); font-size: 0.85rem; outline: none; transition: border-color 0.2s ease, background 0.2s ease; } .wiki-search-input::placeholder { color: var(--text-muted); font-size: 0.82rem; } .wiki-search-input:focus { border-color: var(--primary); background: var(--bg-elevated-hover); }