*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{font-family:Arial,sans-serif;background-color:#fff;overflow:hidden;display:flex;justify-content:center}img{display:block}.container{width:100%;max-width:1000px;height:100vh;margin:0 auto;display:flex;flex-direction:column;position:relative;overflow:hidden;text-align:center;background:#d3efff url(/static/images/home-bg.png) no-repeat top center / cover}header{display:flex;justify-content:center;align-items:center;width:100%;height:60px;padding:10px 20px;background:rgba(255,255,255,0);transition:background 0.3s ease-in-out,box-shadow 0.3s ease-in-out;box-shadow:0 2px 5px rgba(0,0,0,.1)}header.scrolled{background:rgba(255,255,255,1);box-shadow:0 4px 10px rgba(0,0,0,.2)}.logo{height:40px}.logo img{height:100%}.qr-icon{width:28px;height:28px;background:url(/static/images/qrcode-scan.png) no-repeat center / contain;cursor:pointer;position:absolute;right:20px;animation:pulse 1.5s infinite ease-in-out}.qr-icon:hover{animation:none;background-color:#007bff}@keyframes pulse{0%{transform:scale(1)}30%{transform:scale(1.15)}50%{transform:scale(1.2)}70%{transform:scale(1.1)}100%{transform:scale(1)}}main{flex:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}main::-webkit-scrollbar{display:none}.promo-banner img{width:100%}section{padding:15px}h2{font-size:1.3rem;font-weight:700;text-align:left;padding:0 5px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px auto}article{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;white-space:nowrap;background:#fff;font-size:1.2rem;border-radius:15px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);opacity:0;transform:translateY(20px);animation:fadeInUp 0.5s ease-out forwards;animation-delay:calc(var(--order) * 0.1s);transition:transform 0.3s ease-in-out,box-shadow 0.3s ease-in-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}article img{width:100%;border-radius:12%;transition:border-color 0.3s ease,box-shadow 0.3s ease;border:2px solid transparent}.brand-name{margin-top:8px;transition:color 0.3s ease}article:hover{box-shadow:0 5px 10px rgba(0,0,0,.15)}article:hover img{border-color:#007bff;box-shadow:0 0 10px rgba(0,166,255,.7)}article:hover .brand-name{color:#007bff}footer{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 15px;background:#fff;box-shadow:0 -2px 5px rgba(0,0,0,.1)}.app-info{display:flex;align-items:center}.app-icon{width:40px;height:40px;border-radius:8px;background:url(/apple-touch-icon.png) no-repeat center / contain;box-shadow:0 1px 5px rgba(0,0,0,.2)}.app-text{margin:auto 10px;text-align:left}.app-title{font-weight:700;color:#333}.app-intro{font-size:.9rem;color:#888}button{background:#007bff;color:#fff;padding:10px 16px;border-radius:5px;cursor:pointer;border:none;transition:background 0.3s}button:hover{background:#0056b3}.download-btn,.link-btn,.app-btn,.copy-btn{margin:5px}.download-btn{margin:0}.popup{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.3);z-index:1}.popup-content{background:#fff;max-width:500px;border-radius:10px;padding:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);animation:bounceFromCenter 0.3s ease-in-out forwards}@keyframes bounceFromCenter{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}.popup-title,.app-section-title{display:inline-block;font-size:1.2rem;font-weight:700;white-space:nowrap}.link-body,.app-section{margin:10px auto}.qr-code{display:flex;justify-content:center;align-items:center;padding:15px}.close-btn{position:absolute;top:10px;right:15px;font-size:2.4rem;background:none;border:none;cursor:pointer}.dashed-line{border:none;border-top:1px dashed #aaa;margin:5px 0}.d-none{display:none!important}.d-block{display:block!important}@media (max-width:768px){.brand-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:500px){.brand-grid{grid-template-columns:repeat(2,1fr)}.popup-content{width:90%}}