@@ -261,10 +261,48 @@ button { font-family: inherit; cursor: pointer; }
261261@media (max-width : 1000px ) {
262262 .stats .stats-5 { grid-template-columns : repeat (3 , 1fr ); }
263263}
264+
265+ /* ---- 移动端适配 ---- */
264266@media (max-width : 720px ) {
265- .stats , .stats .stats-5 { grid-template-columns : repeat (2 , 1fr ); }
267+ : root , : root [data-theme = "light" ], : root [data-theme = "dark" ] { --content-padding : 12px ; }
268+ .window {
269+ width : 100vw ; height : 100dvh ; margin : 0 ; border-radius : 0 ; box-shadow : none;
270+ }
271+ .traffic { display : none; }
272+ .titlebar { padding : 0 10px ; }
273+ .titlebar-title { position : static; transform : none; }
274+
275+ /* 侧栏变为顶部横向导航 */
276+ .shell { flex-direction : column; }
277+ .sidebar {
278+ width : 100% ; flex-direction : row; align-items : center; gap : 2px ;
279+ padding : 6px 8px ; overflow-x : auto; -webkit-overflow-scrolling : touch;
280+ border-right : none; border-bottom : 1px solid var (--border ); flex-shrink : 0 ;
281+ }
282+ .sidebar ::-webkit-scrollbar { display : none; }
283+ .brand , .nav-label , .sidebar-foot { display : none; }
284+ .nav-item { width : auto; flex : 0 0 auto; height : 32px ; padding : 0 12px ; margin-bottom : 0 ; }
285+
286+ .page-header { padding : 12px var (--content-padding ) 0 ; flex-wrap : wrap; }
287+ .page-header h1 { font-size : 17px ; }
288+ .content { padding : 12px var (--content-padding ) 20px ; }
289+
290+ .stats , .stats .stats-5 { grid-template-columns : repeat (2 , 1fr ); gap : 8px ; }
291+ .stat-card { padding : 10px 12px ; }
292+ .stat-card .value { font-size : 18px ; }
293+
266294 .st-bar { display : none; }
295+ .st-row { gap : 10px ; padding : 11px 12px ; }
296+ .st-plate { width : 32px ; height : 32px ; }
297+ .st-balance { min-width : 84px ; }
298+ .st-balance .amt { font-size : 15px ; }
299+
300+ .usage-filters { flex-wrap : wrap; }
301+ .dr-channels { max-width : 100% ; justify-content : flex-start; }
302+ .purchase-row { flex-wrap : wrap; }
267303 .trend-stats { grid-template-columns : repeat (2 , 1fr ); }
304+ .set-row { flex-wrap : wrap; }
305+ .report-frame { height : 52vh ; }
268306}
269307
270308/* ---- 登录屏 ---- */
0 commit comments