mirror of
https://github.com/xinnan-tech/xiaozhi-esp32-server.git
synced 2026-07-22 23:23:55 +08:00
2 lines
15 KiB
CSS
2 lines
15 KiB
CSS
*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}a{text-decoration:none;color:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;display:block}h1{font-size:3.2em;line-height:1.1}button{border:none;background:none;cursor:pointer}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{height:100%;width:100%;margin:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.clearfix:after{content:"";display:table;clear:both}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.footer[data-v-cf2abdb4]{text-align:center;padding:16px;color:#666;font-size:12px;background:#f0f2f5}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;flex-direction:column;min-height:0}.auth-layout{align-items:center;justify-content:center;padding:20px}.main-layout{flex:1;display:flex;flex-direction:column;min-height:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999}.login-container[data-v-c37183b8]{max-width:420px;margin:20px auto;padding:40px 50px;border:none;border-radius:12px;background-color:#fff;box-shadow:0 8px 24px #0000001f;transition:all .3s ease}h1[data-v-c37183b8]{text-align:center;color:#2c3e50;font-size:28px;margin-bottom:25px;font-weight:600}.form-group[data-v-c37183b8]{margin-bottom:20px}label[data-v-c37183b8]{display:block;margin-bottom:8px;font-weight:500;color:#4a5568}input[data-v-c37183b8]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .3s ease;font-size:15px}input[data-v-c37183b8]:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a74533}button[data-v-c37183b8]{width:100%;padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;margin-top:10px}button[data-v-c37183b8]:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 4px 12px #28a74533}button[data-v-c37183b8]:disabled{opacity:.7;cursor:not-allowed}p[data-v-c37183b8]{margin-top:20px;color:#666;font-size:14px}a[data-v-c37183b8]{color:#28a745;text-decoration:none;font-weight:500;transition:color .3s ease}a[data-v-c37183b8]:hover{color:#218838;text-decoration:underline}.header[data-v-6b570ec4]{display:flex;align-items:center;height:60px;padding:0;background-color:#001529;color:#fff;width:100%;position:relative;left:0;right:0}.nav[data-v-6b570ec4]{display:flex}.nav-item[data-v-6b570ec4]{display:flex;align-items:center;padding:0 20px;height:60px;color:#fff;text-decoration:none;cursor:pointer;font-weight:700;transition:background-color .3s}.active[data-v-6b570ec4]{background-color:#4178ee}.icon-device[data-v-6b570ec4]{margin-right:8px}.switch[data-v-15d469c5]{position:relative;display:inline-flex;align-items:center;width:40px;height:20px;line-height:20px;background-color:#dcdfe6;border-radius:10px;cursor:pointer;transition:all .3s}.switch.is-checked[data-v-15d469c5]{background-color:#4178ee}.switch-core[data-v-15d469c5]{position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background-color:#fff;transition:all .3s}.switch.is-checked .switch-core[data-v-15d469c5]{left:22px}.device-card[data-v-07ca7924]{background:#fff;border-radius:4px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px}.device-id[data-v-07ca7924]{font-size:18px;font-weight:700;margin-bottom:16px}.note[data-v-07ca7924]{color:#4178ee;font-size:14px;font-weight:400}.device-details p[data-v-07ca7924]{margin-bottom:12px}.ota-upgrade[data-v-07ca7924]{display:inline-flex;align-items:center;margin-left:16px}.device-actions[data-v-07ca7924]{display:flex;margin-top:20px}.action-btn[data-v-07ca7924]{padding:8px 16px;margin-right:12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.action-btn.primary[data-v-07ca7924]{background:#4178ee;color:#fff;border-color:#4178ee}.action-btn.danger[data-v-07ca7924]{background:#fff3f3;border-color:#ffa4a4;color:#f56c6c}.action-btn.danger[data-v-07ca7924]:hover{background:#fde2e2;border-color:#f56c6c}.device-modules[data-v-07ca7924]{margin-bottom:12px;color:#666}.module-item[data-v-07ca7924]{display:inline-block;margin-right:16px;padding:4px 8px;background:#f5f7fa;border-radius:4px;font-size:.9em}.device-role[data-v-07ca7924]{color:#666;margin-bottom:12px}.delete-container[data-v-07ca7924]{position:relative;margin-left:auto}.delete-warning[data-v-07ca7924]{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);white-space:nowrap;background:#fff3f3;padding:4px 8px;border-radius:4px;border:1px solid #ffa4a4;font-size:12px;color:#f56c6c;display:none}.delete-container:hover .delete-warning[data-v-07ca7924]{display:block}.icon-delete[data-v-07ca7924]{margin-right:4px}.app[data-v-106f3754]{min-height:100%;width:100%;display:flex;flex-direction:column;background-color:#f5f7fa}.header[data-v-106f3754]{display:flex;align-items:center;height:60px;padding:0 20px;background-color:#001529;color:#fff}.logo[data-v-106f3754]{font-size:20px;font-weight:700;margin-right:40px;cursor:pointer;transition:opacity .3s}.logo[data-v-106f3754]:hover{opacity:.8}.nav[data-v-106f3754]{display:flex}.nav-item[data-v-106f3754]{display:flex;align-items:center;padding:0 20px;height:60px;color:#fff;text-decoration:none}.nav-item.active[data-v-106f3754]{background-color:#4178ee}.icon-device[data-v-106f3754]{margin-right:8px}.content[data-v-106f3754]{flex:1;padding:20px;width:100%;max-width:1200px;margin:0 auto}.breadcrumb[data-v-106f3754]{margin-bottom:20px;color:#666}.breadcrumb a[data-v-106f3754]{color:#666;text-decoration:none}.action-bar[data-v-106f3754]{margin-bottom:20px}.add-device-btn[data-v-106f3754]{display:flex;align-items:center;padding:8px 16px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer}.icon-plus[data-v-106f3754]{margin-right:8px}.device-list[data-v-106f3754]{display:flex;flex-direction:column;gap:16px}.device-card[data-v-106f3754]{background:#fff;border-radius:4px;padding:20px;box-shadow:0 1px 3px #0000001a}.device-id[data-v-106f3754]{font-size:18px;font-weight:700;margin-bottom:16px}.note[data-v-106f3754]{color:#4178ee;font-size:14px;font-weight:400}.device-details p[data-v-106f3754]{margin-bottom:12px}.ota-upgrade[data-v-106f3754]{display:inline-flex;align-items:center;margin-left:16px}.device-actions[data-v-106f3754]{display:flex;margin-top:20px}.action-btn[data-v-106f3754]{padding:8px 16px;margin-right:12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.action-btn.primary[data-v-106f3754]{background:#4178ee;color:#fff;border-color:#4178ee}.action-btn.danger[data-v-106f3754]{color:#f56c6c}.empty-state[data-v-106f3754]{display:flex;align-items:center;justify-content:center;min-height:300px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}.empty-message[data-v-106f3754]{text-align:center;color:#666;padding:24px}.empty-message p[data-v-106f3754]{margin:8px 0 0;font-size:14px;line-height:1.6}.icon-info[data-v-106f3754]{display:inline-block;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/%3E%3C/svg%3E");background-size:contain;opacity:.6}.page-header[data-v-106f3754]{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}.header-left[data-v-106f3754]{display:flex;align-items:center;gap:20px}.add-btn[data-v-106f3754]{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s ease;height:36px}.add-btn[data-v-106f3754]:hover{background-color:#218838}.icon-plus[data-v-106f3754]{font-size:16px}.dialog-overlay[data-v-106f3754]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog[data-v-106f3754]{background:#fff;padding:24px;border-radius:8px;width:90%;max-width:400px}.dialog h3[data-v-106f3754]{margin:0 0 20px;font-size:18px;color:#2c3e50}.dialog .form-group[data-v-106f3754]{margin-bottom:20px}.dialog label[data-v-106f3754]{display:block;margin-bottom:8px;color:#4a5568}.dialog input[data-v-106f3754]{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:16px}.dialog-buttons[data-v-106f3754]{display:flex;justify-content:flex-end;gap:12px}.dialog-buttons button[data-v-106f3754]{padding:8px 16px;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:14px}.dialog-buttons button.primary[data-v-106f3754]{background-color:#28a745;color:#fff;border-color:#28a745}.dialog-buttons button.primary[data-v-106f3754]:disabled{background-color:#90be9c;border-color:#90be9c;cursor:not-allowed}.breadcrumb[data-v-106f3754]{margin-bottom:0}.main-container[data-v-5d241e75]{min-height:100%;width:100%;display:flex;flex-direction:column}.landing-page[data-v-5d241e75]{flex:1;width:100%;background-color:#f5f7fa;padding:40px 20px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.content[data-v-5d241e75]{max-width:800px;text-align:center;padding:0 20px;margin:0 auto}.robot-image[data-v-5d241e75]{margin-bottom:30px}.robot-image img[data-v-5d241e75]{width:100px;height:auto}.slogan[data-v-5d241e75]{font-size:22px;line-height:1.4;color:#333;margin-bottom:40px}.button-group[data-v-5d241e75]{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:0 auto}.action-button[data-v-5d241e75]{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;border:1px solid #e0e0e0;background-color:#fff;color:#333;font-size:16px;cursor:pointer;transition:all .2s ease}.action-button[data-v-5d241e75]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tutorial-button i[data-v-5d241e75]:before{content:"📖";margin-right:8px}.github-button[data-v-5d241e75]{background-color:#24292e;color:#fff;border-color:#24292e;margin:0 10px}.github-button i[data-v-5d241e75]:before{content:"";font-family:"Font Awesome 5 Brands";margin-right:8px}.control-panel-button[data-v-5d241e75]{background-color:#4178ee;color:#fff;border-color:#4178ee}.control-panel-button i[data-v-5d241e75]:before{content:"🎛";margin-right:8px}@media (max-width: 600px){.button-group[data-v-5d241e75]{flex-direction:column}.action-button[data-v-5d241e75]{width:100%}}#app[data-v-5d241e75]{margin-top:0}.app-container[data-v-bf8f6a98]{min-height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}.breadcrumb[data-v-bf8f6a98]{padding:12px 24px;background-color:#f0f2f5}.main-content[data-v-bf8f6a98]{flex:1;max-width:1000px;margin:0 auto;padding:16px 24px;width:100%;overflow-y:auto;height:calc(100vh - 120px)}.page-title[data-v-bf8f6a98]{font-size:18px;font-weight:700;margin-bottom:16px}.form-section[data-v-bf8f6a98]{background:#fff;border-radius:4px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.form-group[data-v-bf8f6a98]{margin-bottom:16px}.form-group label[data-v-bf8f6a98]{display:block;margin-bottom:6px;font-weight:500}.form-input[data-v-bf8f6a98],.form-textarea[data-v-bf8f6a98],.voice-select[data-v-bf8f6a98]{width:100%;padding:8px 10px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px}.form-textarea[data-v-bf8f6a98]{min-height:100px;max-height:200px;resize:vertical}.role-templates[data-v-bf8f6a98]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.template-btn[data-v-bf8f6a98]{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.voice-selector[data-v-bf8f6a98]{display:flex;flex-direction:column;gap:8px}.voice-player[data-v-bf8f6a98]{display:flex;align-items:center;gap:8px;padding:8px;background:#f9f9f9;border-radius:4px}.memory-tabs[data-v-bf8f6a98]{display:flex;margin-bottom:8px}.tab-btn[data-v-bf8f6a98]{padding:6px 12px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;color:#666;font-size:13px}.model-select[data-v-bf8f6a98]{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #d9d9d9;border-radius:4px}.model-description[data-v-bf8f6a98]{color:#666;font-size:12px;line-height:1.4}.form-actions[data-v-bf8f6a98]{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #eee}.save-btn[data-v-bf8f6a98],.cancel-btn[data-v-bf8f6a98]{padding:6px 16px;border-radius:4px;font-size:14px}.form-note[data-v-bf8f6a98]{margin-top:12px;color:#666;font-size:12px}.char-count[data-v-bf8f6a98]{text-align:right;color:#999;font-size:12px;margin-top:2px}[data-v-bf8f6a98]::-webkit-scrollbar{width:6px;height:6px}[data-v-bf8f6a98]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}[data-v-bf8f6a98]::-webkit-scrollbar-track{background:#f1f1f1}.refresh-btn[data-v-bf8f6a98]{padding:8px 16px;margin-right:12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer}.refresh-btn[data-v-bf8f6a98]:hover{background:#f5f5f5}.save-btn[data-v-bf8f6a98]{padding:8px 24px;border-radius:4px;font-size:14px;background:#4178ee;color:#fff;border:none;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease}.save-btn[data-v-bf8f6a98]:hover{background:#2856c8;transform:translateY(-1px);box-shadow:0 2px 4px #4178ee33}.save-btn[data-v-bf8f6a98]:active{transform:translateY(0);box-shadow:none}.icon-save[data-v-bf8f6a98]{display:inline-block;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.1 21 21 20.1 21 19V7L17 3ZM12 19C10.34 19 9 17.66 9 16C9 14.34 10.34 13 12 13C13.66 13 15 14.34 15 16C15 17.66 13.66 19 12 19ZM15 9H5V5H15V9Z'/%3E%3C/svg%3E");background-size:contain}.registration-container[data-v-debfdf6d]{max-width:420px;margin:20px auto;padding:40px 50px;border:none;border-radius:12px;background-color:#fff;box-shadow:0 8px 24px #0000001f;transition:all .3s ease}h1[data-v-debfdf6d]{text-align:center;color:#2c3e50;font-size:28px;margin-bottom:25px;font-weight:600}.form-group[data-v-debfdf6d]{margin-bottom:20px}label[data-v-debfdf6d]{display:block;margin-bottom:8px;font-weight:500;color:#4a5568}input[data-v-debfdf6d]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .3s ease;font-size:15px}input[data-v-debfdf6d]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff33}button[data-v-debfdf6d]{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;margin-top:10px}button[data-v-debfdf6d]:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff33}button[data-v-debfdf6d]:disabled{opacity:.7;cursor:not-allowed}p[data-v-debfdf6d]{margin-top:20px;color:#666;font-size:14px}a[data-v-debfdf6d]{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease}a[data-v-debfdf6d]:hover{color:#0056b3;text-decoration:underline}
|