body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:0;padding:0;transition:background-color .3s,color .3s}body.light-mode{background-color:#fff;color:#000}body.dark-mode{background-color:#121212;color:#fff}.container{margin-right:auto;margin-left:auto;width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem)}header{padding:10px 0;background:#fff;position:relative;border-bottom:1px solid #e9ecef}.header-left{display:flex;align-items:center}.header-left img{height:65px}.logo{margin-right:15px;display:flex;flex-direction:column;justify-content:center;color:#000;text-decoration:none;font-size:20px;font-weight:bold}.switch{position:relative;display:inline-block;width:60px;height:30px;margin-left:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;z-index:2}.light-icon{color:#f1c40f;font-size:14px;z-index:1}.dark-icon{color:#2c3e50;font-size:14px;z-index:1}input:checked+.slider{background-color:#34495e}input:checked+.slider:before{transform:translateX(30px)}.header-right{display:flex}.menu{display:flex;list-style:none;margin:0;padding:0}.menu li{position:relative;margin:0 10px}.menu a{display:block;padding:10px;color:#333;text-decoration:none;transition:.3s}.menu a:hover{color:#4caf50}.submenu{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);min-width:200px;z-index:100;border-radius:4px;padding:10px 0;list-style:none}.menu li:hover>.submenu{display:block}.submenu .submenu{top:0;left:100%}.submenu li{margin:0;width:100%}.submenu a{padding:8px 15px}.mobile-menu-toggle{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#333}body.dark-mode header{background:#1a1a1a;box-shadow:0 2px 10px rgba(255,255,255,.05)}body.dark-mode .menu a{color:#eee}body.dark-mode .header-left a{color:#fff}body.dark-mode .menu a:hover{color:#4caf50}body.dark-mode .submenu{background:#222}body.dark-mode .mobile-menu-toggle{color:#eee}.search-container{display:flex;align-items:center;border:1px solid #ddd;border-radius:20px;padding:.25rem .5rem .25rem 1rem}input#searchBar{border:none;outline:none;background:transparent;transition:width .3s ease}button.search{background:none;border:none;cursor:pointer;padding:.25rem}body.dark-mode input#searchBar{color:#eee}body.dark-mode button.search{color:#eee}@media(min-width:1400px){.container{max-width:1320px}}@media(max-width:1024px){.container{max-width:98%;padding-left:0;padding-right:0}.menu>li>a{padding:10px 5px;font-size:14px}}@media(max-width:768px){i.fas.fa-bars,i.fas.fa-times{order:3;display:flex;align-items:anchor-center;padding-left:10px}.container{max-width:96%}.header-left{margin-left:0;padding:0}.header-left img{height:55px}.switch{width:50px;height:26px;margin-left:15px}.slider:before{height:18px;width:18px}input:checked+.slider:before{transform:translateX(24px)}.light-icon,.dark-icon{font-size:12px}.header-right{display:none;position:absolute;top:60px;left:0;width:100%;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1);z-index:1000;overflow-y:auto}body.dark-mode .header-right{background:#1a1a1a}.header-right.active{display:block}.menu{flex-direction:column;width:100%}.menu li{margin:0;border-bottom:1px solid #eee}body.dark-mode .menu li{border-bottom:1px solid #333}.menu a{padding:15px}.mobile-menu-toggle{display:contents;position:absolute;right:20px}.submenu{position:static;display:none;box-shadow:none;width:100%;background:#f5f5f5;padding:0}body.dark-mode .submenu{background:#222}.menu li.submenu-open>.submenu{display:block}.submenu a{padding-left:30px}.submenu .submenu a{padding-left:45px}.menu i.fas{float:right;transition:transform .3s}.menu li.submenu-open>a>i.fas{transform:rotate(180deg)}.search-container{width:50%;margin-right:0;order:1}.searchForm{display:flex;justify-content:space-between;width:100%}input#searchBar{width:95%}}@media(max-width:480px){.container{max-width:96%}.header-left img{height:45px}.switch{width:44px;height:22px;margin-left:10px}.slider:before{height:16px;width:16px;left:3px;bottom:3px}input:checked+.slider:before{transform:translateX(22px)}.light-icon,.dark-icon{font-size:10px}.mobile-menu-toggle{right:15px;font-size:20px}.logo{font-size:18px}.search-container{width:35%;margin-right:0}input#searchBar{width:88%}.site-footer{flex-direction:column;gap:12px}.footer-left{padding-left:0 !important}.footer-right{padding-right:0 !important}}html,body{height:100%;margin:0;padding:0}.page-wrapper{display:flex;flex-direction:column;min-height:100vh;position:relative}main{flex:1 0 auto;padding:10px}header .container{display:flex;justify-content:space-between}.site-footer{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 0 20px 0;font-size:14px;flex-shrink:0;margin-top:15px;border-top:1px solid #e9ecef}.site-footer a{color:#333;text-decoration:none}.site-footer a:hover{text-decoration:underline}.footer-left{padding-left:15px}.footer-right{padding-right:15px}body.dark-mode .site-footer{background-color:#121212;color:#f1f1f1;border-top:1px solid #333}body.dark-mode .site-footer a{color:#f1f1f1}body.dark-mode .site-footer a:hover{color:#4caf50}@media(max-width:320px){input#searchBar{width:85%}}@media(min-width:890px) and (max-width:945px){.search-container{width:25%;margin-right:0}.searchForm{flex:1}input#searchBar{width:85%}}@media(min-width:769px) and (max-width:890px){.search-container{width:15%;margin-right:0}.searchForm{flex:1}input#searchBar{width:70%}}.link-primary{text-decoration:none;color:#000}body.dark-mode .link-primary{color:#f1f1f1}.link-primary:hover{text-decoration:none;color:#4caf50}.link-secondary{text-decoration:none;color:#888}body.dark-mode .link-secondary{color:#f1f1f1}.link-secondary:hover{text-decoration:none;color:#4caf50}.tag-container-wrapper{position:relative;display:flex;align-items:center;overflow:hidden;padding:10px;background:#f9f9f9;border-bottom:1px solid #333}.tag-container{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;white-space:nowrap;scrollbar-width:none}.tag-container::-webkit-scrollbar{display:none}.tag-container span{background:#ddd;padding:6px 12px;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:background .3s}.tag-container span:hover{background:#4caf50;color:#fff}.scroll-btn{background:#4caf50;color:#fff;border:none;padding:8px 12px;font-size:18px;cursor:pointer;z-index:1;transition:background .3s;border-radius:4px}.scroll-btn:hover{background:#388e3c}.scroll-btn.left{margin-right:5px}.scroll-btn.right{margin-left:5px}body.dark-mode .tag-container-wrapper{background:#1a1a1a;border-bottom:1px solid #ccc}body.dark-mode .tag-container span{background:#444;color:#eee}body.dark-mode .tag-container span:hover{background:#81c784;color:#111}.scroll-btn:hover{background:#388e3c}.three-col-layout{display:flex;justify-content:space-between;width:100%;margin-top:20px;box-sizing:border-box;gap:20px}.three-col-layout .col{border-radius:8px}.col-left{width:25%;display:flex;flex-direction:column;gap:20px;height:fit-content}.col-info{flex:1}.hash{font-size:14px;color:#888;margin:0 0 4px;font-weight:700}.col-title{font-size:20px;font-weight:600;margin:0;text-align:left;width:100%}.middle-article{display:flex;flex-direction:row;gap:20px}.col-title1{margin:0;font-size:18px;font-weight:600}.col-para{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;margin:0}.middle{width:50%;border-bottom:1px solid #333}.article-col{width:25%}.col-right{display:flex;flex-direction:column;gap:20px;height:fit-content}.image-block img{width:100%;aspect-ratio:1.5;border-radius:6px;object-fit:cover}.image-title{margin-top:8px;font-size:14px;color:#333}.image-overlay-block{display:flex;flex-direction:column}.overlay-img{width:100%;border-radius:6px;object-fit:cover;display:block}.overlay-title{position:absolute;bottom:2px;color:#fff;padding:20px}body.dark-mode .three-col-layout .col{color:#fff}body.dark-mode .image-title{color:#ddd}body.dark-mode .overlay-title{color:#fff}.middle{width:50%;display:flex;flex-direction:column;gap:20px;padding-left:10px;padding-right:10px;padding-bottom:5px}.image-overlay-block{position:relative}body.dark-mode .overlay-title{color:#fff}.right-article-list{display:flex;flex-direction:column}.article-row{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.article-thumb{height:100px;object-fit:cover;border-radius:6px;width:100px}.article-info{flex:1}.meta{color:#888;margin:0 0 4px;font-size:14px;font-weight:700}.article-title{font-size:18px;color:#333;margin:0;text-align:left;width:100%;font-weight:600}.col-title1 .link-primary,.article-title .link-primary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;min-height:2.8em}body.dark-mode .meta{color:#aaa}body.dark-mode .article-title{color:#eee}.three-col-headlines{overflow-y:auto;display:flex;gap:30px;justify-content:space-between}.three-col-headlines::-webkit-scrollbar{display:none}.headlines-col{display:flex;flex-direction:column;gap:30px}.left-col{width:25%;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.right-col{width:25%}.headline-item,.headline-block{display:flex;flex-direction:column;gap:10px}.headline-img{width:100%;border-radius:6px;object-fit:cover}.center-img{max-width:100%;margin:0 auto}.headline-meta{font-size:14px;color:#777;font-weight:700;margin:0}.headline-title{font-size:18px;color:#222;margin:0;font-weight:600}.headline-description{font-size:16px;color:#444;font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em;min-height:2.8em}body.dark-mode .headline-meta{color:#aaa}body.dark-mode .headline-title{color:#eee}body.dark-mode .headline-description{color:#ccc}.three-col-headlines{display:flex;gap:30px;justify-content:space-between;height:100vh;box-sizing:border-box}.middle-col{width:50%;max-height:100%;padding-right:10px;box-sizing:border-box}.middle-col::-webkit-scrollbar{width:8px}.middle-col::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px}.middle-col::-webkit-scrollbar-track{background:transparent}.read-more-btn{padding:12px 22px;font-size:14px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s;display:inline-flex;gap:8px;margin-bottom:10px}.read-more-btn:hover{background-color:#388e3c}.read-more-btn svg{width:16px;height:16px}.deal-of-month{margin-top:30px;display:flex;flex-direction:column;gap:20px}.section-title{font-size:18px;font-weight:bold;margin-bottom:10px;border-bottom:#388e3c 2px solid;padding-bottom:12px}.deal-item{display:flex;gap:10px;border-bottom:#388e3c 2px solid;padding-top:20px;padding-bottom:20px}.deal-item:last-child{border-bottom:none}.deal-number{font-size:18px;font-weight:bold;color:#4caf50;min-width:30px}.deal-content{flex:1}.deal-meta{color:#888;margin:0 0 4px;font-size:14px;font-weight:700}.deal-title{font-size:18px;color:#333;margin:0;font-weight:600}body.dark-mode .deal-title{color:#eee}body.dark-mode .deal-meta{color:#aaa}.featured{margin-top:30px;background-color:#000;color:#fff;margin-bottom:50px}.marquee-container{width:100%;overflow:hidden;color:#fff;font-size:24px;white-space:nowrap;box-sizing:border-box;padding:20px 0;position:relative}.marquee-track{display:inline-block;white-space:nowrap;animation:scroll-left 20s linear infinite}.item{display:inline-flex;align-items:center;padding:0 2rem;font-size:48px;font-weight:800}.item_sep{width:8px;height:8px;border-radius:50%;background:#fff;margin-left:60px}@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.card{display:flex;max-width:1000px;margin-left:auto;margin-right:auto;border-radius:14px;overflow:hidden;background-color:#000;box-shadow:0 0 20px rgba(0,0,0,.6);min-width:100%;box-sizing:border-box;gap:36px;padding:0 30px 30px 30px}.card img{width:100%;object-fit:cover;height:-webkit-fill-available}.card-content{display:flex;flex-direction:column;justify-content:center;width:50%;gap:16px}.card-content p.category{color:#aaa;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:.5px;margin:0}.card-content h2{font-size:28px;font-weight:700;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-content p.description{font-size:16px;color:#ccc;margin:0}.read-more-btn-2{background:transparent;border:2px solid #fff;color:#fff;padding:12px 22px;border-radius:30px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;width:max-content}.read-more-btn-2:hover{background-color:#fff;color:#000}.read-more-btn-2 svg{width:16px;height:16px}.swapper{width:100%;overflow:hidden;position:relative}.swiper-wrapper{display:flex;transition:transform 5s ease}.article-button{padding:8px 16px;margin-right:8px;background:#f0f0f0;border:none;border-radius:30px;cursor:pointer;font-weight:500;width:45%}.article-button.active{background:#000;color:#fff}.article-button:hover{background:#ddd}.article-button.active:hover{background:#000}.artical-count{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:30px}.count{position:relative;text-align:center;width:150px}.count img{width:100%;height:150px;clip-path:circle(50%);object-fit:cover;display:block;margin:0 auto}.count h3{margin-top:10px;font-size:18px;color:#333}.count p{margin-top:-10px;font-size:14px;color:#777}.fashion-card{position:relative;width:100%;height:100px}.fashion-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.card-text{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;color:#fff}.card-text h3{font-size:20px;font-weight:bold;text-transform:uppercase;margin-left:15px}.card-text p{width:30px;height:30px;background-color:rgba(128,128,128,.6);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:16px;border:2px solid #ccc;margin-right:15px}.image-text-container{gap:10px;display:flex;flex-direction:column}img{transition:transform .3s ease}img:hover{transform:scale(1.05)}@media(max-width:1024px){.image-overlay-block.tall .overlay-img{height:20rem}.image-overlay-block.short .overlay-img{height:20rem}.three-col-layout{flex-direction:column}.col-left,.middle,.article-col,.col-right{width:100%;margin-bottom:20px}.middle{padding-left:0;padding-right:0;display:grid;grid-template-columns:repeat(3,1fr)}.middle-article{flex-direction:column}.three-col-headlines{flex-direction:column;height:auto}.left-col,.middle-col,.right-col{width:100%;margin-bottom:30px}.middle-col{border-top:2px solid #388e3c;padding-top:24px;padding-right:0;display:grid;grid-template-columns:repeat(2,1fr)}.col.col-left{display:grid;grid-template-columns:repeat(2,1fr)}.item{font-size:36px}.card{flex-direction:column;min-width:100%;padding:30px 32px;margin-bottom:0}.card img{width:100%;margin-left:0;height:30rem;object-fit:cover}.card-content{width:100%;padding:0;gap:24px}.artical-count{flex-wrap:wrap}.center-img{height:15rem}}@media(max-width:768px){.card img{height:20rem}.col.middle{display:flex}.middle-col{display:grid;grid-template-columns:repeat(1,1fr)}.tag-container-wrapper{padding:5px}.tag-container span{padding:4px 8px;font-size:12px}.scroll-btn{padding:5px 8px;font-size:14px}.three-col-layout .col{padding:0}.headline-description{font-size:12px}.card{padding:0 24px 20px;flex-direction:column}.card-content{padding:0}.article-title{font-size:18px}.card-content h2{font-size:20px;text-align:left}.card-content p.description{font-size:14px}.read-more-btn,.read-more-btn-2{padding:8px 16px;font-size:12px}.section-title{font-size:16px}.count{width:120px}.count img{height:120px}.count h3{font-size:16px}.count p{font-size:12px}.fashion-card{height:80px}.card-text h3{font-size:16px;margin-left:10px}.card-text p{width:25px;height:25px;font-size:14px;margin-right:10px}.deal-item{padding:15px 0}.article-button{padding:6px 12px;font-size:12px}.marquee-container{font-size:18px}.item{font-size:40px;padding:0 1rem}.item_sep{width:6px;height:6px;margin-left:30px}}@media(max-width:480px){.card img{height:10rem}.col.col-left{display:flex}.three-col-layout,.three-col-headlines{gap:15px}.three-col-layout{margin-top:10px}.tag-container{gap:5px}.headline-item,.headline-block{gap:5px}.card{padding:0 16px 16px}.card-content{gap:12px}.card-content h2{font-size:18px}.card-content p.category{font-size:12px}.card-content p.description{font-size:12px}.col-title,.col-title1,.headline-title,.article-title,.deal-title{font-size:16px}.col-left{gap:10px;margin-bottom:0}.headlines-col{gap:10px}.headlines-col .container{margin-left:0;margin-right:0;max-width:100%}.count{width:100px}.count img{height:100px}.count h3{font-size:14px}.count p{font-size:10px}.item{font-size:24px}.deal-number{font-size:16px;min-width:20px}.middle-article{flex-direction:column}.artical-count{gap:20px}}.post-title{color:#fff;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4em}.fn_meta{color:#fff;font-size:14px;font-weight:700;margin:0 0 4px}.read-more-wrapper{border-bottom:#388e3c 2px solid}