:root{--c-bg: #0f0f23;--c-bg-soft: #1a1a35;--c-bg-card: #22223d;--c-bg-input: #2a2a4a;--c-surface: rgba(108, 92, 231, .08);--c-border: rgba(108, 92, 231, .2);--c-border-focus: rgba(108, 92, 231, .6);--c-primary: #6c5ce7;--c-primary-light: #a29bfe;--c-primary-glow: rgba(108, 92, 231, .3);--c-secondary: #fd79a8;--c-accent: #00cec9;--c-accent-2: #fdcb6e;--c-success: #00b894;--c-warning: #ffeaa7;--c-danger: #ff7675;--c-text: #ffffff;--c-text-secondary: rgba(255, 255, 255, .7);--c-text-muted: rgba(255, 255, 255, .4);--font-family: "Noto Sans SC", system-ui, -apple-system, sans-serif;--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-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .15);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px var(--c-primary-glow);--tab-bar-height: 5.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;height:100%}body{font-family:var(--font-family);background:var(--c-bg);color:var(--c-text);line-height:1.6;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;flex-direction:column;background:var(--c-bg)}.app:before{content:"";position:absolute;inset:var(--safe-top) 0 0 0;background:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(253,121,168,.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(0,206,201,.05) 0%,transparent 50%);pointer-events:none;z-index:0;animation:bgFloat 20s ease-in-out infinite}@keyframes bgFloat{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-2%,1%) rotate(1deg)}66%{transform:translate(1%,-1%) rotate(-.5deg)}}.app{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--safe-top);background:var(--c-bg)}.app>*{position:relative;z-index:1}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--tab-bar-height) + var(--safe-bottom) + var(--space-4))}.header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.header-emoji{font-size:2rem;animation:headerBounce 2s ease-in-out infinite}@keyframes headerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.header-title{font-size:var(--font-size-2xl);font-weight:700;background:linear-gradient(135deg,var(--c-primary-light),var(--c-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tab-bar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0f0f23f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--c-border);min-height:calc(var(--tab-bar-height) + var(--safe-bottom));padding-bottom:calc(var(--safe-bottom) + var(--space-2));padding-top:var(--space-2);z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);background:none;border:none;color:var(--c-text-muted);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast);position:relative}.tab-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:40px;height:3px;background:var(--c-primary);border-radius:0 0 3px 3px;transition:transform var(--transition-normal)}.tab-item[data-active=true]{color:var(--c-primary-light)}.tab-item[data-active=true]:before{transform:translate(-50%) scaleX(1)}.tab-emoji{font-size:1.5rem;transition:transform var(--transition-fast)}.tab-item[data-active=true] .tab-emoji{transform:scale(1.15)}.tab-label{font-weight:500}.progress-container{padding:0 var(--space-6);margin-bottom:var(--space-4)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--c-text-secondary)}.progress-track{height:8px;background:var(--c-bg-input);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-secondary));border-radius:var(--radius-full);transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));border-radius:var(--radius-full);animation:progressShimmer 1.5s ease-in-out infinite}@keyframes progressShimmer{0%,to{opacity:0}50%{opacity:1}}.question-page{padding:var(--space-4) var(--space-6);animation:fadeSlideIn .4s ease}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-header{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-6)}.question-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:700;box-shadow:var(--shadow-glow)}.question-body{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.question-text{font-size:var(--font-size-xl);font-weight:600;line-height:1.5;color:var(--c-text);margin-bottom:0}.question-tts-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-primary-light);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.question-tts-btn:hover,.question-tts-btn:active{background:#6c5ce726;border-color:var(--c-primary);transform:scale(1.02)}.question-tts-btn[data-playing=true]{background:var(--c-primary);color:#fff;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--c-primary-glow)}50%{box-shadow:0 0 0 8px transparent}}.answer-textarea{width:100%;min-height:160px;padding:var(--space-5);background:var(--c-bg-input);border:2px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-family);font-size:var(--font-size-lg);line-height:1.7;resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.answer-textarea::placeholder{color:var(--c-text-muted)}.answer-textarea:focus{border-color:var(--c-primary);box-shadow:var(--shadow-glow)}.btn-group{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:none;border-radius:var(--radius-lg);font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:56px;user-select:none;-webkit-user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--c-primary),#7c6cf0);color:#fff;box-shadow:0 4px 15px var(--c-primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px #6c5ce766}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--c-bg-input);color:var(--c-text-secondary);border:1px solid var(--c-border)}.btn-secondary:hover{background:var(--c-bg-card);border-color:var(--c-primary);color:var(--c-text)}.btn-success{background:linear-gradient(135deg,var(--c-success),#00d2a8);color:#fff;box-shadow:0 4px 15px #00b8944d}.btn-icon{font-size:1.2em}.answer-list{padding:var(--space-4) var(--space-6)}.answer-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:all var(--transition-fast);animation:fadeSlideIn .3s ease;animation-fill-mode:backwards}.answer-card:nth-child(1){animation-delay:0ms}.answer-card:nth-child(2){animation-delay:50ms}.answer-card:nth-child(3){animation-delay:.1s}.answer-card:nth-child(4){animation-delay:.15s}.answer-card:nth-child(5){animation-delay:.2s}.answer-card:nth-child(6){animation-delay:.25s}.answer-card:nth-child(7){animation-delay:.3s}.answer-card:nth-child(8){animation-delay:.35s}.answer-card:nth-child(9){animation-delay:.4s}.answer-card:nth-child(10){animation-delay:.45s}.answer-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.answer-card-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,var(--c-primary),var(--c-secondary));border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:700}.answer-card-question{font-size:var(--font-size-base);font-weight:500;color:var(--c-text-secondary);line-height:1.4}.answer-card-text{font-size:var(--font-size-base);color:var(--c-text);line-height:1.6;padding-left:calc(28px + var(--space-3))}.answer-card-empty{color:var(--c-text-muted);font-style:italic}.answer-card-edit{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);margin-left:calc(28px + var(--space-3));padding:var(--space-1) var(--space-3);background:none;border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-primary-light);font-family:var(--font-family);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.answer-card-edit:hover{background:var(--c-surface);border-color:var(--c-primary)}.analysis-container{padding:var(--space-4) var(--space-6)}.analysis-empty{text-align:center;padding:var(--space-12) var(--space-6)}.analysis-empty-emoji{font-size:4rem;margin-bottom:var(--space-4);animation:headerBounce 2s ease-in-out infinite}.analysis-empty-text{font-size:var(--font-size-lg);color:var(--c-text-secondary);margin-bottom:var(--space-6)}.analysis-loading{text-align:center;padding:var(--space-12) var(--space-6)}.analysis-loading-spinner{width:60px;height:60px;border:4px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;margin:0 auto var(--space-4);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.analysis-loading-text{font-size:var(--font-size-lg);color:var(--c-text-secondary)}.analysis-loading-dots:after{content:"";animation:dots 1.5s infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.analysis-section{margin-bottom:var(--space-8);animation:fadeSlideIn .4s ease;animation-fill-mode:backwards}.analysis-section:nth-child(1){animation-delay:0ms}.analysis-section:nth-child(2){animation-delay:.1s}.analysis-section:nth-child(3){animation-delay:.2s}.analysis-section:nth-child(4){animation-delay:.3s}.analysis-section:nth-child(5){animation-delay:.4s}.analysis-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-4);color:var(--c-text)}.analysis-section-emoji{font-size:1.5rem}.chart-container{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.chart-canvas-wrapper{position:relative;width:100%;max-width:400px;margin:0 auto;aspect-ratio:1}.chart-canvas-wrapper canvas{width:100%!important;height:100%!important}.strength-table{overflow-x:auto;margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch}.strength-table table{width:100%;min-width:500px;border-collapse:separate;border-spacing:0}.strength-table th{background:var(--c-bg-input);color:var(--c-primary-light);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:600;text-align:left;position:sticky;top:0;white-space:nowrap}.strength-table th:first-child{border-radius:var(--radius-sm) 0 0 0}.strength-table th:last-child{border-radius:0 var(--radius-sm) 0 0}.strength-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--c-border);font-size:var(--font-size-sm);color:var(--c-text-secondary);vertical-align:top}.strength-table tr:last-child td{border-bottom:none}.evidence-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.evidence-badge[data-level=强]{background:#00b89426;color:var(--c-success)}.evidence-badge[data-level=中]{background:#fdcb6e26;color:var(--c-accent-2)}.evidence-badge[data-level=弱]{background:#ff767526;color:var(--c-danger)}.core-strength-card{background:linear-gradient(135deg,#6c5ce71f,#fd79a814);border:1px solid rgba(108,92,231,.3);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden}.core-strength-card:before{content:"";position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:radial-gradient(circle,var(--c-primary-glow),transparent);pointer-events:none}.core-strength-name{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--c-primary-light),var(--c-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.core-strength-reason,.core-strength-story{font-size:var(--font-size-base);color:var(--c-text-secondary);line-height:1.7;margin-bottom:var(--space-3)}.core-strength-label{font-size:var(--font-size-sm);font-weight:600;color:var(--c-primary-light);margin-bottom:var(--space-1)}.aux-strength-list{display:flex;flex-direction:column;gap:var(--space-3)}.aux-strength-item{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-4)}.aux-strength-icon{font-size:1.5rem;min-width:32px;text-align:center}.aux-strength-name{font-weight:600;color:var(--c-text);margin-bottom:var(--space-1)}.aux-strength-desc{font-size:var(--font-size-sm);color:var(--c-text-secondary);line-height:1.5}.essay-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-6)}.essay-text{font-size:var(--font-size-base);line-height:2;color:var(--c-text);white-space:pre-wrap}.followup-list{display:flex;flex-direction:column;gap:var(--space-3)}.followup-item{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--font-size-base);color:var(--c-text-secondary);line-height:1.5}.followup-icon{font-size:1.2rem;min-width:24px}.completion-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.completion-emoji{font-size:1.5rem}.completion-text{font-size:var(--font-size-sm);color:var(--c-text-secondary)}.completion-count{color:var(--c-primary-light);font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.empty-emoji{font-size:4rem;margin-bottom:var(--space-4)}.empty-text{font-size:var(--font-size-lg);color:var(--c-text-secondary);max-width:300px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:480px){:root{--font-size-xl: 1.125rem;--font-size-2xl: 1.375rem}.question-page,.analysis-container,.answer-list{padding:var(--space-4)}.btn{min-height:52px;font-size:var(--font-size-base)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-primary)}.toast{position:fixed;top:calc(var(--safe-top) + var(--space-4));left:50%;transform:translate(-50%) translateY(-100px);background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--c-text);box-shadow:var(--shadow-lg);z-index:200;transition:transform var(--transition-normal);display:flex;align-items:center;gap:var(--space-2)}.toast[data-visible=true]{transform:translate(-50%) translateY(0)}.toast-success{border-color:var(--c-success)}.toast-error{border-color:var(--c-danger)}.user-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80dvh;padding:var(--space-8) var(--space-6);text-align:center;animation:fadeSlideIn .5s ease}.user-setup-emoji{font-size:5rem;margin-bottom:var(--space-6);animation:headerBounce 2s ease-in-out infinite}.user-setup-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--c-primary-light),var(--c-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-setup-desc{font-size:var(--font-size-base);color:var(--c-text-secondary);margin-bottom:var(--space-8);max-width:320px}.user-setup-input{width:100%;max-width:300px;padding:var(--space-4) var(--space-5);background:var(--c-bg-input);border:2px solid var(--c-border);border-radius:var(--radius-lg);color:var(--c-text);font-family:var(--font-family);font-size:var(--font-size-xl);text-align:center;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-bottom:var(--space-4)}.user-setup-input:focus{border-color:var(--c-primary);box-shadow:var(--shadow-glow)}.user-setup-input::placeholder{color:var(--c-text-muted)}.user-setup-btn{width:100%;max-width:300px;padding:var(--space-4);background:linear-gradient(135deg,var(--c-primary),#7c6cf0);border:none;border-radius:var(--radius-lg);color:#fff;font-family:var(--font-family);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);min-height:56px;box-shadow:0 4px 15px var(--c-primary-glow)}.user-setup-btn:hover{box-shadow:0 6px 20px #6c5ce766}.user-setup-btn:active{transform:scale(.97)}.user-setup-btn:disabled{opacity:.5;cursor:not-allowed}.bar-chart-container{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-5)}.bar-chart-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.bar-chart-label{min-width:80px;font-size:var(--font-size-sm);color:var(--c-text-secondary);text-align:right}.bar-chart-track{flex:1;height:24px;background:var(--c-bg-input);border-radius:var(--radius-full);overflow:hidden}.bar-chart-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-2);font-size:var(--font-size-xs);font-weight:600;color:#fff;min-width:40px}.bar-0{background:linear-gradient(90deg,#6c5ce7,#a29bfe)}.bar-1{background:linear-gradient(90deg,#fd79a8,#fdcb6e)}.bar-2{background:linear-gradient(90deg,#00cec9,#55efc4)}.bar-3{background:linear-gradient(90deg,#e17055,#fab1a0)}.bar-4{background:linear-gradient(90deg,#0984e3,#74b9ff)}.bar-5{background:linear-gradient(90deg,#00b894,#55efc4)}.copy-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-full);color:var(--c-primary-light);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-3)}.copy-btn:hover{background:#6c5ce726}