/**
 * panel.css — CSS 聚合入口
 *
 * 拆分说明：
 *   base.css        — 重置、变量、全局动效
 *   layout.css      — 侧栏、工具栏、预览区、主面板布局
 *   sections.css    — 选题/钩子/弹窗/设置页面样式
 *   workstation.css — 工作站布局、工单、步进器、素材卡
 *   shell.css       — 应用壳（工具箱面板）
 */

@import url('base.css');
@import url('layout.css?v=9');
@import url('sections.css?v=135');
@import url('workstation.css?v=8');
@import url('shell.css?v=7');
@import url('tingwu.css?v=9');
@import url('mobile.css?v=1');

/* ── 个人身份报告 V2 全屏覆盖层 ── */
#identitiesOverlay {
    position: fixed; top: 0; left: 0; width: 100%;
    height: 100vh;   /* 兜底：布局视口 */
    height: 100dvh;  /* 动态视口：移动端随地址栏收起/展开，避免横屏顶栏被遮 */
    z-index: 2000; background: rgba(0,0,0,0.5);
    display: none; align-items: center; justify-content: center;
}
#identitiesOverlay.active { display: flex; }

#identitiesFrame {
    width: 100vw;
    height: 100vh;   /* 兜底：布局视口 */
    height: 100dvh;  /* 动态视口：移动端随地址栏收起/展开 */
    background: #fff; border: none;
    animation: identitiesIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@keyframes identitiesIn {
    from { opacity: 0; transform: scale(0.96); }
    to   { opacity: 1; transform: scale(1); }
}

/* ── 使用说明 全屏覆盖层 ── */
#guideOverlay {
    position: fixed; top: 0; left: 0; width: 100%;
    height: 100vh;   /* 兜底：布局视口 */
    height: 100dvh;  /* 动态视口：移动端随地址栏收起/展开，避免横屏顶栏被遮 */
    z-index: 2001; background: rgba(0,0,0,0.5);
    display: none; align-items: center; justify-content: center;
}
#guideOverlay.active { display: flex; }

#guideFrame {
    width: 100vw;
    height: 100vh;   /* 兜底：布局视口 */
    height: 100dvh;  /* 动态视口：移动端随地址栏收起/展开 */
    background: #fff; border: none;
    animation: identitiesIn 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}