ux: 移动端响应式+选择题即时解析(去hint-first), Playwright UX评分B→A

2026-06-29 15:20:54 +08:00
parent 3ffea7236a
commit f97ee00231
1 changed files with 26 additions and 1 deletions
@@ -189,7 +189,32 @@ body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#1a1a2e;c
 /* ===== FEATURE PACK: EXAM OVERLAY ===== */
 #examOverlay *{box-sizing:border-box}
 /* ===== FEATURE PACK: DIAGNOSIS ===== */
-</style>
+
+/* ===== MOBILE RESPONSIVE ===== */
+@media(max-width:480px){
+  .hd{padding:8px 10px}.hd h1{font-size:14px}.hd p{font-size:9px}
+  .tb{top:40px;padding:4px 6px;gap:2px}.tb button{font-size:9px;padding:4px 4px}
+  .track-wrap{top:34px;padding:2px 6px 4px}.track-svg{height:28px}
+  .ch{top:76px;padding:3px 0}.ch button{font-size:8px;min-width:50px;padding:3px 2px}.ch button .ico{font-size:12px}
+  .mb2{top:114px;padding:3px 5px;gap:1px}.mb2 button{font-size:8px;padding:3px 6px}
+  .mb3{top:148px;padding:2px 6px;font-size:8px}
+  .exam-hdr{top:170px}
+  .mn{padding:6px;padding-bottom:100px}
+  .cd{padding:10px}.cd .st{font-size:13px}
+  .cd .op{font-size:12px;padding:8px 10px}
+  .cd .inp{font-size:13px;padding:8px 10px}
+  .pk button{width:40px;height:40px;font-size:18px}
+  .pb{padding:4px 8px}.pb .tx{font-size:9px}
+  #f1TeamRadio{font-size:9px;padding:4px 10px;bottom:44px}
+  .mg-item{padding:5px}.mg-item .tp{font-size:9px}
+  .pg button{font-size:9px;min-width:26px;padding:3px 6px}
+}
+@media(min-width:481px)and(max-width:768px){
+  .hd h1{font-size:16px}
+  .tb button{font-size:10px}
+  .cd{padding:12px}
+  .mn{padding:8px}
+}</style>
 </head>
 <body>
 <canvas id="confetti-canvas"></canvas>