.character-intro{display:flex;justify-content:space-between;align-items:end;gap:28px}.character-switch{display:inline-flex;padding:4px;border:1px solid var(--line);background:#17151e}.style-toggle{border:0;background:transparent;color:var(--muted);padding:8px 11px;font:700 .68rem var(--font);cursor:pointer}.style-toggle.is-active{background:var(--hot);color:#fff}.character-grid{grid-template-columns:repeat(4,1fr)}.character-grid.is-hidden{display:none}.portrait-4{background:radial-gradient(circle at 45% 16%,#efb48f,#a55070 38%,#29182c 75%)}.manga-card{border:1px solid rgba(246,184,140,.2)}.manga-card .portrait:after{width:170px;height:245px;bottom:-47px;border-radius:53% 47% 40% 40%;box-shadow:0 -84px 0 -49px #1c1428}.manga-1{background:radial-gradient(circle at 28% 16%,#ffd6e9,#b255a0 39%,#252044 76%)}.manga-2{background:radial-gradient(circle at 75% 15%,#f6d99b,#e16c93 38%,#3a1f40 76%)}.manga-3{background:radial-gradient(circle at 50% 18%,#a9ddf6,#6c68bd 38%,#20213e 75%)}.manga-4{background:radial-gradient(circle at 28% 18%,#ebc5f5,#a35ca8 40%,#2e1e43 76%)}.manga-1:after{background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 45%),linear-gradient(#ef8ec0,#543464)}.manga-2:after{background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 45%),linear-gradient(#f5b06e,#8c3f66)}.manga-3:after{background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 45%),linear-gradient(#71bde3,#434b9d)}.manga-4:after{background:linear-gradient(120deg,rgba(255,255,255,.52),transparent 45%),linear-gradient(#df91dd,#6d447f)}
@media(max-width:720px){.character-intro{align-items:start;flex-direction:column}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:32px}.character-card>div:last-child{padding:16px}.portrait{height:180px}.character-card p{font-size:.73rem;min-height:70px}.character-card h3{font-size:.94rem}.character-card a{font-size:.68rem}.style-toggle{padding:8px 10px}}