*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:var(--over-bg);color:var(--site-text);padding-top:80px;padding-bottom:71px;display:flex;justify-content:center}.wrapper{width:100%;max-width:480px;background-color:var(--site-bg);min-height:100vh;position:relative;overflow:hidden}#header{width:100%;background-color:var(--header-bg);position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;padding:0}#header .header-inner{width:100%;max-width:480px;display:flex;flex-direction:column}.header-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0 10px}.header-logo-block,.header-btn-block{width:auto}.logo img{max-height:100%;max-width:120px;height:auto}.btn-left{display:flex;gap:10px}.btn-left .action-btn{position:relative;display:inline-block;padding:10px 10px;background-color:var(--btn-bg,#ffcc00);color:var(--btn-text-color,#fff);border:1px solid #fff0;border-radius:25px;font-weight:700;font-size:16px;text-decoration:none;overflow:hidden;z-index:1;transition:transform 0.3s ease,box-shadow 0.3s ease}@media (max-width:480px){.btn-left .action-btn{padding:6px 6px;font-size:16px}}.btn-left .action-btn::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(270deg,#5E35B1,#03A9F4,#2E7D32);background-size:600% 600%;z-index:-1;border-radius:28px;animation:borderRun 3s linear infinite}.btn-left .action-btn:hover{transform:translateY(-2px);box-shadow:0 0 12px rgb(255 120 0 / .4)}.btn-left .action-btn:active{transform:scale(.97);box-shadow:inset 0 3px 5px rgb(0 0 0 / .2)}@keyframes borderRun{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media (max-width:480px){#header .header-inner{flex-direction:column}.header-content{flex-direction:column;padding:0}.header-logo-block{width:100%;background-color:#fff0;text-align:center;padding:5px 0}body{padding-top:85px}.header-btn-block{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fc0;padding:2px 0;width:auto;min-height:0}.logo img{max-width:160px;height:auto}.btn-left{display:flex;justify-content:center;gap:10px;width:100%}}#banner{width:100%;max-width:480px;margin:15px auto;position:relative;overflow:hidden;aspect-ratio:407 / 120}.slides{position:relative;width:100%;height:100%}.slide{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease-in-out}.slide.active{opacity:1}#banner img{width:100%;height:100%;object-fit:cover}.slider-dots{position:absolute;bottom:5px;width:100%;text-align:center}.dot{display:inline-block;width:8px;height:8px;margin:0 4px;background-color:#ccc;border-radius:50%}.dot.active{background-color:var(--primary-color)}#marquee{width:90%;max-width:480px;overflow:hidden;white-space:nowrap;margin:8px auto;background-color:#fff0;padding:1px;font-size:20px}.marquee-content{display:inline-block;padding-left:100%;animation:marquee 25s linear infinite}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}#ad{width:95%;max-width:480px;margin:5px auto;aspect-ratio:407 / 94;background-image:url(qc1.avif);background-size:cover;background-position:center;position:relative;overflow:hidden}#ad #counter{position:absolute;top:var(--counter-top,90%);left:var(--counter-left,50%);transform:translate(-50%,-50%);font-size:var(--counter-font-size,20px);font-weight:var(--counter-font-weight,bold);color:var(--counter-color,var(--secondary-color))}#buttons-section{width:90%;max-width:480px;margin:10px auto;display:flex}.btn-left{margin-left:auto;display:flex;gap:8px}#image-section{width:90%;max-width:480px;margin:10px auto;display:flex;flex-direction:column;gap:10px;align-items:center}.square-img{width:100%;aspect-ratio:1 / 1;object-fit:cover}#page-info{width:90%;max-width:480px;margin:10px auto;font-size:18px;line-height:1.5;text-align:justify}#footer{width:100%;background-color:var(--footer-bg);position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;z-index:1000}#footer .footer-inner{width:100%;max-width:480px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:65px}.footer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:12px}.footer-item img{width:30px;height:30px;object-fit:cover;margin-bottom:2px}.footer-item span{color:var(--footer-itemtext)}#icon-slider{width:100%;max-width:480px;margin:10px auto;overflow:hidden}.icon-container{display:flex;gap:20px;transition:transform 0.3s ease;font-size:16px}.icon-item{min-width:100px;text-align:center;cursor:pointer}.icon-item img{width:40px;height:30px;object-fit:cover;display:block;margin:0 auto;height:30px}#gallery{width:100%;max-width:480px;margin:20px auto;text-align:center}#gallery img{width:100%;max-width:480px;height:auto}body{font-family:sans-serif}#icon-slider{width:100%;max-width:480px;margin:10px auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.icon-container{display:flex;gap:10px;transition:transform 0.3s ease}.icon-item{min-width:80px;text-align:center;cursor:pointer}.icon-link{display:inline-block;text-decoration:none;color:#333}section[id^="image"]{width:90%;margin:10px auto;text-align:center}section[id^="image"] img{width:100%;height:auto;min-height:220px;margin-bottom:10px;border:none}.image-with-label{display:flex;align-items:center;margin-left:10px}.image-with-label img{width:40px;height:30px;object-fit:cover}.image-with-label span{margin-left:10px;font-size:18px;color:var(--site-text)}.icon-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.icon-item img{width:40px;height:30px;object-fit:contain;display:block;margin:0 auto}.icon-item span{margin-top:4px;font-size:16px;line-height:1.2}#fixed-banner-container{position:fixed;bottom:70px;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end}#fixed-banner{width:100%;background:#000;border-radius:2px;overflow:hidden;box-shadow:0 0 10px rgb(0 0 0 / .3);margin-top:5px}#fixed-banner video{width:100%;height:auto;display:block}#close-banner{background-color:#000;color:#fff;border:none;padding:2px 2px;border-radius:5px;font-size:12px;cursor:pointer;margin-right:5px}#view-ads{position:fixed;bottom:70px;left:50%;transform:translateX(calc(240px - 100%));background-color:#000;color:#fff;border:none;padding:2px 2px;border-radius:5px;font-size:12px;cursor:pointer;z-index:9999}@media (max-width:480px){#view-ads{left:auto;right:10px;transform:none}}#popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .5);display:flex;justify-content:center;align-items:center;z-index:10000}#popup-content{position:relative;max-width:400px;width:95%;background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 4px 8px rgb(0 0 0 / .2)}#popup-close{position:absolute;top:-10px;right:-2px;background:#fff;border:1px solid #000;border-radius:50%;width:30px;height:30px;cursor:pointer;font-weight:700}#popup-content img{display:block;max-width:100%;height:auto}#popup-content video{display:block;max-width:100%;height:auto;margin:0 auto}.header-logo-block,.header-btn-block{width:auto}@media (max-width:480px){#header{height:auto;padding:0;flex-direction:column}.header-content{flex-direction:column;padding:0}.header-btn-block{width:100%;padding:6px 0}.logo img{max-width:160px;height:auto}.btn-left{display:flex;justify-content:center;gap:10px;width:100%}}@media (min-width:480px){#header{height:80px;min-height:80px}.header-content{height:80px;min-height:80px;align-items:center}}body{background:var(--over-bg)}.wrapper{width:100%;max-width:480px;background-color:var(--site-bg);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 16px 0 rgb(0 0 0 / .05)}#header,#footer{width:100%;display:flex;justify-content:center;left:0;background:#fff0;position:fixed;z-index:1000}.header-inner,.footer-inner{width:100%;max-width:480px;margin:0 auto;padding-left:0;padding-right:0;background-color:var(--header-bg)}.footer-inner{background-color:var(--footer-bg)}.btn-below{display:flex;gap:10px;margin-top:6px;justify-content:center}.action-btn-secondary{display:inline-block;padding:5px 14px;background:#1976d2;color:#fff;border:none;border-radius:7px;font-size:20px;font-weight:400;text-decoration:none;margin:0 2px;transition:background 0.2s}.action-btn-secondary:hover,.action-btn-secondary:focus{background:#1565c0;color:#fff}.wrapper{position:relative}.wrapper{position:relative;max-width:480px;margin:0 auto}