/* MUSE PAGE V6 — template differentiation layer */
.h5-page{overflow-x:hidden}.h5-page img{object-position:center 32%}
.h5-page.cat-fan img,.h5-page.cat-signature img{object-position:center 24%}
.h5-page.variant-b{--v6-line:color-mix(in srgb,var(--accent) 22%,transparent)}
.h5-page.variant-b .h5-shell{background-image:radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 28%),radial-gradient(circle at 90% 26%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 24%)}
.variant-b .soft-nav,.variant-b .mag-head,.variant-b .minimal-head,.variant-b .dash-status{letter-spacing:.12em;text-transform:uppercase}
.variant-b .soft-hero{border-radius:34px 34px 12px 12px;margin:12px;overflow:hidden;box-shadow:0 18px 50px color-mix(in srgb,var(--accent) 14%,transparent)}
.variant-b .soft-avatar{width:58%;height:310px;border-radius:140px 140px 26px 26px;object-fit:cover;transform:rotate(-2deg)}
.variant-b .soft-copy{max-width:84%;margin-top:-34px;position:relative;z-index:2;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(18px);padding:20px;border-radius:24px}
.variant-b .glass-card.hero{border-radius:44px 12px 44px 12px;transform:rotate(-.35deg)}
.variant-b .glass-main{aspect-ratio:4/5;border-radius:32px 8px 32px 8px}
.variant-b .scrap-page{background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:20px 20px}
.variant-b .scrap-photo.big{transform:rotate(2deg);border-radius:5px}.variant-b .scrap-photo.small{transform:rotate(-5deg);border-radius:5px}
.variant-b .mag-cover{grid-template-columns:.84fr 1.16fr}.variant-b .mag-copy h1{font-size:clamp(44px,13vw,78px);line-height:.86;letter-spacing:-.055em}.variant-b .mag-cover img{min-height:480px;border-radius:180px 180px 20px 20px}
.variant-b .bento-board{gap:10px}.variant-b .widget{border-radius:28px}.variant-b .profile-widget{grid-column:span 2;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent) 8%,var(--surface)))}
.variant-b .diary-cover{margin:12px;border-radius:34px;overflow:hidden}.variant-b .diary-paper{margin:-40px 22px 20px;position:relative;z-index:2;border-radius:28px;box-shadow:0 16px 50px rgba(25,20,26,.10)}
.variant-b .minimal-hero h1{font-size:clamp(52px,16vw,92px);line-height:.82}.variant-b .minimal-hero img{border-radius:0 0 140px 140px}
.variant-b .profile-app{padding-top:10px}.variant-b .profile-top>img{width:136px;height:176px;border-radius:70px 70px 22px 22px}.variant-b .profile-grid{grid-template-columns:1.25fr .75fr .75fr}.variant-b .profile-grid img:first-child{grid-row:span 2;height:100%}
.variant-b .photo-hero{margin:0 12px;border-radius:40px 40px 8px 8px;overflow:hidden}.variant-b .photo-hero img{height:620px}.variant-b .photo-caption{margin:0 12px;border-radius:0 0 34px 34px}
.variant-b .story-intro{padding-bottom:16px}.variant-b .story-cover{margin:0 18px;border-radius:220px 220px 20px 20px;overflow:hidden}.variant-b .chapter{border-top:1px solid var(--v6-line);padding-top:26px}
.variant-b .dash-profile{border-radius:34px;margin:10px 14px}.variant-b .dash-widgets{padding:0 14px}.variant-b .dash-widget{border-radius:26px}
.variant-b .night-stage{margin:10px;border-radius:36px;min-height:calc(100vh - 20px);box-shadow:0 24px 70px rgba(0,0,0,.28)}

/* Category-specific personality */
.cat-sweet.variant-b .h5-shell{background-image:radial-gradient(circle at 18% 12%,rgba(255,255,255,.8) 0 4px,transparent 5px),linear-gradient(155deg,var(--bg),#fff 56%,color-mix(in srgb,var(--accent) 10%,#fff));background-size:42px 42px,auto}
.cat-fan .h5-shell{--fan-ink:#11131a}.cat-fan.variant-b .h5-shell{background:linear-gradient(180deg,#f7f8fb 0%,var(--bg) 56%,#fff 100%)}
.cat-fan.variant-b .mag-head,.cat-fan.variant-b .minimal-head{font-family:Arial Black,Arial,sans-serif}.cat-fan.variant-b .cover-copy{letter-spacing:-.02em}
.cat-oc.variant-b .h5-shell{background-image:linear-gradient(90deg,color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--accent) 7%,transparent) 1px,transparent 1px);background-size:28px 28px}
.cat-lolita.variant-b .h5-shell{background-image:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 13%,transparent),transparent 40%)}
.cat-journal.variant-b .h5-shell{background-image:repeating-linear-gradient(0deg,transparent 0 27px,rgba(84,72,68,.045) 28px)}
.cat-couple.variant-b .h5-shell{background-image:linear-gradient(145deg,var(--bg),#fff 42%,color-mix(in srgb,var(--accent) 8%,#fff))}

/* Signature series: four clearly different design worlds */
.variant-sig-01 .h5-shell{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--bg) 82%,#fff 18%));}
.variant-sig-01 .sig img{filter:saturate(.88) contrast(1.04)}
.variant-sig-01 .sig header{letter-spacing:.16em}

.variant-sig-02{font-family:Inter,Arial,sans-serif}.variant-sig-02 .h5-shell{background:radial-gradient(circle at 76% 8%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 28%),#090a0d;color:#fff}.variant-sig-02 .sig{color:#fff}.variant-sig-02 .sig img{filter:contrast(1.12) saturate(.82)}.variant-sig-02 .sig h1{letter-spacing:-.055em}.variant-sig-02 .sig header{border-bottom:1px solid rgba(255,255,255,.18)}

.variant-sig-03 .h5-shell{background:#f5f1e9;color:#171513}.variant-sig-03 .sig{color:#171513}.variant-sig-03 .sig img{filter:saturate(.68) contrast(1.08)}.variant-sig-03 .sig h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.04em}.variant-sig-03 .sig header{font-family:Georgia,'Times New Roman',serif;letter-spacing:.08em}

.variant-sig-04 .h5-shell{background:#050507;color:#f7f5f2}.variant-sig-04 .sig{color:#f7f5f2}.variant-sig-04 .sig img{filter:saturate(.55) contrast(1.18)}.variant-sig-04 .sig h1{font-size:clamp(54px,15vw,94px);line-height:.86;letter-spacing:-.065em}.variant-sig-04 .sig header{opacity:.82}.variant-sig-04 .h5-footer-v4{border-top-color:rgba(255,255,255,.12)}

@media (max-width:520px){
 .variant-b .soft-avatar{height:250px}.variant-b .mag-cover img{min-height:390px}.variant-b .photo-hero img{height:500px}.variant-b .story-cover{border-radius:150px 150px 18px 18px}
}