:root{--bg-color: #1a1a2e;--card-bg: #ffffff;--accent-color: #ff6b35;--text-primary: #333333;--text-secondary: #666666;--notice-bg: #fff3cd;--notice-text: #856404}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);line-height:1.5;margin:0;min-height:100vh;background:linear-gradient(45deg,#1b0033,#3a0044,#800033 60%,#e61a25);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}a{text-decoration:none;color:inherit}#app{max-width:1200px;margin:0 auto;padding:0}.notice-bar{background:linear-gradient(90deg,#6a5bdc,#ff3b3b);color:#fff;padding:10px 20px;display:flex;align-items:center;font-size:14px;overflow:hidden}.notice-icon{margin-right:10px;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px}.notice-text-wrapper{flex:1;overflow:hidden;white-space:nowrap}.notice-text{display:inline-block;animation:scroll-left 15s linear infinite;white-space:nowrap;padding-left:100%}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.header{padding:15px 20px;display:flex;align-items:center;position:sticky;top:0;z-index:100;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.header::-webkit-scrollbar{display:none}.nav-links{display:flex;gap:15px}.nav-link{padding:6px 16px;border-radius:20px;font-size:15px;font-weight:700;color:#fff;transition:all .3s}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#fff;color:#000}.main-content{padding:0 20px 20px}.hero-sliders{margin-bottom:15px}.slider-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;border-radius:12px}.slider-container::-webkit-scrollbar{display:none}.slider-item{flex:0 0 100%;scroll-snap-align:center;display:block}.slider-img{width:100%;height:auto;aspect-ratio:16 / 9;border-radius:12px;object-fit:cover;box-shadow:0 4px 10px #0003;display:block}.section-header{background:linear-gradient(90deg,#e91e63,#9c27b0);border-radius:12px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-top:15px;margin-bottom:20px}.section-title{font-size:16px;font-weight:700;display:flex;align-items:center}.section-icon{margin-right:5px}.section-subtitle{font-size:12px;opacity:.9}.icon-grid{display:grid;grid-template-columns:repeat(var(--cols, 5),1fr);gap:20px 15px}.icon-card{background:transparent;border-radius:16px;text-align:center;transition:transform .2s;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.icon-card:hover{transform:translateY(-3px)}.icon-img{width:100%;aspect-ratio:1 / 1;max-width:64px;max-height:64px;border-radius:16px;object-fit:cover;box-shadow:0 4px 10px #0003}.icon-name{font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.icon-grid{grid-template-columns:repeat(var(--cols-mobile, var(--cols, 5)),1fr)}.slider-item{height:160px}.slider-img{height:160px;aspect-ratio:auto}}@media (max-width: 480px){.icon-grid{grid-template-columns:repeat(var(--cols-mobile, var(--cols, 5)),1fr)}.header{flex-direction:column;gap:1rem}}