/* ============================================================ AS Links - "al-as" theme (the default dark look). Active when . ============================================================ */ .al-as-theme { /* Semantic theme palette (overrides the :root defaults). */ --bg-gradient: linear-gradient(135deg, #1a1a1a, #2d2d2d); --surface: rgba(255, 255, 255, 0.05); --border: rgba(255, 255, 255, 0.1); --text: #ffffff; --text-secondary: rgba(255, 255, 255, 0.7); --grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"); } .al-as-theme::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.05); } .al-as-theme::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.15); } .al-as-theme::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); } .al-as-theme * { scrollbar-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.05); } .al-as-theme .loading-overlay { background: var(--bg-gradient); background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"), var(--bg-gradient); background-size: 150px, 100%; } .al-as-theme .loading-background { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"); } .al-as-theme .as-logo { animation: showLogo 0.5s ease-out forwards, pulseDarkLogo 2s ease-in-out infinite 0.5s; } @keyframes pulseDarkLogo { 0%, 100% { filter: brightness(1) drop-shadow(0 0 20px rgba(255, 255, 255, 0)); transform: scale(1); } 50% { filter: brightness(1.1) drop-shadow(0 0 25px rgba(255, 255, 255, 0.15)); transform: scale(1.02); } } .al-as-theme .profile-as-logo { filter: brightness(1.1); transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); } @keyframes fillLogoDark { from { fill: transparent; } to { fill: var(--text); } } @keyframes revertFillDark { from { fill: var(--text); } to { fill: transparent; } } .al-as-theme.links-page::before { opacity: 0; } .al-as-theme.links-page::after { opacity: 1; } .al-as-theme .links-page::after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"), var(--bg-gradient); background-size: 150px, 100%; } body.al-as-theme.links-page::before { opacity: 0 !important; } body.al-as-theme.links-page::after { opacity: 1 !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"), var(--bg-gradient) !important; background-size: 150px, 100%; } .al-as-theme.links-page::before { opacity: 0; } .al-as-theme.links-page::after { opacity: 1; } .al-as-theme .profile-section h1 { background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .link-item { background: var(--surface); border-color: var(--border); } .al-as-theme .link-item:hover { background: rgba(241, 233, 219, 0.15); border-color: rgba(241, 233, 219, 0.3); } .al-as-theme .copy-link { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.6); } .al-as-theme .copy-link:hover { background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.8); } .al-as-theme .copy-link.copied { background: rgba(46, 213, 115, 0.2) !important; border-color: rgba(46, 213, 115, 0.4) !important; color: #2ed573; } .al-as-theme .latest-release { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); } .al-as-theme .release-badge { background: var(--surface); border-color: var(--border); color: var(--text); } .al-as-theme .release-type { background: var(--surface); border-color: var(--border); color: var(--text); } .al-as-theme .release-details h3 { background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .release-info-mini { background: var(--surface); border-color: var(--border); color: var(--text); } .al-as-theme .release-info-mini:hover { background: rgba(0, 0, 0, 0.08); border-color: rgba(0, 0, 0, 0.15); } .al-as-theme .stream-now { background: linear-gradient(135deg, #ffffff, #f5f5f5); color: #1a1a1a; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } .al-as-theme .stream-now:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } .al-as-theme .stream-now::before { background: linear-gradient(135deg, rgba(255, 255, 255, 0.4), transparent); } .al-as-theme .share-release { color: var(--text); border-color: var(--border); } .al-as-theme .share-release:hover { background: var(--surface); border-color: var(--border); } .al-as-theme .streaming-popup { background: linear-gradient(135deg, rgba(45, 45, 45, 0.95), rgba(35, 35, 35, 0.95)); } .al-as-theme .streaming-popup h3 { color: white; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); } .al-as-theme .streaming-link { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: white; } .al-as-theme .streaming-link:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .al-as-theme .streaming-link[data-platform="spotify"]:hover { background: rgba(30, 215, 96, 0.2); } .al-as-theme .streaming-link[data-platform="apple"]:hover { background: rgba(255, 45, 85, 0.2); } .al-as-theme .streaming-link[data-platform="youtube"]:hover { background: rgba(255, 0, 0, 0.2); } .al-as-theme .streaming-link[data-platform="soundcloud"]:hover { background: rgba(255, 85, 0, 0.2); } .al-as-theme .streaming-link[data-platform="tidal"]:hover { background: rgba(0, 0, 0, 0.2); } .al-as-theme .streaming-link[data-platform="amazon"]:hover { background: rgba(13, 191, 245, 0.1); } .al-as-theme .streaming-modal { background: rgba(0, 0, 0, 0.95); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .al-as-theme .section-title { color: var(--text-secondary); } .al-as-theme .link-label { color: var(--text); } .al-as-theme .link-subtext { color: var(--text-secondary); } .al-as-theme .link-item.spotify:hover { background: rgba(30, 215, 96, 0.2); } .al-as-theme .link-item.apple-music:hover { background: rgba(255, 45, 85, 0.15); } .al-as-theme .link-item.youtube:hover { background: rgba(255, 0, 0, 0.2); } .al-as-theme .link-item.soundcloud:hover { background: rgba(255, 85, 0, 0.2); } .al-as-theme .link-item.tidal:hover { background: rgba(0, 0, 0, 0.2); } .al-as-theme .link-item.amazon-music:hover { background: rgba(13, 191, 245, 0.2); } .al-as-theme .link-item.instagram:hover { background: rgba(225, 48, 108, 0.2); } .al-as-theme .link-item.twitter:hover { background: rgba(29, 161, 242, 0.2); } .al-as-theme .link-item.tiktok:hover { background: rgba(0, 0, 0, 0.2); } .al-as-theme .theme-switch { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } .al-as-theme .theme-switch:hover { background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.15); } .al-as-theme .theme-switch i { background: linear-gradient(135deg, #ffffff, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; transform: rotate(180deg); filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); } .al-as-theme .countdown-block { background: var(--surface); border-color: var(--border); } .al-as-theme .countdown-value { color: var(--text); } .al-as-theme .countdown-label { color: var(--text-secondary); } .al-as-theme .presave-artwork { border-color: rgba(255, 255, 255, 0.16); background: linear-gradient(160deg, #2d2d2d, #121212); } .al-as-theme .presave-title { background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .presave-overline { color: rgba(255, 255, 255, 0.5); } .al-as-theme .presave-subtitle { color: rgba(255, 255, 255, 0.62); } .al-as-theme .scroll-top { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); } .al-as-theme .scroll-top:hover { background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.15); } .al-as-theme .latest-release, .al-as-theme .coming-soon, .al-as-theme .release-badge, .al-as-theme .release-type, .al-as-theme .release-meta span, .al-as-theme .release-info-mini, .al-as-theme .countdown-block, .al-as-theme .release-description, .al-as-theme .countdown-value, .al-as-theme .countdown-label { transition-duration: 0.3s; transition-timing-function: ease; } .al-as-theme .profile-logo-container { background: none; border: none; transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1); } .al-as-theme .links-page::after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"), var(--bg-gradient); background-size: 150px, 100%; } body.al-as-theme.links-page::before { opacity: 0 !important; } body.al-as-theme.links-page::after { opacity: 1 !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"), var(--bg-gradient) !important; background-size: 150px, 100%; } .al-as-theme::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .al-as-theme::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); } .al-as-theme::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.15); } .al-as-theme .as-text { fill: none; animation: 1.5s drawLogo ease forwards; stroke: var(--text); } .al-as-theme .section-title { color: var(--text-secondary); } .al-as-theme .link-item { background: var(--surface); border-color: var(--border); } .al-as-theme .profile-section h1 { background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .theme-switch { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } .al-as-theme .theme-switch:hover { background: rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.15); } .al-as-theme .theme-switch i { background: linear-gradient(135deg, #ffffff, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; transform: rotate(180deg); filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); } .al-as-theme .latest-release, .al-as-theme .coming-soon, .al-as-theme .release-badge, .al-as-theme .release-type, .al-as-theme .release-meta span, .al-as-theme .release-info-mini, .al-as-theme .countdown-block, .al-as-theme .release-description, .al-as-theme .countdown-value, .al-as-theme .countdown-label { transition-duration: 0.3s; transition-timing-function: ease; } .links-page.al-as-theme::before, .links-page.al-as-theme::after { transition: opacity 0.5s ease, background-image 0.5s ease; } .theme-transition.al-as-theme { animation: themeTransition 0.4s ease-out; } .al-as-theme.theme-transition.to-uta { animation: alAsToUtaTransition 0.5s ease-out forwards; -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); } .al-as-theme .loading-overlay { position: fixed; inset: 0; display: flex; justify-content: center; align-items: center; z-index: 1000; opacity: 1; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E"), var(--bg-gradient); background-size: 150px, 100%; transition: opacity 1.2s cubic-bezier(0.4, 0, 0.2, 1), background-image 0.5s ease; pointer-events: all; cursor: default; } .al-as-theme .loading-overlay.fade-out { opacity: 0; pointer-events: none; } .al-as-theme .loading-overlay.permanent { opacity: 1 !important; pointer-events: all !important; } .al-as-theme .links-container { opacity: 0; transform: none; transition: none; } .al-as-theme .links-container.loaded { opacity: 1; transform: none; } .al-as-theme .profile-logo-container { opacity: 0; transition: none; } .al-as-theme .profile-logo-container.show { opacity: 1; } .al-as-theme .profile-as-logo-svg { filter: brightness(0) invert(1); } .al-as-theme .latest-release { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); backdrop-filter: blur(20px); transform: translateY(0); transition: transform 0.3s ease, background-color 0.3s ease, border-color 0.3s ease; } .al-as-theme .release-details h3 { color: var(--text); background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .release-meta span { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); } .al-as-theme .release-meta span:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .al-as-theme .release-description { color: rgba(255, 255, 255, 0.7); } .al-as-theme .stream-now { background: linear-gradient(135deg, #ffffff, #f5f5f5); color: #1a1a1a; border: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; transition: all 0.3s ease; } .al-as-theme .stream-now::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05)); opacity: 0; transition: opacity 0.3s ease; } .al-as-theme .stream-now:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .al-as-theme .stream-now:hover::before { opacity: 1; } .al-as-theme .stream-now:active { transform: translateY(0); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .al-as-theme .release-actions .stream-now { background: linear-gradient(135deg, #ffffff, #f5f5f5) !important; color: #1a1a1a !important; border: none !important; } .al-as-theme .release-type { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; padding: 6px 12px; border-radius: 8px; transition: all 0.3s ease; } .al-as-theme .release-type:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .al-as-theme .release-type i { color: var(--text); opacity: 0.8; font-size: 12px; transition: transform 0.3s ease; } .al-as-theme .release-badge { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); backdrop-filter: blur(10px); transition: all 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; } .al-as-theme .release-badge:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); } .al-as-theme .release-badge i { color: var(--text); opacity: 0.9; } .al-as-theme .streaming-modal { background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(20px); } .al-as-theme .streaming-popup { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .al-as-theme .streaming-popup h3 { color: var(--text); background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .streaming-link { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); transition: all 0.3s ease; } .al-as-theme .streaming-link:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); transform: translateY(-2px); } .al-as-theme .streaming-link i { color: var(--text); transition: color 0.3s ease, transform 0.3s ease; } .al-as-theme .streaming-link:hover i { color: white; transform: scale(1.1); } .al-as-theme .streaming-link[data-platform="spotify"]:hover i { color: #1DB954; } .al-as-theme .streaming-link[data-platform="apple"]:hover i { color: #FA243C; } .al-as-theme .streaming-link[data-platform="youtube"]:hover i { color: #FF0000; } .al-as-theme .streaming-link[data-platform="soundcloud"]:hover i { color: #FF3300; } .al-as-theme .streaming-link[data-platform="tidal"]:hover i { color: #00FFFF; } .al-as-theme .streaming-link[data-platform="amazon"]:hover i { color: #00A8E1; } .al-as-theme .coming-soon-modal { background: rgba(0, 0, 0, 0.7); backdrop-filter: blur(20px); } .al-as-theme .coming-soon-popup { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); } .al-as-theme .coming-soon-content h3, .al-as-theme .coming-soon-content p, .al-as-theme .coming-soon-icon { color: var(--text); background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .coming-soon-subtext { color: rgba(255, 255, 255, 0.7); } .al-as-theme .streaming-link[data-platform="spotify"]:hover i, .al-as-theme .streaming-link[data-platform="apple"]:hover i, .al-as-theme .streaming-link[data-platform="youtube"]:hover i, .al-as-theme .streaming-link[data-platform="soundcloud"]:hover i, .al-as-theme .streaming-link[data-platform="tidal"]:hover i, .al-as-theme .streaming-link[data-platform="amazon"]:hover i { color: white; } .al-as-theme .countdown { display: flex; gap: 15px; justify-content: center; align-items: center; } .al-as-theme .countdown-block { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 12px; padding: 20px; min-width: 80px; text-align: center; transition: all 0.3s ease; } .al-as-theme .countdown-block:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); transform: translateY(-2px); } .al-as-theme .countdown-value { font-size: 32px; font-weight: 600; color: var(--text); background: linear-gradient(to right, white, rgba(255, 255, 255, 0.8)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .al-as-theme .countdown-label { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: rgba(255, 255, 255, 0.7); margin-top: 8px; } .al-as-theme .presave-card { background: radial-gradient(circle at 10% 15%, rgba(255, 255, 255, 0.06), transparent 46%), linear-gradient(160deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)); } .al-as-theme .presave-card:hover { border-color: rgba(255, 255, 255, 0.22); } .al-as-theme .presave-platforms i { color: rgba(255, 255, 255, 0.55); } .al-as-theme .presave-platform:hover, .al-as-theme .presave-platform:focus-visible { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.22); } .al-as-theme .share-release { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); transition: all 0.3s ease; } .al-as-theme .share-release:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); transform: translateY(-2px); } .al-as-theme .share-release i { color: var(--text); transition: transform 0.3s ease; } .al-as-theme .share-release:hover i { transform: scale(1.1); } .al-as-theme .scroll-top { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--text); transition: all 0.3s ease; } .al-as-theme .scroll-top:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); transform: translateY(-2px); } .al-as-theme .scroll-top i { color: var(--text); transition: transform 0.3s ease; } .al-as-theme .scroll-top:hover i { transform: scale(1.1); } @media (max-width: 768px) { .al-as-theme .countdown { gap: 10px; } .al-as-theme .countdown-block { padding: 15px; min-width: 60px; } .al-as-theme .countdown-value { font-size: 24px; } .al-as-theme .countdown-label { font-size: 10px; } } .link-item.uta-teaser:hover { background: radial-gradient(circle at top, rgba(208, 225, 249, 0.16), transparent 62%), linear-gradient(180deg, rgba(10, 22, 41, 0.94), rgba(12, 24, 44, 0.72)); transform: translateY(-2px) scale(1.01); border-color: rgba(208, 225, 249, 0.22); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 24px rgba(0, 0, 0, 0.12); } .link-item.uta-teaser:hover::before { opacity: 0.82; } .link-item.uta-teaser:hover::after { display: none; }