.layout[data-v-489a57d6]{min-height:100vh;display:flex;flex-direction:column}.header[data-v-489a57d6]{height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 16px;gap:16px;position:sticky;top:0;z-index:100}.header-left[data-v-489a57d6]{display:flex;align-items:center;gap:12px}.sidebar-toggle[data-v-489a57d6]{background:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-primary)}.sidebar-toggle[data-v-489a57d6]:hover{background:var(--bg-secondary)}.hamburger[data-v-489a57d6]{width:18px;height:2px;background:var(--text-primary);display:block;position:relative}.hamburger[data-v-489a57d6]:before,.hamburger[data-v-489a57d6]:after{content:"";position:absolute;width:18px;height:2px;background:var(--text-primary);left:0}.hamburger[data-v-489a57d6]:before{top:-6px}.hamburger[data-v-489a57d6]:after{top:6px}.logo[data-v-489a57d6]{display:flex;align-items:center;gap:8px;color:var(--text-primary);text-decoration:none;font-weight:700;font-size:18px}.logo-icon[data-v-489a57d6]{font-size:24px}.header-center[data-v-489a57d6]{flex:1;max-width:400px}.search-box[data-v-489a57d6]{position:relative;width:100%}.search-icon[data-v-489a57d6]{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px}.search-input[data-v-489a57d6]{width:100%;height:36px;padding:0 12px 0 36px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-size:14px;transition:border-color var(--transition)}.search-input[data-v-489a57d6]:focus{border-color:var(--accent)}.header-right[data-v-489a57d6]{display:flex;align-items:center;gap:8px}.icon-btn[data-v-489a57d6],.lang-btn[data-v-489a57d6]{background:none;height:36px;padding:0 12px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.lang-icon[data-v-489a57d6]{font-size:16px}.lang-btn[data-v-489a57d6]:hover{background:var(--bg-secondary)}.lang-menu[data-v-489a57d6]{position:relative}.lang-dropdown[data-v-489a57d6]{position:absolute;top:100%;right:0;margin-top:0;padding-top:4px;background:transparent;min-width:120px;z-index:200}.lang-dropdown[data-v-489a57d6]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent}.lang-dropdown-inner[data-v-489a57d6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow);overflow:hidden}.lang-option[data-v-489a57d6]{padding:10px 14px;font-size:13px;cursor:pointer;color:var(--text-primary);transition:background var(--transition)}.lang-option[data-v-489a57d6]:hover{background:var(--bg-secondary)}.lang-option.active[data-v-489a57d6]{color:var(--accent);font-weight:600}.body[data-v-489a57d6]{display:flex;flex:1}.sidebar[data-v-489a57d6]{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);overflow-y:auto;flex-shrink:0;transition:width var(--transition)}.sidebar.collapsed[data-v-489a57d6]{width:0;overflow:hidden}.sidebar-nav[data-v-489a57d6]{padding:12px}.nav-item[data-v-489a57d6]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);font-size:14px;transition:all var(--transition);-webkit-user-select:none;user-select:none}.nav-item[data-v-489a57d6]:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active[data-v-489a57d6]{background:var(--accent-light);color:var(--accent);font-weight:600}.nav-icon[data-v-489a57d6]{font-size:16px;width:20px;text-align:center}.nav-divider[data-v-489a57d6]{height:1px;background:var(--border-color);margin:8px 0}.nav-category-label[data-v-489a57d6]{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);padding:12px 12px 6px;letter-spacing:.5px}.nav-tool-item[data-v-489a57d6]{padding-left:16px}.content[data-v-489a57d6]{flex:1;padding:24px;overflow-y:auto;max-width:100%}.footer[data-v-489a57d6]{height:48px;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-secondary);padding:0 16px;text-align:center}.sidebar-backdrop[data-v-489a57d6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:90}@media(max-width:768px){.header[data-v-489a57d6]{padding:0 8px;gap:8px}.sidebar-toggle[data-v-489a57d6]{display:flex}.sidebar.mobile[data-v-489a57d6]{position:fixed;top:var(--header-height);left:0;bottom:0;z-index:95;width:var(--sidebar-width);box-shadow:4px 0 16px #00000026}.sidebar.mobile.collapsed[data-v-489a57d6]{transform:translate(-100%);width:var(--sidebar-width)}.header-center[data-v-489a57d6]{flex:1;min-width:0}.search-box[data-v-489a57d6]{width:auto}.search-icon[data-v-489a57d6]{left:10px}.search-input[data-v-489a57d6]{padding-left:36px;font-size:14px}.search-input[data-v-489a57d6]:not(:focus){width:100%;padding:0 12px 0 36px;opacity:.6}.search-input[data-v-489a57d6]:focus{width:100%}.content[data-v-489a57d6]{padding:16px}}@media(max-width:480px){.logo-text[data-v-489a57d6]{display:none}.icon-btn[data-v-489a57d6],.lang-btn[data-v-489a57d6]{padding:0 6px}.content[data-v-489a57d6]{padding:12px}}:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: #ffffff;--bg-sidebar: #fafafa;--text-primary: #1d1d1f;--text-secondary: #6e6e73;--border-color: #e5e5ea;--accent: #4a9eff;--accent-hover: #3a8eef;--accent-light: #e8f0fe;--shadow: 0 1px 3px rgba(0, 0, 0, .08);--radius: 12px;--radius-sm: 8px;--sidebar-width: 220px;--header-height: 56px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--transition: .2s ease}[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16162a;--bg-card: #1e1e36;--bg-sidebar: #16162a;--text-primary: #f0f0f0;--text-secondary: #a0a0b0;--border-color: #2d2d4a;--accent: #4a9eff;--accent-hover: #5aafff;--accent-light: #1a2a4a;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-family);background:var(--bg-secondary);color:var(--text-primary);transition:background var(--transition),color var(--transition);-webkit-font-smoothing:antialiased}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent);text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;outline:none}input,select{font-family:inherit;outline:none}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:0 4px 12px #0000001a}.icon-svg{width:20px;height:20px;display:block}