main{min-height:calc(100vh - 50px)}main .header{border-bottom:1px solid var(--color-border);background:radial-gradient(at 50% 0,#e8e2f8 0%,#faf9f6 70%);flex-direction:row;justify-content:space-between;padding:10% 70px 20px;display:flex}main .header .left{max-width:50%}main .header .left .tag{max-width:fit-content;font-size:13px;font-weight:var(--font-medium);color:var(--color-accent);background:#7c3aed36;border-radius:30px;margin-bottom:10px;padding:7px 15px}main .header .left h1{line-height:1.2;font-weight:var(--font-semibold)}main .header .left p{margin-top:10px;margin-bottom:30px}main .header .left em{color:var(--color-primary);font-style:normal}main .header .left .btn{align-items:center;gap:12px;display:flex}main button{cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:var(--font-semibold);border:0;border-radius:8px;outline:0;justify-content:center;align-items:center;gap:6px;padding:10px 20px;transition:all .3s ease-in-out;display:flex}main .btn button i{font-size:15px}main button:hover{opacity:.7;transition:all .3s ease-in-out}main .fill{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff}main .out{border:1px solid var(--color-accent);color:var(--color-accent);background:0 0}main .header .lla{margin-top:-30px}.features{border-top:1px solid var(--color-border);background:var(--color-background-tertiary,#f5f4fb);min-width:100%;margin-bottom:-50px;padding:50px 60px}.features .feat-label{font-size:12px;font-weight:var(--font-semibold);letter-spacing:.1em;color:#7f77dd;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;display:flex}.features .feat-label:before,.features .feat-label:after{content:"";background:#7f77dd;width:28px;height:1px;display:block}.features h2{text-align:center;font-size:32px;font-weight:var(--font-bold);margin:0 0 10px}.features .feat-subtitle{text-align:center;color:var(--color-text-muted);max-width:480px;margin:0 auto 40px;font-size:15px;line-height:1.6}.features .feat-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:100%;margin:0 auto;display:grid}.features .feat-card{background:#fff;border:1px solid #ececec;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.features .feat-card .card-top{justify-content:space-between;align-items:flex-start;display:flex}.features .feat-card .card-icon{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex}.features .feat-card .card-num{font-size:16px;font-weight:var(--font-semibold)}.features .feat-card .card-name{font-size:16px;font-weight:var(--font-semibold);margin:0}.features .feat-card .card-divider{border:none;height:1px;margin:0}.features .feat-card .card-desc{color:var(--color-text-muted);flex:1;margin:0;font-size:13px;line-height:1.6}.features .feat-card .card-arrow{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .2s;display:flex}.features .feat-card .card-arrow:hover{opacity:.7}.features .feat-card.purple .card-icon{color:#534ab7;background:#eeedfe}.features .feat-card.purple .card-num{color:#afa9ec}.features .feat-card.purple .card-divider{background:#afa9ec}.features .feat-card.purple .card-arrow{color:#534ab7;background:#eeedfe}.features .feat-card.green .card-icon{color:#0f6e56;background:#e1f5ee}.features .feat-card.green .card-num{color:#5dcaa5}.features .feat-card.green .card-divider{background:#5dcaa5}.features .feat-card.green .card-arrow{color:#0f6e56;background:#e1f5ee}.features .feat-card.amber .card-icon{color:#854f0b;background:#faeeda}.features .feat-card.amber .card-num{color:#ef9f27}.features .feat-card.amber .card-divider{background:#ef9f27}.features .feat-card.amber .card-arrow{color:#854f0b;background:#faeeda}.features .feat-more .f{flex-direction:column;align-items:center;gap:15px;margin-top:28px;display:flex}.features .feat-more .f .down i{color:var(--color-text-muted);font-size:20px;animation:1.2s ease-in-out infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(-3px)}50%{transform:translateY(3px)}}.features button{font-size:.8rem}.features .feat-more .f button i{color:#fff}.features .feat-more span{border:1px solid var(--color-border);color:var(--color-text-muted);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;display:inline-flex}@media screen and (width<=768px){.features .feat-grid{grid-template-columns:1fr}}@media screen and (width>=768px) and (width<=1024px){.features .feat-grid{grid-template-columns:repeat(2,1fr)}}.lla{border:1px solid var(--color-border);background:#fff;border-radius:16px;flex-direction:column;gap:12px;min-width:35%;max-width:35%;padding:16px;transition:all .2s ease-in-out;display:flex}.lla:hover{transition:all .2s ease-in-out;box-shadow:0 4px 24px #6d28d94d}.lla .top{border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.lla .info{border-radius:10px;flex-direction:row;align-items:center;gap:10px;margin-bottom:0;display:flex}.lla .info i{color:var(--color-primary);background:#ede9fe;border-radius:8px;padding:8px;font-size:18px}.lla .info .s{flex-direction:row;align-items:center;gap:10px;display:flex}.lla .info .c{flex-direction:column;gap:2px;font-size:13px;display:flex}.lla .info .c strong{font-weight:var(--font-semibold);margin-right:10px}.lla .info .c em{font-style:normal;font-weight:var(--font-semibold);color:var(--color-primary)}.lla .info .c b{font-style:normal;font-weight:var(--font-medium);color:var(--color-text-muted)!important}.lla .top .date{height:40px;color:var(--color-text-secondary);border-left:none;border-left:1px solid var(--color-border);align-items:center;gap:6px;margin:0;padding:0 0 0 10px;line-height:1;display:flex}.lla .top .date span{font-size:13px;font-weight:var(--font-medium)}.lla .top .date i{color:var(--color-primary);font-size:18px}.lla .content{font-size:14px;font-weight:var(--font-regular);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--color-border);cursor:pointer;min-height:15vh;padding:4px 2px;line-height:1.6}.lla a{color:var(--color-text-primary);text-decoration:none}.lla .footer{border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;padding-right:16px;display:flex;overflow:hidden}.lla .footer .music{flex-direction:row;align-items:center;gap:12px;display:flex}.lla .footer .music img{object-fit:cover;border-radius:10px;flex-shrink:0;width:80px;height:80px}.lla .footer .music .desc{flex-direction:column;gap:3px;margin:0;padding:5px 0;display:flex}.lla .footer .music .desc .title{font-size:15px;font-weight:var(--font-semibold)}.lla .footer .music .desc .artist{color:var(--color-text-secondary);margin:0;font-size:13px}.lla .footer .music .desc .song{color:var(--color-primary);font-size:12px;font-weight:var(--font-medium);background:#6e42d32b;border-radius:20px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:3px 8px;display:inline-flex}.lla .footer .music .desc .song i{font-size:13px}.lla .footer .deezer-side{flex-direction:column;align-items:center;gap:10px;display:flex}.lla .footer .deezer-side img{object-fit:contain;width:40px;margin:0}main .list{flex-direction:row;gap:12px;width:100%;padding:20px;display:flex;overflow:hidden}main .list .track{gap:12px;width:max-content;animation:20s linear infinite marquee;display:flex}main .list:hover .track{animation-play-state:paused}main .list .track .l{min-width:350px;max-width:350px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media screen and (width<=600px){main .header{flex-direction:column;padding:25% 25px 20px}main .header .left{min-width:100%}main .header .left .btn{flex-direction:column;gap:12px}main .header .left .btn button{width:100%}main .header .left .btn button i{font-size:15px;line-height:.5}main .header .lla{margin-top:50px}main .left form{min-width:100%}.features{min-width:100%;padding:30px 20px}.features h2{font-size:25px}.features .feat-grid{grid-template-columns:1fr}.lla{min-width:100%;max-width:100%}.lla .footer .deezer-side img{width:40px;margin:0}.lla .footer .music img{width:70px;height:70px}.lla .footer .music{height:80px}}@media screen and (width>=768px) and (width<=1024px){main .header{flex-direction:column;align-items:center;padding:10% 25px 20px}main .header .left{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:100%;display:flex}main .header .left form{min-width:70%}main .header .lla{min-width:50%;margin-top:50px}main .any .features .card-list{grid-template-columns:repeat(2,1fr)}.lla{min-width:55%;max-width:55%}.lla .content{min-height:10vh}}