:root{--bg-body:#0a0a0a;--bg-card:#141414;--text-main:#fff;--text-sub:#a0a0a0;--accent:#b042ff;--accent-dark:#7303c0;--glass:rgba(20, 20, 20, 0.7);--gap:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6,.site-title,.gate-title{font-family:'Montserrat',sans-serif;font-weight:800}a{text-decoration:none;color:inherit;transition:0.3s ease}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1300px;margin:0
auto;padding:0
20px}.site-header{background-color:rgba(10, 10, 10, 0.9);backdrop-filter:blur(10px);padding:15px
0;border-bottom:1px solid #222;position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.site-title
a{font-size:1.5rem;letter-spacing:1px;text-transform:uppercase;color:#fff;white-space:nowrap}.header-search{flex-grow:1;max-width:600px}.search-form{display:flex;background:#1a1a1a;border-radius:4px;overflow:hidden;border:1px
solid #333;transition:0.3s}.search-form:focus-within{border-color:var(--accent);box-shadow:0 0 10px rgba(176, 66, 255, 0.3)}.search-field{flex-grow:1;background:transparent;border:none;padding:10px
15px;color:#fff;outline:none;font-family:'Inter',sans-serif}.search-submit{background:linear-gradient(135deg, var(--accent), var(--accent-dark));border:none;padding:0
25px;color:#fff;cursor:pointer;font-size:1.1rem;transition:0.3s}.search-submit:hover{padding:0
30px}.header-tools{display:flex;align-items:center;gap:20px}.tool-btn{background:none;border:none;color:var(--text-sub);font-size:1.2rem;cursor:pointer;position:relative;transition:0.3s}.tool-btn:hover{color:#fff;text-shadow:0 0 10px #fff}.badge{position:absolute;top:-5px;right:-8px;background:var(--accent);color:#fff;font-size:0.6rem;padding:2px
5px;border-radius:10px;font-weight:bold;display:none}.main-nav
ul{display:flex;gap:20px}.main-nav
a{font-size:0.9rem;font-weight:600;text-transform:uppercase;color:var(--text-sub)}.main-nav a:hover{color:var(--accent)}.ad-banner-home{margin:30px
0;text-align:center;min-height:90px;background:#000;border:1px
dashed #222;display:flex;align-items:center;justify-content:center}.filter-bar{display:flex;gap:15px;margin-bottom:20px;justify-content:flex-end}.filter-btn{padding:8px
16px;background:#1a1a1a;border:1px
solid #333;color:var(--text-sub);font-size:0.85rem;border-radius:20px;cursor:pointer;transition:0.3s}.filter-btn.active,.filter-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 15px rgba(176, 66, 255, 0.4)}.post-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--gap);margin-bottom:50px}.post-card{position:relative;background:var(--bg-card);border-radius:8px;overflow:hidden;transition:0.3s ease;user-select:none}.post-card:hover{transform:translateY(-5px);box-shadow:0 0 15px rgba(176, 66, 255, 0.4);z-index:10}.post-thumbnail{position:relative;width:100%;aspect-ratio:300 / 250;overflow:hidden;background:#1a1a1a}.post-thumbnail.loading::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #1a1a1a 0%, #222 50%, #1a1a1a 100%);background-size:200% 100%;animation:skeleton-pulse 1.5s infinite;z-index:1}@keyframes skeleton-pulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.post-thumbnail
img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;opacity:0}.post-card:hover .post-thumbnail
img{transform:scale(1.1)}.post-thumbnail
img.loaded{opacity:1}.type-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:rgba(255, 255, 255, 0.8);font-size:2.5rem;z-index:2;pointer-events:none;text-shadow:0 2px 10px rgba(0,0,0,0.5);transition:0.3s}.post-card:hover .type-icon{color:#fff;transform:translate(-50%, -50%) scale(1.2)}.post-info{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:rgba(20, 20, 20, 0.85);backdrop-filter:blur(5px);border-top:1px solid rgba(255,255,255,0.1)}.post-title{font-size:0.9rem;margin:0;line-height:1.4;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-meta{font-size:0.75rem;color:var(--text-sub);margin-top:5px;display:flex;justify-content:space-between}.snap-container{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;background:#000}.snap-section{position:relative;height:100vh;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;overflow:hidden}.snap-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(30px) brightness(0.4);z-index:1}.snap-img-box{position:relative;z-index:2;max-width:95%;max-height:90vh;box-shadow:0 0 50px rgba(0,0,0,0.8);transition:transform 0.5s ease}.snap-section:hover .snap-img-box{transform:scale(1.02)}.snap-img-box
img{max-height:90vh;width:auto;border-radius:4px}.snap-caption{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:3;background:rgba(0,0,0,0.6);padding:10px
20px;border-radius:20px;color:#fff;font-size:0.9rem;backdrop-filter:blur(4px);max-width:80%;text-align:center}.fav-drawer{position:fixed;bottom:0;left:0;width:100%;height:70vh;background:#111;border-top:2px solid var(--accent);z-index:9999;transform:translateY(105%);transition:transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);padding:20px;box-shadow:0 -10px 40px rgba(0,0,0,0.8);display:flex;flex-direction:column}.fav-drawer.open{transform:translateY(0)}.fav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #333;padding-bottom:15px}.fav-header
h3{font-size:1.5rem;color:#fff}.fav-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.fav-list{flex-grow:1;overflow-y:auto;display:grid;grid-template-columns:repeat(4, 1fr);gap:15px}.fav-tools{margin-top:15px;padding-top:15px;border-top:1px solid #333;display:flex;gap:10px}.btn-code{flex:1;background:#222;color:#aaa;border:1px
solid #444;padding:10px;cursor:pointer;font-family:monospace}.btn-code:hover{border-color:var(--accent);color:var(--accent)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(0,0,0,0.9);color:var(--accent);padding:12px
25px;border:1px
solid var(--accent);border-radius:30px;font-weight:bold;opacity:0;visibility:hidden;transition:0.3s;z-index:10000;box-shadow:0 5px 20px rgba(0,0,0,0.5);display:flex;align-items:center;gap:10px}.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.heart-burst{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(0);font-size:4rem;color:var(--accent);animation:burst 0.6s ease-out forwards;pointer-events:none;z-index:100}@keyframes
burst{0%{transform:translate(-50%, -50%) scale(0);opacity:1}50%{transform:translate(-50%, -50%) scale(1.5);opacity:1}100%{transform:translate(-50%, -50%) scale(2);opacity:0}}@media (max-width: 768px){.header-inner{flex-wrap:wrap;gap:15px}.site-branding{order:1}.header-tools{order:2}.header-search{order:3;min-width:100%;margin-top:5px}.post-grid{grid-template-columns:repeat(2, 1fr);gap:10px}.fav-list{grid-template-columns:repeat(2, 1fr)}.site-title
a{font-size:1.2rem}.snap-caption{width:90%;bottom:80px}}.footer-widgets{background:#080808;padding:60px
0 40px;border-top:1px solid #1a1a1a}.footer-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:40px}.widget{margin-bottom:30px}.widget-title{font-size:1.1rem;color:#fff;margin-bottom:20px;border-left:3px solid var(--accent);padding-left:10px;text-transform:uppercase;letter-spacing:1px}.widget
ul{list-style:none;padding:0}.widget ul
li{margin-bottom:10px;border-bottom:1px solid #1a1a1a;padding-bottom:10px}.widget ul li:last-child{border-bottom:none}.widget ul li
a{color:var(--text-sub);font-size:0.9rem;transition:0.3s}.widget ul li a:hover{color:var(--accent);padding-left:5px}.tagcloud
a{display:inline-block;background:#1a1a1a;color:#aaa;padding:5px
12px;margin:0
5px 5px 0;font-size:0.8rem !important;border-radius:4px;border:1px
solid #333;transition:0.3s}.tagcloud a:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px rgba(176, 66, 255, 0.4)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:30px}}.gallery-grid-view{padding:20px
0 60px;display:block}.gallery-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin-top:30px}.gallery-item{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:4px;cursor:zoom-in;background:#1a1a1a;transition:0.3s}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(176, 66, 255, 0.3);z-index:2}.gallery-item
img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s}.gallery-item:hover
img{transform:scale(1.1)}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(2, 1fr);gap:10px}}#snap-viewer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background:#000;opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}#snap-viewer-overlay.active{opacity:1;visibility:visible}#back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:var(--accent, #b042ff);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;z-index:9999;box-shadow:0 0 10px rgba(176, 66, 255, 0.6),
0 0 20px rgba(176, 66, 255, 0.4);font-size:20px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease}#back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}#back-to-top:hover{background-color:#fff;color:var(--accent, #b042ff);box-shadow:0 0 20px #fff;transform:scale(1.1)}