*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f0f2f5}#app{min-height:100vh;padding:20px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}button{transition:all .3s ease}button:active{transform:scale(.98)}input,textarea{font-family:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #1890ff;border-radius:50%;animation:spin 1s linear infinite}.notebook-container[data-v-307bc737]{width:100%;max-width:600px;margin:0 auto;padding:20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.header[data-v-307bc737]{display:flex;align-items:center;margin-bottom:20px}.back-button[data-v-307bc737]{background:none;border:none;font-size:24px;cursor:pointer;margin-right:20px;padding:5px;color:#666}.header h1[data-v-307bc737]{flex:1;text-align:center;margin:0;font-size:24px;color:#333}.connection-status[data-v-307bc737]{padding:5px 10px;border-radius:10px;font-size:12px;display:flex;align-items:center;gap:8px}.reconnect-button[data-v-307bc737]{background-color:#1890ff;color:#fff;border:none;border-radius:4px;padding:2px 8px;font-size:12px;cursor:pointer}.reconnect-button[data-v-307bc737]:hover{background-color:#40a9ff}.connection-status.connected[data-v-307bc737]{background-color:#e6f7e6;color:#389e0d}.connection-status.disconnected[data-v-307bc737]{background-color:#fff1f0;color:#cf1322}.note-input[data-v-307bc737]{width:100%;height:200px;padding:15px;border:1px solid #d9d9d9;border-radius:4px;resize:none;font-size:16px;margin-bottom:15px;box-sizing:border-box}.password-modal[data-v-307bc737]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.save-button[data-v-307bc737]{width:100%;padding:10px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-bottom:20px}.save-button[data-v-307bc737]:hover{background-color:#40a9ff}.history-section[data-v-307bc737]{margin-bottom:20px}.history-section h2[data-v-307bc737]{font-size:18px;margin-bottom:10px;color:#333}.history-list[data-v-307bc737]{border:1px solid #d9d9d9;border-radius:4px;max-height:200px;overflow-y:auto}.history-item[data-v-307bc737]{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #f0f0f0;cursor:pointer;position:relative}.history-item[data-v-307bc737]:last-child{border-bottom:none}.history-item[data-v-307bc737]:hover{background-color:#f5f5f5}.history-number[data-v-307bc737]{width:20px;height:20px;border-radius:50%;background-color:#1890ff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;margin-right:10px;flex-shrink:0}.history-content[data-v-307bc737]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#666}.delete-history-btn[data-v-307bc737]{background:none;border:none;font-size:20px;color:#ff4d4f;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-left:5px}.action-buttons[data-v-307bc737]{display:flex;gap:10px}.upload-button[data-v-307bc737]{flex:1;padding:10px;background-color:#52c41a;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.upload-button[data-v-307bc737]:hover{background-color:#73d13d}.download-button[data-v-307bc737]{flex:1;padding:10px;background-color:#fa8c16;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.download-button[data-v-307bc737]:hover{background-color:#ffa940}.message[data-v-307bc737]{position:fixed;top:20px;right:20px;padding:10px 20px;border-radius:4px;color:#fff;font-size:14px;z-index:1000;animation:slideIn-307bc737 .3s ease-out}.message.success[data-v-307bc737]{background-color:#52c41a}.message.error[data-v-307bc737]{background-color:#ff4d4f}@keyframes slideIn-307bc737{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}