:root{
  --theme:#fb7299;
  --radius:8px;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
* {box-sizing:border-box;margin:0;padding:0;}
body{display:flex;flex-direction:column;height:100vh;background:#111;color:#eee;}
header{padding:12px 16px;background:var(--theme);display:flex;justify-content:space-between;align-items:center;}
header h1{font-size:18px}
#user img{width:32px;height:32px;border-radius:50%;vertical-align:middle;margin-right:6px;}
main{flex:1;padding:16px;display:flex;flex-direction:column;gap:16px}
#login-section{text-align:center}
#qr{width:180px;height:180px;margin:12px auto;display:block}
#video-section{display:flex;flex-direction:column;gap:10px}
#player{width:100%;max-width:100%;border-radius:var(--radius);background:#000}

/* 手表 ≤ 320px */
@media (max-width:320px){
  header h1{font-size:14px}
  #qr{width:140px;height:140px}
  #player{max-height:140px}
}