diff --git a/index.html b/index.html index 2a61d59..2ca2896 100644 --- a/index.html +++ b/index.html @@ -24,6 +24,22 @@ .hint{font-size:12px;color:#A79C95;margin-top:12px;line-height:1.6} #toast{position:fixed;left:50%;bottom:14%;transform:translateX(-50%);background:rgba(30,22,18,.9);color:#fff;padding:10px 18px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .25s;z-index:99} #toast.show{opacity:1} + + /* ==== 调试日志面板 ==== */ + #dbgToggle{position:fixed;right:12px;bottom:12px;z-index:200;background:#2B2320;color:#fff;border:none;border-radius:20px;padding:9px 14px;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer;opacity:.92} + #dbgPanel{position:fixed;right:0;bottom:0;left:0;z-index:210;background:#1A1512;color:#E7DAD1;font-family:Menlo,Consolas,monospace;font-size:12px;line-height:1.5;border-top:2px solid #F4593C;transform:translateY(100%);transition:transform .25s;max-height:62vh;display:flex;flex-direction:column} + #dbgPanel.open{transform:translateY(0)} + #dbgHead{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#241D18;border-bottom:1px solid #3A2F28} + #dbgHead b{font-size:13px;color:#F4593C} + #dbgHead span{font-size:11px;color:#A79C95} + #dbgHead button{margin-left:8px;background:none;border:1px solid #4A3D34;color:#E7DAD1;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer} + #dbgLog{overflow-y:auto;padding:8px 12px;flex:1;word-break:break-all} + #dbgLog .ln{margin:3px 0;padding:3px 6px;border-left:3px solid #4A3D34;color:#CBBDB2} + #dbgLog .ln.err{border-left-color:#F4593C;color:#FF9E86;background:rgba(244,89,60,.08)} + #dbgLog .ln.ok{border-left-color:#5F8A4A;color:#9BC48A} + #dbgLog .ln.warn{border-left-color:#E0B33E;color:#EED49A} + #dbgLog .ln.muted{color:#8B7E75;border-left-color:#3A2F28} + #dbgLog .ln b{color:#fff;font-weight:700} @@ -55,39 +71,126 @@
+ + +
+
+ 调试日志 + + + + + +
+
+
+