.counter-container{display:inline-block;position:relative}.counter-counter{line-height:1;display:flex;overflow:hidden}.counter-digit{font-variant-numeric:tabular-nums;width:1ch;position:relative}.counter-number{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gradient-container{pointer-events:none;position:absolute;inset:0}.bottom-gradient{width:100%;position:absolute;bottom:0}
.count-down-container{cursor:pointer;border-radius:30px;padding:30px}.count-down-container .counter-counter span{font-size:72px!important}@media (max-width:768px){.count-down-container{border-radius:20px;padding:20px}.count-down-container .counter-counter span{font-size:40px!important}.count-down-container .seconds-unit{display:none}}
.noscroll{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.intro{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.intro:after{content:"";pointer-events:none;z-index:4;background-size:250px;width:100%;height:100%;position:absolute;top:0;left:0}.gridMotion-container{transform-origin:50%;z-index:2;flex:none;grid-template-rows:repeat(4,1fr);grid-template-columns:100%;gap:1rem;width:150vw;height:150vh;display:grid;position:relative;transform:rotate(-15deg)}.row{will-change:transform,filter;grid-template-columns:repeat(7,1fr);gap:1rem;display:grid}.row__item{position:relative}.row__item-inner{aspect-ratio:1;color:#fff;background-color:#111;border-radius:30px;justify-content:center;align-items:center;width:100%;font-size:1.5rem;display:flex;position:relative;overflow:hidden}.row__item-img{background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.row__item-content{text-align:center;z-index:1;padding:1rem}.fullview{pointer-events:none;width:100%;height:100%;position:relative;top:0;left:0}.fullview .row__item-inner{border-radius:0}
.hero-section{background:#000;flex-direction:column;justify-content:space-between;min-height:100vh;display:flex}.hero-section .container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.hero-section .container>:not(.count-down-container){margin-bottom:2rem}.hero-section .container>:last-child,.hero-section .container .count-down-container{margin-bottom:0}@media (max-width:768px){.hero-section{background-image:url(https://offontime-prod.oss-cn-beijing.aliyuncs.com/cms/2025/11/13/4f9bb883-41db-447c-871c-657e8edae8e9.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.hero-section .container{gap:1.5rem;padding-top:2rem;padding-bottom:2rem}.hero-section .container>:not(.count-down-container){margin-bottom:1.5rem}}@media (max-width:640px){.hero-section .container{gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem}.hero-section .container>:not(.count-down-container){margin-bottom:1rem}}.feature-card{transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.cover-overlay{-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px)}@media (max-width:768px){.hero-section img[alt=一刻音乐]{width:80px!important;height:80px!important}.hero-section h1{line-height:1.2;font-size:2.5rem!important}.hero-section p{padding:0 1rem;font-size:1rem!important}}@media (max-width:640px){.hero-section img[alt=一刻音乐]{width:60px!important;height:60px!important}.hero-section h1{line-height:1.2;font-size:2rem!important}.hero-section p{padding:0 .75rem;font-size:.875rem!important}}