Remove unnecessary comments, clean up code

web/style.css

@@ -34,7 +34,7 @@
     --tap-right:        rgba(255,61,113,0.35);
   }
 
-  /* ── Light theme (explicit) ──────────────────────────────────────────────── */
+  /*  Light theme (explicit)  */
   :root.theme-light {
     --bg:      #f0f2f5;
     --panel:   #ffffff;
@@ -66,7 +66,7 @@
   }
 
 
-  /* ── Auto light (OS hint; explicit class overrides) ──────────────────────── */
+  /*  Auto light (OS hint; explicit class overrides)  */
   @media (prefers-color-scheme: light) {
     :root:not(.theme-dark) {
       --bg:      #f0f2f5;
@@ -153,7 +153,7 @@
   .col-mid   { display:grid; gap:12px; }
   .col-right { display:grid; gap:12px; position:sticky; top:80px; }
 
-  /* ── XIAO pin diagram ─────────────────────────────────────── */
+  /*  XIAO pin diagram  */
   .xiao-wrap { display:flex; flex-direction:column; align-items:center; padding:8px 0 14px; }
   .pin-legend { display:flex; gap:20px; justify-content:center; font-family:var(--mono); font-size:9px; margin-top:10px; letter-spacing:0.08em; }
   .pleg.left   { color:var(--ok); }
@@ -161,7 +161,7 @@
   .pleg.mid    { color:var(--accent); }
   .xiao-divider { border:none; border-top:1px solid var(--border); margin:0 -20px 12px; }
 
-  /* ── Responsive ───────────────────────────────────────────── */
+  /*  Responsive  */
   @media (max-width:1100px) {
     main { grid-template-columns:1fr 380px; grid-template-rows:auto auto; }
     .col-left  { grid-column:1; grid-row:1; }
@@ -288,7 +288,7 @@
   .btn-confirm { border-color:var(--accent2); color:var(--accent2); }
   .btn-confirm:hover { background:var(--accent2); color:var(--bg); }
 
-  /* ── Debug modal ────────────────────────────────────────────────────────── */
+  /*  Debug modal  */
   .debug-modal { max-width:720px; padding:20px; border-color:var(--accent); }
   .debug-modal h3 { color:var(--accent); margin-bottom:0; }
   .debug-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }