*{margin:0;padding:0;box-sizing:border-box}body{padding-bottom:50px;max-width:600px;margin:0 auto}.banner{width:100%;height:200px;background:#f0f0f0;margin-bottom:20px}.banner img{width:100%;height:100%;object-fit:cover}.grid-container{display:grid;grid-template-columns:repeat(2,auto);gap:15px;padding:15px;justify-content:center}.grid-item{position:relative;width:fit-content;height:fit-content}.grid-item img{display:block;max-width:100%;height:auto}.video-banner{position:relative;width:100%;height:26vh;overflow:hidden}.banner-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:10px;right:10px;background:#0009;color:#fff;padding:8px 16px;border-radius:4px;font-size:.8rem}.banner-overlay h1{font-size:2.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.banner-overlay p{font-size:1.2rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.video-banner{height:14rem}.banner-overlay{font-size:.7rem;padding:6px 12px}}.notice-bar{background:#fff8e6;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0}.notice-content{display:flex;align-items:center;gap:12px}.notice-icon{color:#ff9800;font-size:16px;flex-shrink:0}.notice-text{flex:1;overflow:hidden}.notice-marquee{color:#ff6b00;font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice-arrow{color:#999;font-size:12px;flex-shrink:0}.notice-bar:hover{background:#fff3d6}@media (max-width: 768px){.notice-bar{padding:10px 12px}.notice-icon{font-size:14px}.notice-text{font-size:13px}}.top-nav{position:fixed;top:0;left:0;right:0;background:#fffffffa;box-shadow:0 2px 8px #0000001a;z-index:1000;height:74px;max-width:600px;margin:0 auto}.nav-container{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;height:100%}.logo{height:50px}.logo-image{height:100%;width:auto;object-fit:contain}.nav-right{display:flex;align-items:center;gap:20px}.nav-item{display:flex;align-items:center;gap:4px;color:#333;text-decoration:none;font-size:18px}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;transition:all .3s}.menu-toggle span{display:block;width:100%;height:2px;background-color:#333;transition:all .3s}.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.dropdown-menu{position:fixed;top:64px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 2px 8px #0000001a;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease-in-out;z-index:10;max-width:600px;margin:0 auto}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu ul li{opacity:0;transform:translate(-10px);transition:all .3s ease-in-out}.dropdown-menu.show ul li{opacity:1;transform:translate(0)}.dropdown-menu.show ul li:nth-child(1){transition-delay:.1s}.dropdown-menu.show ul li:nth-child(2){transition-delay:.2s}.dropdown-menu.show ul li:nth-child(3){transition-delay:.3s}.dropdown-menu ul li a{display:block;padding:15px 0;color:#333;text-decoration:none;border-bottom:1px solid #eee;transition:all .3s ease}.dropdown-menu ul li a:hover{padding-left:10px;color:#007bff;background:#f8f9fa}.section-title{text-align:center;padding:15px;font-size:1.5rem;color:#333;font-weight:700}.section-title i{color:#ff6b00;margin-left:5px}@media (max-width: 768px){.dropdown-menu{top:48px}}.video-banner{margin-top:74px}@media (max-width: 768px){.nav-container{padding:10px 12px}.top-nav{height:64px}.video-banner{margin-top:64px}}.video-slider{position:relative;width:100%;height:100%}.video-slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out}.video-slide.active{opacity:1}.banner-video{width:100%;height:100%;object-fit:cover}.banner-overlay{position:absolute;top:10px;right:10px;background:#00000080;color:#fff;padding:5px 10px;border-radius:4px}.fa-arrow-down{animation:bounce .3s infinite alternate,colorChange 1.5s infinite}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes colorChange{0%{color:red}25%{color:orange}50%{color:#ff0}75%{color:green}to{color:#00f}}.apply-btn{display:inline-block;width:18rem}.ad-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.ad-popup{position:relative;background-color:transparent;padding:50px;max-width:90%;max-height:90%}.ad-close-btn{position:absolute;right:0;width:30px;height:30px;background-color:#fda32f;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:20px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px #0000004d}.ad-close-btn:hover{background-color:#ff4500}.ad-content{overflow:hidden;-webkit-tap-highlight-color:transparent}.ad-image{display:block;max-width:100%;max-height:80vh;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.ad-option{margin-top:10px;text-align:center}.no-show-option{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-size:14px;color:#aeaeae;-webkit-tap-highlight-color:transparent}.no-show-option input{cursor:pointer}
