.social-btn,.social-btn *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.social-btn{position:fixed;right:20px;width:58px;height:58px;z-index:9999;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none!important;transition:transform .14s ease}
.social-btn.tele-btn{bottom:20px}
.social-btn.new-social-btn{bottom:92px}
.social-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,#38bdf8,#2563eb,#22c55e);box-shadow:0 14px 28px rgba(37,99,235,.26),0 0 0 6px rgba(134,239,172,.16);animation:socialSoftPulse 1.8s ease-in-out infinite}
.social-btn.new-social-btn .social-ring{background:linear-gradient(135deg,#0088ff,#0055ff);box-shadow:0 14px 28px rgba(0,136,255,.26),0 0 0 6px rgba(0,136,255,.16)}
.social-inner{position:relative;z-index:2;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;box-shadow:none}
.social-inner img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}
.social-btn:hover .social-ring{filter:brightness(1.06)}
.social-btn:hover{transform:translateY(-2px) scale(1.04)}
.social-btn:active{transform:translateY(1px) scale(.98)}
.music-wrap,.music-wrap *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.music-wrap{position:fixed;right:20px;bottom:164px;z-index:99998;width:58px;height:58px}
.music-btn{position:absolute;right:0;bottom:0;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}
.music-ring{position:absolute;inset:-5px;border-radius:50%;background:rgba(34,197,94,.16);border:1px solid rgba(134,239,172,.34);box-shadow:0 14px 32px rgba(37,99,235,.18),0 0 0 5px rgba(134,239,172,.12);animation:musicPulse 1.7s ease-in-out infinite}
.music-inner{position:relative;z-index:2;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),rgba(239,246,255,.90)),linear-gradient(135deg,rgba(56,189,248,.22),rgba(34,197,94,.16));border:1px solid rgba(134,239,172,.95);box-shadow:0 14px 30px rgba(37,99,235,.18),inset 0 1px 0 rgba(255,255,255,.95);color:#15803d;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.music-btn:hover .music-inner{transform:translateY(-2px) scale(1.03);filter:brightness(1.03);box-shadow:0 18px 36px rgba(37,99,235,.22),inset 0 1px 0 rgba(255,255,255,.95)}
.music-eq{position:absolute;top:8px;left:50%;height:19px;display:flex;align-items:flex-end;gap:4px;transform:translateX(-50%)}
.music-eq i{width:4px;height:9px;border-radius:99px;background:#ec4899;transform-origin:bottom;animation:musicBar 650ms ease-in-out infinite;animation-play-state:paused}
.music-eq i:nth-child(1){animation-delay:0ms}
.music-eq i:nth-child(2){animation-delay:110ms}
.music-eq i:nth-child(3){animation-delay:220ms}
.music-eq i:nth-child(4){animation-delay:330ms}
.music-pause{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);font-size:19px;line-height:1;font-weight:900;color:#ec4899}
.music-wrap.is-playing .music-eq i{animation-play-state:running}
.music-wrap.is-off .music-ring{background:rgba(148,163,184,.15);border-color:rgba(148,163,184,.28);animation:none}
.music-wrap.is-off .music-inner{color:#64748b;border-color:rgba(203,213,225,.95);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.98),rgba(248,250,252,.92)),linear-gradient(135deg,rgba(226,232,240,.45),rgba(241,245,249,.7));box-shadow:0 14px 30px rgba(15,23,42,.12),inset 0 1px 0 rgba(255,255,255,.95)}
.music-wrap.is-off .music-eq i,.music-wrap.is-off .music-pause{background:#94a3b8;color:#94a3b8}
.music-wrap.is-off .music-pause{background:none}
.music-panel{position:absolute;right:-4px;bottom:76px;width:186px;padding:15px 14px 16px;border-radius:18px;background:radial-gradient(circle at 12% 0%,rgba(37,99,235,.10),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.93));border:1px solid rgba(134,239,172,.72);box-shadow:0 18px 42px rgba(37,99,235,.18),0 10px 22px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;transform:translateY(8px) scale(.96);visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.music-wrap.is-open .music-panel{opacity:1;transform:translateY(0) scale(1);visibility:visible;pointer-events:auto}
.music-title{margin-bottom:12px;text-align:center;color:#15803d;font-size:12px;line-height:1;font-weight:900;letter-spacing:.75px;text-transform:uppercase;font-family:'Roboto Condensed',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.music-seek{--music-progress:0%;width:100%;height:6px;display:block;appearance:none;-webkit-appearance:none;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(90deg,#ec4899 0%,#ec4899 var(--music-progress),rgba(37,99,235,.10) var(--music-progress),rgba(37,99,235,.10) 100%);border:1px solid rgba(134,239,172,.40)}
.music-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:0;border-radius:50%;background:#ec4899;box-shadow:0 0 0 5px rgba(236,72,153,.14)}
.music-seek::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#ec4899;box-shadow:0 0 0 5px rgba(236,72,153,.14)}
@keyframes socialSoftPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.88}}
@keyframes musicPulse{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.12);opacity:.35}}
@keyframes musicBar{0%,100%{height:7px}25%{height:18px}50%{height:10px}75%{height:15px}}
@media(max-width:700px){
.social-btn{right:14px;width:54px;height:54px}
.social-btn.tele-btn{bottom:14px}
.social-btn.new-social-btn{bottom:80px}
.social-inner{width:39px;height:39px}
.music-wrap{right:14px;bottom:146px;width:54px;height:54px}
.music-btn,.music-inner{width:54px;height:54px}
.music-panel{right:-2px;bottom:72px;width:176px}
.music-eq{top:7px;height:18px}
.music-pause{bottom:7px;font-size:18px}
}