.webkit-debugger[data-v-4b77211a]{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;min-height:0;overflow:hidden;position:relative}.sticky-header[data-v-4b77211a]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 20px #0000001a;padding:16px;position:sticky;top:0;z-index:100}.webkit-debugger-close-btn[data-v-4b77211a]{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;padding:0;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px;z-index:10001}.webkit-debugger-close-btn[data-v-4b77211a]:hover{background:#0003;transform:scale(1.1)}h1[data-v-4b77211a]{font-size:24px;font-weight:700;letter-spacing:-.5px;text-align:center}h1[data-v-4b77211a],h2[data-v-4b77211a]{color:#2c3e50;margin:0 0 16px}h2[data-v-4b77211a]{background:#3498db1a;border-left:4px solid #3498db;border-radius:8px;font-size:18px;font-weight:600;padding:12px}.main-tab-container[data-v-4b77211a]{display:flex;gap:8px;margin-bottom:12px}.main-tab-button[data-v-4b77211a]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:2px solid transparent;border-radius:12px;color:#666;cursor:pointer;flex:1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease}.main-tab-button[data-v-4b77211a]:hover{background:#ffffffe6;box-shadow:0 4px 15px #0000001a;color:#333;transform:translateY(-2px)}.main-tab-button.active[data-v-4b77211a]{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d;box-shadow:0 4px 20px #667eea66;color:#fff}.sub-tab-container[data-v-4b77211a]{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.sub-tab-button[data-v-4b77211a]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:20px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.sub-tab-button[data-v-4b77211a]:hover{background:#ffffffe6;color:#333;transform:scale(1.05)}.sub-tab-button.active[data-v-4b77211a]{background:#3498db;border-color:#3498db;box-shadow:0 2px 10px #3498db4d;color:#fff}.content-area[data-v-4b77211a]{flex:1;overflow-y:auto;padding:0 16px 16px}.debug-section[data-v-4b77211a]{margin-bottom:20px}.function-groups[data-v-4b77211a]{display:grid;gap:16px}.function-group[data-v-4b77211a]{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:8px;padding:16px}.function-label[data-v-4b77211a]{margin-bottom:8px}.function-label[data-v-4b77211a],.param-label[data-v-4b77211a]{color:#2c3e50;font-size:15px;font-weight:600}.param-input[data-v-4b77211a],.param-select[data-v-4b77211a]{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.param-input[data-v-4b77211a]:focus,.param-select[data-v-4b77211a]:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.small-input[data-v-4b77211a],.small-select[data-v-4b77211a]{flex:1}button[data-v-4b77211a]{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;box-shadow:0 4px 15px #3498db33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}button[data-v-4b77211a]:hover{background:linear-gradient(135deg,#2980b9,#1f5f8b);box-shadow:0 6px 20px #3498db4d;transform:translateY(-2px)}.info-display[data-v-4b77211a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px}.info-display p[data-v-4b77211a]{color:#6c757d;font-size:13px;margin:4px 0}.output-section[data-v-4b77211a]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:20px;padding:20px}.output-header[data-v-4b77211a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.output-header h3[data-v-4b77211a]{color:#2c3e50;font-size:16px;font-weight:600;margin:0}.clear-btn[data-v-4b77211a]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;transition:all .2s ease;width:auto}.clear-btn[data-v-4b77211a]:hover{box-shadow:0 4px 15px #ff6b6b4d;transform:scale(1.05)}.output-content[data-v-4b77211a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#2c3e50;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;height:200px;line-height:1.5;margin:0;overflow-y:auto;padding:16px}.log-item[data-v-4b77211a]{display:flex;gap:8px;margin-bottom:4px;word-break:break-all}.log-time[data-v-4b77211a]{color:#666;font-weight:500;min-width:60px}.log-message[data-v-4b77211a]{flex:1}.output-panel[data-v-4b77211a]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(0,0,0,.1);border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:20px;padding:20px}.output-panel h3[data-v-4b77211a]{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 12px}.log-header[data-v-4b77211a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.clear-log-btn[data-v-4b77211a]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 16px;transition:all .2s ease;width:auto}.clear-log-btn[data-v-4b77211a]:hover{box-shadow:0 4px 15px #ff6b6b4d;transform:scale(1.05)}pre[data-v-4b77211a]{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#2c3e50;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:13px;height:200px;line-height:1.5;margin:0;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-all}.mini-program-tip[data-v-4b77211a]{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-left:4px solid #ffc107;border-radius:6px;margin-top:8px;padding:8px 12px}.tip-text[data-v-4b77211a]{color:#856404;font-size:12px;font-weight:500;line-height:1.4}[data-v-4b77211a]::-webkit-scrollbar{height:8px;width:8px}[data-v-4b77211a]::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}[data-v-4b77211a]::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}[data-v-4b77211a]::-webkit-scrollbar-thumb:hover{background:#00000080}.webkit-debugger-icon{align-items:center;animation:popIn .4s cubic-bezier(.68,-.55,.27,1.55);background:linear-gradient(135deg,#42b983 60%,#5ad6a3);border:2.5px solid #fff;border-radius:50%;bottom:20px;box-shadow:0 4px 18px #42b9832e,0 1.5px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:32px;height:60px;justify-content:center;position:fixed;right:20px;transition:box-shadow .2s,background .2s,transform .15s;width:60px;z-index:9999}.webkit-debugger-icon:hover{background:linear-gradient(135deg,#359469 60%,#42b983);box-shadow:0 6px 24px #42b98347,0 2px 8px #00000021;transform:scale(1.08)}@keyframes popIn{0%{opacity:0;transform:scale(.7)}80%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.webkit-debugger-container{background-color:#fff;border-radius:10px;bottom:80px;box-shadow:0 5px 25px #0000004d;display:none;height:70vh;max-width:500px;overflow:hidden;position:fixed;right:20px;width:90%;z-index:9998}.webkit-debugger-container.fullscreen{animation:fadeIn .2s;background:#fff;border-radius:0;box-shadow:none;display:block;height:100vh;left:0;max-height:100vh;max-width:100vw;position:fixed;top:0;width:100vw;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.webkit-debugger-close-btn{align-items:center;background:#00000014;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;position:absolute;right:18px;top:18px;transition:background .2s;width:36px;z-index:10001}.webkit-debugger-close-btn:hover{background:#0000002e}@media (max-width:768px){.webkit-debugger-container{bottom:70px;height:80vh;right:20px;width:calc(100% - 40px)}.function-group{align-items:stretch;flex-direction:column;gap:10px}.function-label{margin-bottom:5px;width:100%}.param-input,.param-select{min-width:auto;width:100%}.webkit-debugger-icon{bottom:16px;font-size:30px;height:48px;right:16px;width:48px}.webkit-debugger-container,.webkit-debugger-container.fullscreen{border-radius:0;height:100vh;inset:0;max-height:100vh;max-width:100vw;padding:0;width:100vw}}
