/* ============================================
   桌面端响应式布局(≥960px 常规 Web 版式)
   移动端(<960px)不受影响,保持原生 App 体验
   ============================================ */
.desktop-nav { display: none; }

@media (min-width: 960px) {
    body { background: #f3f1ec; }

    /* 应用容器:去手机壳,全宽 */
    #app { max-width: none; margin: 0; background: transparent; min-height: 100vh; }

    /* 桌面顶栏 */
    .desktop-nav {
        display: flex; align-items: center; justify-content: space-between;
        max-width: 1240px; margin: 0 auto; padding: 14px 40px 8px;
        position: sticky; top: 0; z-index: 100;
    }
    .dn-brand { display: flex; align-items: center; gap: 10px; cursor: pointer; }
    .dn-brand img { width: 38px; height: 38px; border-radius: 10px; }
    .dn-name { font-size: 18px; font-weight: 500; color: #333; }
    .dn-links { display: flex; gap: 6px; }
    .dn-link {
        padding: 8px 18px; border-radius: 999px; cursor: pointer;
        font-size: 14px; color: #555; text-decoration: none; transition: all .2s;
    }
    .dn-link:hover { background: #fff; color: #E8844A; box-shadow: 0 1px 4px rgba(0,0,0,.07); }
    .dn-actions { display: flex; align-items: center; gap: 12px; }
    .dn-lang {
        padding: 7px 16px; border: 1px solid #ddd; border-radius: 999px;
        background: #fff; cursor: pointer; font-size: 13px; color: #555; transition: all .2s;
    }
    .dn-lang:hover { border-color: #E8844A; color: #E8844A; }

    /* 底部导航桌面隐藏 */
    .bottom-nav { display: none; }

    /* 页面主体:限宽居中,常规 Web 留白 */
    .page { max-width: 1240px; margin: 0 auto; padding: 8px 40px 70px; width: 100%; box-sizing: border-box; }
    .page.active { display: flex; }

    /* 欢迎页:桌面 hero 卡片 */
    .welcome-container { min-height: calc(100vh - 90px); border-radius: 26px; margin: 6px 0 0; }
    .welcome-container h1 { font-size: 42px; }
    .welcome-subtitle { font-size: 19px; max-width: 620px; }
    .welcome-icon img { width: 92px; height: 92px; border-radius: 22px; }

    /* 时间轴:纵向保留,限宽居中 */
    .timeline-container { max-width: 900px; margin: 0 auto; }

    /* 特殊时期标签:三列网格 */
    #tags-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
    .tag-card { margin-bottom: 0; }

    /* 测评:两列网格 */
    #assessment-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
    .assessment-card { margin-bottom: 0; }

    /* 聊天页:居中窄栏,专注对话 */
    #page-chat { max-width: 880px; }
    .chat-messages { max-width: 720px; margin: 0 auto; }
    #chat-input-bar { max-width: 720px; margin: 0 auto; }

    /* 阶段/标签详情:宽卡片 */
    .stage-content, #tag-content { max-width: 920px; margin: 0 auto; }
    .stage-hero { border-radius: 20px; padding: 40px 48px; }

    /* 我的/目标/工具/设置/收藏/复盘:限宽居中 */
    #page-profile > div, #page-goals > div, #page-tools > div,
    #page-settings > div, #page-memos > div, #page-reviews > div,
    #page-timeline-personal > div {
        max-width: 900px; margin-left: auto; margin-right: auto;
    }
    .profile-menu { max-width: 760px; margin: 0 auto; }

    /* 通用卡片微调 */
    .card { border-radius: 14px; }
}