*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #1f2940;--bg-hover: #2a3a5c;--text-primary: #e8e8e8;--text-secondary: #a0a0b8;--text-muted: #6b6b8a;--accent: #4fc3f7;--accent-hover: #29b6f6;--success: #66bb6a;--danger: #ef5350;--warning: #ffa726;--border: #2a3a5c;--header-bg: #0f1629;--radius: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .3)}html,body,#app{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans SC,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}#app-root{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:var(--header-bg);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.logo{font-size:16px;font-weight:600;color:var(--text-primary);text-decoration:none;white-space:nowrap}.logo:hover{color:var(--accent)}.token-badge{font-size:12px;color:var(--text-muted);background:var(--bg-surface);padding:3px 10px;border-radius:12px;font-family:SFMono-Regular,Consolas,monospace}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.login-page[data-v-5389ac0a]{display:flex;align-items:center;justify-content:center;height:100%;padding:24px;overflow-y:auto}.login-container[data-v-5389ac0a]{display:flex;gap:24px;max-width:1100px;width:100%;align-items:flex-start}.login-card[data-v-5389ac0a]{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:36px 32px;width:320px;flex-shrink:0;text-align:center;box-shadow:var(--shadow);position:sticky;top:24px}.login-icon[data-v-5389ac0a]{font-size:42px;margin-bottom:10px}h1[data-v-5389ac0a]{font-size:20px;font-weight:600;margin-bottom:6px;color:var(--text-primary)}.login-desc[data-v-5389ac0a]{font-size:13px;color:var(--text-muted);margin-bottom:24px}.login-form[data-v-5389ac0a]{display:flex;flex-direction:column;gap:14px}.input-group[data-v-5389ac0a]{width:100%}.login-input[data-v-5389ac0a]{width:100%;padding:11px 14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box}.login-input[data-v-5389ac0a]:focus{border-color:var(--accent)}.login-input[data-v-5389ac0a]::placeholder{color:var(--text-muted)}.login-error[data-v-5389ac0a]{font-size:12px;color:var(--danger);text-align:left}.login-btn[data-v-5389ac0a]{padding:11px;background:var(--accent);color:#000;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;transition:background .2s;cursor:pointer}.login-btn[data-v-5389ac0a]:hover:not(:disabled){background:var(--accent-hover)}.login-btn[data-v-5389ac0a]:disabled{opacity:.5;cursor:not-allowed}.guide-card[data-v-5389ac0a]{flex:1;min-width:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:28px 28px 24px;box-shadow:var(--shadow)}.guide-header[data-v-5389ac0a]{font-size:17px;font-weight:600;color:var(--accent);margin-bottom:4px}.guide-intro[data-v-5389ac0a]{font-size:12px;color:var(--text-muted);margin-bottom:20px}.guide-method[data-v-5389ac0a]{margin-bottom:18px}.method-title[data-v-5389ac0a]{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.method-desc[data-v-5389ac0a]{font-size:12px;color:var(--text-secondary);margin-bottom:8px;line-height:1.6}.method-desc code[data-v-5389ac0a]{background:var(--bg-primary);padding:1px 5px;border-radius:3px;font-size:11px;font-family:SFMono-Regular,Consolas,monospace}.code-block[data-v-5389ac0a]{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:12px 14px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.7;overflow-x:auto}.code-line[data-v-5389ac0a]{white-space:pre}.code-line .comment[data-v-5389ac0a]{color:var(--text-muted);font-style:italic}.guide-footer[data-v-5389ac0a]{margin-top:16px;padding:12px 14px;background:var(--bg-primary);border-radius:8px;border:1px solid var(--border)}.guide-info[data-v-5389ac0a]{font-size:12px;color:var(--text-secondary);margin-bottom:4px;line-height:1.7}.guide-info[data-v-5389ac0a]:last-of-type{margin-bottom:0}.guide-info code[data-v-5389ac0a]{background:var(--bg-surface);padding:1px 5px;border-radius:3px;font-size:11px;font-family:SFMono-Regular,Consolas,monospace;color:var(--accent)}.info-label[data-v-5389ac0a]{color:var(--text-muted);font-weight:500}.guide-note[data-v-5389ac0a]{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:11px;color:var(--text-muted);line-height:1.6}.file-list-page[data-v-9e2fd68e]{padding:24px 32px;max-width:960px;margin:0 auto;width:100%;overflow-y:auto;flex:1}.file-list-header[data-v-9e2fd68e]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.file-list-header h1[data-v-9e2fd68e]{font-size:22px;font-weight:600}.btn-secondary[data-v-9e2fd68e]{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary[data-v-9e2fd68e]:hover{background:var(--bg-hover)}.file-table[data-v-9e2fd68e]{display:flex;flex-direction:column;gap:2px}.file-row[data-v-9e2fd68e]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border-radius:var(--radius);cursor:pointer;transition:background .15s}.file-row[data-v-9e2fd68e]:hover{background:var(--bg-hover)}.file-icon[data-v-9e2fd68e]{font-size:20px;flex-shrink:0}.file-info[data-v-9e2fd68e]{flex:1;min-width:0}.file-name[data-v-9e2fd68e]{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-path[data-v-9e2fd68e]{font-size:12px;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta[data-v-9e2fd68e]{font-size:11px;color:var(--text-muted);margin-top:2px}.meta-sep[data-v-9e2fd68e]{margin:0 4px}.file-size[data-v-9e2fd68e]{font-size:12px;color:var(--text-muted);flex-shrink:0}.editor-page[data-v-6a0e28c8]{display:flex;flex-direction:column;height:100%;overflow:hidden}.editor-toolbar[data-v-6a0e28c8]{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.btn-icon[data-v-6a0e28c8]{background:none;border:none;color:var(--text-secondary);font-size:14px;padding:6px 10px;border-radius:var(--radius);transition:all .15s}.btn-icon[data-v-6a0e28c8]:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-info[data-v-6a0e28c8]{flex:1;min-width:0}.toolbar-file-name[data-v-6a0e28c8]{font-size:14px;font-weight:600;display:block}.toolbar-file-path[data-v-6a0e28c8]{font-size:11px;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace}.toolbar-actions[data-v-6a0e28c8]{display:flex;gap:6px;align-items:center}.btn[data-v-6a0e28c8]{padding:7px 14px;border:none;border-radius:var(--radius);font-size:12px;font-weight:500;transition:all .15s}.btn-mode[data-v-6a0e28c8]{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-mode.active[data-v-6a0e28c8]{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.btn-mode[data-v-6a0e28c8]:hover{background:var(--bg-hover)}.btn-save[data-v-6a0e28c8]{background:var(--accent);color:#000}.btn-save[data-v-6a0e28c8]:hover:not(:disabled){background:var(--accent-hover)}.btn-save[data-v-6a0e28c8]:disabled{opacity:.5;cursor:not-allowed}.status-bar[data-v-6a0e28c8]{padding:6px 16px;font-size:12px;flex-shrink:0}.status-bar.success[data-v-6a0e28c8]{background:#66bb6a26;color:var(--success)}.status-bar.error[data-v-6a0e28c8]{background:#ef535026;color:var(--danger)}.status-bar.info[data-v-6a0e28c8]{background:#4fc3f71a;color:var(--accent)}.editor-loading[data-v-6a0e28c8],.editor-error[data-v-6a0e28c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-secondary)}.spinner[data-v-6a0e28c8]{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin-6a0e28c8 .8s linear infinite;margin-bottom:12px}@keyframes spin-6a0e28c8{to{transform:rotate(360deg)}}.editor-error p[data-v-6a0e28c8]{margin:8px 0 16px;color:var(--danger)}.editor-content[data-v-6a0e28c8]{flex:1;overflow:hidden;display:flex}.preview-panel[data-v-6a0e28c8]{flex:1;overflow-y:auto;padding:0}.edit-panel[data-v-6a0e28c8]{flex:1;overflow:hidden}.update-notice[data-v-6a0e28c8]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:var(--radius);font-size:13px;color:var(--text-primary);box-shadow:var(--shadow);z-index:100}.btn-sm[data-v-6a0e28c8]{padding:4px 10px;font-size:11px;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border);border-radius:4px}.btn-sm[data-v-6a0e28c8]:hover{background:var(--accent);color:#000}.btn-close[data-v-6a0e28c8]{background:transparent;border:none;color:var(--text-muted);font-size:14px}.btn-primary[data-v-6a0e28c8]{background:var(--accent);color:#000;padding:8px 18px;border:none;border-radius:var(--radius)}