/* ============================================================
   lab.css — 基础原理实验室（lab-view）视觉层
   自 old-site-v1/css/upgrade.css 移植（2026-09-23，用户已认可版本）。
   内容 / 参数 / 操作流程沿用归档版，仅换画风：
   毛玻璃面板 + 火星锈红主题色，去除旧版蓝（#7cc7ff）/绿（#4de18a）配色。
   管体与小球走中性实验室玻璃（由 js/basiclab.js 绘制），不加重火星画风。
   可逆：删除 index.html 中本文件的 <link> 即回退 styles.css 原样式。
   ============================================================ */

#lab-view{background:
  radial-gradient(120% 80% at 50% 0%, rgba(176,74,46,.10) 0%, rgba(20,17,14,0) 60%),
  linear-gradient(180deg,#191614,#12100e)}
#lab-view .lab-header h3{font-size:20px;font-weight:650;letter-spacing:.6px;color:#fff}
#lab-view .note{font-size:12.5px;line-height:1.75;color:rgba(236,231,224,.62)}

/* 参数分组：与封面卡片同一套毛玻璃 */
#lab-view .group{background:rgba(64,48,38,.26);border:1px solid rgba(255,255,255,.18);
  border-radius:14px;padding:12px 14px;margin-bottom:12px;
  -webkit-backdrop-filter:blur(18px) saturate(150%) brightness(1.14);
  backdrop-filter:blur(18px) saturate(150%) brightness(1.14)}
#lab-view .group.env{border-color:rgba(199,123,67,.32)}
#lab-view .group-title{font-size:12px;font-weight:700;letter-spacing:2px;
  color:var(--sand);margin:0 0 10px}
#lab-view .row .label{color:rgba(236,231,224,.78);font-size:12px}
#lab-view .row .label span:last-child{color:#fff;font-weight:650}
#lab-view .row input[type=range]{accent-color:var(--accent);width:100%}
#lab-view .row input[type=number]{background:rgba(20,17,14,.55);color:var(--text);
  border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:4px 6px;width:100%}

/* 视图外框：毛玻璃 + 火星主题色 */
#lab-view .lab-content{background:rgba(30,24,20,.62);border:1px solid rgba(255,255,255,.14);
  border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.55);
  -webkit-backdrop-filter:blur(20px) saturate(150%) brightness(1.10);
  backdrop-filter:blur(20px) saturate(150%) brightness(1.10)}
#lab-view .lab-header{border-bottom:1px solid rgba(255,255,255,.12)}

/* 画布：内嵌玻璃窗 */
#lab-view .lab-canvas-box{gap:12px}
#lab-view .lab-canvas-box canvas{border-radius:12px;
  background:rgba(16,13,11,.55);border:1px solid rgba(255,255,255,.10)}

/* 操作按钮：释放为主操作（锈红），重置为次级（玻璃） */
#lab-view .btn-start{background:linear-gradient(180deg,#c1552f,#9d3d25);
  border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:650;letter-spacing:2px}
#lab-view .btn-start:hover{background:linear-gradient(180deg,#d16038,#a8442b)}
#lab-view .btn-reset{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  color:#fff;letter-spacing:2px}
#lab-view .btn-reset:hover{background:rgba(255,255,255,.18)}
#lab-view .btn-return{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  color:rgba(240,233,222,.9);border-radius:8px}
#lab-view .btn-return:hover{background:rgba(199,123,67,.24);border-color:rgba(199,123,67,.55)}

/* ============================================================
   未激活视图统一隐藏；各页面布局不再用 ID 规则声明 display。
   ============================================================ */
.view-container:not(.view-active){display:none}