*{box-sizing:border-box}body{font-family:system-ui,Arial,sans-serif;margin:0;background:#fafafa;color:#222}header{background:#1c2230;color:#fff;padding:14px 24px;position:sticky;top:0;z-index:10}header a{color:#9ecbff;text-decoration:none;margin-right:14px}header a:hover{text-decoration:underline}.wrap{max-width:1180px;margin:0 auto;padding:20px 24px}h1{margin:0;font-size:20px}h2{border-bottom:2px solid #e2e2e2;padding-bottom:6px;margin:28px 0 12px}.meta{color:#cdd3df;font-size:13px;margin-top:4px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.card{background:#fff;border:1px solid #e3e3e3;border-radius:8px;overflow:hidden;text-decoration:none;color:#222;display:block;box-shadow:0 1px 3px rgba(0,0,0,.06)}.card:hover{box-shadow:0 3px 10px rgba(0,0,0,.16)}.card img{width:100%;height:140px;object-fit:cover;display:block;background:#eee}.card .b{padding:8px 10px;font-size:12px;line-height:1.35}.card .t{font-weight:600;color:#555}.card .a{margin-top:3px;color:#222}.card .g{color:#888}.nav{display:flex;gap:10px;align-items:center;margin:6px 0 16px;font-size:14px}.nav a{padding:4px 10px;border:1px solid #ccc;border-radius:5px;text-decoration:none;color:#1c2230;background:#fff}.nav a:hover{background:#eef}.top{display:flex;gap:18px;align-items:flex-start;margin-bottom:14px}.src{border:1px solid #ccc;border-radius:5px;max-height:340px}.allans{font-size:16px}.q{color:#999;font-size:12px;margin-top:4px}.slots{display:flex;flex-wrap:wrap;gap:8px}.slot{width:150px;font-size:11px;line-height:1.3}.slot img{width:150px;border:1px solid #ccc;border-radius:4px;display:block}.cap{margin-top:2px}code{background:#f0f0f0;padding:1px 4px;border-radius:3px}