:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #21262d;--color-border: #30363d;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-accent-blue: #58a6ff;--color-accent-green: #3fb950;--color-accent-orange: #d29922;--color-accent-red: #f85149;--color-price-line: #e6edf3;--color-orange-line: #f0883e;--color-blue-line: #58a6ff;--color-eps-bar: #238636;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", monospace;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{display:flex;flex-direction:column;height:100vh;max-width:1440px;margin:0 auto;padding:var(--spacing-md)}.header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.logo{font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.logo-highlight{color:var(--color-accent-orange)}.search-container{flex:1;max-width:400px;display:flex;gap:var(--spacing-sm)}.search-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:14px;font-family:var(--font-family);transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #58a6ff26}.search-input::placeholder{color:var(--color-text-muted)}.search-history{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.sidebar-title{font-size:13px;font-weight:600;padding:var(--spacing-md);margin:0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.history-list{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;margin-bottom:4px}.history-item:hover{background:#ffffff0d}.history-item.active{background:#58a6ff1a;border:1px solid var(--color-accent-blue)}.history-item-info{display:flex;flex-direction:column;overflow:hidden}.history-item-name{font-size:13px;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-code{font-size:11px;color:var(--color-text-muted)}.history-remove-btn{background:none;border:none;color:var(--color-text-muted);font-size:18px;cursor:pointer;padding:4px;line-height:1;opacity:0;transition:opacity .2s;border-radius:4px}.history-item:hover .history-remove-btn{opacity:1}.history-remove-btn:hover{background:#f851491a;color:var(--color-accent-red)}.search-history.empty{justify-content:center;align-items:center;text-align:center}.empty-message{font-size:12px;color:var(--color-text-muted);padding:var(--spacing-lg)}.chart-area{display:flex;flex-direction:column;min-width:0;flex:1}.search-btn{padding:0 var(--spacing-md);background:var(--color-accent-blue);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.search-btn:hover{background:#4a9eff}.stock-info{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.stock-name{font-size:18px;font-weight:600}.stock-code{color:var(--color-text-secondary);font-size:14px;margin-left:var(--spacing-sm)}.stock-metric{display:flex;flex-direction:column;gap:2px}.stock-metric-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stock-metric-value{font-size:16px;font-weight:500;font-family:var(--font-mono)}.stock-metric-value.positive{color:var(--color-accent-green)}.stock-metric-value.negative{color:var(--color-accent-red)}.main-content{display:grid;grid-template-columns:180px 1fr 300px;gap:var(--spacing-lg);flex:1;padding:var(--spacing-lg) 0;overflow:hidden}.chart-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;height:700px;flex-shrink:0}.chart-wrapper{flex:1;width:100%;position:relative}.control-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto}.control-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.control-section-title{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.slider-container{display:flex;align-items:center;gap:var(--spacing-md)}.slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--color-bg-tertiary);border-radius:2px;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-accent-orange);border-radius:50%;cursor:pointer;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-value{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--color-accent-orange);min-width:45px;text-align:right}.time-buttons{display:flex;gap:var(--spacing-xs)}.time-button{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.time-button:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.time-button.active{background:var(--color-accent-blue);border-color:var(--color-accent-blue);color:#fff}.year-filter-list{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:240px;overflow-y:auto}.year-filter-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s}.year-filter-item:hover{background:var(--color-bg-primary)}.year-filter-item input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:3px;cursor:pointer;position:relative}.year-filter-item input[type=checkbox]:checked{background:var(--color-accent-blue);border-color:var(--color-accent-blue)}.year-filter-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.year-filter-item-text{flex:1;font-size:13px}.year-filter-item-pe{font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);min-width:320px;max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.modal-title{font-size:16px;font-weight:600}.modal-close{background:none;border:none;color:var(--color-text-secondary);font-size:20px;cursor:pointer;padding:var(--spacing-xs);line-height:1}.modal-close:hover{color:var(--color-text-primary)}.roi-result{display:flex;flex-direction:column;gap:var(--spacing-md)}.roi-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.roi-row:last-child{border-bottom:none}.roi-label{font-size:13px;color:var(--color-text-secondary)}.roi-value{font-family:var(--font-mono);font-size:15px;font-weight:600}.roi-value.positive{color:var(--color-accent-green)}.roi-value.negative{color:var(--color-accent-red)}.chart-hint{font-size:12px;color:var(--color-text-muted);text-align:center;padding:var(--spacing-sm) 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.pe-mode-selector{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.radio-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;color:var(--color-text-secondary);cursor:pointer}.radio-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:2px solid var(--color-border);border-radius:50%;cursor:pointer;position:relative}.radio-label input[type=radio]:checked{border-color:var(--color-accent-orange)}.radio-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:var(--color-accent-orange);border-radius:50%}.orange-slider::-webkit-slider-thumb{background:var(--color-orange-line)}.orange-value{color:var(--color-orange-line)}.valuation-badge{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:13px;font-weight:600}.valuation-badge.undervalued{background:#3fb95026;color:var(--color-accent-green);border:1px solid rgba(63,185,80,.3)}.valuation-badge.overvalued{background:#f8514926;color:var(--color-accent-red);border:1px solid rgba(248,81,73,.3)}.year-filter-item.abnormal{background:#f851491a;border:1px solid rgba(248,81,73,.2)}.year-filter-item-pe.high{color:var(--color-accent-red);font-weight:500}.valuation-status .status-bar{display:flex;border-radius:var(--radius-sm);overflow:hidden;height:24px}.valuation-status .status-zone{flex:1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500}.valuation-status .status-zone.undervalued{background:#3fb9504d;color:var(--color-accent-green)}.valuation-status .status-zone.fair{background:#8b949e4d;color:var(--color-text-secondary)}.valuation-status .status-zone.overvalued{background:#f851494d;color:var(--color-accent-red)}@media(max-width:1024px){.main-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.control-panel{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}.control-section{min-width:200px}.stock-info{flex-wrap:wrap;gap:var(--spacing-md)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-md);color:var(--color-text-secondary)}.loader{width:40px;height:40px;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:var(--spacing-md);color:var(--color-accent-red)}.error-message h3{color:var(--color-text-primary)}.retry-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);margin-top:var(--spacing-md);cursor:pointer;transition:all .2s}.retry-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.empty-state{display:flex;align-items:center;justify-content:center;flex:1;color:var(--color-text-muted)}.hk-eps-modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.hk-eps-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.hk-eps-modal .modal-header h3{font-size:16px;font-weight:600;margin:0}.hk-eps-modal .close-btn{background:none;border:none;color:var(--color-text-secondary);font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;border-radius:var(--radius-sm)}.hk-eps-modal .close-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.hk-eps-modal .modal-body{padding:var(--spacing-lg);overflow-y:auto;flex:1}.hk-eps-modal .info-section{background:#58a6ff1a;border:1px solid rgba(88,166,255,.2);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.hk-eps-modal .info-section p{font-size:14px;color:var(--color-text-secondary);margin:0}.hk-eps-modal .prompt-section{margin-bottom:var(--spacing-lg)}.hk-eps-modal .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:13px;font-weight:600;color:var(--color-text-secondary)}.hk-eps-modal .copy-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-accent-blue);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.hk-eps-modal .copy-btn:hover{background:#4a9eff}.hk-eps-modal .copy-btn.copied{background:var(--color-accent-green)}.hk-eps-modal .prompt-content{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-mono);font-size:12px;color:var(--color-text-secondary);white-space:pre-wrap;max-height:200px;overflow-y:auto;cursor:pointer;transition:border-color .2s}.hk-eps-modal .prompt-content:hover{border-color:var(--color-accent-blue)}.hk-eps-modal .json-section{margin-bottom:var(--spacing-md)}.hk-eps-modal .json-input{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary);resize:vertical;min-height:150px}.hk-eps-modal .json-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px #58a6ff26}.hk-eps-modal .json-input::placeholder{color:var(--color-text-muted)}.hk-eps-modal .error-message{display:block;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#f851491a;border:1px solid rgba(248,81,73,.3);border-radius:var(--radius-sm);color:var(--color-accent-red);font-size:13px}.hk-eps-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.hk-eps-modal .cancel-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.hk-eps-modal .cancel-btn:hover{background:var(--color-bg-primary)}.hk-eps-modal .submit-btn{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-accent-green);border:none;border-radius:var(--radius-md);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.hk-eps-modal .submit-btn:hover{background:#2ea043}.hk-eps-modal .submit-btn:disabled{opacity:.5;cursor:not-allowed}