.hpo-search,.hpo-search-input{width:100%}.hpo-search-input .ant-input{border-radius:6px}.hpo-search-dropdown .ant-select-item-option{padding:8px 12px!important;height:auto!important}.hpo-search-option{width:100%}.hpo-search-option-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hpo-name-cn{font-weight:500;color:#262626;font-size:14px}.hpo-name-en{color:#8c8c8c;font-size:12px}.hpo-search-option-detail{margin-top:4px;color:#595959;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.hpo-search-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#8c8c8c}.hpo-search-not-found{padding:12px;text-align:center;color:#8c8c8c}.hpo-search-dropdown .ant-select-item-option-selected .hpo-name-cn{color:#1677ff}.hpo-search-dropdown .ant-select-item-option:hover .hpo-search-option{background-color:transparent}@media(max-width:576px){.hpo-search-option-header{flex-direction:column;align-items:flex-start}.hpo-name-en{font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}mark{padding:2px 4px;border-radius:2px;font-weight:500;transition:all var(--transition-base);background-color:#ffc53d;color:#333}mark.highlight-animate{animation:highlightPulse .6s ease}@keyframes highlightPulse{0%{transform:scale(1);box-shadow:0 0 #1890ff66}50%{transform:scale(1.05);box-shadow:0 0 0 4px #1890ff00}to{transform:scale(1);box-shadow:0 0 #1890ff00}}.result-card{transition:all var(--transition-base);border:1px solid var(--color-border-light)}.result-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:var(--color-primary)}.ant-btn{border-radius:var(--border-radius-md);font-weight:500;transition:all var(--transition-base)}.ant-btn-primary{box-shadow:0 2px 4px #1890ff33}.ant-btn-primary:hover{box-shadow:0 4px 8px #1890ff4d}.ant-input,.ant-input-textarea textarea{border-radius:var(--border-radius-md);transition:all var(--transition-base)}.ant-input:focus,.ant-input-textarea textarea:focus{box-shadow:0 0 0 2px #1890ff1a}.ant-tag{border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);padding:2px 8px;line-height:1.5}.ant-progress-inner{border-radius:var(--border-radius-xs)}.ant-card{border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.ant-card:hover{box-shadow:var(--shadow-sm)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.full-width{width:100%}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.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-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px){.hide-desktop{display:none!important}}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}:root{--color-primary: #1890ff;--color-primary-hover: #40a9ff;--color-primary-active: #096dd9;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #13c2c2;--color-text-primary: rgba(0, 0, 0, .88);--color-text-secondary: rgba(0, 0, 0, .65);--color-text-tertiary: rgba(0, 0, 0, .45);--color-text-quaternary: rgba(0, 0, 0, .25);--color-border: #d9d9d9;--color-border-light: #f0f0f0;--color-bg: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f5f5f5;--color-bg-spot: #e6f4ff;--highlight-1: #ff7875;--highlight-2: #ff9c6e;--highlight-3: #ffc53d;--highlight-4: #95de64;--highlight-5: #5cdbd3;--highlight-6: #69c0ff;--highlight-7: #85a5ff;--highlight-8: #b37feb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 20px;--line-height-sm: 1.4;--line-height-base: 1.57;--line-height-lg: 1.8;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .03);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--header-height: 56px;--footer-height: 48px;--max-width: 1200px;--container-padding: 20px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media(prefers-color-scheme:dark){:root{--color-text-primary: rgba(255, 255, 255, .88);--color-text-secondary: rgba(255, 255, 255, .65);--color-text-tertiary: rgba(255, 255, 255, .45);--color-text-quaternary: rgba(255, 255, 255, .25);--color-border: #424242;--color-border-light: #303030;--color-bg: #141414;--color-bg-secondary: #1f1f1f;--color-bg-tertiary: #262626;--color-bg-spot: #111b26}}@media(max-width:575px){:root{--container-padding: 16px;--header-height: 48px}}@media(min-width:576px)and (max-width:1023px){:root{--container-padding: 20px}}@media(min-width:1024px){:root{--container-padding: 24px}}