#hh-fs-sheet{
  position:fixed;inset:0;z-index:10000;
  background:linear-gradient(165deg,#1e1b3a 0%,#2d1b4e 40%,#3a1d5d 70%,#1a0f2e 100%);
  color:#fff;
  transform:translateY(100%);
  transition:transform .38s cubic-bezier(.32,.72,.16,1);
  display:flex;flex-direction:column;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
  overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}
#hh-fs-sheet[hidden]{display:none !important;}
#hh-fs-sheet.hh-fs-open{transform:translateY(0);}
#hh-fs-sheet *{box-sizing:border-box;}

.hh-fs-topbar{display:flex;align-items:center;gap:8px;padding:14px 16px 8px;flex-shrink:0;position:relative;z-index:3;}
.hh-fs-handle{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,0.25);position:absolute;left:50%;top:6px;transform:translateX(-50%);pointer-events:none;}
.hh-fs-iconbtn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.08);border:none;border-radius:50%;color:#fff;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s;flex-shrink:0;}
.hh-fs-iconbtn:hover{background:rgba(255,255,255,0.14);}
.hh-fs-iconbtn:active{transform:scale(0.92);}
.hh-fs-iconbtn svg{width:18px;height:18px;}
.hh-fs-create-cta{
  min-height:44px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border-radius:999px;color:#fff;background:linear-gradient(135deg,#f43f5e 0%,#ec4899 55%,#db2777 100%);
  box-shadow:0 8px 22px rgba(236,72,153,.42);font-size:14px;line-height:1;font-weight:800;
  text-decoration:none;white-space:nowrap;flex-shrink:0;transition:filter .15s,transform .1s,box-shadow .15s;
}
.hh-fs-create-cta:hover{color:#fff;filter:brightness(1.08);box-shadow:0 10px 26px rgba(236,72,153,.52);}
.hh-fs-create-cta:active{transform:scale(.97);}
.hh-fs-create-cta:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:2px;}
.hh-fs-create-cta svg{width:18px;height:18px;flex:0 0 auto;}
.hh-fs-label{font-size:11px;font-weight:600;color:rgba(255,255,255,0.55);letter-spacing:.12em;text-transform:uppercase;flex:1;text-align:center;}
.hh-fs-topbar-spacer{width:38px;height:38px;flex-shrink:0;}

.hh-fs-body{flex:1;display:flex;flex-direction:column;align-items:stretch;padding:8px 24px 0;min-height:0;gap:18px;overflow:hidden;}

/* 黑胶舞台 — 居中放置 vinyl */
.hh-fs-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;}

