diff --git a/public/index.html b/public/index.html index 8c58f59..76189e3 100644 --- a/public/index.html +++ b/public/index.html @@ -18,20 +18,33 @@ html, body { height: 100%; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; color: var(--fg); background: var(--bg); line-height: 1.6; } .container { max-width: 960px; margin: 40px auto; padding: 0 20px; } + @media (max-width: 480px) { + .container { margin: 20px auto; padding: 0 16px; } + header.site-header h1 { font-size: 22px; } + .block { padding: 16px; } + } header.site-header { margin-bottom: 24px; } header.site-header h1 { font-size: 28px; font-weight: 600; margin: 0; } .badge { display: inline-block; margin-left: 8px; padding: 4px 10px; border: 1px solid var(--border); border-radius: 12px; font-size: 12px; color: var(--muted); } .sub { margin-top: 8px; color: var(--muted); font-size: 14px; } .block { background: var(--panel); border: 1px solid var(--border); border-radius: 12px; padding: 20px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); } .block h2 { margin: 0 0 12px; font-size: 18px; font-weight: 600; } - .kvs { display: grid; grid-template-columns: 140px 1fr; gap: 8px 16px; align-items: center; } - .kvs div:first-child { color: var(--muted); } + .kvs { display: grid; grid-template-columns: 100px 1fr; gap: 8px 12px; align-items: start; } + .kvs div:first-child { color: var(--muted); flex-shrink: 0; } + .kvs div:last-child { word-break: break-all; overflow-wrap: anywhere; min-width: 0; overflow: hidden; } + @media (max-width: 480px) { + .kvs { grid-template-columns: 1fr; gap: 4px 12px; } + .kvs div:first-child { font-weight: 500; } + } ul.links { list-style: none; padding: 0; margin: 0; } ul.links li { margin: 8px 0; } ul.links a { color: var(--fg); text-decoration: none; border-bottom: 1px dotted var(--border); transition: all 0.2s ease; } ul.links a:hover { color: var(--accent); border-bottom-color: var(--accent); } - pre { margin: 0; background: #f9f9f9; border: 1px solid var(--border); border-radius: 6px; padding: 12px; overflow: auto; } + pre { margin: 0; background: #f9f9f9; border: 1px solid var(--border); border-radius: 6px; padding: 12px; overflow-x: auto; white-space: pre-wrap; word-break: break-all; } code { font-family: 'Courier New', monospace; font-size: 13px; } + @media (max-width: 480px) { + code { font-size: 12px; } + } footer.site-footer { margin-top: 24px; padding-top: 12px; border-top: 1px solid var(--border); color: var(--muted); text-align: center; } footer.site-footer a { color: var(--fg); text-decoration: none; transition: color 0.2s ease; } footer.site-footer a:hover { color: var(--accent); } @@ -71,7 +84,18 @@

调试部分

curl -s {origin}/inner/version
 curl -s {origin}/search?keywords=网易云
-

· 交互式调试 · 二维码登录示例 · 解灰测试

· 听歌识曲 Demo

· 云盘上传

· 歌单导入

· EAPI 解密

·
一起听示例

·
更新歌单封面示例

·
头像更新示例

+
+ 交互式调试 · + 二维码登录示例 · + 解灰测试 · + 听歌识曲 Demo · + 云盘上传 · + 歌单导入 · + EAPI 解密 · + 一起听示例 · + 更新歌单封面示例 · + 头像更新示例 +