.home-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 64px - 4rem);text-align:center;padding:2rem;box-sizing:border-box}.home-content{max-width:700px}.home-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.home-subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.home-actions{display:flex;justify-content:center;gap:1.5rem}.home-button,.home-button-outline{padding:12px 24px;font-size:1.1rem;font-weight:500;border-radius:var(--border-radius);text-decoration:none;border:2px solid transparent;transition:all .2s ease}.home-button{background-color:var(--primary-color);color:#fff}.home-button:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.home-button-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color)}.home-button-outline:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px)}.auth-container{display:flex;justify-content:center;align-items:flex-start;padding-top:5rem}.auth-card{width:400px;padding:2rem;background-color:var(--secondary-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);text-align:center}.auth-card h2{margin-top:0;margin-bottom:2rem}.auth-card form{display:flex;flex-direction:column}.auth-card form button{margin-top:1rem}.auth-card p{margin-top:2rem;color:var(--text-secondary)}@media (max-width: 480px){.auth-card{width:100%;padding:1.5rem;box-shadow:none}}.main-header{text-align:center;margin-bottom:1.5rem}.main-header h1{margin:0 0 .5rem}.main-header p{margin:0;color:var(--text-secondary)}.controls-container{padding:2rem 0;display:flex;flex-direction:column;align-items:center}.main-action-wrapper{margin-bottom:1.5rem}.main-action-button{padding:12px 28px;font-size:1.1rem;font-weight:700}.error-message{color:var(--error-color);margin-top:1rem;font-weight:500}.info-message{color:var(--text-secondary);font-size:.9rem;margin-top:.75rem}.settings-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.settings-item{width:180px;text-align:left}.settings-item label{font-weight:500;font-size:.9rem;color:var(--text-secondary);display:block;margin-bottom:.5rem}.settings-item label strong{color:var(--text-primary)}.settings-select,.temperature-slider{width:100%;box-sizing:border-box}.settings-select{padding:8px 12px;border-radius:var(--border-radius);border:1px solid var(--border-color);background-color:var(--secondary-bg);font-size:.9rem;font-weight:500;cursor:pointer}.settings-select:focus{outline:2px solid var(--primary-color)}.temperature-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#dfe1e6;border-radius:3px;outline:none;transition:background .2s ease;margin-top:8px;vertical-align:middle}.temperature-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary-color);border-radius:50%;cursor:pointer}.temperature-slider::-moz-range-thumb{width:18px;height:18px;background:var(--primary-color);border-radius:50%;cursor:pointer;border:none}.input-column{display:flex;flex-direction:column;gap:2rem}.card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.input-card{display:flex;flex-direction:column;height:350px}.card-header{font-size:1.1rem;padding:1rem 1.5rem;margin:0;border-bottom:1px solid var(--border-color);flex-shrink:0}.input-card textarea{flex-grow:1;border:none;padding:1rem 1.5rem;resize:none;outline:none;font-size:.95rem;line-height:1.6;background-color:transparent;width:100%;box-sizing:border-box}.loading-placeholder,.placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:var(--text-secondary);text-align:center}.loading-placeholder .spinner{width:32px;height:32px;margin-bottom:1.5rem}.loading-placeholder p{font-size:1.2rem;font-weight:500;color:var(--text-primary);margin:0}.loading-placeholder span{font-size:.9rem;margin-top:.5rem}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.spinner{width:24px;height:24px;border:3px solid var(--primary-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.workbench-container{grid-template-columns:1fr;gap:2.5rem}.output-container{height:auto;min-height:600px}}@media (max-width: 768px){.page-container{padding:0 1rem;margin-top:1rem}.settings-wrapper{flex-direction:column;gap:1.5rem;width:100%;max-width:300px}.settings-item{width:100%}.input-card{height:300px}}.workbench-container{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:stretch}.feedback-section-main{margin-top:2.5rem}@media (max-width: 1024px){.workbench-container{grid-template-columns:1fr;gap:2.5rem}}.output-dashboard{display:flex;flex-direction:column;position:relative;height:100%;box-sizing:border-box;overflow:hidden}.dashboard-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1.5rem;flex-shrink:0}.tab-button{padding:1rem 1.25rem;cursor:pointer;border:none;background-color:transparent;color:var(--text-secondary);font-weight:500;font-size:1rem;border-bottom:3px solid transparent;transition:all .2s ease;margin-bottom:-1px}.tab-button:hover:not(:disabled){color:var(--text-primary)}.tab-button.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-button:disabled{color:#ccc;cursor:not-allowed}.dashboard-content{flex-grow:1;overflow-y:auto;position:relative}.analysis-block{padding:1.5rem}.analysis-block h3{margin-top:0;margin-bottom:1rem}.suggestion-card{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed var(--border-color)}.suggestion-card:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.suggestion-card .reasoning{font-style:italic;color:var(--text-secondary);background-color:#f7f8fa;padding:.5rem;border-radius:4px;margin-top:.5rem}.placeholder-card{padding:2rem;margin:1.5rem;text-align:center;color:var(--text-secondary);background-color:#f7f8fa;border-radius:var(--border-radius)}.dashboard-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.dashboard-main-panel{display:flex;flex-direction:column;gap:1.5rem}.score-card,.summary-card,.redflags-card{padding:1.5rem;border-radius:var(--border-radius)}.score-card{background-color:#e6f7ff;border:1px solid #91d5ff}.summary-card{background-color:#f6ffed;border:1px solid #b7eb8f}.redflags-card{background-color:#fff1f0;border:1px solid #ffa39e}.total-score-display{font-size:2.5rem;font-weight:700;color:var(--primary-color);line-height:1}.total-score-display span{font-size:4rem}.score-summary{margin-top:.5rem;font-style:italic;color:#555}.snapshot-panel{border-left:1px solid var(--border-color);padding-left:2rem}.snapshot-panel h3{margin-top:0;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.snapshot-item{margin-bottom:1.5rem}.snapshot-item:not(:last-child){border-bottom:1px dashed #e9ecef;padding-bottom:1.5rem}.snapshot-item strong{display:block;margin-bottom:.5rem;color:var(--text-primary)}.snapshot-item p{margin:0;color:var(--text-secondary)}.score-breakdown-page{max-width:800px;margin:0 auto;padding:2rem}.score-breakdown-page h3{text-align:center;margin-bottom:2rem}.score-breakdown-list{display:flex;flex-direction:column;gap:1.25rem}.breakdown-item{font-size:.9rem}.dimension-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.dimension-name{font-weight:500}.dimension-score{font-weight:700;color:var(--primary-color)}.progress-bar-container{width:100%;height:8px;background-color:#e9ecef;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background-color:var(--primary-color);border-radius:4px;transition:width .5s ease-in-out}.dimension-reasoning{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)}.ai-revised-layout{display:flex;flex-direction:column;height:100%;box-sizing:border-box}.revision-strategy-summary{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;flex-shrink:0}.revision-strategy-summary h3{margin-top:0;margin-bottom:.75rem;color:#389e0d}.revision-strategy-summary p{margin:0;line-height:1.6}.revised-grid{flex-grow:1;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;min-height:0}.revised-resume-column,.modification-log-column{display:flex;flex-direction:column;min-height:0}.revised-resume-column h3,.modification-log-column h3{margin-top:0;margin-bottom:1rem;flex-shrink:0}.final-resume,.log-list{flex-grow:1;overflow-y:auto;background-color:#f7f8fa;border:1px solid var(--border-color);padding:1rem;border-radius:var(--border-radius)}.log-list{padding-right:10px}.final-resume pre{white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:.9rem}.export-buttons{margin-top:1.5rem;flex-shrink:0}.export-button{padding:8px 16px;border-radius:var(--border-radius);border:1px solid var(--primary-color);background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500}@media (max-width: 1024px){.dashboard-layout,.revised-grid{grid-template-columns:1fr;height:auto}.snapshot-panel{border-left:none;padding-left:0;margin-top:2rem;border-top:1px solid var(--border-color);padding-top:2rem}.revised-resume-column{height:500px}}@media (max-width: 768px){.tab-button{padding:.8rem .5rem;font-size:.85rem}.analysis-block,.dashboard-layout,.score-card,.summary-card,.redflags-card{padding:1rem}.total-score-display{font-size:2rem}.total-score-display span{font-size:3.5rem}}.rating-scale-group{margin-bottom:1.5rem}.rating-scale-group label{display:block;font-weight:500;margin-bottom:.75rem}.stars-container{display:flex;cursor:pointer}.star{font-size:2rem;color:#ccc;transition:color .2s ease}.star.active{color:#ffc107}.feedback-form{padding:2rem}.feedback-form h2{text-align:center;margin-top:0;margin-bottom:2rem}.feedback-group{margin-bottom:1.5rem}.feedback-group label{display:block;font-weight:500;margin-bottom:.75rem}.quality-rating-buttons{display:flex;gap:1rem}.quality-button{flex-grow:1;padding:.75rem 1rem;font-size:1rem;font-weight:500;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:transparent;cursor:pointer;transition:all .2s ease}.quality-button.selected{border-color:var(--selected-color);background-color:var(--selected-color);color:#fff;transform:scale(1.05)}.feedback-form textarea,.feedback-form select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;box-sizing:border-box}.feedback-footer{text-align:center;margin-top:2rem}.submit-button{margin-top:1.5rem;flex-shrink:0}.submit-button{padding:8px 16px;border-radius:var(--border-radius);border:1px solid var(--primary-color);background-color:var(--primary-color);color:#fff;cursor:pointer;font-weight:500}.submit-message{margin-top:1rem;color:var(--primary-color);font-weight:500}.feedback-subtitle{text-align:center;margin-top:-1.5rem;margin-bottom:2.5rem;color:var(--text-secondary)}.rating-scales-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 2.5rem;margin-bottom:1.5rem}@media (max-width: 768px){.rating-scales-grid{grid-template-columns:1fr}}.page-container{max-width:900px;margin:2rem auto;padding:0 1rem}.page-title{text-align:center;margin-bottom:2rem}.history-empty-state{text-align:center;padding:4rem 2rem;background-color:#f7f8fa;border-radius:var(--border-radius);border:1px dashed var(--border-color)}.empty-icon{font-size:3rem;margin-bottom:1rem}.history-list{display:grid;gap:1.5rem}.history-card-link{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease}.history-card-link:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.history-card{display:flex;align-items:center;padding:1.5rem;background-color:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color);overflow:hidden}.history-card-score-section{display:flex;flex-direction:column;align-items:center;margin-right:1.5rem;flex-shrink:0}.score-circle{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;background-color:#f0f0f0;border:4px solid}.score-circle span{font-size:1.8rem;font-weight:700;color:#fff}.score-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.score-high{border-color:#52c41a;background-color:#b7eb8f}.score-medium{border-color:#faad14;background-color:#ffe58f}.score-low{border-color:#f5222d;background-color:#ffa39e}.history-card-main-content{flex-grow:1}.history-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem}.history-card-header h3{margin:0;font-size:1.2rem}.date-display{font-size:.85rem;color:var(--text-secondary)}.summary-text{margin:0;font-size:.95rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.summary-text strong{color:var(--text-primary)}.history-card-action{font-size:1.5rem;color:var(--text-secondary);margin-left:1rem}.loading-container{text-align:center;padding:4rem 0}.error-message{text-align:center;color:var(--error-color)}:root{--primary-color: #0052cc;--primary-hover: #0041a3;--secondary-bg: #ffffff;--page-bg: #f7f8fa;--border-color: #dfe1e6;--text-primary: #172b4d;--text-secondary: #6b778c;--success-color: #00875a;--error-color: #de350b;font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--border-radius: 8px;--card-shadow: 0 4px 8px -2px rgba(9, 30, 66, .25), 0 0 1px rgba(9, 30, 66, .31);--container-width: 1200px}body{margin:0;background-color:var(--page-bg);color:var(--text-primary)}.App{min-height:100vh}main{padding:1rem 2rem}button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .2s ease,transform .1s ease}button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}button:disabled{background-color:#a5adba;cursor:not-allowed;transform:none}input[type=email],input[type=password]{width:100%;padding:10px;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box}a{color:var(--primary-color);text-decoration:none}a:hover{text-decoration:underline}.page-container{max-width:var(--container-width);margin:1rem auto;padding:1rem}.final-resume pre{white-space:pre-wrap;word-wrap:break-word}.card,.auth-card,.history-card{background-color:var(--secondary-bg);border-radius:var(--border-radius);box-shadow:var(--card-shadow);border:1px solid transparent;transition:all .2s ease}.history-card:hover{border-color:var(--primary-color);transform:translateY(-4px)}.history-list{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 768px){.history-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.history-list{grid-template-columns:repeat(3,1fr)}}.app-footer{text-align:center;padding:1.5rem;color:var(--text-secondary);font-size:.9rem;background-color:var(--page-bg)}main{padding:1rem}@media (min-width: 768px){main{padding:1rem 2rem}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:var(--border-radius);width:90%;max-width:500px;box-shadow:0 5px 15px #0000004d}.modal-content h2{margin-top:0}.api-key-input{width:100%;box-sizing:border-box}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.navbar{background-color:var(--secondary-bg);box-shadow:0 2px 4px #0000000d;padding:0 2rem;height:64px}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:var(--container-width);margin:0 auto}.navbar-logo{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.navbar-item{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s ease}.navbar-item:hover,.navbar-item.active{color:var(--primary-color)}.navbar-button,.navbar-button-outline{padding:8px 16px;border-radius:var(--border-radius);font-weight:500;cursor:pointer;border:1px solid transparent;text-decoration:none;display:inline-block}.navbar-button{background-color:var(--primary-color);color:#fff;transition:background-color .2s ease}.navbar-button:hover{background-color:var(--primary-hover)}.navbar-button-outline{background-color:transparent;color:var(--primary-color);border-color:var(--primary-color);transition:all .2s ease}.navbar-button-outline:hover{background-color:var(--primary-color);color:#fff}.navbar-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none}.logo-image{height:36px;width:auto}.hamburger{display:none;cursor:pointer}.bar{display:block;width:25px;height:3px;margin:5px auto;background-color:var(--text-primary);transition:all .3s ease-in-out}@media (max-width: 768px){.navbar-menu{position:fixed;left:-100%;top:64px;flex-direction:column;background-color:var(--secondary-bg);width:100%;text-align:center;transition:.3s;box-shadow:0 10px 20px #0000001a}.navbar-menu.active{left:0}.navbar-item{margin:1rem 0}.hamburger{display:block}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}