.sidebar[data-v-87129d83]{width:240px;height:100vh;background:transparent;color:var(--color-text-primary);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;box-shadow:none;border:none;flex-shrink:0;overflow:hidden}.sidebar.sidebar-initialized[data-v-87129d83]{transition:all .3s ease}html.dark .sidebar[data-v-87129d83]{background:transparent;box-shadow:none}.sidebar-collapsed[data-v-87129d83]{transform:translate(-100%)}.sidebar-header[data-v-87129d83]{padding:16px 24px 12px;border-bottom:none;margin-bottom:8px}html.dark .sidebar-header[data-v-87129d83]{border-bottom:none}.logo-section[data-v-87129d83]{display:flex;align-items:center;gap:12px}.logo-text[data-v-87129d83]{font-size:18px;font-weight:700;color:var(--color-text-primary);flex:1;letter-spacing:-.02em}.website-logo[data-v-87129d83]{width:36px;height:36px;border-radius:8px;margin-left:0;flex-shrink:0}.theme-toggle-compact[data-v-87129d83]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;margin-left:0;cursor:pointer;transition:all .2s ease;flex-shrink:0;background:#0000000a}html.dark .theme-toggle-compact[data-v-87129d83]{background:#ffffff14}.theme-toggle-compact[data-v-87129d83]:hover{background:#00000014;transform:scale(1.05)}html.dark .theme-toggle-compact[data-v-87129d83]:hover{background:#ffffff1f}.theme-icon-compact[data-v-87129d83]{font-size:18px;line-height:1}.sidebar-nav[data-v-87129d83]{padding:12px 0 16px}.nav-section[data-v-87129d83]{margin-bottom:0}.nav-list[data-v-87129d83]{list-style:none;margin:0;padding:0}.nav-item[data-v-87129d83]{margin-bottom:4px}.nav-link[data-v-87129d83]{display:block;text-decoration:none;margin:0 20px}.nav-link-content[data-v-87129d83]{display:flex;align-items:center;padding:10px 16px;color:var(--color-text-secondary);transition:all .2s ease;border-radius:8px;cursor:pointer;margin:0;font-weight:500;gap:12px}.nav-link-content[data-v-87129d83]:hover{background:#0000000a;color:var(--color-text-primary);transform:translate(2px)}html.dark .nav-link-content[data-v-87129d83]:hover{background:#ffffff0f}.nav-link-content.nav-link-active[data-v-87129d83]{background:#eae7f8;color:#6b46c1;font-weight:600;box-shadow:0 2px 8px #eae7f880}html.dark .nav-link-content.nav-link-active[data-v-87129d83]{background:#232426;color:#fff;box-shadow:0 2px 8px #0000004d}.nav-icon[data-v-87129d83]{font-size:18px;margin-right:12px;width:20px;text-align:center;flex-shrink:0}.nav-link-content.nav-link-active .nav-icon[data-v-87129d83]{color:#6b46c1}html.dark .nav-link-content.nav-link-active .nav-icon[data-v-87129d83]{color:#fff}.nav-text[data-v-87129d83]{font-size:15px;font-weight:inherit;line-height:1.4}.history-section[data-v-87129d83]{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative;min-height:0;border-top:none;margin-top:8px}html.dark .history-section[data-v-87129d83]{border-top:none}.section-header[data-v-87129d83]{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 6px;position:relative}.history-controls[data-v-87129d83]{padding:0 12px 12px;display:flex;flex-direction:row;gap:6px;align-items:center}.search-input[data-v-87129d83]{flex:1;min-width:0}.type-select[data-v-87129d83]{flex-shrink:0;padding:6px 24px 6px 8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25em 1.25em}.search-input[data-v-87129d83],.type-select[data-v-87129d83]{padding:6px 10px;border-radius:6px;border:1px solid var(--color-border);background:var(--color-background-muted);color:var(--color-text-primary);font-size:12px!important}.search-input[data-v-87129d83]::placeholder{color:var(--color-text-secondary)}.header-left[data-v-87129d83]{display:flex;align-items:center;gap:8px}.header-right[data-v-87129d83]{position:relative}.section-title[data-v-87129d83]{font-size:13px;font-weight:600;color:var(--color-text-secondary);margin:0;text-transform:uppercase;letter-spacing:.8px}.menu-btn[data-v-87129d83]{background:#0000000a;border:none;cursor:pointer;color:var(--color-text-secondary);padding:6px;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}html.dark .menu-btn[data-v-87129d83]{background:#ffffff14}.menu-btn[data-v-87129d83]:hover{color:var(--color-text-primary);background:#00000014;transform:scale(1.05)}html.dark .menu-btn[data-v-87129d83]:hover{background:#ffffff1f}.menu-btn svg[data-v-87129d83]{width:16px;height:16px}.action-dropdown[data-v-87129d83]{position:absolute;top:100%;right:0;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:100;overflow:hidden}html.dark .action-dropdown[data-v-87129d83]{background:#2a2a2a;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #0000004d}.dropdown-item[data-v-87129d83]{padding:12px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-weight:500}.dropdown-item[data-v-87129d83]:hover{background:#0000000a}html.dark .dropdown-item[data-v-87129d83]:hover{background:#ffffff14}.dropdown-icon[data-v-87129d83]{font-size:16px;color:var(--color-text-secondary)}.dropdown-text[data-v-87129d83]{font-size:14px;color:var(--color-text-primary)}.history-list[data-v-87129d83]{flex:1;overflow-y:auto;overflow-x:visible;padding:0 8px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.history-list[data-v-87129d83]::-webkit-scrollbar{display:none}.empty-history[data-v-87129d83]{padding:24px 8px;text-align:center;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.load-more-container[data-v-87129d83]{padding:8px;text-align:center}.load-more-btn[data-v-87129d83]{width:100%;padding:8px 12px;background:var(--color-background-muted);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .2s ease}.load-more-btn[data-v-87129d83]:hover{background:var(--color-background);border-color:var(--color-border);color:var(--color-text-primary)}.history-item[data-v-87129d83]{display:flex;align-items:center;gap:8px;padding:10px 32px 10px 8px;border-radius:10px;margin:0 0 4px;text-decoration:none;color:var(--color-text-primary);transition:all .2s ease;cursor:pointer;position:relative;font-weight:500}.history-item.has-active-menu[data-v-87129d83]{z-index:10000}.history-item[data-v-87129d83]:hover{background:#0000000a;transform:translate(2px)}html.dark .history-item[data-v-87129d83]:hover{background:#ffffff0f}.history-item.active[data-v-87129d83]{background:#eae7f8;color:#6b46c1;font-weight:600;box-shadow:0 2px 8px #eae7f880}html.dark .history-item.active[data-v-87129d83]{background:#232426;color:#fff;box-shadow:0 2px 8px #0000004d}.history-item.selected[data-v-87129d83]{background:#6366f11a;color:#6366f1;font-weight:600;border:1px solid rgba(99,102,241,.2)}html.dark .history-item.selected[data-v-87129d83]{background:#6366f126;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.select-checkbox[data-v-87129d83]{width:18px;height:18px;border-radius:4px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;background:var(--color-background);flex-shrink:0;cursor:pointer;transition:all .2s ease}.select-checkbox[data-v-87129d83]:hover{border-color:var(--color-primary)}.checkbox-checked[data-v-87129d83]{color:var(--color-primary);font-weight:700;font-size:12px}.history-actions[data-v-87129d83]{position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:10}.action-menu-btn[data-v-87129d83]{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);padding:2px;line-height:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.action-menu-btn[data-v-87129d83]:hover{color:var(--color-text-primary)}.action-menu-btn svg[data-v-87129d83]{width:14px;height:14px}.record-action-dropdown[data-v-87129d83]{position:absolute;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 8px 24px #0000001f;box-shadow:0 4px 12px #00000026;min-width:120px;max-width:140px;z-index:9999;overflow:visible;white-space:nowrap;transition:all .2s ease}html.dark .record-action-dropdown[data-v-87129d83]{background:#2a2a2a;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px #0000004d}.record-action-dropdown .dropdown-item[data-v-87129d83]{padding:8px 12px;font-size:13px;transition:background-color .2s ease}.record-action-dropdown .dropdown-item[data-v-87129d83]:hover{background:#0000000a}html.dark .record-action-dropdown .dropdown-item[data-v-87129d83]:hover{background:#ffffff14}.record-action-dropdown .dropdown-item.delete-item[data-v-87129d83]:hover{background:#ef44441a;color:var(--color-danger)}.record-action-dropdown .dropdown-item.delete-item:hover .dropdown-icon[data-v-87129d83]{color:var(--color-danger)}.record-action-dropdown .dropdown-icon[data-v-87129d83]{font-size:14px;color:var(--color-text-secondary)}.record-action-dropdown .dropdown-text[data-v-87129d83]{font-size:13px;color:var(--color-text-primary)}.selection-actions[data-v-87129d83]{padding:12px;border-top:1px solid var(--color-border);background:var(--color-background-muted)}.selection-info[data-v-87129d83]{font-size:12px;color:#6b7280;margin-bottom:8px;text-align:center}.selection-buttons[data-v-87129d83]{display:flex;gap:8px}.selection-btn[data-v-87129d83]{flex:1;padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.cancel-btn[data-v-87129d83]{background:#e5e7eb;color:#374151}.cancel-btn[data-v-87129d83]:hover{background:#d1d5db}.delete-selected-btn[data-v-87129d83]{background:#ef4444;color:#fff}.delete-selected-btn[data-v-87129d83]:hover:not(:disabled){background:#dc2626}.selection-btn[data-v-87129d83]:disabled{opacity:.5;cursor:not-allowed}.history-icon[data-v-87129d83]{width:28px;height:28px;border-radius:50%;background:var(--color-background-muted);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.history-content[data-v-87129d83]{flex:1;min-width:0;overflow:hidden}.history-title[data-v-87129d83]{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-mode-header[data-v-87129d83]{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-size:13px;color:#4a5568;background-color:#f8f9fa;border-radius:6px;margin-bottom:6px}.select-actions[data-v-87129d83]{display:flex;gap:6px}.select-action-btn[data-v-87129d83]{background:#6b46c1;color:#fff;border:none;padding:3px 6px;border-radius:4px;font-size:12px;cursor:pointer}.select-action-btn[data-v-87129d83]:disabled{opacity:.5;cursor:not-allowed}.select-action-btn.cancel[data-v-87129d83]{background:#e2e8f0;color:#4a5568}.sidebar-footer[data-v-87129d83]{padding:8px 8px 12px;border-top:none;flex-shrink:0;background:inherit;margin-top:4px}html.dark .sidebar-footer[data-v-87129d83]{border-top:none}.footer-list[data-v-87129d83]{list-style:none;margin:0;padding:0}.footer-item[data-v-87129d83]{margin-bottom:2px}.footer-link[data-v-87129d83]{display:flex;align-items:center;padding:8px;color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;font-size:14px;font-weight:500;border-radius:10px;margin:0;cursor:pointer;gap:8px}.footer-link[data-v-87129d83]:hover{background:#0000000a;color:var(--color-text-primary);transform:translate(2px)}html.dark .footer-link[data-v-87129d83]:hover{background:#ffffff0f}.footer-link.footer-link-active[data-v-87129d83]{background:#eae7f8;color:#6b46c1;font-weight:600;box-shadow:0 2px 8px #eae7f880}html.dark .footer-link.footer-link-active[data-v-87129d83]{background:#232426;color:#fff;box-shadow:0 2px 8px #0000004d}.footer-text[data-v-87129d83]{font-weight:inherit;line-height:1.4}@media (max-width: 768px){.sidebar[data-v-87129d83]{width:320px;height:calc(var(--vh, 1vh) * 100);min-height:100vh;min-height:100dvh;position:fixed;background:#fff;box-shadow:0 4px 16px #00000026}.sidebar.sidebar-initialized[data-v-87129d83]{transition:transform .3s ease}html.dark .sidebar[data-v-87129d83]{background:#1a1a1a;box-shadow:0 4px 16px #0000004d}.sidebar-header[data-v-87129d83]{padding:16px 16px 12px}.nav-link-content[data-v-87129d83]{padding:10px 14px;margin:0 12px}.history-section .section-header[data-v-87129d83]{padding:12px 16px 8px}.history-list[data-v-87129d83]{padding:0 12px}.footer-link[data-v-87129d83]{padding:6px;margin:0}.sidebar-footer[data-v-87129d83]{padding:6px 8px 12px}.section-header[data-v-87129d83]{padding:6px 12px}.history-item[data-v-87129d83]{padding:6px 12px;margin:0 6px 1px}.load-more-container[data-v-87129d83]{padding:8px 12px}}@media (max-width: 480px){.sidebar[data-v-87129d83]{width:260px}.nav-text[data-v-87129d83],.footer-text[data-v-87129d83]{font-size:13px}.history-title[data-v-87129d83]{font-size:12px}.sidebar-header[data-v-87129d83]{padding:6px 10px}.nav-link-content[data-v-87129d83]{padding:5px 10px;margin:0 4px}.footer-link[data-v-87129d83]{padding:5px;margin:0}.section-header[data-v-87129d83]{padding:4px 10px}.history-item[data-v-87129d83]{padding:5px 8px;margin:0 4px 1px}.action-menu-btn[data-v-87129d83]{width:24px;height:24px;padding:4px}.action-menu-btn svg[data-v-87129d83]{width:16px;height:16px}.record-action-dropdown[data-v-87129d83]{max-width:140px!important;transition:all .2s ease!important}}.action-icon[data-v-87129d83]{font-size:16px;line-height:1;display:inline-block;transform:rotate(90deg);font-weight:700}.top-bar[data-v-9cc50136]{position:fixed;top:0;left:0;right:0;width:100%;height:60px;background:var(--color-background);border-bottom:1px solid var(--color-border);z-index:999;box-shadow:0 1px 3px #0000000a;transition:left .3s ease;display:none}html.dark .top-bar[data-v-9cc50136]{box-shadow:0 1px 3px #0003}.top-bar-content[data-v-9cc50136]{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20px;position:relative}.menu-toggle[data-v-9cc50136]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background-color .3s ease;position:absolute;left:20px}.menu-toggle[data-v-9cc50136]:hover{background-color:var(--color-background-muted)}.hamburger-line[data-v-9cc50136]{width:20px;height:2px;background-color:var(--color-text-primary);margin:2px 0;transition:all .3s ease;border-radius:1px}.menu-active .hamburger-line[data-v-9cc50136]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.menu-active .hamburger-line[data-v-9cc50136]:nth-child(2){opacity:0}.menu-active .hamburger-line[data-v-9cc50136]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.top-bar-title[data-v-9cc50136]{position:absolute;left:50%;transform:translate(-50%)}.top-bar-title h1[data-v-9cc50136]{font-size:30px;font-weight:900;color:var(--color-text-primary);margin:0}.top-bar-actions[data-v-9cc50136]{display:flex;align-items:center;gap:12px;position:absolute;right:20px}@media (max-width: 768px){.top-bar[data-v-9cc50136]{left:0;display:block}.top-bar-title h1[data-v-9cc50136]{font-size:18px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{text-rendering:optimizeSpeed;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:#1a1a1a;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{background:none;border:none;cursor:pointer}input,textarea{border:none;outline:none}table{border-collapse:collapse;border-spacing:0}fieldset{border:none;margin:0;padding:0}legend{padding:0}hr{border:none;border-top:1px solid var(--color-border);margin:var(--spacing-4) 0}blockquote{margin:var(--spacing-4) 0;padding-left:var(--spacing-4);border-left:4px solid var(--color-border);font-style:italic}code,pre{font-family:var(--font-family-mono);font-size:.9em}code{background-color:var(--color-background-muted);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-base)}pre{background-color:var(--color-background-muted);padding:var(--spacing-4);border-radius:var(--radius-lg);overflow-x:auto;line-height:var(--line-height-tight)}pre code{background:none;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}:root{--color-primary: #6b46c1;--color-primary-light: #9f7aea;--color-primary-dark: #553c9a;--color-secondary: #6c757d;--color-secondary-light: #adb5bd;--color-secondary-dark: #495057;--color-success: #28a745;--color-warning: #ffc107;--color-danger: #dc3545;--color-info: #17a2b8;--color-white: #ffffff;--color-gray-25: #fcfcfd;--color-gray-50: #f8f9fa;--color-gray-100: #f1f3f4;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-850: #2a2e33;--color-gray-900: #212529;--color-black: #000000;--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-white);--color-background: var(--color-white);--color-background-soft: var(--color-gray-25);--color-background-secondary: var(--color-gray-50);--color-background-muted: var(--color-gray-100);--color-border: var(--color-gray-300);--color-border-light: var(--color-gray-200);--color-border-dark: var(--color-gray-400);--color-yao-yang: var(--color-black);--color-yao-yin: var(--color-black);--color-yao-changing: #ff6600;--color-world-response: #ff0000;--color-six-relative: var(--color-text-primary);--color-six-gods: var(--color-text-primary);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}@media (prefers-color-scheme: dark){:root{--color-text-primary: var(--color-gray-100);--color-text-secondary: var(--color-gray-400);--color-text-muted: var(--color-gray-500);--color-text-inverse: var(--color-gray-900);--color-background: var(--color-gray-900);--color-background-soft: var(--color-gray-850);--color-background-secondary: var(--color-gray-800);--color-background-muted: var(--color-gray-700);--color-border: var(--color-gray-600);--color-border-light: var(--color-gray-700);--color-border-dark: var(--color-gray-500)}}html.dark{--color-text-primary: #f9fafb;--color-text-secondary: #d1d5db;--color-text-muted: #9ca3af;--color-text-inverse: #111827;--color-background: #1d1d1d;--color-background-secondary: #1d1d1d;--color-background-muted: #2a2a2a;--color-border: #262628;--color-border-light: #262628;--color-border-dark: #262628;--color-sidebar-background: #191a1b;--color-primary: #8b5cf6;--color-primary-light: #a78bfa;--color-primary-dark: #7c3aed;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6}:root{--mobile-breakpoint: 768px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.grid{display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}@media (min-width: 640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.page-layout{display:flex;flex-direction:column}.page-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-4) 0}.page-main{flex:1;padding:var(--spacing-6) 0}.page-footer{background-color:var(--color-background-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-4) 0;margin-top:auto}.content-section{margin-bottom:var(--spacing-8)}.content-section:last-child{margin-bottom:0}.section-header{margin-bottom:var(--spacing-6)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.section-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.scroll-container::-webkit-scrollbar{display:none}.scroll-content{min-height:100%;padding:var(--spacing-6)}.scroll-content:after{content:"";display:block;height:60px;width:100%}.content-container{max-width:800px;margin:0 auto;overflow:visible}.result-item{margin-bottom:60px}.result-item:last-child{margin-bottom:0}@media (max-width: 768px){.scroll-content{padding:var(--spacing-5) var(--spacing-4)}.scroll-content:after{height:40px}.result-item{margin-bottom:40px}}@media (max-width: 480px){.scroll-content{padding:var(--spacing-3)}.scroll-content:after{height:30px}.result-item{margin-bottom:30px}}.scroll-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center}.scroll-empty{padding:var(--spacing-8) var(--spacing-4);text-align:center;color:var(--color-text-secondary)}.card{background:var(--color-background);border-radius:20px;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border-light);overflow:hidden;width:100%;box-sizing:border-box;margin-bottom:var(--spacing-6);transition:all .3s ease}html.dark .card{background:#1d1d1d;border:1px solid #262628;box-shadow:0 4px 20px #00000026}.card-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border-light)}.card-body{padding:var(--spacing-5)}.card-footer{padding:var(--spacing-4) var(--spacing-5);border-top:1px solid var(--color-border-light);background-color:var(--color-background-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white)}.input{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:var(--line-height-tight);color:var(--color-text-primary);background-color:var(--color-background);transition:var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #007bff1a}.input::placeholder{color:var(--color-text-muted)}.textarea{resize:vertical;min-height:120px}.label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.title-lg{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.title-md{font-size:var(--font-size-xl);line-height:var(--line-height-tight)}.title-sm{font-size:var(--font-size-lg);line-height:var(--line-height-normal)}.loading{display:inline-flex;align-items:center;gap:var(--spacing-2)}.spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background-color:#dc35451a;color:var(--color-danger);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid rgba(220,53,69,.2);margin:var(--spacing-4) 0}.success{background-color:#28a7451a;color:var(--color-success);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid rgba(40,167,69,.2);margin:var(--spacing-4) 0}.warning{background-color:#ffc1071a;color:var(--color-warning);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px solid rgba(255,193,7,.2);margin:var(--spacing-4) 0}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.page-container{max-width:800px;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:var(--spacing-4)}.page-title{font-size:2rem;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-2) 0;display:flex;align-items:center;gap:var(--spacing-3);letter-spacing:-.02em;text-align:left;padding:0;line-height:var(--line-height-tight)}.page-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0;line-height:var(--line-height-normal)}.content-card{background:var(--color-background);border-radius:20px;padding:var(--spacing-8);box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border-light);transition:all .3s ease;text-align:left}.content-card:hover{box-shadow:0 8px 30px #0000001f}html.dark .content-card{background:#1d1d1d;border:1px solid #262628;box-shadow:0 4px 20px #00000026}.section-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-6) 0;letter-spacing:-.01em;line-height:var(--line-height-tight)}.section-subtitle{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0;line-height:var(--line-height-normal)}.content-text{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-4) 0}.content-text p{margin-bottom:var(--spacing-4)}.content-text p:last-child{margin-bottom:0}.content-text ul,.content-text ol{padding-left:var(--spacing-6);margin:var(--spacing-4) 0}.content-text li{margin-bottom:var(--spacing-2)}.content-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;line-height:var(--line-height-normal)}.form-hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.form-disabled{opacity:.6;pointer-events:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all .2s ease;line-height:var(--line-height-tight)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);cursor:pointer;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all .2s ease;line-height:var(--line-height-tight)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-text{color:var(--color-danger);font-weight:var(--font-weight-medium)}.success-text{color:var(--color-success);font-weight:var(--font-weight-medium)}.warning-text{color:var(--color-warning);font-weight:var(--font-weight-medium)}.info-text{color:var(--color-info);font-weight:var(--font-weight-medium)}.debug-text{color:var(--color-info);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}@media (min-width: 769px){.page-container{justify-content:center;padding:var(--spacing-8)}}@media (max-width: 768px){.page-container{padding:0;gap:var(--spacing-3);margin:0;min-height:auto;justify-content:flex-start;max-width:none;width:100%}.page-title{font-size:2.25rem}.content-card{padding:var(--spacing-6)}.section-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4)}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}}@media (max-width: 480px){.page-container{gap:var(--spacing-2)}.page-title{font-size:var(--spacing-8)}.content-card{padding:var(--spacing-5)}.section-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}}@media (max-width: 360px){.page-container{padding:0 var(--spacing-2);gap:var(--spacing-2)}.page-title{font-size:1.75rem;margin-bottom:var(--spacing-3)}.content-card{padding:var(--spacing-4)}.section-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-2)}}.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4);max-width:700px;margin:0 auto}.tool-item{display:flex;flex-direction:column;justify-content:center;background:var(--color-background);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;text-align:left;min-height:100px;padding:var(--spacing-4);border:1px solid var(--color-border)}.tool-item:hover{background:var(--color-background-soft);transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.tool-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2)}.tool-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}@media (max-width: 768px){.tools-grid{grid-template-columns:repeat(2,1fr)}}.form-group{margin-bottom:var(--spacing-6)}.form-group:last-child{margin-bottom:0}.form-group.form-disabled{opacity:.6}.form-label{display:flex;align-items:center;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);line-height:var(--line-height-normal)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;font-family:inherit;line-height:var(--line-height-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6b46c11a}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.form-hint{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.form-hint.error-text{color:var(--color-danger)}.form-hint.debug-text{color:var(--color-info);font-family:var(--font-family-mono, monospace)}.form-actions{display:flex;gap:var(--spacing-3);margin-top:var(--spacing-8);flex-wrap:wrap}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}}.form-checkbox{margin-right:var(--spacing-2);width:16px;height:16px;min-width:16px;min-height:16px;border:2px solid var(--color-border);border-radius:var(--radius-base);outline:none;cursor:pointer;background-color:var(--color-background);appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;transition:all .2s ease}.form-checkbox:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-white);font-size:12px;font-weight:700}.form-checkbox:hover:not(:disabled){border-color:var(--color-primary)}.form-checkbox:disabled{opacity:.6;cursor:not-allowed}.form-radio{margin-right:var(--spacing-2);width:16px;height:16px;min-width:16px;min-height:16px;border:2px solid var(--color-border);border-radius:var(--radius-full);outline:none;cursor:pointer;background-color:var(--color-background);appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;transition:all .2s ease}.form-radio:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-radio:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:var(--color-white);border-radius:var(--radius-full)}.form-radio:hover:not(:disabled){border-color:var(--color-primary)}.form-radio:disabled{opacity:.6;cursor:not-allowed}.form-switch{position:relative;display:inline-block;width:44px;height:24px;margin-right:var(--spacing-2)}.form-switch input{opacity:0;width:0;height:0}.form-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-gray-300);transition:.3s;border-radius:24px}.form-switch-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--color-white);transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.form-switch input:checked+.form-switch-slider{background-color:var(--color-primary)}.form-switch input:checked+.form-switch-slider:before{transform:translate(20px)}.form-switch input:disabled+.form-switch-slider{opacity:.6;cursor:not-allowed}.form-file{position:relative;display:inline-block;cursor:pointer}.form-file input[type=file]{position:absolute;opacity:0;width:0;height:0}.form-file-label{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;font-size:var(--font-size-base);color:var(--color-text-primary)}.form-file-label:hover{background-color:var(--color-background-soft);border-color:var(--color-primary)}.form-group.has-error .form-input,.form-group.has-error .form-select,.form-group.has-error .form-textarea{border-color:var(--color-danger)}.form-group.has-error .form-input:focus,.form-group.has-error .form-select:focus,.form-group.has-error .form-textarea:focus{box-shadow:0 0 0 3px #dc35451a}.form-group.has-success .form-input,.form-group.has-success .form-select,.form-group.has-success .form-textarea{border-color:var(--color-success)}.form-group.has-success .form-input:focus,.form-group.has-success .form-select:focus,.form-group.has-success .form-textarea:focus{box-shadow:0 0 0 3px #28a7451a}.form-error{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-danger);line-height:var(--line-height-normal)}.form-success{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-success);line-height:var(--line-height-normal)}.form-help{margin-top:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-normal)}.input-group{display:flex;align-items:stretch}.input-group .form-input{border-radius:0;border-right:none}.input-group .form-input:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group .form-input:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right:1px solid var(--color-border)}.input-group-addon{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-4);background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-left:none;color:var(--color-text-secondary);font-size:var(--font-size-base);white-space:nowrap}.input-group-addon:first-child{border-left:1px solid var(--color-border);border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.input-group-addon:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.form-row{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.form-col{flex:1}.form-col-auto{flex:0 0 auto}@media (max-width: 768px){.form-row{flex-direction:column;gap:var(--spacing-4)}.input-group{flex-direction:column}.input-group .form-input{border-radius:var(--radius-lg);border-right:1px solid var(--color-border);margin-bottom:var(--spacing-2)}.input-group .form-input:last-child{margin-bottom:0}.input-group-addon{border-left:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2)}.input-group-addon:last-child{margin-bottom:0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:1px solid transparent;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;min-height:44px}.btn:focus{outline:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:var(--color-background-soft);border-color:var(--color-border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.btn-success{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background-color:#218838;border-color:#1e7e34;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#bd2130;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--color-warning);color:var(--color-gray-900);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background-color:#e0a800;border-color:#d39e00;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-info{background-color:var(--color-info);color:var(--color-white);border-color:var(--color-info)}.btn-info:hover:not(:disabled){background-color:#138496;border-color:#117a8b;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline-primary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline-primary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline-secondary{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.btn-outline-secondary:hover:not(:disabled){background-color:var(--color-background-soft);border-color:var(--color-border-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--color-text-primary);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--color-background-soft);transform:translateY(-1px)}.btn-link{background-color:transparent;color:var(--color-primary);border-color:transparent;text-decoration:underline;padding:var(--spacing-2) var(--spacing-3)}.btn-link:hover:not(:disabled){color:var(--color-primary-dark);text-decoration:none;background-color:transparent;transform:none}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);min-height:52px}.btn-xl{padding:var(--spacing-5) var(--spacing-10);font-size:var(--font-size-xl);min-height:60px}.btn-block{display:flex;width:100%}.btn-circle{border-radius:var(--radius-full);width:44px;height:44px;padding:0}.btn-circle.btn-sm{width:36px;height:36px}.btn-circle.btn-lg{width:52px;height:52px}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:btn-spin .8s linear infinite}.btn-loading.btn-sm:after{width:14px;height:14px}.btn-loading.btn-lg:after{width:20px;height:20px}@keyframes btn-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn{border-radius:0;border-right-width:0}.btn-group .btn:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-right-width:1px}.btn-group .btn:only-child{border-radius:var(--radius-lg);border-right-width:1px}.btn-group-vertical{display:inline-flex;flex-direction:column;vertical-align:middle}.btn-group-vertical .btn{border-radius:0;border-bottom-width:0}.btn-group-vertical .btn:first-child{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.btn-group-vertical .btn:last-child{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);border-bottom-width:1px}.btn-group-vertical .btn:only-child{border-radius:var(--radius-lg);border-bottom-width:1px}@media (max-width: 768px){.btn{min-height:48px}.btn-sm{min-height:40px}.btn-lg{min-height:56px}.btn-xl{min-height:64px}.btn-group,.btn-group-vertical{flex-direction:column;width:100%}.btn-group .btn,.btn-group-vertical .btn{border-radius:var(--radius-lg);border-width:1px;margin-bottom:var(--spacing-2)}.btn-group .btn:last-child,.btn-group-vertical .btn:last-child{margin-bottom:0}}.input-card{width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000014;border:1px solid var(--color-border-light);padding:32px;box-sizing:border-box;text-align:center;transition:all .3s ease;position:relative;overflow:visible;max-width:800px;margin-left:auto;margin-right:auto}html.dark .input-card{background:#1d1d1d}.input-card.loading{box-shadow:0 8px 30px #0000001f}.card-title{text-align:center;color:var(--color-text-primary);margin-top:0;margin-bottom:16px;font-size:1.8em;font-weight:700}.card-description{text-align:center;color:var(--color-text-secondary);margin-bottom:32px;font-size:16px;line-height:1.6}.card-image{width:200px;height:auto;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px #0000001a}.question-input{width:100%;padding:16px;border:2px solid var(--color-border);border-radius:12px;font-size:16px;box-sizing:border-box;outline:none;transition:all .3s ease;background:var(--color-background-muted);color:var(--color-text-primary)}.question-input::placeholder{color:var(--color-text-muted)}.question-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 3px #6b46c126}.question-input:disabled{background:var(--color-background-muted);opacity:.6;cursor:not-allowed}.submit-button{width:100%;padding:16px;border:none;border-radius:12px;background:#6b46c1;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:2}.submit-button:hover:not(:disabled){background:#805ad5;transform:translateY(-1px);box-shadow:0 4px 12px #6b46c14d}.submit-button:disabled{background:#c7b8e6;cursor:not-allowed}html.dark .submit-button:disabled{background:#3a3a3a;color:#6b7280}.toss-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;width:100%;max-width:200px;margin:0 auto;display:block}.toss-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.toss-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.input-container{position:relative;margin-bottom:24px;width:100%;max-width:600px;margin-left:auto;margin-right:auto}.tarot-spread-container{margin-bottom:24px}@media (max-width: 768px){.input-card{padding:24px 16px}.card-title{font-size:1.6em}.card-description{font-size:15px;margin-bottom:20px}.tarot-spread-container{margin-bottom:2px}.input-container{margin-bottom:20px}.question-input{padding:14px;font-size:16px}.submit-button{padding:14px;font-size:15px}}@media (max-width: 480px){.input-card{padding:20px 12px}.card-title{font-size:1.4em;margin-bottom:12px}.card-description{font-size:14px;margin-bottom:16px}.tarot-spread-container{margin-bottom:0}.input-container{margin-bottom:16px}.question-input{padding:12px;font-size:16px}.submit-button{padding:12px;font-size:14px}}.response-title{color:var(--color-text-primary);margin:0 0 16px;font-size:1.2em;font-weight:600}.response-content{color:var(--color-text-primary);line-height:1.7;font-size:16px}.loading-container{display:flex;flex-direction:column;align-items:center;padding:24px 0}.loading-dots{display:flex;gap:4px;margin-bottom:12px}.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--color-primary);animation:loading-bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-text{color:var(--color-text-secondary);font-size:14px;margin:0}.response-actions{margin-top:16px;display:flex;gap:12px;justify-content:center}@keyframes loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media (max-width: 768px){.response-title{font-size:1.1em}.response-content{font-size:15px}}.basic-info-section{margin-bottom:var(--spacing-3)}.info-line,.hexagram-line{display:flex;align-items:center;margin-bottom:var(--spacing-1);justify-content:space-between;line-height:1.4}.info-line:last-child,.hexagram-line:last-child{margin-bottom:0}.info-label,.hexagram-label{font-weight:var(--font-weight-medium);color:var(--color-text-secondary);width:80px;text-align:justify;text-align-last:justify;flex-shrink:0;font-size:16px}.info-value,.hexagram-value{color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex:1;text-align:left;margin-left:var(--spacing-2);font-size:16px}.hexagram-info{margin-bottom:var(--spacing-3)}.paipan-section{margin-bottom:var(--spacing-4);font-size:16px;line-height:1.6}.hexagram-container{display:flex;gap:var(--spacing-3);align-items:flex-start}.yao-line{display:flex;justify-content:flex-start;align-items:center;padding:3px 0;gap:var(--spacing-1);white-space:nowrap}.yao-line:last-child{border-bottom:none}.yao-symbol{width:65px;text-align:center;margin:0;flex-shrink:0}.main-yao strong,.changed-yao strong{font-size:13px;letter-spacing:-1px;color:var(--color-text-primary);font-family:var(--font-family-mono)}.change-mark{color:var(--color-warning);font-weight:700;font-size:var(--font-size-xs);width:12px;text-align:center;flex-shrink:0}@media (max-width: 768px){.hexagram-container{gap:var(--spacing-2)}.yao-line{font-size:var(--font-size-xs);gap:3px}.yao-symbol{width:55px}.main-yao strong,.changed-yao strong{font-size:12px}.change-mark{width:8px}}@media (max-width: 480px){.paipan-section{font-size:13px}.hexagram-container{gap:var(--spacing-1)}.yao-line{font-size:13px;line-height:1.4;gap:3px;padding:3px 0}.yao-symbol{width:52px}.main-yao strong,.changed-yao strong{font-size:12px;letter-spacing:-.5px}.change-mark{width:8px;font-size:12px}}@media (max-width: 360px){.paipan-section{font-size:10px}.yao-line{font-size:10px;gap:1px}.yao-symbol{width:42px}.main-yao strong,.changed-yao strong{font-size:9px}}.markdown-content{line-height:1.6;color:var(--color-text-primary)}.markdown-content :deep(h1){font-size:1.5em;font-weight:600;margin:1.2em 0 .8em;color:var(--color-text-primary);border-bottom:2px solid var(--color-border);padding-bottom:.3em}.markdown-content :deep(h2){font-size:1.3em;font-weight:600;margin:1em 0 .6em;color:var(--color-text-primary)}.markdown-content :deep(h3){font-size:1.1em;font-weight:600;margin:.8em 0 .4em;color:var(--color-text-primary)}.markdown-content :deep(p){margin:.8em 0;text-align:justify}.markdown-content :deep(ul),.markdown-content :deep(ol){margin:.8em 0;padding-left:1.5em}.markdown-content :deep(li){margin:.3em 0}.markdown-content :deep(strong){font-weight:600;color:var(--color-text-primary)}.markdown-content :deep(em){font-style:italic;color:var(--color-text-secondary)}.markdown-content :deep(code){background-color:var(--color-background-muted);color:var(--color-primary);padding:.2em .4em;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-content :deep(pre){background-color:var(--color-background-muted);border:1px solid var(--color-border);border-radius:6px;padding:1em;overflow-x:auto;margin:1em 0}.markdown-content :deep(pre code){background:none;color:inherit;padding:0}.markdown-content :deep(blockquote){border-left:4px solid var(--color-primary);background-color:var(--color-background-muted);margin:1em 0;padding:.8em 1.2em;font-style:italic;color:var(--color-text-secondary)}.markdown-content :deep(table){border-collapse:collapse;width:100%;margin:1em 0}.markdown-content :deep(th),.markdown-content :deep(td){border:1px solid var(--color-border);padding:.6em 1em;text-align:left}.markdown-content :deep(th){background-color:var(--color-background-muted);font-weight:600}.markdown-content :deep(hr){border:none;border-top:2px solid var(--color-border);margin:2em 0}.markdown-content :deep(a){color:var(--color-primary);text-decoration:none}.markdown-content :deep(a:hover){text-decoration:underline}@media (max-width: 768px){.markdown-content :deep(h1){font-size:1.3em}.markdown-content :deep(h2){font-size:1.2em}.markdown-content :deep(h3){font-size:1.1em}.markdown-content :deep(pre){padding:.8em;font-size:.9em}.markdown-content :deep(table){font-size:.9em}.markdown-content :deep(th),.markdown-content :deep(td){padding:.4em .6em}}.markdown-content :deep(details){border:1px solid var(--color-border);border-radius:var(--radius-md);margin:1em 0;background-color:var(--color-background-muted);transition:all .3s ease}.markdown-content :deep(details[open]){box-shadow:var(--shadow-sm)}.markdown-content :deep(summary){padding:.8em 1.2em;font-weight:500;cursor:pointer;color:var(--color-text-secondary);outline:none;transition:color .3s ease}.markdown-content :deep(summary:hover){color:var(--color-primary)}.markdown-content :deep(details .thinking-content){padding:0 1.2em 1.2em;border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.9em;opacity:.8}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.mt-0{margin-top:var(--spacing-0)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-5{margin-top:var(--spacing-5)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-0{margin-bottom:var(--spacing-0)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.ml-0{margin-left:var(--spacing-0)}.ml-1{margin-left:var(--spacing-1)}.ml-2{margin-left:var(--spacing-2)}.ml-3{margin-left:var(--spacing-3)}.ml-4{margin-left:var(--spacing-4)}.ml-5{margin-left:var(--spacing-5)}.ml-6{margin-left:var(--spacing-6)}.ml-8{margin-left:var(--spacing-8)}.mr-0{margin-right:var(--spacing-0)}.mr-1{margin-right:var(--spacing-1)}.mr-2{margin-right:var(--spacing-2)}.mr-3{margin-right:var(--spacing-3)}.mr-4{margin-right:var(--spacing-4)}.mr-5{margin-right:var(--spacing-5)}.mr-6{margin-right:var(--spacing-6)}.mr-8{margin-right:var(--spacing-8)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.pt-0{padding-top:var(--spacing-0)}.pt-1{padding-top:var(--spacing-1)}.pt-2{padding-top:var(--spacing-2)}.pt-3{padding-top:var(--spacing-3)}.pt-4{padding-top:var(--spacing-4)}.pt-5{padding-top:var(--spacing-5)}.pt-6{padding-top:var(--spacing-6)}.pt-8{padding-top:var(--spacing-8)}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-2{padding-bottom:var(--spacing-2)}.pb-3{padding-bottom:var(--spacing-3)}.pb-4{padding-bottom:var(--spacing-4)}.pb-5{padding-bottom:var(--spacing-5)}.pb-6{padding-bottom:var(--spacing-6)}.pb-8{padding-bottom:var(--spacing-8)}.pl-0{padding-left:var(--spacing-0)}.pl-1{padding-left:var(--spacing-1)}.pl-2{padding-left:var(--spacing-2)}.pl-3{padding-left:var(--spacing-3)}.pl-4{padding-left:var(--spacing-4)}.pl-5{padding-left:var(--spacing-5)}.pl-6{padding-left:var(--spacing-6)}.pl-8{padding-left:var(--spacing-8)}.pr-0{padding-right:var(--spacing-0)}.pr-1{padding-right:var(--spacing-1)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-4{padding-right:var(--spacing-4)}.pr-5{padding-right:var(--spacing-5)}.pr-6{padding-right:var(--spacing-6)}.pr-8{padding-right:var(--spacing-8)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition-none{transition:none}.transition-fast{transition:var(--transition-fast)}.transition{transition:var(--transition-base)}.transition-slow{transition:var(--transition-slow)}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-fill{flex:1 1 auto!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.align-start{align-items:flex-start!important}.align-end{align-items:flex-end!important}.align-center{align-items:center!important}.align-baseline{align-items:baseline!important}.align-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.gap-0{gap:0!important}.gap-1{gap:var(--spacing-1)!important}.gap-2{gap:var(--spacing-2)!important}.gap-3{gap:var(--spacing-3)!important}.gap-4{gap:var(--spacing-4)!important}.gap-5{gap:var(--spacing-5)!important}.gap-6{gap:var(--spacing-6)!important}.gap-8{gap:var(--spacing-8)!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:var(--spacing-1)!important;margin-right:var(--spacing-1)!important}.mx-2{margin-left:var(--spacing-2)!important;margin-right:var(--spacing-2)!important}.mx-3{margin-left:var(--spacing-3)!important;margin-right:var(--spacing-3)!important}.mx-4{margin-left:var(--spacing-4)!important;margin-right:var(--spacing-4)!important}.mx-5{margin-left:var(--spacing-5)!important;margin-right:var(--spacing-5)!important}.mx-6{margin-left:var(--spacing-6)!important;margin-right:var(--spacing-6)!important}.mx-8{margin-left:var(--spacing-8)!important;margin-right:var(--spacing-8)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.my-5{margin-top:var(--spacing-5)!important;margin-bottom:var(--spacing-5)!important}.my-6{margin-top:var(--spacing-6)!important;margin-bottom:var(--spacing-6)!important}.my-8{margin-top:var(--spacing-8)!important;margin-bottom:var(--spacing-8)!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.px-5{padding-left:var(--spacing-5)!important;padding-right:var(--spacing-5)!important}.px-6{padding-left:var(--spacing-6)!important;padding-right:var(--spacing-6)!important}.px-8{padding-left:var(--spacing-8)!important;padding-right:var(--spacing-8)!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}.py-5{padding-top:var(--spacing-5)!important;padding-bottom:var(--spacing-5)!important}.py-6{padding-top:var(--spacing-6)!important;padding-bottom:var(--spacing-6)!important}.py-8{padding-top:var(--spacing-8)!important;padding-bottom:var(--spacing-8)!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.max-w-xs{max-width:20rem!important}.max-w-sm{max-width:24rem!important}.max-w-md{max-width:28rem!important}.max-w-lg{max-width:32rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.max-w-4xl{max-width:56rem!important}.max-w-5xl{max-width:64rem!important}.max-w-6xl{max-width:72rem!important}.max-w-7xl{max-width:80rem!important}.max-w-full{max-width:100%!important}.max-w-none{max-width:none!important}.min-h-0{min-height:0!important}.min-h-full{min-height:100%!important}.min-h-screen{min-height:100vh!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.select-auto{-webkit-user-select:auto!important;user-select:auto!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}@media (max-width: 768px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-grid{display:grid!important}.flex-md-column{flex-direction:column!important}.flex-md-row{flex-direction:row!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.justify-md-start{justify-content:flex-start!important}.justify-md-end{justify-content:flex-end!important}.justify-md-center{justify-content:center!important}.justify-md-between{justify-content:space-between!important}.align-md-start{align-items:flex-start!important}.align-md-end{align-items:flex-end!important}.align-md-center{align-items:center!important}.align-md-stretch{align-items:stretch!important}.text-md-left{text-align:left!important}.text-md-center{text-align:center!important}.text-md-right{text-align:right!important}.w-md-25{width:25%!important}.w-md-50{width:50%!important}.w-md-75{width:75%!important}.w-md-100{width:100%!important}.w-md-auto{width:auto!important}.m-md-0{margin:0!important}.m-md-1{margin:var(--spacing-1)!important}.m-md-2{margin:var(--spacing-2)!important}.m-md-3{margin:var(--spacing-3)!important}.m-md-4{margin:var(--spacing-4)!important}.mx-md-0{margin-left:0!important;margin-right:0!important}.mx-md-auto{margin-left:auto!important;margin-right:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-md-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-md-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-md-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.p-md-0{padding:0!important}.p-md-1{padding:var(--spacing-1)!important}.p-md-2{padding:var(--spacing-2)!important}.p-md-3{padding:var(--spacing-3)!important}.p-md-4{padding:var(--spacing-4)!important}.px-md-0{padding-left:0!important;padding-right:0!important}.px-md-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-md-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-md-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-md-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-md-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-md-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-md-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}}@media (max-width: 480px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-grid{display:grid!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row{flex-direction:row!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.justify-sm-start{justify-content:flex-start!important}.justify-sm-end{justify-content:flex-end!important}.justify-sm-center{justify-content:center!important}.justify-sm-between{justify-content:space-between!important}.align-sm-start{align-items:flex-start!important}.align-sm-end{align-items:flex-end!important}.align-sm-center{align-items:center!important}.align-sm-stretch{align-items:stretch!important}.text-sm-left{text-align:left!important}.text-sm-center{text-align:center!important}.text-sm-right{text-align:right!important}.w-sm-25{width:25%!important}.w-sm-50{width:50%!important}.w-sm-75{width:75%!important}.w-sm-100{width:100%!important}.w-sm-auto{width:auto!important}.m-sm-0{margin:0!important}.m-sm-1{margin:var(--spacing-1)!important}.m-sm-2{margin:var(--spacing-2)!important}.m-sm-3{margin:var(--spacing-3)!important}.m-sm-4{margin:var(--spacing-4)!important}.mx-sm-0{margin-left:0!important;margin-right:0!important}.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:var(--spacing-1)!important;margin-bottom:var(--spacing-1)!important}.my-sm-2{margin-top:var(--spacing-2)!important;margin-bottom:var(--spacing-2)!important}.my-sm-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.my-sm-4{margin-top:var(--spacing-4)!important;margin-bottom:var(--spacing-4)!important}.p-sm-0{padding:0!important}.p-sm-1{padding:var(--spacing-1)!important}.p-sm-2{padding:var(--spacing-2)!important}.p-sm-3{padding:var(--spacing-3)!important}.p-sm-4{padding:var(--spacing-4)!important}.px-sm-0{padding-left:0!important;padding-right:0!important}.px-sm-1{padding-left:var(--spacing-1)!important;padding-right:var(--spacing-1)!important}.px-sm-2{padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}.px-sm-3{padding-left:var(--spacing-3)!important;padding-right:var(--spacing-3)!important}.px-sm-4{padding-left:var(--spacing-4)!important;padding-right:var(--spacing-4)!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:var(--spacing-1)!important;padding-bottom:var(--spacing-1)!important}.py-sm-2{padding-top:var(--spacing-2)!important;padding-bottom:var(--spacing-2)!important}.py-sm-3{padding-top:var(--spacing-3)!important;padding-bottom:var(--spacing-3)!important}.py-sm-4{padding-top:var(--spacing-4)!important;padding-bottom:var(--spacing-4)!important}}body{font-family:var(--font-family-base);color:var(--color-text-primary);background-color:var(--color-background);line-height:var(--line-height-normal);transition:background-color .3s ease,color .3s ease}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}button,input,textarea,select,.nav-link-content,.history-item,.dropdown-item{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:none}button{border:none;background:none;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important;transform:translateZ(0)}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)!important;-webkit-focus-ring-color:rgba(0,0,0,0)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background-secondary)}::-webkit-scrollbar-thumb{background-color:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}@media (max-width: var(--mobile-breakpoint)){html{font-size:15px}}@media (max-width: 480px){html{font-size:14px}}.liuyao-paipan{all:unset;display:block}.yao-line{position:static!important;height:auto!important;width:auto!important;background:transparent!important;background-color:transparent!important}.app-container{display:flex;height:100vh}.main-wrapper{flex:1;display:flex;flex-direction:column;transition:margin-left .3s ease}@media (min-width: 769px){.main-wrapper{margin-left:240px}.main-wrapper.sidebar-collapsed{margin-left:0}}.main-content{flex:1;overflow-y:auto;position:relative}html.dark .main-content{background:#1d1d1d;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #00000026}.content-wrapper{flex:1;width:100%;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:24px;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.content-wrapper:after{content:"";display:block;height:60px;width:100%}.content-wrapper::-webkit-scrollbar{display:none}@media (max-width: 768px){.app-container{grid-template-areas:"topbar" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh}html.dark .app-container{background:#1d1d1d}.main-content,.main-content.sidebar-collapsed{margin-left:0;width:100%;padding-top:60px;background:transparent;border-radius:0;box-shadow:none;border:none;min-height:calc(100vh - 60px);height:auto;overflow:visible;position:relative}.content-wrapper{padding:20px 16px;position:static;height:auto;overflow:visible;width:100%;box-sizing:border-box}.content-wrapper:after{height:40px}}@media (max-width: 480px){.content-wrapper{padding:12px}.content-wrapper:after{height:30px}}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.markdown-content h1{font-size:2em;border-bottom:1px solid var(--color-border-light);padding-bottom:.3em}.markdown-content h2{font-size:1.5em;border-bottom:1px solid var(--color-border-light);padding-bottom:.3em}.markdown-content h3{font-size:1.25em}.markdown-content p{margin-bottom:1em;line-height:1.7}.markdown-content ul,.markdown-content ol{padding-left:2em;margin-bottom:1em}.markdown-content li{margin-bottom:.5em}.markdown-content blockquote{border-left:4px solid var(--color-primary-light);padding-left:1em;margin-left:0;color:var(--color-text-secondary);font-style:italic}.markdown-content code{background-color:var(--color-bg-secondary);padding:.2em .4em;border-radius:4px;font-family:var(--font-family-mono)}.markdown-content pre{background-color:var(--color-bg-secondary);padding:1em;border-radius:8px;overflow-x:auto}.markdown-content pre code{padding:0;background-color:transparent}.markdown-content table{width:100%;border-collapse:collapse;margin-bottom:1em}.markdown-content th,.markdown-content td{border:1px solid var(--color-border-light);padding:.5em 1em}.markdown-content th{background-color:var(--color-bg-secondary);font-weight:600}body{background:#f5f5f7;min-height:100vh}html.dark body{background:#0f0f0f}