/* ============================================================
   多子策略决策引擎 — 共用样式
   ============================================================ */

/* 导航栏 4 字汉字按钮: 2x2 (两行两字) */
.nav-strat-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.15;
    text-align: center;
    min-width: 56px;
    padding: 4px 8px;
    font-size: 12px;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
    color: #374151;
}
.nav-strat-btn:hover { background: #eef2ff; color: #4f46e5; }
.nav-strat-btn .label-2x2 {
    display: inline-block;
    max-width: 2.4em;
    line-height: 1.2;
    white-space: normal;
    word-break: break-all;
}

/* ============================================================
   移动端 (≤ 768px)
   ============================================================ */
@media (max-width: 768px) {
    /* 导航折叠 */
    .nav-desktop { display: none !important; }
    .nav-mobile  { display: flex !important; }
    /* 卡片内字体调整 */
    .metric-num   { font-size: 1.25rem !important; }
    h1.text-3xl   { font-size: 1.5rem !important; }
    h2.text-xl    { font-size: 1.125rem !important; }
    /* 表格水平滚动 */
    .scroll-x { overflow-x: auto; -webkit-overflow-scrolling: touch; }
    /* 减少 padding */
    .p-6 { padding: 1rem !important; }
}
@media (min-width: 769px) {
    .nav-desktop { display: flex; }
    .nav-mobile  { display: none !important; }
}

/* 移动端汉堡菜单 */
.mobile-menu {
    position: fixed;
    top: 0; right: 0;
    height: 100vh;
    width: 240px;
    background: white;
    box-shadow: -2px 0 12px rgba(0,0,0,0.15);
    transform: translateX(100%);
    transition: transform 0.25s ease-out;
    z-index: 50;
}
.mobile-menu.open { transform: translateX(0); }
.mobile-menu-overlay {
    position: fixed; top:0; left:0; right:0; bottom:0;
    background: rgba(0,0,0,0.3); z-index: 49;
    opacity: 0; pointer-events: none;
    transition: opacity 0.2s;
}
.mobile-menu-overlay.open { opacity: 1; pointer-events: auto; }