.blog-card{display:block;color:inherit;text-decoration:none;border-radius:20px}
.blog-card article{height:100%}
.blog-grid strong{display:inline-block;color:#6841df;font-size:14px;margin-top:4px}
.instruction-visual{max-width:880px;margin:34px auto 8px;padding:12px;border:1px solid #e8e8ef;border-radius:24px;background:#fff;box-shadow:0 18px 55px #25243a10}
.instruction-visual img{display:block;width:100%;border-radius:16px}
.instruction-visual figcaption{padding:11px 5px 3px;color:#747685;font-size:13px;text-align:center}
.seo-intro{margin-top:35px;border-radius:28px;background:linear-gradient(135deg,#171823,#292342);color:#fff}
.seo-intro h2{font-size:36px;margin:8px 0 14px}
.seo-intro>p{max-width:820px;color:#c9c8d4;font-size:17px}
.trust-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.trust-points span{padding:9px 13px;border:1px solid #ffffff20;border-radius:99px;background:#ffffff0d;color:#e8e5ff;font-size:12px;font-weight:800}
.now-player{position:fixed;left:50%;bottom:22px;z-index:30;transform:translate(-50%,140%);opacity:0;width:min(760px,calc(100% - 30px));display:grid;grid-template-columns:52px 48px minmax(150px,1fr) minmax(100px,240px) 42px 32px;gap:13px;align-items:center;padding:12px 15px;border:1px solid #ffffff24;border-radius:22px;background:#151621f2;color:#fff;box-shadow:0 24px 70px #0a071a55;backdrop-filter:blur(18px);transition:.32s ease}
.now-player.show{transform:translate(-50%,0);opacity:1}
.now-toggle{width:48px;height:48px;border:0;border-radius:50%;background:linear-gradient(145deg,#7b4cff,#d450bd);color:#fff;font-weight:900;font-size:16px;cursor:pointer}
.now-art{width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,#7140f4,#c653ce);display:grid;place-items:center;position:relative;overflow:hidden}
.now-art span{font-size:20px}.now-art i{position:absolute;inset:auto 0 0;height:5px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px);animation:vibes .55s infinite alternate}
.now-copy small,.now-copy b,.now-copy span{display:block}.now-copy small{font-size:8px;color:#b09cff;letter-spacing:.14em}.now-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-copy span{font-size:11px;color:#aaaab6}
.now-player input{accent-color:#8d5cff;width:100%}.now-player>span{font-size:11px;color:#c3c4ce}.now-close{border:0;background:transparent;color:#aaaab6;font-size:24px;cursor:pointer}
@keyframes vibes{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
.category-intro{max-width:780px;margin:-8px 0 24px;color:#6f7180;font-size:16px}
.premium-detail{grid-template-columns:210px 1fr;background:linear-gradient(145deg,#fff,#faf7ff);overflow:hidden;position:relative}.detail-art{width:190px;height:190px;border-radius:34px;background:radial-gradient(circle at 35% 30%,#d878ff,#7343f3 45%,#1c1832);display:grid;place-items:center;color:#fff;font-size:62px;position:relative;box-shadow:0 25px 55px #6841df35}.detail-art>span{z-index:2}.sound-orbit{position:absolute;inset:22px;border:2px solid #ffffff88;border-radius:50%;animation:orbitPulse 1.6s ease-in-out infinite}.sound-orbit:before,.sound-orbit:after{content:"";position:absolute;inset:-15px;border:1px solid #ffffff35;border-radius:50%}.sound-orbit:after{inset:-30px;border-color:#ffffff1f}.detail-player{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;margin:20px 0;padding:13px 16px;border:1px solid #ebe6ff;border-radius:18px;background:#fff}.detail-player .detail-play{width:54px;height:54px;border-radius:50%}.detail-player>span{font-size:12px;font-weight:800;color:#777987}.visualizer{height:48px;display:flex;gap:3px;align-items:center}.visualizer i{flex:1;min-width:2px;height:calc(12px + (var(--n) % 7) * 4px);border-radius:99px;background:linear-gradient(#d450bd,#7044ee);opacity:.42}.detail-player.is-playing .visualizer i{opacity:1;animation:wave .65s ease-in-out infinite alternate;animation-delay:calc(var(--n) * -35ms)}.download-actions{display:flex;align-items:stretch;gap:10px}.download-main{display:grid;place-items:center;white-space:nowrap}.app-nudge{display:flex;flex-direction:column;justify-content:center;padding:10px 13px;border-radius:12px;background:#171823;color:#fff;text-decoration:none}.app-nudge b{font-size:12px}.app-nudge small{font-size:10px;color:#b9b5cf}.tone-description{font-size:17px;color:#676978;line-height:1.8;margin:28px 0 45px}.discover-panel{margin-top:32px}.discover-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.discover-head h2{font-size:31px;margin:4px 0}.filter-switch{display:flex;padding:4px;background:#eeeaf8;border-radius:12px}.filter-switch button{border:0;background:transparent;padding:9px 13px;border-radius:9px;color:#777987;font-weight:800;cursor:pointer}.filter-switch button.active{background:#fff;color:#6841df;box-shadow:0 4px 15px #25243a12}.mini-tone-list{display:none;border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden}.mini-tone-list.active{display:block}.mini-tone-list>a{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:13px 16px;border-bottom:1px solid #eeeef3;color:inherit;text-decoration:none}.mini-tone-list>a:last-child{border-bottom:0}.mini-tone-list .play{width:44px;height:44px;border-radius:13px}.mini-tone-list span b,.mini-tone-list span small{display:block}.mini-tone-list span small{color:#8d8f9b}.mini-tone-list em{font-style:normal;color:#7044ee;font-weight:800;font-size:12px}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1.15)}}@keyframes orbitPulse{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.08);opacity:1}}
@media(max-width:760px){.top{height:66px;padding:0 15px;gap:12px}.top .brand b{font-size:12px}.app-pill{padding:9px 11px;font-size:12px}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:43px}.hero-visual{margin-left:-18px;margin-right:-18px}.section{padding-left:15px;padding-right:15px}.tone-list{border-radius:16px}.tone{padding:10px 11px}.tone .button{padding:8px 10px;font-size:11px}.seo-intro{margin-left:10px;margin-right:10px}.now-player{grid-template-columns:46px 42px 1fr 28px;padding:10px}.now-player input,.now-player>span{display:none}.now-copy{min-width:0}.now-toggle{width:42px;height:42px}.now-art{width:40px;height:40px}.seo-intro h2{font-size:30px}.detail{padding:35px 14px 95px}.premium-detail{grid-template-columns:1fr;padding:18px;border-radius:20px}.detail-art{width:100%;height:185px}.detail-card h1{font-size:38px}.detail-player{grid-template-columns:50px 1fr;padding:10px}.detail-player>span{display:none}.download-actions{display:grid}.download-main{min-height:48px}.app-nudge{min-height:58px}.discover-head{display:block}.filter-switch{margin-top:14px;width:100%}.filter-switch button{flex:1}.mini-tone-list>a{grid-template-columns:42px 1fr}.mini-tone-list em{display:none}.category-intro{font-size:15px}.instruction-visual{margin-left:-4px;margin-right:-4px;padding:7px;border-radius:16px}}
@media(max-width:380px){.top .brand span{display:none}.hero h1{font-size:38px}.tone>span:first-child{display:none}.tone{gap:8px}.chips a{padding:8px 11px}.blog-card article{padding:10px}}