.grid-container{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:1.5rem;gap:15px}.grid-item{width:31%;margin-bottom:1rem;background-color:var(--card-bg,#f9f9f9);color:var(--text-color,#333);padding:15px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s,color .3s}.grid-item h5{margin-top:0;color:var(--accent-color,#ff6f3c);border-bottom:1px solid var(--border-color,#eee);padding-bottom:8px}.grid-item ul{padding-left:20px;margin-bottom:0}.tip-box{background-color:var(--tip-bg,#f0f8ff);color:var(--text-color,#333);border-left:4px solid var(--tip-accent,#0078d4);padding:15px;margin:20px 0;border-radius:0 8px 8px 0;transition:background-color .3s,color .3s}.dark-mode .grid-item{background-color:var(--dark-card-bg,#2a2a2a);color:var(--dark-text-color,#f0f0f0);box-shadow:0 2px 4px rgba(0,0,0,.3)}.dark-mode .grid-item h5{color:var(--dark-accent-color,#ff9566);border-bottom:1px solid var(--dark-border-color,#444)}.dark-mode .tip-box{background-color:var(--dark-tip-bg,#1a2a3a);color:var(--dark-text-color,#f0f0f0);border-left:4px solid var(--dark-tip-accent,#4a9ced)}@media (max-width:768px){.grid-item{width:100%}}.sponsored-tip-box{background-color:var(--sponsor-bg,#f7f5ff);color:var(--text-color,#333);border:1px solid var(--sponsor-border,#e4e0ff);border-radius:8px;padding:20px;margin:30px 0;box-shadow:0 3px 10px rgba(0,0,0,.1);transition:background-color .3s,color .3s}.sponsored-tip-box h4{color:var(--accent-color,#ff6f3c);margin-top:0;display:flex;align-items:center;gap:8px}.sponsored-tip-box h5{margin-top:1.2rem;color:var(--accent-color,#ff6f3c)}.sponsored-tag{font-size:.85rem;background-color:var(--accent-color,#ff6f3c);color:#fff;padding:3px 8px;border-radius:4px;margin-right:8px}.sponsored-content{padding-left:10px}.sponsored-link{margin-top:15px;font-weight:700}.sponsored-link a{color:var(--accent-color,#ff6f3c);text-decoration:underline}.dark-mode .sponsored-tip-box{background-color:var(--dark-sponsor-bg,#2d2a3e);color:var(--dark-text-color,#f0f0f0);border:1px solid var(--dark-sponsor-border,#3d3a4e);box-shadow:0 3px 10px rgba(0,0,0,.3)}.dark-mode .sponsored-tip-box h4,.dark-mode .sponsored-tip-box h5{color:var(--dark-accent-color,#ff9566)}.dark-mode .sponsored-tag{background-color:var(--dark-accent-color,#ff9566);color:#1a1a1a}.dark-mode .sponsored-link a{color:var(--dark-accent-color,#ff9566)}.sponsored-gallery{display:flex;justify-content:space-between;gap:15px;margin:20px 0}.sponsored-gallery-item{flex:1;border-radius:6px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease-in-out}.sponsored-gallery-item:hover{transform:translateY(-5px)}.sponsored-gallery-item img,.sponsored-gallery-item picture{width:100%;height:160px;object-fit:cover;display:block;aspect-ratio:auto}@media (max-width:768px){.sponsored-gallery{flex-direction:column}.sponsored-gallery-item{margin-bottom:15px}.sponsored-gallery-item img,.sponsored-gallery-item picture{height:200px}}.lightbox-trigger{cursor:pointer;display:block;position:relative}.lightbox-trigger::after{content:'\f00e';font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .3s ease}.lightbox-trigger:hover::after{opacity:1}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90%;max-height:90%;margin:auto}.lightbox-image{display:block;max-width:100%;max-height:90vh;box-shadow:0 5px 25px rgba(0,0,0,.5);border:4px solid #fff}.lightbox-caption{color:#fff;text-align:center;margin-top:15px;font-size:16px;max-width:90%;margin-left:auto;margin-right:auto}.lightbox-close{position:absolute;top:-40px;right:0;font-size:24px;color:#fff;background:0 0;border:none;cursor:pointer;z-index:10}.lightbox-close:hover{color:var(--accent-color,#ff6f3c)}.lightbox-next,.lightbox-prev{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;color:#fff;background:rgba(0,0,0,.5);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background-color .3s}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-next:hover,.lightbox-prev:hover{background:rgba(255,111,60,.8)}@media (max-width:768px){.lightbox-next,.lightbox-prev{width:40px;height:40px;font-size:18px}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:-35px;right:0}}