/* ===== 任务007 用户端缺陷修复层（task007.css，牛牛 2026-08-31） =====
 * 老板第二批实测 4+2 项修复的样式层：单文件 ≤500 行，放在 host.css 之后以覆盖同名规则。
 * #3 头像昵称卡加高 / #4 会员升级排版重排 / #6 扫码框 UI 完善。 */

/* ---- #3 头像昵称卡加高大改（老板第二批实测：卡太矮）：
   头像 54→76px、留白 padding 18→26/18、卡背景渐变+阴影更突出；
   tag/积分收进昵称下方 .uc-hero-sub 副行（auth.js 结构同步改），320 小屏不挤不溢出。 ---- */
.uc-hero{ display:flex; align-items:center; gap:18px; padding:34px 20px;
  background:linear-gradient(160deg,var(--card,#fff),var(--accent-bg-light,#007AFF12));
  border-radius:18px; box-shadow:var(--card-shadow); }
.uc-avatar{ width:84px; height:84px; border-radius:50%; background:var(--accent,#007AFF); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:38px; font-weight:700; flex-shrink:0; }
.uc-hero-meta{ flex:1; min-width:0; display:flex; flex-direction:column; }
.uc-name{ font-size:24px; font-weight:700; color:var(--text,#1f2933);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.uc-id{ font-size:13px; color:var(--sub,#6b7280); margin-top:6px; }
.uc-hero-sub{ display:flex; align-items:center; gap:8px; margin-top:13px; flex-wrap:wrap; }
.uc-tag{ font-size:12px; color:var(--sub,#6b7280); background:rgba(120,120,128,.14);
  padding:5px 11px; border-radius:10px; white-space:nowrap; }
.uc-points{ font-size:15px; color:var(--text,#1f2933); font-weight:600; white-space:nowrap; }

/* ---- #4 会员升级排版重排（老板第二批实测：一版面卡片过大、字小、排版乱）：
   权益行高加大、字号清晰；4 价卡由横向滚动改 2×2 网格——一屏看全、卡片协调不滚动。 ---- */
.bill-panel{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:14px; }
.bill-feat-list{ display:flex; flex-direction:column; gap:0; margin:2px 0; }
.bill-fItem{ display:flex; align-items:center; gap:8px; min-height:32px; padding:5px 8px; line-height:1.4; }
.bill-fItem + .bill-fItem{ border-top:1px solid var(--border); }
.bill-fIco{ width:20px; height:20px; display:flex; align-items:center; justify-content:center;
  flex-shrink:0; color:var(--accent); font-size:14px; }
.bill-fTxt{ font-size:13px; color:var(--text); flex:1; min-width:0; line-height:1.35; }
.bill-cards{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.bill-card2{ min-width:0; background:var(--bg); border:1px solid var(--border); border-radius:12px;
  padding:12px; cursor:pointer; text-align:left; }
.bill-card2.on{ border-color:var(--accent-border); background:var(--accent-bg-light); }
.bill-card2 .pc-k{ font-size:12px; color:var(--sub); line-height:1.3; }
.bill-card2 .pc-v{ font-size:20px; font-weight:800; color:var(--text); margin-top:5px; }
.bill-card2.on .pc-v{ color:var(--accent); }
.bill-card2 .pc-old{ font-size:11px; color:var(--sub); text-decoration:line-through; margin-top:2px; }

/* ---- #6 扫码框 UI 完善：In-app 扫码视频上加「四角 + 扫描线」（BarcodeDetector/jsQR 路径），
   解决「相机预览但无扫描线」；真机主路径=系统相机（scan.js nativeCamera），识别归豆豆验证。 ---- */
#asdScanSheet .sc-stage{ position:relative; flex:1 1 auto; min-height:58vh; overflow:hidden; background:#000; }
#asdScanSheet .sc-stage .sc-video{ position:absolute; inset:0; width:100%; height:100%; min-height:0; object-fit:cover; }
.sc-frame{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(70%,260px); aspect-ratio:1; pointer-events:none; }
.sc-corn{ position:absolute; width:26px; height:26px; border:3px solid rgba(255,255,255,.92); }
.sc-corn.tl{ left:0; top:0; border-right:none; border-bottom:none; border-top-left-radius:10px; }
.sc-corn.tr{ right:0; top:0; border-left:none; border-bottom:none; border-top-right-radius:10px; }
.sc-corn.bl{ left:0; bottom:0; border-right:none; border-top:none; border-bottom-left-radius:10px; }
.sc-corn.br{ right:0; bottom:0; border-left:none; border-top:none; border-bottom-right-radius:10px; }
.sc-line{ position:absolute; left:5%; right:5%; top:0; height:2px; border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(0,183,255,.95),transparent);
  box-shadow:0 0 8px rgba(0,183,255,.8); animation:sc-scan 2.2s ease-in-out infinite; }
@keyframes sc-scan{ 0%{top:0} 50%{top:calc(100% - 2px)} 100%{top:0} }

/* ---- 008④ 图标溢出限制框（H5UI专项 牛牛 08-31）：多视口实测图标均在框内（见回执），
   补 overflow:hidden 兜底防回归——登录头像/首页助理图标/插件广场图标。 ---- */
.assist-entry-card .ae-ico{ overflow:hidden; }
#asdAuthSheet .da-hero-avatar{ overflow:hidden; }

/* ---- H5UI②③ 弹层卡片自适应（H5UI专项 牛牛 08-31）：
   ① 各商业 sheet 内部卡片/网格允许收缩（min-width:0），长内容不撑破容器；
   ② ≤360px 小屏收紧弹层内边距与卡片字号/内边距——卡片不顶边、内容不溢出（320/360 实测）。 ---- */
.com-list > *, .bill-cards > *, .pg-grid > *, .tmpl-card, .bill-card, .asset-card{ min-width:0; }
@media(max-width:360px){
  .com-sheet .com-panel{ padding-left:12px; padding-right:12px; }
  .com-full .com-list{ gap:8px; }
  .tmpl-card{ padding:12px 10px; }
  .tmpl-head{ font-size:15px; }
  .tmpl-desc{ font-size:12px; margin:5px 0 8px; }
  .bill-card{ padding:12px 10px; gap:8px; }
  .bill-desc{ font-size:11px; }
  .bill-card2{ padding:10px; }
  .bill-card2 .pc-v{ font-size:18px; }
  .bill-fItem{ min-height:30px; padding:4px 5px; }
  .pg-card{ padding:12px 10px; min-height:96px; }
  .pg-card-name{ font-size:13px; }
  .asset-card{ padding:10px; }
}