:root{--bg-dark:#050608;--card-bg:rgba(20, 22, 28, 0.6);--primary:#d946ef;--primary-glow:rgba(217, 70, 239, 0.3);--text-main:#ffffff;--text-muted:#9ca3af;--border-light:rgba(255, 255, 255, 0.08)}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Montserrat,sans-serif;margin:0;overflow-x:hidden}@keyframes floatAmbient1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,20px) scale(1.05)}}@keyframes floatAmbient2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,-20px) scale(1.05)}}@keyframes popUpdate{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes pulseOrange{0%{box-shadow:0 0 0 0 rgba(255,69,0,.4)}70%{box-shadow:0 0 0 8px rgba(255,69,0,0)}100%{box-shadow:0 0 0 0 rgba(255,69,0,0)}}@keyframes fireFlicker{0%{transform:scale(1) translateY(0);filter:drop-shadow(0 0 2px #ff4500)}100%{transform:scale(1.15) translateY(-1px);filter:drop-shadow(0 0 8px #ff8c00)}}.wiki-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000 0,transparent 80%);-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 80%)}.bg-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;will-change:transform}.glow-1{top:-10%;left:-10%;width:500px;height:500px;background:rgba(217,70,239,.15);animation:floatAmbient1 12s ease-in-out infinite}.glow-2{top:20%;right:-10%;width:400px;height:400px;background:rgba(52,152,219,.15);animation:floatAmbient2 15s ease-in-out infinite}.wiki-wrapper{position:relative;z-index:10}.wiki-hero{padding:120px 20px 60px;text-align:center;border-bottom:1px solid var(--border-light);background:radial-gradient(ellipse at bottom,rgba(217,70,239,.05) 0,transparent 70%)}.hero-badge{display:inline-block;padding:6px 16px;background:rgba(255,255,255,.05);border:1px solid var(--border-light);border-radius:30px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#8a8f98;margin-bottom:20px}.wiki-h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:900;margin-bottom:15px;line-height:1.1;letter-spacing:-.02em}.text-gradient{background:linear-gradient(135deg,#d946ef 0,#3498db 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.wiki-subtitle{color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto 30px;line-height:1.6}.search-box{max-width:650px;margin:0 auto}.search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(10,12,16,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:50px;padding:6px;box-shadow:0 15px 35px rgba(0,0,0,.4),inset 0 0 0 1px rgba(255,255,255,.05);transition:all .3s ease}.search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 15px 35px rgba(0,0,0,.4),0 0 25px var(--primary-glow),inset 0 0 0 1px var(--primary);background:rgba(20,24,32,.95)}.search-icon-left{position:absolute;left:25px;color:#6b7280;font-size:1.2rem;transition:color .3s ease}.search-input-wrapper:focus-within .search-icon-left{color:var(--primary)}.search-input{width:100%;padding:16px 20px 16px 55px;background:0 0;border:none;color:#fff;font-size:1.05rem;outline:0;font-family:inherit}.search-input::placeholder{color:#6b7280}.search-btn{background:var(--primary);color:#000;border:none;border-radius:40px;padding:0 30px;height:46px;font-weight:800;font-size:.95rem;cursor:pointer;transition:.3s;margin-right:2px;display:flex;justify-content:center;align-items:center}.search-btn:hover{background:#fff;box-shadow:0 5px 15px rgba(255,255,255,.2)}.wiki-layout{display:flex;max-width:1400px;margin:0 auto;padding:50px 5%;gap:40px;align-items:start}.wiki-sidebar{position:sticky;top:100px;width:250px;flex-shrink:0;background:rgba(20,22,28,.4);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-radius:20px;padding:25px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.sidebar-title{font-size:.85rem;text-transform:uppercase;font-weight:800;color:#6b7280;letter-spacing:1px;margin-bottom:20px}.sidebar-nav{display:flex;flex-direction:column;gap:8px}.nav-link{text-decoration:none;color:#9ca3af;font-size:.95rem;font-weight:600;padding:12px 15px;border-radius:12px;display:flex;align-items:center;gap:12px;transition:all .3s ease;border:1px solid transparent}.nav-link i{width:20px;text-align:center;font-size:1.1rem;transition:.3s}.nav-link:hover{background:rgba(255,255,255,.05);color:#fff;transform:translateX(5px)}.nav-link.active{background:rgba(217,70,239,.1);color:#d946ef;border-color:rgba(217,70,239,.2)}.wiki-main{flex:1;min-width:0}.cat-section{margin-bottom:70px;scroll-margin-top:120px}.cat-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:25px;display:flex;align-items:center;gap:15px;position:relative}.cat-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--primary),transparent);margin-left:15px;opacity:.4}.cat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--primary);background:rgba(217,70,239,.15)}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.art-card{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light);border-top:1px solid rgba(255,255,255,.12);border-radius:20px;padding:25px;text-decoration:none;display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.25,.8,.25,1);box-sizing:border-box;position:relative;isolation:isolate;will-change:transform}.art-card::before{content:'';position:absolute;inset:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}.art-card:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 0 30px rgba(255,255,255,.02);background:rgba(30,34,43,.8)}.art-card:hover::before{opacity:1}.art-header{display:flex;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:20px}.art-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;transition:.3s}.art-card:hover .art-icon{background:var(--primary);color:#000;border-color:transparent;box-shadow:0 5px 15px var(--primary-glow)}.art-meta-top{font-size:.8rem;color:#6b7280;font-weight:600;background:rgba(0,0,0,.3);padding:4px 10px;border-radius:8px}.art-title{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 10px;line-height:1.4;transition:.3s}.art-card:hover .art-title{color:var(--primary)}.art-desc{font-size:.95rem;color:var(--text-muted);margin:0 0 25px;line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.art-meta-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:15px}.read-more{font-size:.9rem;font-weight:700;color:#8a8f98;display:flex;align-items:center;gap:6px;transition:.3s}.art-card:hover .read-more{color:#fff;gap:10px}.views-count{font-size:.85rem;color:#6b7280;display:flex;align-items:center;gap:6px;font-weight:600}.live-viewers-pill{position:absolute;top:25px;right:25px;background:rgba(255,69,0,.15);color:#ff6b35;border:1px solid rgba(255,69,0,.3);padding:4px 12px;border-radius:20px;font-weight:800;font-size:.85rem;box-shadow:0 0 15px rgba(255,69,0,.2);animation:pulseOrange 2s infinite;display:flex;align-items:center;gap:6px;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.live-viewers-pill.pop-update{animation:pulseOrange 2s infinite,popUpdate .4s ease}.fire-icon-pulse{color:#ff4500;animation:fireFlicker 1.5s infinite alternate}.trending-section{background:linear-gradient(180deg,rgba(255,77,77,.05) 0,transparent 100%);border:1px solid rgba(255,77,77,.1);padding:30px;border-radius:24px;margin-bottom:80px}.trending-section .cat-title::after{background:linear-gradient(90deg,#ff4d4d,transparent)}.trending-section .cat-icon-wrapper{color:#ff4d4d;background:rgba(255,77,77,.15)}.trending-badge{background:rgba(255,77,77,.15);color:#ff4d4d;border:1px solid rgba(255,77,77,.3)}.trending-card::before{background:linear-gradient(135deg,#ff4d4d,transparent)}.trending-card:hover .art-icon{background:#ff4d4d;box-shadow:0 5px 15px rgba(255,77,77,.4)}.trending-card:hover .art-title{color:#ff4d4d}.empty-search{text-align:center;padding:80px 20px;background:var(--card-bg);border-radius:24px;border:1px dashed rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.empty-icon{font-size:4rem;color:#4b5563;margin-bottom:20px;transition:transform .3s}.empty-search:hover .empty-icon{transform:scale(1.1) rotate(-10deg);color:var(--primary)}.empty-search h3{font-size:1.8rem;margin-bottom:10px;color:#fff}.empty-search p{color:var(--text-muted);font-size:1.1rem;margin-bottom:30px;line-height:1.6}.btn-clear-search{display:inline-block;padding:12px 25px;border-radius:12px;background:rgba(255,255,255,.05);color:#fff;text-decoration:none;font-weight:700;border:1px solid rgba(255,255,255,.1);transition:.3s}.btn-clear-search:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);transform:translateY(-2px)}@media (max-width:992px){.wiki-layout{flex-direction:column;padding:30px 5%;gap:30px}.articles-grid{grid-template-columns:repeat(2,1fr)}.wiki-sidebar{position:static;width:100%;padding:15px;margin-bottom:10px;box-sizing:border-box}.sidebar-title{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:10px;gap:10px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-link{white-space:nowrap;padding:8px 16px;border:1px solid rgba(255,255,255,.08);border-radius:30px;background:rgba(255,255,255,.02)}}@media (max-width:768px){.wiki-hero{padding:120px 15px 40px}.search-btn{padding:0 20px;font-size:.9rem}.articles-grid{grid-template-columns:1fr}.cat-section{margin-bottom:50px}.art-card{padding:20px}.live-viewers-pill{top:20px;right:20px}.trending-section{padding:20px}}