.cover-art{--cover-bg:#e8efe7;--cover-ink:#365c50;--cover-accent:#607e69;display:grid!important;grid-template-columns:40% 1fr;align-items:center;gap:5%;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#fff8 0 36%,transparent 36%),var(--cover-bg)!important;padding:20px 22px!important;aspect-ratio:16/9;min-height:0!important;height:auto!important;border:1px solid #0000000b}
.cover-art:before{content:"";position:absolute;width:72%;height:170%;border:1px solid #ffffff9c;border-radius:50%;top:-30%;right:-23%;z-index:-1;transform:rotate(-30deg)}
.cover-art[data-genre="少年漫画"]{--cover-bg:#efe2ca;--cover-ink:#513b27;--cover-accent:#8f6034}.cover-art[data-genre="青年漫画"]{--cover-bg:#dfeaf0;--cover-ink:#2d5269;--cover-accent:#50728b}.cover-art[data-genre="少女漫画"]{--cover-bg:#f3e1dc;--cover-ink:#8b4953;--cover-accent:#ae626f}
.cover-holder{height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.real-cover{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(3px 5px 4px #3d302333);max-height:100%}
.cover-copy{position:relative;color:var(--cover-ink);min-width:0}.cover-copy p{font-size:11px;line-height:1.7;margin:10px 0}.cover-genre{display:inline-block;border-bottom:1px solid currentColor;font-size:10px;font-weight:700;padding:0 0 4px;letter-spacing:.12em}.cover-title{font-size:clamp(18px,1.7vw,25px);line-height:1.45;display:block;font-weight:800;letter-spacing:.04em;margin-top:11px;overflow-wrap:anywhere}.cover-band{font-size:11px;display:inline-block;background:var(--cover-accent);color:white;padding:6px 13px;font-weight:700;margin-top:10px;letter-spacing:.03em;border-radius:2px}
.article-hero.cover-art{padding:28px 32px!important;gap:7%;grid-template-columns:37% 1fr;margin-top:25px}.article-hero.cover-art .hero-work{font-size:clamp(24px,3.2vw,42px);line-height:1.5;letter-spacing:.05em;margin:15px 0;color:var(--cover-ink)}.article-hero.cover-art .hero-topic{font-size:16px;margin:12px 0 20px}.article-hero.cover-art .cover-genre{font-size:13px}.article-hero.cover-art .cover-band{font-size:16px;padding:9px 18px}.cover-source{font-size:10px;color:#666;line-height:1.8;text-align:right;margin:8px 0 20px}.cover-source a{text-decoration:underline;text-underline-offset:3px}
.dialogue{margin:30px 0 36px;display:grid;gap:20px}.talk{display:flex;gap:18px;align-items:center}.talk figure{flex:0 0 105px;width:105px;margin:0;text-align:center}.talk figure img{width:105px;height:118px;object-fit:contain;display:block}.talk figcaption{font-size:12px;font-weight:700;margin-top:4px;line-height:1.5}.talk figcaption small{display:block;font-size:9px;font-weight:400;color:#6f786c}.speech{position:relative;border:1px solid #cdd6d7;background:#f0f7fa;border-radius:9px;padding:17px 22px;max-width:calc(100% - 165px);box-shadow:0 2px 0 #22334405}.speech:before{content:"";position:absolute;width:13px;height:13px;background:inherit;border-left:1px solid #cdd6d7;border-bottom:1px solid #cdd6d7;left:-7px;top:29px;transform:rotate(45deg)}.speech p,.article-body .speech p{font-size:15px;line-height:1.95;margin:0!important}.talk-guide{flex-direction:row-reverse;margin-left:45px}.talk-asker{margin-right:45px}.talk-guide .speech{background:#eff5ed;border-color:#c8d7c5}.talk-guide .speech:before{left:auto;right:-7px;transform:rotate(225deg);border-color:#c8d7c5}
.character-intro{margin:40px auto;max-width:760px;border-top:1px solid var(--line);padding-top:35px}.character-intro h3{font-size:22px;margin-bottom:10px}.character-intro>p{font-size:12px!important;line-height:1.8}.cast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px auto 18px;max-width:650px}.cast-grid>div{display:flex;flex-direction:column;align-items:center}.cast-grid img{width:120px;height:132px;object-fit:contain}.cast-grid strong{font-size:15px;margin-top:9px}.cast-grid small{font-size:10px;color:var(--muted)}.character-intro .cast-note{font-size:11px!important}
@media(max-width:1100px) and (min-width:781px){.cover-art{padding:14px!important;gap:4%}.cover-copy p{display:none}.cover-title{font-size:18px}.cover-band{font-size:10px;padding:5px 8px}}
@media(max-width:600px){.cover-art{padding:16px 18px!important;gap:6%}.cover-title{font-size:23px}.cover-copy p{font-size:10px}.cover-band{font-size:11px}.article-hero.cover-art{padding:18px!important;gap:6%;grid-template-columns:38% 1fr}.article-hero.cover-art .hero-work{font-size:24px;margin:10px 0}.article-hero.cover-art .hero-topic{font-size:11px;margin:10px 0}.article-hero.cover-art .cover-genre{font-size:10px}.article-hero.cover-art .cover-band{font-size:11px;padding:6px 10px}.talk{gap:10px}.talk figure{flex-basis:70px;width:70px}.talk figure img{width:70px;height:85px}.talk figcaption{font-size:10px}.talk figcaption small{font-size:8px}.talk-asker{margin-right:8px}.talk-guide{margin-left:8px}.speech{max-width:calc(100% - 80px);padding:12px 13px;border-radius:7px}.speech p,.article-body .speech p{font-size:13px;line-height:1.9}.dialogue{gap:22px;margin:25px 0}.cover-source{font-size:9px}.cast-grid{gap:8px}.cast-grid img{width:75px;height:90px}.cast-grid strong{font-size:12px}.character-intro h3{font-size:20px}}
.cover-art{grid-template-rows:minmax(0,1fr)}
@media(max-width:600px){.article-hero.cover-art .hero-topic{display:none}.article-hero.cover-art .hero-work{line-height:1.4}}
@media(prefers-reduced-motion:reduce){.real-cover{transition:none}}