/* 音恋FM responsive layout: mobile-first, genuine desktop canvas */
@media (min-width:900px){html{font-size:62.5px!important;background:#f6f3ff!important}body{width:100%!important;max-width:1280px!important;min-height:100vh;margin:0 auto!important;padding:1.45rem .38rem 1.3rem!important;box-shadow:0 0 90px rgba(76,29,149,.12)!important}.navbar{width:calc(100% - .76rem)!important;max-width:1204px!important;height:1.12rem!important;left:50%!important;right:auto!important;top:.2rem!important;transform:translateX(-50%)!important;border-radius:22px!important;padding:0 .18rem!important}.navbar:before{content:"音恋FM"!important;display:block!important;float:left!important;width:2.15rem!important;min-width:2.15rem!important;padding:0 .15rem!important;line-height:1.12rem!important;font-size:.34rem!important;white-space:nowrap!important;overflow:visible!important;background:none!important}.navbar>.tab-box{float:left!important;width:auto!important;min-width:5.4rem!important;margin:.13rem 0!important;height:.86rem!important}.navbar>.tab-box>.item>a{padding:0 .28rem!important}.navbar .action{right:.2rem!important;top:.12rem!important}.mt-navbar{margin-top:0!important}body:has(>.bm-box){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.28rem;align-content:start}body:has(>.bm-box)>#banner-container,body:has(>.bm-box)>.banner-bottom,body:has(>.bm-box)>.portal-nav,body:has(>.bm-box)>.tabar,body:has(>.bm-box)>.backtop,body:has(>.bm-box)>[style*="clear:both"],body:has(>.bm-box)>footer{grid-column:1/-1}#banner-container{width:100%!important;margin:.18rem 0 .28rem!important;padding:0!important}#banner-container .indexnav{min-height:3.6rem!important;border-radius:28px!important}#banner-container .indexnav .item img{width:100%!important;min-height:3.6rem!important;max-height:4.6rem!important;object-fit:cover!important}.portal-nav{width:100%!important;margin:0 0 .3rem!important;padding:.28rem .4rem!important}.portal-nav .item img{width:1.05rem!important;height:1.05rem!important}.bm-box{width:auto!important;min-width:0!important;margin:0 0 .28rem!important;border-radius:24px!important}.bm-box>.head{padding:.3rem .32rem .12rem!important}.books-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.2rem!important;width:100%!important}.books-row>.item{width:auto!important;min-width:0!important;margin:0!important}.books-row>.item img{width:100%!important;max-width:none!important;height:3.05rem!important}.tabar{top:.2rem!important;bottom:auto!important;left:50%!important;right:auto!important;width:auto!important;max-width:none!important;padding:0!important;transform:translateX(185px)!important;z-index:9999!important}.tabar>.nav,.tabar .nav{width:auto!important;min-width:5.2rem!important;height:.86rem!important;border-radius:999px!important;box-shadow:none!important}.tabar .nav .item{min-width:.95rem!important}.tabar .nav .item i{display:none!important}.tabar .nav .item a{height:.86rem!important;line-height:.86rem!important;padding:0 .18rem!important}.tabar .nav .item .title{line-height:.86rem!important;font-size:.22rem!important}.tabar .nav .item a.active:after{position:absolute;left:50%;bottom:.08rem;transform:translateX(-50%)}.uh-box{width:100%!important;min-height:4rem!important;margin:.12rem 0 .28rem!important;border-radius:28px!important}.uh-box .container{max-width:920px!important;margin:0 auto!important}.uh-row{width:100%!important;margin:.18rem 0 .28rem!important}.uh-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:.18rem!important;width:100%!important;padding:0 0 .35rem!important}.uh-nav>.item{margin:0!important;min-height:1.05rem!important}.uh-nav>.item:first-child{grid-column:1/-1}.list-box,.book-list,.search-list{max-width:none!important}.book-list .item,.list-box .item{border-radius:18px!important}.pay-box,.login-box,.register-box,.form-box,.message-box{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}.mb-tabar{margin-bottom:.4rem!important}}
@media (min-width:1200px){body:has(>.bm-box){grid-template-columns:repeat(2,minmax(0,1fr))}.books-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:899px){body{width:100%!important;max-width:540px!important;margin:0 auto!important}.navbar:before{content:"音恋"!important;width:1.35rem!important;min-width:1.35rem!important;padding-left:.14rem!important;font-size:.29rem!important;white-space:nowrap!important;background:none!important}.navbar>.tab-box{margin-left:0!important}.books-row>.item img{object-fit:cover}.tabar{padding-bottom:max(.16rem,env(safe-area-inset-bottom))!important}}
@media (min-width:900px){html:root{position:static!important;width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important}}

/* v3: stable adaptive canvas + self-contained navigation icons */
:root{--yl-violet:#5D34D0;--yl-magenta:#FF006E;--yl-cyan:#00F0FF;--yl-ink:#17142b;--yl-soft:#f5f1ff}
html,body{min-width:0!important}
body{overflow-x:hidden!important;background:radial-gradient(circle at 12% 8%,rgba(0,240,255,.11),transparent 25rem),radial-gradient(circle at 88% 12%,rgba(255,0,110,.09),transparent 28rem),linear-gradient(145deg,#f8f6ff 0%,#f2edff 52%,#f7f5ff 100%)!important;color:var(--yl-ink)!important}
.navbar{background:linear-gradient(112deg,rgba(93,52,208,.97),rgba(126,76,237,.96) 48%,rgba(255,0,110,.9))!important;box-shadow:0 14px 42px rgba(61,35,139,.24)!important}
.navbar:before{color:#fff!important;font-weight:800!important;letter-spacing:-.02em!important;text-shadow:0 0 20px rgba(0,240,255,.5)!important}
.bm-box,.uh-row,.uh-nav,.portal-nav{box-shadow:0 18px 55px rgba(69,44,130,.09)!important;border:1px solid rgba(93,52,208,.1)!important}
.tabar{box-sizing:border-box!important;position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 max(14px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(14px,env(safe-area-inset-left))!important;transform:none!important;background:rgba(255,255,255,.9)!important;border-top:1px solid rgba(93,52,208,.12)!important;box-shadow:0 -12px 36px rgba(55,33,110,.12)!important;backdrop-filter:blur(20px) saturate(145%)!important;-webkit-backdrop-filter:blur(20px) saturate(145%)!important;z-index:10000!important}
.tabar>.nav,.tabar .nav{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-around!important;width:100%!important;max-width:900px!important;min-width:0!important;height:72px!important;margin:0 auto!important;padding:4px 18px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.tabar .nav .item{position:relative!important;float:none!important;display:block!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:64px!important;margin:0!important;text-align:center!important}
.tabar .nav .item a{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:64px!important;padding:5px 8px!important;line-height:1!important;color:#89849a!important;text-decoration:none!important}
.tabar .nav .item i{display:block!important;width:24px!important;height:24px!important;margin:0 auto 5px!important;background-color:currentColor!important;background-image:none!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}
.tabar .nav .item i.icon-home{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.4 2.8 10v11.2h6.1v-6.5h6.2v6.5h6.1V10L12 2.4Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2.4 2.8 10v11.2h6.1v-6.5h6.2v6.5h6.1V10L12 2.4Z'/%3E%3C/svg%3E")!important}
.tabar .nav .item i.icon-book{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h6.5c1 0 1.5.5 1.5 1.4V21c-.8-1.2-2-1.8-3.6-1.8H4V3Zm16 0h-6.5c-1 0-1.5.5-1.5 1.4V21c.8-1.2 2-1.8 3.6-1.8H20V3Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h6.5c1 0 1.5.5 1.5 1.4V21c-.8-1.2-2-1.8-3.6-1.8H4V3Zm16 0h-6.5c-1 0-1.5.5-1.5 1.4V21c.8-1.2 2-1.8 3.6-1.8H20V3Z'/%3E%3C/svg%3E")!important}
.tabar .nav .item i.icon-user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.5 0-9 2.8-9 6.2V22h18v-1.8C21 16.8 17.5 14 12 14Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-5.5 0-9 2.8-9 6.2V22h18v-1.8C21 16.8 17.5 14 12 14Z'/%3E%3C/svg%3E")!important}
.tabar .nav .item i.icon-level{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 7h-2.2c.5-.7.8-1.5.8-2.3A3.2 3.2 0 0 0 12.7 3L12 4l-.7-1a3.2 3.2 0 0 0-5.9 1.7c0 .8.3 1.6.8 2.3H4a2 2 0 0 0-2 2v3h9V7h2v5h9V9a2 2 0 0 0-2-2ZM8.6 7c-.7 0-1.3-.5-1.3-1.3s.6-1.3 1.3-1.3c1.1 0 2 1.3 2.5 2.6H8.6Zm6.8 0h-2.5c.5-1.3 1.4-2.6 2.5-2.6.7 0 1.3.5 1.3 1.3S16.1 7 15.4 7ZM3 14h8v8H5a2 2 0 0 1-2-2v-6Zm10 0h8v6a2 2 0 0 1-2 2h-6v-8Z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 7h-2.2c.5-.7.8-1.5.8-2.3A3.2 3.2 0 0 0 12.7 3L12 4l-.7-1a3.2 3.2 0 0 0-5.9 1.7c0 .8.3 1.6.8 2.3H4a2 2 0 0 0-2 2v3h9V7h2v5h9V9a2 2 0 0 0-2-2ZM8.6 7c-.7 0-1.3-.5-1.3-1.3s.6-1.3 1.3-1.3c1.1 0 2 1.3 2.5 2.6H8.6Zm6.8 0h-2.5c.5-1.3 1.4-2.6 2.5-2.6.7 0 1.3.5 1.3 1.3S16.1 7 15.4 7ZM3 14h8v8H5a2 2 0 0 1-2-2v-6Zm10 0h8v6a2 2 0 0 1-2 2h-6v-8Z'/%3E%3C/svg%3E")!important}
.tabar .nav .item .title{display:block!important;height:auto!important;margin:0!important;line-height:1.1!important;font-size:12px!important;font-weight:600!important;color:inherit!important}
.tabar .nav .item a.active{color:var(--yl-violet)!important}
.tabar .nav .item a.active i{background-image:linear-gradient(135deg,var(--yl-violet),var(--yl-magenta))!important}
.tabar .nav .item a.active:after{content:""!important;position:absolute!important;left:50%!important;bottom:1px!important;width:24px!important;height:3px!important;transform:translateX(-50%)!important;border-radius:999px!important;background:linear-gradient(90deg,var(--yl-violet),var(--yl-magenta),var(--yl-cyan))!important;box-shadow:0 0 12px rgba(255,0,110,.55)!important}
.tabar .yl-brand-item a{overflow:visible!important}
.tabar .yl-brand-item img{display:block!important;width:54px!important;height:54px!important;margin:-16px auto 0!important;border:4px solid #fff!important;border-radius:50%!important;object-fit:cover!important;background:#241450!important;box-shadow:0 8px 24px rgba(93,52,208,.38),0 0 18px rgba(0,240,255,.24)!important}
@media (min-width:900px){html:root,html[data-dpr]{position:static!important;width:100%!important;max-width:none!important;min-height:100%!important;margin:0!important;background:#f3efff!important}body{box-sizing:border-box!important;width:100%!important;max-width:1440px!important;min-height:100vh!important;margin:0 auto!important;padding:118px clamp(28px,4vw,72px) 116px!important;box-shadow:0 0 100px rgba(64,38,122,.12)!important}.navbar{box-sizing:border-box!important;position:fixed!important;top:20px!important;left:50%!important;right:auto!important;width:min(calc(100% - 56px),1296px)!important;max-width:none!important;height:76px!important;padding:0 24px!important;transform:translateX(-50%)!important;border-radius:24px!important}.navbar:before{width:210px!important;min-width:210px!important;height:76px!important;padding:0 10px!important;line-height:76px!important;font-size:28px!important}.navbar>.tab-box{height:52px!important;margin:12px 0!important}.navbar>.tab-box>.item>a{height:52px!important;padding:0 24px!important;line-height:52px!important;font-size:15px!important}.navbar .action{top:12px!important;right:18px!important;height:52px!important}.tabar>.nav,.tabar .nav{max-width:960px!important;height:76px!important}.tabar .nav .item,.tabar .nav .item a{height:68px!important}.tabar .nav .item i{width:25px!important;height:25px!important}.tabar .nav .item .title{font-size:13px!important}.tabar .yl-brand-item img{width:62px!important;height:62px!important;margin:-20px auto 0!important}#banner-container{max-width:none!important}.portal-nav{border-radius:24px!important}.bm-box{border-radius:24px!important}.books-row>.item img{aspect-ratio:3/4!important;height:auto!important;max-height:320px!important}.uh-box{margin-top:0!important}.uh-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}.uh-nav>.item:first-child{grid-column:1/-1!important}}
@media (max-width:899px){html{width:100%!important;max-width:none!important;margin:0!important}body{box-sizing:border-box!important;width:100%!important;max-width:540px!important;margin:0 auto!important;padding-bottom:calc(86px + env(safe-area-inset-bottom))!important}.tabar>.nav,.tabar .nav{height:68px!important;padding:3px 2px!important}.tabar .nav .item,.tabar .nav .item a{height:62px!important}.tabar .nav .item i{width:22px!important;height:22px!important;margin-bottom:4px!important}.tabar .nav .item .title{font-size:11px!important}.tabar .yl-brand-item img{width:50px!important;height:50px!important;margin:-13px auto 0!important}.bm-box,.portal-nav,.uh-row,.uh-nav{border-radius:18px!important}}

/* v4: light lavender media portal, inspired by the reference hierarchy */
html,body{background:#f4f0ff!important;color:#252132!important;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif!important}
body{background-image:radial-gradient(circle at 8% 4%,rgba(167,139,250,.13),transparent 22rem),radial-gradient(circle at 92% 10%,rgba(236,72,153,.07),transparent 24rem)!important}
.navbar{background:rgba(244,240,255,.94)!important;border:0!important;box-shadow:none!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.navbar:before{color:#6338d1!important;text-shadow:none!important}
.navbar>.tab-box>.item>a{color:#686276!important;font-weight:600!important}
.navbar>.tab-box>.item>a.active,.navbar>.tab-box>.item>a:hover{color:#fff!important;background:linear-gradient(135deg,#6338d1,#8957ec)!important;border-radius:999px!important;box-shadow:0 8px 18px rgba(99,56,209,.22)!important}
.navbar .action,.navbar .search-btn{color:#6338d1!important}
#banner-container{overflow:hidden!important;background:#fff!important;border-radius:20px!important;box-shadow:0 12px 32px rgba(73,48,126,.08)!important}
#banner-container .indexnav,#banner-container .indexnav .item,#banner-container .indexnav .item img{border-radius:20px!important}
.portal-nav{background:transparent!important;border:0!important;box-shadow:none!important}
.portal-nav .item img{border-radius:16px!important;box-shadow:0 10px 22px rgba(96,63,170,.12)!important}
.portal-nav .item .title{color:#514b5d!important;font-weight:500!important}
.bm-box{overflow:hidden!important;background:rgba(255,255,255,.96)!important;border:0!important;box-shadow:0 14px 38px rgba(72,49,118,.08)!important}
.bm-box>.head{border:0!important;background:#fff!important}
.bm-box>.head .title{color:#302b3b!important;font-weight:750!important}
.bm-box>.head .title:before{background:linear-gradient(135deg,#6338d1,#ec4899)!important;box-shadow:0 5px 14px rgba(99,56,209,.25)!important}
.bm-box>.head .more{border:1px solid #d8d0e8!important;border-radius:999px!important;color:#575063!important;background:#fff!important}
.books-row>.item{overflow:hidden!important;border-radius:14px!important;background:#fff!important;transition:transform .24s ease,box-shadow .24s ease!important}
.books-row>.item:hover{transform:translateY(-4px)!important;box-shadow:0 14px 28px rgba(61,39,105,.14)!important}
.books-row>.item img{border-radius:14px!important}
.tabar{background:rgba(255,255,255,.96)!important;border-top:1px solid #ece7f5!important;box-shadow:0 -8px 26px rgba(61,41,105,.09)!important}
.tabar .nav .item a{color:#95919c!important}
.tabar .nav .item a.active{color:#6b3bd2!important}
.tabar .nav .item a.active i{background-image:none!important;background-color:#6b3bd2!important}
.tabar .nav .item a.active:after{background:#6b3bd2!important;box-shadow:none!important}
.tabar .yl-brand-item img{border-color:#fff!important;background:#241450!important;box-shadow:0 7px 20px rgba(91,49,190,.38),0 0 0 5px rgba(120,71,226,.1)!important}
@media (min-width:900px){html:root,html[data-dpr]{width:100%!important;max-width:none!important}body{display:block!important;max-width:1440px!important;padding:112px 16px 108px!important}.navbar{top:0!important;width:min(100%,1440px)!important;height:64px!important;padding:0 16px!important;border-radius:0!important}.navbar:before{height:64px!important;line-height:64px!important;font-size:24px!important}.navbar>.tab-box{height:46px!important;margin:9px 0!important}.navbar>.tab-box>.item>a{height:46px!important;line-height:46px!important}.navbar .action{top:6px!important}body:has(>.bm-box){display:block!important}#banner-container{height:142px!important;margin:6px 0 26px!important}#banner-container .indexnav,#banner-container .indexnav .item,#banner-container .indexnav .item img{width:100%!important;height:142px!important;min-height:142px!important;max-height:142px!important;object-fit:cover!important}.portal-nav{display:flex!important;justify-content:space-around!important;align-items:center!important;margin:0 0 22px!important;padding:4px 7%!important}.portal-nav .item{width:auto!important;min-width:92px!important}.portal-nav .item img{width:52px!important;height:52px!important}.bm-box{width:100%!important;margin:0 0 18px!important;padding:0 12px 16px!important;border-radius:18px!important}.bm-box>.head{padding:12px 4px 10px!important}.books-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.books-row>.item img{width:100%!important;height:130px!important;aspect-ratio:auto!important;object-fit:cover!important}.tabar>.nav,.tabar .nav{max-width:1100px!important;height:74px!important}.tabar .nav .item,.tabar .nav .item a{height:66px!important}.tabar .yl-brand-item img{width:58px!important;height:58px!important;margin:-17px auto 0!important}}
@media (min-width:1200px){body{padding-left:16px!important;padding-right:16px!important}.books-row>.item img{height:150px!important}}
@media (max-width:899px){body{background:#f4f0ff!important}.navbar{height:1.08rem!important}.navbar:before{color:#6338d1!important}.navbar>.tab-box>.item>a.active{border-radius:999px!important}#banner-container{margin:.14rem .18rem .24rem!important;border-radius:16px!important}.portal-nav{margin:0 .12rem .22rem!important;padding:.16rem .12rem!important}.portal-nav .item img{border-radius:14px!important}.bm-box{margin:.16rem .12rem!important;border-radius:16px!important}.books-row{gap:.14rem!important}.books-row>.item img{border-radius:12px!important}}