/* ═══════════ 手机响应式补丁 ═══════════ */ @media (max-width: 640px) { /* 顶栏:元信息压缩 */ .topbar { padding: 6px 10px; min-height: 48px; } .topbar .avatar { width: 28px; height: 28px; font-size: 14px; } .topbar .name { font-size: 13px; } .topbar .meta { font-size: 9px; gap: 6px; } .topbar .right { font-size: 11px; gap: 6px; } .topbar .gold { font-size: 11px; } .topbar .menu { font-size: 10px; padding: 3px 8px; } /* 地皮 / 仓库卡片:一行 4 个左右 */ .grid { grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 5px; padding: 8px; } .card { padding: 5px; gap: 3px; } .card .head { font-size: 9px; } .card .head .lv { font-size: 9px; } .card .bigIcon { font-size: 22px; margin: 1px 0; } .card .bname { font-size: 10px; } .card .pbox { padding: 3px 4px; } .card .prow { font-size: 9px; } .card .pname { font-size: 9px; } .card .prate { font-size: 10px; } .card .stat { font-size: 9px; } .card.wh .bigIcon { font-size: 26px; margin-top: 4px; } /* 统计表格:改成卡片式堆叠 */ .stat-table, .sales-table { padding: 0 8px 20px; } .stat-head, .sales-head { display: none; } .stat-row, .sales-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px 8px; padding: 10px; border: 1px solid #1e293b; border-radius: 8px; margin-bottom: 8px; min-width: 0; background: #0b1220; align-items: flex-start; } .stat-row .cell-name, .sales-row .cell-name { grid-column: 1 / -1; font-weight: 600; color: #e2e8f0; border-bottom: 1px solid #1e293b; padding-bottom: 6px; margin-bottom: 2px; white-space: normal; overflow: visible; text-overflow: clip; } .stat-row .num, .sales-row .num { text-align: left; font-size: 11px; padding: 2px 0; overflow: visible; } .stat-row .num::before, .sales-row .num::before { display: block; font-size: 9px; color: #64748b; margin-bottom: 1px; font-weight: 400; } /* 产销一览每列的名称(对应表头顺序) */ .stat-row .num:nth-child(2)::before { content: '库存'; } .stat-row .num:nth-child(3)::before { content: '产量/h'; } .stat-row .num:nth-child(4)::before { content: '消耗/h'; } .stat-row .num:nth-child(5)::before { content: '销售/h'; } .stat-row .num:nth-child(6)::before { content: '净变化/h'; } .stat-row .num:nth-child(7)::before { content: '可支撑'; } /* 销售统计每列的名称 */ .sales-row .num:nth-child(2)::before { content: '品质'; } .sales-row .num:nth-child(3)::before { content: '商店数'; } .sales-row .num:nth-child(4)::before { content: '零售价'; } .sales-row .num:nth-child(5)::before { content: '销量/h'; } .sales-row .num:nth-child(6)::before { content: '时利/h'; } .sales-row .num:nth-child(7)::before { content: '日利/天'; } .sales-row .num:nth-child(8)::before { content: '累计销量'; } .sales-row .num:nth-child(9)::before { content: '累计营收'; } /* 行业筛选按钮压小 */ .ind-filter { gap: 3px; } .ind-filter button { width: 30px; height: 30px; font-size: 14px; } .ind-filter button:first-child { padding: 0 10px; font-size: 10px; } /* KPI 卡片压小 */ .kpi-grid { gap: 6px; } .kpi { padding: 6px 8px; } .kpi .l { font-size: 9px; } .kpi .v { font-size: 12px; } .kpi .s { font-size: 8px; } .kpi-grid.cols3 { grid-template-columns: repeat(2, 1fr); } .kpi-grid.cols2 { grid-template-columns: repeat(2, 1fr); } /* 弹窗留白压小 */ .modal-body { padding: 10px; } .modal-head { padding: 10px 12px; } .modal-foot { padding: 10px 12px; } /* 生产页筛选行换行不溢出 */ .section { padding: 10px 12px 4px; } .section .filters { width: 100%; } .section .filters button { padding: 2px 8px; font-size: 10px; } /* 高管卡片网格 */ .exec-grid { grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)); gap: 6px; } .exec-chip { padding: 6px; min-height: 78px; } .exec-chip .exec-value { font-size: 12px; } /* 赛博飞船:单栏,图片区在最上面 */ .cyber-layout { grid-template-columns: 1fr; gap: 12px; } .cyber-center { order: -1; position: static; padding: 12px 0; } .cyber-halo { width: 180px; height: 180px; } .cyber-halo-ring { -webkit-mask: radial-gradient(circle, transparent 66px, #000 68px); mask: radial-gradient(circle, transparent 66px, #000 68px); } .cyber-halo-inner { width: 130px; height: 130px; } .cyber-ship-emoji { font-size: 72px; } .cyber-pct { font-size: 24px; } /* 炼金列表行压小 */ .alchemy-row { padding: 6px 8px; gap: 8px; } .ar-meta .n { font-size: 12px; } .ar-meta .c { font-size: 9px; } .ar-val { font-size: 11px; } /* 天赋/科研卡片留白压小 */ .talent-card { padding: 10px; } .talent-title { font-size: 13px; } .research-card { padding: 10px; } .research-title { font-size: 13px; } /* 工匠卡片 */ .cm-grid-4 { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } } /* 超窄屏(<400px):再压一点 */ @media (max-width: 400px) { .grid { grid-template-columns: repeat(auto-fill, minmax(76px, 1fr)); } .stat-row, .sales-row { grid-template-columns: repeat(2, 1fr); } }