/* APPROVED LOCKED BASELINE: keep the supplied orange fitness case board unchanged. */
:root{--orange:#ff6118;--paper:#f7f5f0;--ink:#08090a;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}
html{background:#050607;scroll-behavior:smooth}
body{background:#050607;color:var(--paper);margin:0;min-width:320px}
body.is-fitness-live{overflow:hidden}
button,a{font:inherit}
.fitness-case{min-height:100vh}
.fitness-hero{background:#090a0b;min-height:100svh;overflow:hidden;position:relative;width:100%}
.fitness-board{aspect-ratio:1672/941;margin:0 auto;max-width:1672px;position:relative;width:100%}
.fitness-board-image{display:block;height:100%;inset:0;object-fit:contain;position:absolute;width:100%}
.portfolio-home.site-return-float{align-items:center;background:rgba(8,10,12,.9);border:1px solid rgba(255,255,255,.58);border-radius:999px;color:#fff;display:flex;font:650 12px/1 "Microsoft YaHei",Arial,sans-serif;gap:9px;height:auto;left:clamp(16px,2vw,34px);letter-spacing:.08em;padding:12px 16px;position:fixed;text-decoration:none;top:clamp(16px,2vw,30px);transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease;width:auto;z-index:110}.portfolio-home.site-return-float span{color:#ff6b22;font:700 20px/1 Arial}.portfolio-home.site-return-float:hover{background:#11151a;box-shadow:0 10px 28px rgba(0,0,0,.35);transform:translateY(-2px)}.portfolio-home.site-return-float:active{transform:scale(.96)}
.fitness-board-cta{align-items:center;background:transparent;border:0;border-radius:999px;bottom:6.2%;color:transparent;cursor:pointer;display:flex;height:8.5%;justify-content:space-between;left:3.7%;padding:0 2.2%;position:absolute;width:19.3%;z-index:4}
.fitness-board-cta span,.fitness-board-cta i{font-size:0}
.fitness-board-cta:focus-visible{box-shadow:0 0 0 4px #fff,0 0 0 8px var(--orange);outline:0}
.fitness-board-cta::after{border:1px solid transparent;border-radius:999px;content:"";inset:0;position:absolute;transition:border-color .2s,box-shadow .2s,transform .2s}
.fitness-board-cta:hover::after{border-color:rgba(255,255,255,.7);box-shadow:0 0 28px rgba(255,97,24,.75);transform:scale(1.025)}
.fitness-live{background:#050607;display:grid;grid-template-rows:58px 1fr;inset:0;padding:0 3vw 24px;position:fixed;z-index:100}
.fitness-live[hidden]{display:none}
.fitness-live>header{align-items:center;border-bottom:1px solid var(--line);display:flex;height:58px;justify-content:space-between;margin:auto;width:min(1500px,100%)}
.fitness-live>header span{font:10px Arial,sans-serif;letter-spacing:.2em}
.fitness-live>header a,.fitness-live>header button{background:none;border:0;color:#fff;cursor:pointer;font:10px Arial,sans-serif;letter-spacing:.15em;margin-left:25px;text-decoration:none}.fitness-live>header button{align-items:center;background:linear-gradient(135deg,#ff7a2b,#ff4d1e);border:1px solid rgba(255,255,255,.32);border-radius:999px;box-shadow:0 8px 22px rgba(255,77,30,.24);display:inline-flex;font:650 12px/1 "Microsoft YaHei",Arial,sans-serif;letter-spacing:.06em;min-height:42px;padding:0 16px;transition:transform .18s ease,box-shadow .18s ease}.fitness-live>header button:hover{box-shadow:0 11px 28px rgba(255,77,30,.42);transform:translateY(-1px)}
.live-stage{background:radial-gradient(circle,#3b1b0e,#090a0b 68%);display:grid;min-height:0;place-items:center}
.live-stage iframe{background:#fff;border:8px solid #25282d;border-radius:48px;height:min(780px,calc(100svh - 86px));width:min(390px,94vw)}
@media(max-width:700px){
  .portfolio-home.site-return-float{font-size:11px;left:12px;padding:10px 13px;top:12px}
  .fitness-live{padding:0;grid-template-rows:56px 1fr}
  .fitness-live>header{height:56px;padding:0 14px}
  .fitness-live>header span{font-size:8px}
  .fitness-live>header a{display:none}
  .fitness-live>header button{font-size:12px;margin-left:0;min-height:42px;padding:0 14px}
  .live-stage{min-height:0}
  .live-stage iframe{border:0;border-radius:0;height:calc(100svh - 56px);width:100%}
}

@media(max-width:700px){.fitness-live{height:100dvh}.live-stage iframe{height:100%;max-width:100%;min-width:0}.fitness-live>header button{min-height:44px}}
