.guide-hero{position:relative;overflow:hidden;padding:76px 0 72px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 42%,rgba(126,65,255,.08),transparent 28%),linear-gradient(180deg,#fbfaff,#fff)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:42px;color:#747582;font-size:15px}.breadcrumb a:hover{color:var(--violet)}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:64px;align-items:center}
.guide-kicker{margin:0 0 14px;color:var(--violet);font-size:14px;font-weight:700;letter-spacing:.08em}
.guide-hero h1{max-width:850px;margin:0 0 22px;color:var(--ink);font-size:clamp(42px,5vw,62px);line-height:1.05}
.guide-lead{max-width:760px;margin-bottom:27px;font-size:18px;line-height:1.7}
.guide-download{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.guide-download-primary{display:inline-flex;min-width:235px;align-items:center;justify-content:center;gap:13px;padding-left:24px;padding-right:20px}
.download-icon{font-size:22px;line-height:1}.download-arrow{margin-left:auto;font-size:18px}
.platforms{display:flex;align-items:center;gap:18px;min-height:48px;padding:0 21px;border:1px solid #ddd8e8;border-radius:10px;background:rgba(255,255,255,.78);color:#44365d;font-size:16px;font-weight:650}
.platform-item{display:flex;align-items:center;gap:9px;white-space:nowrap}.platform-item b{color:#7C4DE9;font-size:20px}.platform-divider{width:1px;height:25px;background:#ded8e8}
.download-trust{display:flex;flex-wrap:wrap;gap:13px 26px;margin-top:19px;color:#686875;font-size:15px}.download-trust span{display:flex;align-items:center;gap:8px}.download-trust i{display:grid;width:20px;height:20px;place-items:center;border:1.5px solid #8b4cff;border-radius:50%;color:#7C4DE9;font-size:12px;font-style:normal;font-weight:700}
.guide-hero-art{position:relative;min-height:330px}.art-glow{position:absolute;inset:8% 0;background:radial-gradient(circle,rgba(133,70,255,.14),transparent 62%);filter:blur(8px)}
.music-tile,.folder-tile{position:absolute;display:grid;place-items:center;border:1px solid rgba(123,65,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(240,233,255,.78));box-shadow:0 22px 55px rgba(89,48,151,.10)}
.music-tile{left:11%;top:23%;width:178px;height:178px;border-radius:34px;background:linear-gradient(145deg,#9b65ff,#682dff);transform:rotate(-4deg)}.music-tile span{color:#fff;font-size:82px;line-height:1;transform:rotate(4deg)}
.folder-tile{right:4%;top:8%;width:125px;height:125px;border-radius:27px;transform:rotate(3deg)}.folder-icon{position:relative;width:58px;height:39px;border:5px solid #7440df;border-radius:7px}.folder-icon:before{position:absolute;left:-5px;top:-17px;width:29px;height:15px;border:5px solid #7440df;border-bottom:0;border-radius:7px 7px 0 0;content:""}
.flow-line{position:absolute;left:52%;top:24%;width:100px;color:#B79DF3;font-size:58px;transform:rotate(-24deg)}.guide-hero-art p{position:absolute;right:4%;bottom:15%;margin:0;color:#7C4DE9;font-size:23px;font-weight:700;font-style:italic;transform:rotate(-7deg)}.guide-body{padding:80px 0 110px}.guide-layout{display:grid;grid-template-columns:260px minmax(0,820px);justify-content:center;gap:72px;align-items:start}
.guide-toc{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;padding:18px 14px 18px 18px;border:1px solid #e7e3ed;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 12px 34px rgba(43,32,67,.055)}
.guide-toc:before{content:"";position:absolute;left:-1px;top:24px;bottom:24px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#7440ff,#b94bff);opacity:.75}
.guide-toc strong{display:flex;align-items:center;gap:9px;margin:0 8px 12px;padding:0 0 13px;border-bottom:1px solid #ebe8f0;color:#242530;font-size:16px}
.guide-toc strong:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#7440ff,#c13cff);box-shadow:0 0 0 5px rgba(116,64,255,.08)}
.guide-toc a{position:relative;margin:1px 0;padding:9px 12px 9px 14px;border-radius:10px;color:#6d6d79;font-size:15px;line-height:1.45;transition:background .18s ease,color .18s ease,transform .18s ease}
.guide-toc a:hover{color:#A34DE9;background:#f6f2ff}
.guide-toc a.is-active{color:#A34DE9;background:linear-gradient(90deg,#f2ecff,#f8f5ff);font-weight:750}
.guide-toc a.is-active:before{content:"";position:absolute;left:-19px;top:50%;width:3px;height:24px;border-radius:3px;background:#7440ff;transform:translateY(-50%)}
.guide-toc a.is-active:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-radius:50%;background:#8a4fff;transform:translateY(-50%)}.guide-article>section{padding:0 0 68px;margin:0 0 68px;border-bottom:1px solid #e7e6eb}.guide-article>section:last-child{border-bottom:0;margin-bottom:0}.guide-article h2{margin:0 0 18px;color:var(--ink);font-size:clamp(28px,2.5vw,36px);line-height:1.18;letter-spacing:-.035em}.guide-article p{font-size:17px;line-height:1.75}.guide-article strong{color:#33333d}.guide-note,.guide-success{margin-top:27px;padding:22px 24px;border-left:3px solid #7c3cff;border-radius:0 12px 12px 0;background:#f7f4ff}.guide-note b,.guide-success b{display:block;margin-bottom:4px;color:#3a3150;font-size:16px}.guide-note p,.guide-success p{margin:0;font-size:17px}.guide-success{border-color:#7C4DE9;background:#F8F8FF}.guide-step{position:relative}.step-number{display:block;margin-bottom:16px;color:#7C4DE9;font-size:15px;font-weight:700;letter-spacing:.1em}.guide-article figure{margin:30px 0 0;padding:9px;border:1px solid #e0dee7;border-radius:16px;background:#fff}.guide-article figure img{width:100%;border-radius:9px;background:#f5f4f8}.guide-article figcaption{padding:12px 7px 5px;color:#777884;font-size:15px;line-height:1.55}.scan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.scan-grid>div{padding:23px;border:1px solid #e2e1e8;border-radius:14px;background:#fafafd;box-shadow:var(--shadow-sm)}.scan-grid b{font-size:17px}.scan-grid p{margin:6px 0 0;font-size:17px}.guide-article details{padding:0 4px;border-bottom:1px solid #e4e3e9}.guide-article summary{padding:18px 0;color:#30313b;font-size:16px;font-weight:700;cursor:pointer}.guide-article details p{padding:0 0 18px;margin:0;font-size:17px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.related-grid a{padding:24px;border:1px solid #e2e1e8;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.related-grid b,.related-grid span{display:block}.related-grid b{margin-bottom:8px;color:#292a34;font-size:17px}.related-grid span{color:#70717d;font-size:15px;line-height:1.6}.related-grid a:hover{border-color:#B79DF3;transform:translateY(-3px);box-shadow:0 20px 44px rgba(23,14,46,.11)}.guide-cta{padding:0 0 110px}.guide-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:48px 54px;border-radius:25px;color:#fff;background:radial-gradient(circle at 78% 20%,rgba(143,19,232,.3),transparent 32%),#101017}.guide-cta h2{margin:0 0 9px;color:#fff;font-size:clamp(28px,2.5vw,36px)}.guide-cta p{margin:0;color:#aaa7b4;font-size:17px}@media(max-width:900px){.guide-layout{grid-template-columns:1fr;gap:40px}.guide-toc{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:20px;border:1px solid #e2e1e8;border-radius:14px}.guide-toc strong{grid-column:1/-1}.guide-cta-inner{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.guide-hero{padding:58px 0 52px}.guide-hero h1{font-size:40px}.guide-body{padding:60px 0 80px}.guide-layout{gap:32px}.guide-toc{grid-template-columns:1fr}.guide-article>section{padding-bottom:50px;margin-bottom:50px}.guide-article h2{font-size:28px}.scan-grid,.related-grid{grid-template-columns:1fr}.guide-meta span+span:before{display:none}.guide-meta{flex-direction:column;gap:4px}.guide-cta{padding-bottom:80px}.guide-cta-inner{padding:38px 26px}.guide-cta .button{width:100%}}
/* Guide navigation behavior */
.guide-article section[id]{scroll-margin-top:125px}
.guide-article{min-width:0}
.guide-toc{max-height:calc(100vh - 128px);overflow:auto;scrollbar-width:thin;scrollbar-color:#d8ccef transparent}
.guide-toc::-webkit-scrollbar{width:5px}
.guide-toc::-webkit-scrollbar-thumb{background:#d8ccef;border-radius:10px}
.guide-toc::-webkit-scrollbar-track{background:transparent}

@media(max-width:1100px) and (min-width:901px){
  .guide-layout{grid-template-columns:230px minmax(0,1fr);gap:44px}
}

@media(max-width:1000px){
  .guide-hero-grid{grid-template-columns:1fr;gap:34px}
  .guide-hero-art{min-height:260px;max-width:520px;width:100%;margin:0 auto}
  .music-tile{width:145px;height:145px}.music-tile span{font-size:68px}
  .folder-tile{width:105px;height:105px}
}
@media(max-width:650px){
  .breadcrumb{margin-bottom:30px}
  .guide-hero-grid{gap:24px}
  .guide-download{display:grid;grid-template-columns:1fr}
  .guide-download-primary{width:100%;min-width:0}
  .platforms{justify-content:center}
  .download-trust{gap:10px 18px}
  .guide-hero-art{min-height:220px}
  .music-tile{left:7%;width:125px;height:125px;border-radius:26px}.music-tile span{font-size:58px}
  .folder-tile{right:6%;width:92px;height:92px;border-radius:22px}
  .flow-line{left:48%;font-size:46px}
  .guide-hero-art p{font-size:19px}
}