/* Approved concept 03. Existing official slogans, colors and business links stay intact. */
.theme-04 .hero-four{padding-top:20px}
.theme-04 .hero-four h1{font-size:clamp(48px,4.7vw,62px);margin-block:16px;line-height:1.12}
.theme-04 .hero-four .lead{font-size:15px;line-height:1.7}
.theme-04 .hero-four .actions{margin-top:18px}
.theme-04 .hero-four .release-meta{margin-top:12px;font-size:11px;line-height:1.65}
.theme-04 .music-band{display:flex;align-items:flex-end;justify-content:center;gap:5px;max-width:1060px;margin:12px auto 0;padding:0 0 13px;position:relative}
.music-band:before{content:"";position:absolute;inset:55% 1% 0;background:radial-gradient(ellipse,#f8dce670,transparent 70%);z-index:-1;pointer-events:none}
.music-band-member{display:flex;flex-direction:column;align-items:center;gap:5px;width:16.6667%;min-width:0;border:0;background:transparent;color:var(--muted);border-radius:16px;padding:0 0 7px;font:11px/1.6 "Microsoft YaHei","PingFang SC",sans-serif;cursor:pointer;transition:transform .25s ease}
.music-band-member:nth-child(2),.music-band-member:nth-child(5){margin-bottom:15px}
.music-band-member:nth-child(3){margin-bottom:8px}
.music-band-member:hover,.music-band-member[aria-pressed=true]{transform:translateY(-4px)}
.music-band-member[aria-pressed=true]{color:var(--accent)}
.music-band-member:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.music-band-member>.music-pet-name{display:none}
.music-pet{position:relative;display:block;width:140px;height:140px;max-width:112%;flex:none;background:transparent}
.music-pet-art{position:absolute;inset:0;background-image:url('/assets/pets-music-v2.png?v=20261007');background-repeat:no-repeat;filter:drop-shadow(0 4px 6px #b76d7b14)}
.music-pet-01 .music-pet-art{background-size:200% 300%;background-position:0 0}
.music-pet-03 .music-pet-art{background-size:216.033755% 290.909091%;background-position:100% 0}
.music-pet-04 .music-pet-art{background-size:184.837545% 307.2%;background-position:0 49.420849%}
.music-pet-07 .music-pet-art{background-size:217.87234% 317.355372%;background-position:100% 50.190114%}
.music-pet-10 .music-pet-art{background-size:189.62963% 293.129771%;background-position:0 100%}
.music-pet-09 .music-pet-art{background-size:216.033755% 293.129771%;background-position:100% 100%}
.music-band-member[aria-pressed=true] .music-pet-art{animation:music-buddy-breathe 5s ease-in-out infinite;transform-origin:50% 85%}
.music-band-caption{display:none}
.theme-04 .brand img.music-brand-symbol{object-fit:contain;object-position:center;width:40px;height:47px}
@keyframes music-buddy-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:1000px){.music-pet{width:125px;height:125px}.theme-04 .music-band{gap:0}.music-band-member{font-size:10px}}
@media(max-width:760px){.theme-04 .hero-four{padding-top:29px}.theme-04 .hero-four h1{font-size:clamp(40px,10.7vw,56px);margin-block:20px}.theme-04 .hero-four .lead{font-size:13px!important}.theme-04 .music-band{flex-wrap:wrap;max-width:400px;row-gap:9px;margin-top:22px}.music-band-member{width:33.3333%;font-size:10px}.music-band-member:nth-child(n){margin-bottom:0}.music-pet{width:112px;height:112px;max-width:100%}.music-band-caption{margin-bottom:24px!important;font-size:10px!important}.theme-04 .brand img.music-brand-symbol{width:33px;height:39px}}
@media(prefers-reduced-motion:reduce){.music-band-member,.music-band-member .music-pet-art{animation:none!important;transition:none!important}.music-band-member[aria-pressed=true] .music-pet-art{transform:none}}
/* Selected feature-card placement. The existing slogans and business UI stay intact. */
.theme-04 .site-header .brand{align-items:flex-end;line-height:1.2}
.theme-04 .site-header .brand small{line-height:1.2;margin-top:3px}
.theme-04 .hero-four h1{white-space:nowrap}
.theme-04 .promoted-features .feature-list{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-04 .promoted-features .feature{display:flow-root;padding:24px;min-width:0}
.theme-04 .promoted-features .feature>.music-pet{width:80px;height:80px;float:right;margin:-3px 0 10px 12px;max-width:none}
.theme-04 .promoted-features .feature>div{min-width:0}
@media(max-width:1100px){.theme-04 .promoted-features .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.theme-04 .promoted-features .feature-list{grid-template-columns:1fr}.theme-04 .promoted-features .feature>.music-pet{width:64px;height:64px;margin-left:14px}.theme-04 .site-header .brand small{margin-top:2px}.theme-04 .hero-four h1{font-size:clamp(20px,7.8vw,56px)}}
/* Software header logo: same approved alpha artwork, aperture and 8-second record.
   Geometry is scaled from resources/ui04/header-brand.css (46 x 60), not redrawn.
   The existing public PNG is byte-identical to the software's boyu-login-logo.png. */
.theme-04 .site-header .software-brand-logo{
  position:relative;display:block;flex:0 0 auto;width:36.033333px;height:47px;
  overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;color:#ca2a35;
}
.theme-04 .site-header .software-brand-logo img{
  display:block;width:100%;height:100%;object-fit:fill;transform:none;transform-origin:center;
  border:0;border-radius:0;background:transparent;box-shadow:none;
  -webkit-mask-image:radial-gradient(ellipse 21.9608% 16.9697% at 51.3726% 61.6667%,transparent 99%,#000 100%);
  mask-image:radial-gradient(ellipse 21.9608% 16.9697% at 51.3726% 61.6667%,transparent 99%,#000 100%);
}
.theme-04 .site-header .software-brand-disc{
  position:absolute;pointer-events:none;left:51.3726%;top:61.6667%;
  width:43.9216%;height:auto;aspect-ratio:1;transform:translate(-50%,-50%);
  border-radius:50%;overflow:hidden;clip-path:circle(50%);contain:paint;
}
.theme-04 .site-header .software-brand-disc::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:50%;transform-origin:50% 50%;
  background:url('/assets/boyu-brand-symbol.png') 52.4476% 67.6606% / 227.6786% 294.6429% no-repeat;
  animation:boyu-software-record-spin 8s linear infinite;
}
@supports(mask-composite:intersect){
  .theme-04 .site-header .software-brand-logo img{opacity:0}
  .theme-04 .site-header .software-brand-logo::before{
    content:'';position:absolute;inset:0;pointer-events:none;background:currentColor;
    -webkit-mask-image:url('/assets/boyu-brand-symbol.png'),radial-gradient(ellipse 21.9608% 16.9697% at 51.3726% 61.6667%,transparent 99%,#000 100%);
    mask-image:url('/assets/boyu-brand-symbol.png'),radial-gradient(ellipse 21.9608% 16.9697% at 51.3726% 61.6667%,transparent 99%,#000 100%);
    -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-composite:source-in;mask-composite:intersect;
  }
  .theme-04 .site-header .software-brand-disc::before{
    background:currentColor;
    -webkit-mask:url('/assets/boyu-brand-symbol.png') 52.4476% 67.6606% / 227.6786% 294.6429% no-repeat;
    mask:url('/assets/boyu-brand-symbol.png') 52.4476% 67.6606% / 227.6786% 294.6429% no-repeat;
  }
}
@keyframes boyu-software-record-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.theme-04 .site-header .software-brand-logo{width:29.9px;height:39px}}
@media(prefers-reduced-motion:reduce){.theme-04 .site-header .software-brand-disc::before{animation:none}}