/* 黑胶 — 圆盘，纹路从外到内，中心放封面，无 spindle hole */
.hh-fs-vinyl-wrap{width:min(72vmin,320px);aspect-ratio:1;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.hh-fs-vinyl{
  position:relative;width:100%;height:100%;border-radius:50%;
  background:
    repeating-radial-gradient(circle at center,
      rgba(255,255,255,0.04) 0,
      rgba(255,255,255,0.04) 1px,
      transparent 1px,
      transparent 4px),
    radial-gradient(circle at center,#1d1d1d 0%,#0d0d0d 70%,#1a1a1a 100%);
  box-shadow:
    0 28px 70px rgba(0,0,0,0.6),
    inset 0 0 60px rgba(0,0,0,0.7),
    inset 0 0 0 1px rgba(255,255,255,0.05);
  animation:hh-fs-vinyl-spin 22s linear infinite;
  animation-play-state:paused;
  will-change:transform;
  backface-visibility:hidden;
}
#hh-fs-sheet.hh-fs-playing .hh-fs-vinyl{animation-play-state:running;}
@keyframes hh-fs-vinyl-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.hh-fs-vinyl::before{content:'';position:absolute;inset:5%;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.06);pointer-events:none;}
/* 中心封面作为黑胶"唱片标签" — 占内圈, 露出外圈唱片纹路, 无 spindle 中孔 */
#hh-fs-cover-img{position:absolute;left:50%;top:50%;width:68%;height:68%;border-radius:50%;object-fit:cover;transform:translate(-50%,-50%);box-shadow:0 0 0 2px rgba(0,0,0,0.7),inset 0 0 0 1px rgba(255,255,255,0.08),0 4px 12px rgba(0,0,0,0.45);background:#2a1a4e;display:block;transition:opacity .15s;}

/* 歌词面板 — 与黑胶同区域(移动端通过 class 切换显隐, 桌面端两者并存) */
.hh-fs-lyrics{position:absolute;inset:0;display:none;align-items:center;justify-content:center;cursor:pointer;}
#hh-fs-sheet.hh-fs-lyrics-mode .hh-fs-vinyl-wrap{display:none;}
#hh-fs-sheet.hh-fs-lyrics-mode .hh-fs-lyrics{display:flex;}
.hh-fs-lrc-scroller{width:100%;max-width:420px;height:100%;max-height:100%;overflow-y:auto;padding:20% 12px;text-align:center;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);}
.hh-fs-lrc-scroller::-webkit-scrollbar{display:none;}
.hh-fs-lrc-line{font-size:15px;line-height:2;color:rgba(255,255,255,0.45);transition:color .25s,font-size .25s,font-weight .25s;padding:6px 4px;}
.hh-fs-lrc-line.hh-fs-lrc-active{color:#fff;font-size:17px;font-weight:700;text-shadow:0 0 12px rgba(236,72,153,0.4);}
.hh-fs-lrc-empty{color:rgba(255,255,255,0.4);font-size:14px;padding:20% 0;}

/* info 行: 左 title/artist, 右 like + comment */
.hh-fs-info-row{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.hh-fs-info-left{flex:1;min-width:0;}
.hh-fs-title{font-size:20px;font-weight:800;line-height:1.25;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hh-fs-artist{font-size:12px;font-weight:500;color:rgba(255,255,255,0.55);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hh-fs-info-right{display:flex;align-items:center;gap:14px;flex-shrink:0;}
.hh-fs-info-right[hidden]{display:none;}
/* 移动端: PC 底栏 like/comment/share 副本组保持隐藏 — 否则 syncActions
 * 强制 hidden=false 时, 这三个按钮会跑到底部 next 按钮右边。              */
.hh-fs-pc-extras{display:none;}
.hh-fs-actbtn{position:relative;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:rgba(255,255,255,0.85);cursor:pointer;padding:6px;-webkit-tap-highlight-color:transparent;transition:transform .1s,color .15s;width:36px;height:36px;}
.hh-fs-actbtn:hover{color:#fff;}
.hh-fs-actbtn:active{transform:scale(0.92);}
.hh-fs-actbtn svg{width:24px;height:24px;}
.hh-fs-actbtn.hh-fs-liked{color:#ef4444;}
/* 未点赞: 空心轮廓; 点赞后: 填充红色实心 */
.hh-fs-actbtn[data-fs-action="like"] svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.hh-fs-actbtn.hh-fs-liked[data-fs-action="like"] svg{fill:currentColor;stroke:currentColor;filter:drop-shadow(0 0 8px rgba(239,68,68,0.5));}
.hh-fs-actbtn-count{position:absolute;top:-2px;right:-6px;min-width:18px;height:16px;padding:0 4px;background:#ec4899;color:#fff;font-size:10px;font-weight:700;line-height:16px;border-radius:9px;text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 1px 4px rgba(0,0,0,.35);}
.hh-fs-actbtn-count.hh-fs-actbtn-count-zero{background:rgba(255,255,255,0.18);color:rgba(255,255,255,0.7);}

/* 进度条 */
.hh-fs-progress-wrap{flex-shrink:0;}
.hh-fs-progress-bar{position:relative;height:14px;display:flex;align-items:center;cursor:pointer;}
.hh-fs-progress-bar::before{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:4px;background:rgba(255,255,255,0.12);border-radius:2px;pointer-events:none;}
.hh-fs-progress-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:4px;background:linear-gradient(90deg,#ec4899,#f97316);border-radius:2px;transition:width .15s linear;pointer-events:none;}
.hh-fs-progress-knob{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(0,0,0,0.3);opacity:0;transition:opacity .15s;pointer-events:none;}
.hh-fs-progress-bar:hover .hh-fs-progress-knob,.hh-fs-progress-bar:active .hh-fs-progress-knob{opacity:1;}
.hh-fs-times{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,0.5);margin-top:4px;font-variant-numeric:tabular-nums;}

/* 底部主控 */
.hh-fs-controls{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 24px;gap:8px;flex-shrink:0;}
.hh-fs-cbtn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.06);border:none;border-radius:50%;color:#fff;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s,color .15s;flex-shrink:0;}
.hh-fs-cbtn:hover{background:rgba(255,255,255,0.12);}
.hh-fs-cbtn:active{transform:scale(0.92);}
.hh-fs-cbtn svg{width:22px;height:22px;}
.hh-fs-cbtn.hh-fs-cbtn-small{width:42px;height:42px;background:transparent;}
.hh-fs-cbtn.hh-fs-cbtn-small svg{width:20px;height:20px;}
.hh-fs-cbtn.hh-fs-cbtn-on{color:#ec4899;}
.hh-fs-cbtn.hh-fs-cbtn-main{width:64px;height:64px;background:linear-gradient(135deg,#ec4899,#f97316);box-shadow:0 12px 32px rgba(236,72,153,0.45);}
.hh-fs-cbtn.hh-fs-cbtn-main:hover{background:linear-gradient(135deg,#db2777,#ea580c);}
.hh-fs-cbtn.hh-fs-cbtn-main svg{width:28px;height:28px;}

/* === 分享小弹框 (浮在顶栏 share 按钮下方) === */
.hh-fs-share-pop{position:absolute;top:calc(100% - 4px);right:14px;z-index:4;background:rgba(28,18,46,0.96);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.08);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,0.45);min-width:180px;padding:6px;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top right;pointer-events:none;transition:opacity .18s ease,transform .18s ease;}
.hh-fs-share-pop.hh-fs-share-pop-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}
.hh-fs-share-pop[hidden]{display:none;}
.hh-fs-share-pop::before{content:'';position:absolute;top:-6px;right:14px;width:0;height:0;border:6px solid transparent;border-bottom-color:rgba(28,18,46,0.96);}
.hh-fs-share-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;background:transparent;border:none;color:#fff;font-size:13px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;text-decoration:none;border-radius:8px;}
.hh-fs-share-item:hover{background:rgba(255,255,255,0.06);}
.hh-fs-share-item:active{background:rgba(255,255,255,0.1);}
.hh-fs-share-ico{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:6px;background:rgba(255,255,255,0.08);flex-shrink:0;}
.hh-fs-share-item.hh-fs-share-shared{color:#6ee7b7;}
.hh-fs-share-item.hh-fs-share-shared .hh-fs-share-ico{background:rgba(110,231,183,0.15);color:#6ee7b7;}
.hh-fs-share-divider{height:1px;background:rgba(255,255,255,0.08);margin:4px 6px;}
.hh-fs-share-rate{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;}
.hh-fs-share-rate-label{font-size:12px;color:rgba(255,255,255,0.6);}
.hh-fs-share-rate-stars{display:flex;gap:2px;}
.hh-fs-share-rate-stars .hh-fs-rstar{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;background:transparent;border:none;color:rgba(255,255,255,0.25);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:color .15s,transform .1s;}
.hh-fs-share-rate-stars .hh-fs-rstar:hover{color:#fbbf24;}
.hh-fs-share-rate-stars .hh-fs-rstar:active{transform:scale(.9);}
.hh-fs-share-rate-stars .hh-fs-rstar.hh-fs-rstar-on{color:#fbbf24;}
/* 已评分锁定: 禁用 hover/active 效果, 让用户看出"不可改" */
.hh-fs-share-rate-stars .hh-fs-rstar[disabled]{cursor:default;}
.hh-fs-share-rate-stars .hh-fs-rstar[disabled]:hover{color:rgba(255,255,255,0.25);}
.hh-fs-share-rate-stars .hh-fs-rstar[disabled].hh-fs-rstar-on,
.hh-fs-share-rate-stars .hh-fs-rstar[disabled].hh-fs-rstar-on:hover{color:#fbbf24;}
.hh-fs-share-rate-stars .hh-fs-rstar[disabled]:active{transform:none;}

/* === 二级抽屉/模态共用 === */
.hh-fs-modal{position:fixed;inset:0;z-index:10001;display:none;}
.hh-fs-modal.hh-fs-modal-open{display:block;}
.hh-fs-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,0.55);opacity:0;transition:opacity .3s;}
.hh-fs-modal.hh-fs-modal-open .hh-fs-modal-backdrop{opacity:1;}
.hh-fs-drawer{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,#2a1a4e 0%,#1a0f2e 100%);color:#fff;border-radius:20px 20px 0 0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);transform:translateY(100%);transition:transform .35s cubic-bezier(.32,.72,.16,1);max-height:80vh;overflow:hidden;display:flex;flex-direction:column;}
.hh-fs-modal.hh-fs-modal-open .hh-fs-drawer{transform:translateY(0);}
.hh-fs-drawer-handle{width:36px;height:4px;border-radius:2px;background:rgba(255,255,255,0.25);margin:8px auto 4px;flex-shrink:0;}
.hh-fs-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 12px;flex-shrink:0;}
.hh-fs-drawer-title{font-size:15px;font-weight:700;color:#fff;}
.hh-fs-drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 16px;}

/* === 队列模态 === */
.hh-fs-q-item{display:flex;align-items:center;gap:12px;padding:10px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;}
.hh-fs-q-item:hover{background:rgba(255,255,255,0.06);}
.hh-fs-q-item.hh-fs-q-active{background:linear-gradient(90deg,rgba(236,72,153,0.12),rgba(249,115,22,0.04));}
.hh-fs-q-cover{width:42px;height:42px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#3a1d5d,#1a0f2e);flex-shrink:0;}
.hh-fs-q-cover img{width:100%;height:100%;object-fit:cover;display:block;}
.hh-fs-q-meta{flex:1;min-width:0;}
.hh-fs-q-title{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hh-fs-q-item.hh-fs-q-active .hh-fs-q-title{color:#ec4899;}
.hh-fs-q-artist{font-size:11px;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;}
.hh-fs-q-eq{display:none;color:#ec4899;font-size:14px;line-height:1;}
.hh-fs-q-item.hh-fs-q-active .hh-fs-q-eq{display:inline;}

/* === 评论模态 (full screen slide-up) === */
.hh-fs-modal.hh-fs-cmt-modal .hh-fs-drawer{max-height:100%;height:100%;border-radius:0;}
.hh-fs-cmt-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0 12px;}
.hh-fs-cmt-empty{text-align:center;color:rgba(255,255,255,0.4);font-size:13px;padding:40px 20px;}
.hh-fs-cmt-item{display:flex;gap:10px;padding:10px 18px;}
.hh-fs-cmt-avatar{width:36px;height:36px;border-radius:50%;background:#4b3a76 center/cover no-repeat;flex-shrink:0;}
.hh-fs-cmt-body{flex:1;min-width:0;}
.hh-fs-cmt-name{font-size:12px;font-weight:600;color:rgba(255,255,255,0.7);}
.hh-fs-cmt-content{font-size:14px;color:#fff;line-height:1.45;margin-top:3px;word-wrap:break-word;}
.hh-fs-cmt-time{font-size:11px;color:rgba(255,255,255,0.35);margin-top:4px;}
.hh-fs-cmt-foot{display:flex;flex-direction:column;gap:6px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:rgba(255,255,255,0.04);border-top:1px solid rgba(255,255,255,0.08);flex-shrink:0;}
.hh-fs-cmt-row{display:flex;align-items:center;gap:8px;width:100%;}
.hh-fs-cmt-input{flex:1;min-width:0;padding:10px 14px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);border-radius:999px;color:#fff;font-size:14px;outline:none;}
.hh-fs-cmt-input::placeholder{color:rgba(255,255,255,0.4);}
.hh-fs-cmt-send{padding:10px 20px;background:linear-gradient(135deg,#ec4899,#f97316);border:none;border-radius:999px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .1s;flex-shrink:0;}
.hh-fs-cmt-send:hover{filter:brightness(1.05);}
.hh-fs-cmt-send:active{transform:scale(0.95);}
.hh-fs-cmt-send:disabled{opacity:0.5;cursor:not-allowed;}
.hh-fs-cmt-ai-btn{font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:999px;padding:8px 14px;cursor:pointer;flex-shrink:0;}
.hh-fs-cmt-ai-btn:hover{filter:brightness(1.1);}
.hh-fs-cmt-ai-menu{display:flex;flex-wrap:wrap;gap:6px;}
.hh-fs-cmt-ai-chip{font-size:12px;background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.16);border-radius:16px;padding:4px 10px;cursor:pointer;white-space:nowrap;}
.hh-fs-cmt-ai-chip:hover{background:rgba(255,255,255,0.16);}
.hh-fs-cmt-reply-hint{font-size:12px;color:rgba(236,72,153,0.95);cursor:pointer;}
.hh-fs-cmt-reply-btn{font-size:11px;color:rgba(255,255,255,0.55);background:none;border:none;padding:0;margin-left:8px;cursor:pointer;font-weight:600;}
.hh-fs-cmt-reply-btn:hover{color:#fff;}
.hh-fs-cmt-loadmore{display:block;width:100%;padding:12px;text-align:center;font-size:13px;color:rgba(255,255,255,0.7);font-weight:600;border:none;background:none;cursor:pointer;}
.hh-fs-cmt-loadmore:hover{color:#fff;}
.hh-fs-cmt-thinking{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:600;color:#a5b4fc;animation:hh-fs-cmt-pulse 1.5s ease-in-out infinite;}
.hh-fs-cmt-thinking svg{width:16px;height:16px;animation:hh-fs-cmt-spin 1s linear infinite;}
@keyframes hh-fs-cmt-pulse{0%,100%{opacity:1;}50%{opacity:0.5;}}
@keyframes hh-fs-cmt-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

@media (min-width:1024px){
  /* === 桌面端: 仿 /music/player/ 的 4 区网格 (topbar / vinyl / info+lyrics / pc-bar) === */
  #hh-fs-sheet{
    display:grid;
    grid-template-areas:
      "topbar topbar topbar"
      "vinyl  info   side"
      "vinyl  lyrics side"
      "bar    bar    bar";
    grid-template-rows:auto auto 1fr auto;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 0;
    column-gap:60px;
    padding:0;
    align-items:stretch;
    transition:grid-template-columns .35s ease, column-gap .35s ease;
  }
  /* 第三栏(列表/评论)展开 — 固定 380px, 黑胶/歌词被挤紧 */
  #hh-fs-sheet.hh-fs-side-open{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 380px;
    column-gap:32px;
  }
  .hh-fs-topbar{grid-area:topbar;padding:16px 32px 0;}
  /* unwrap body+stage 让里面的元素直接成为网格子项 */
  .hh-fs-body{display:contents;}
  .hh-fs-stage{display:contents;}

  .hh-fs-vinyl-wrap{grid-area:vinyl;place-self:center;width:min(40vh,380px);max-width:380px;}
  /* PC 上无论 lyrics-mode 是否,黑胶+歌词并存 */
  #hh-fs-sheet.hh-fs-lyrics-mode .hh-fs-vinyl-wrap{display:flex;}

  .hh-fs-info-row{grid-area:info;align-self:end;padding:24px 60px 12px 0;gap:18px;}
  .hh-fs-title{font-size:clamp(22px,2.2vw,30px);white-space:normal;line-height:1.25;}
  .hh-fs-artist{font-size:15px;color:rgba(255,255,255,0.6);}

  /* min-height:0 + overflow:hidden 让 1fr 行不被歌词内容撑高,把底部 pc-bar 顶出视口
   * justify-content:center → 歌词在第二栏内左右居中(无论第三栏是否展开都居中) */
  .hh-fs-lyrics{grid-area:lyrics;position:static;inset:auto;display:flex !important;align-items:stretch;justify-content:center;padding:0 24px 40px;cursor:default;min-height:0;min-width:0;overflow:hidden;}
  .hh-fs-lrc-scroller{max-width:560px;height:100%;max-height:100%;overflow-y:auto;text-align:left;font-size:16px;line-height:2.3;padding:12px 0 40px;mask-image:none;-webkit-mask-image:none;}
  .hh-fs-lrc-line{font-size:16px;line-height:2.3;padding:6px 0;}
  .hh-fs-lrc-line.hh-fs-lrc-active{font-size:18px;}
  .hh-fs-lrc-empty{padding:60px 0;}

  /* 进度条 + info-row 内的进度时间在 PC 上隐藏, 由底部 pc-bar 接管 */
  .hh-fs-progress-wrap{display:none;}

  .hh-fs-controls{
    grid-area:bar;
    padding:12px 28px calc(12px + env(safe-area-inset-bottom));
    background:rgba(0,0,0,0.32);
    border-top:1px solid rgba(255,255,255,0.06);
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    gap:18px;
    justify-content:flex-start;
  }
  /* PC 上播放按钮稍紧凑 */
  .hh-fs-cbtn.hh-fs-cbtn-main{width:50px;height:50px;}
  .hh-fs-cbtn.hh-fs-cbtn-main svg{width:24px;height:24px;}

  /* PC 仅显示 — 现在播放条 (cover + 标题 + 进度滑杆) */
  .hh-fs-pc-now{display:flex !important;flex:1;align-items:center;gap:12px;min-width:0;max-width:720px;}
  .hh-fs-pc-cover{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#333;flex-shrink:0;}
  .hh-fs-pc-cover img{width:100%;height:100%;object-fit:cover;display:block;}
  .hh-fs-pc-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
  .hh-fs-pc-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .hh-fs-pc-title{font-size:13px;color:rgba(255,255,255,0.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .hh-fs-pc-time{font-size:12px;color:rgba(255,255,255,0.55);font-variant-numeric:tabular-nums;flex-shrink:0;}
  .hh-fs-pc-now input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:16px;background:transparent;outline:none;cursor:pointer;}
  .hh-fs-pc-now input[type="range"]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(to right,#fff 0%,#fff var(--pct,0%),rgba(255,255,255,0.22) var(--pct,0%),rgba(255,255,255,0.22) 100%);border-radius:1px;}
  .hh-fs-pc-now input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;margin-top:-4px;box-shadow:0 1px 3px rgba(0,0,0,0.4);}
  .hh-fs-pc-now input[type="range"]::-moz-range-track{height:2px;background:rgba(255,255,255,0.22);border-radius:1px;}
  .hh-fs-pc-now input[type="range"]::-moz-range-progress{height:2px;background:#fff;border-radius:1px;}
  .hh-fs-pc-now input[type="range"]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fff;border:none;}

  /* PC: 列表 / 评论变成 grid 第三栏, 不再悬浮 */
  .hh-fs-modal{
    position:relative;inset:auto;
    grid-area:side;
    display:none;
    pointer-events:auto;
    background:transparent;
    overflow:hidden;
    min-width:0;min-height:0;
  }
  .hh-fs-modal.hh-fs-modal-open{display:flex;flex-direction:column;}
  .hh-fs-modal-backdrop{display:none !important;}
  .hh-fs-modal .hh-fs-drawer{
    pointer-events:auto;
    position:relative;
    top:auto;bottom:auto;right:auto;left:auto;
    width:100%;max-width:none;
    height:100%;max-height:none;
    border-radius:0;
    box-shadow:none;
    border-left:1px solid rgba(255,255,255,0.08);
    background:linear-gradient(180deg,#2a1a4e 0%,#1a0f2e 100%);
    transform:none;
    transition:none;
  }
  .hh-fs-modal.hh-fs-cmt-modal .hh-fs-drawer{
    width:100%;height:100%;border-radius:0;
  }

  /* PC: 顶栏 share + 信息行 like/comment 全部隐藏, 由底部 pc-bar 接管 */
  #hh-fs-share-btn{display:none !important;}
  .hh-fs-info-row .hh-fs-info-right{display:none !important;}

  /* PC pc-bar 右侧的 like / comment / share 按钮组 */
  .hh-fs-pc-extras{display:flex !important;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;}
  .hh-fs-pc-extra-btn{position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:rgba(255,255,255,0.85);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s,color .15s;}
  .hh-fs-pc-extra-btn:hover{color:#fff;}
  .hh-fs-pc-extra-btn:active{transform:scale(0.92);}
  .hh-fs-pc-extra-btn svg{width:20px;height:20px;opacity:0.85;}
  .hh-fs-pc-extra-btn.hh-fs-liked{color:#ef4444;}
  .hh-fs-pc-extra-btn.hh-fs-liked svg{opacity:1;filter:drop-shadow(0 0 6px rgba(239,68,68,0.5));}
  .hh-fs-pc-extra-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:rgba(255,255,255,0.18);color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center;font-variant-numeric:tabular-nums;pointer-events:none;}
  .hh-fs-pc-extra-count.hh-fs-pc-extra-count-zero{display:none;}

  /* share popover 在 PC 上重新定位到 pc-bar share 按钮上方 (向上展开) */
  .hh-fs-share-pop{position:fixed;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 78px);right:80px;left:auto;transform-origin:bottom right;transform:translateY(8px) scale(.96);}
  .hh-fs-share-pop.hh-fs-share-pop-open{transform:translateY(0) scale(1);}
  .hh-fs-share-pop::before{top:auto;bottom:-6px;right:14px;border-bottom-color:transparent;border-top-color:rgba(28,18,46,0.96);}
}