.navbar[data-v-af1ea48b]{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:#fff;border-bottom:1px solid var(--gray-200, #e5e7eb);position:sticky;top:0;z-index:100;box-shadow:0 1px 2px #0000000a}.nav-brand[data-v-af1ea48b]{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-icon[data-v-af1ea48b]{font-size:22px}.brand-text[data-v-af1ea48b]{font-size:16px;font-weight:700;color:var(--gray-900, #111827);white-space:nowrap}.nav-links[data-v-af1ea48b]{display:flex;gap:4px}.nav-link[data-v-af1ea48b]{padding:8px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--gray-500, #6b7280);cursor:pointer;transition:all .2s;white-space:nowrap}.nav-link[data-v-af1ea48b]:hover{background:var(--gray-100, #f3f4f6);color:var(--gray-700, #374151)}.nav-link.active[data-v-af1ea48b]{background:var(--primary-light, #dbeafe);color:var(--primary, #2563eb)}.mobile-toggle[data-v-af1ea48b]{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger[data-v-af1ea48b]{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger span[data-v-af1ea48b]{display:block;height:2px;background:var(--gray-700, #374151);border-radius:2px;transition:all .3s}.hamburger.open span[data-v-af1ea48b]:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.hamburger.open span[data-v-af1ea48b]:nth-child(2){opacity:0}.hamburger.open span[data-v-af1ea48b]:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu[data-v-af1ea48b]{position:fixed;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray-200, #e5e7eb);padding:8px 16px;z-index:99;box-shadow:var(--shadow-lg)}.mobile-link[data-v-af1ea48b]{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:15px;color:var(--gray-700, #374151);cursor:pointer;transition:background .15s}.mobile-link[data-v-af1ea48b]:hover{background:var(--gray-100, #f3f4f6)}.mobile-link.active[data-v-af1ea48b]{background:var(--primary-light, #dbeafe);color:var(--primary, #2563eb)}@media(max-width:640px){.desktop-only[data-v-af1ea48b]{display:none!important}.mobile-only[data-v-af1ea48b]{display:block!important}.navbar[data-v-af1ea48b]{padding:0 16px}}@media(min-width:641px){.desktop-only[data-v-af1ea48b]{display:flex!important}.mobile-only[data-v-af1ea48b]{display:none!important}}:root{--primary: #2563eb;--primary-light: #dbeafe;--primary-dark: #1d4ed8;--success: #059669;--success-light: #d1fae5;--warning: #d97706;--warning-light: #fef3c7;--danger: #dc2626;--danger-light: #fee2e2;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--radius: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px 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)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--gray-100);color:var(--gray-700);line-height:1.6;min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit}input,select,textarea{font:inherit}.app-container{max-width:960px;margin:0 auto;padding:20px 16px 60px}.app-container.wide{max-width:1080px}.app-header{text-align:center;padding:32px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius);margin-bottom:24px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.app-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:#ffffff14;border-radius:50%}.app-header h1{font-size:24px;font-weight:700;margin-bottom:6px;position:relative}.app-header p{font-size:14px;opacity:.85;position:relative}.ai-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3;padding:4px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-top:10px;position:relative}.ai-badge .dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}.header-actions{display:flex;justify-content:center;gap:12px;margin-top:16px;position:relative}.btn-history{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:background .2s}.btn-history:hover{background:#ffffff4d}.btn-history .count-badge{background:#ef4444;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;min-width:18px;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.section{background:#fff;border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow);transition:box-shadow .2s}.section:hover{box-shadow:var(--shadow-lg)}.section-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}.section-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.section-icon.blue{background:var(--primary-light);color:var(--primary)}.section-icon.green{background:var(--success-light);color:var(--success)}.section-icon.orange{background:var(--warning-light);color:var(--warning)}.section-icon.red{background:var(--danger-light);color:var(--danger)}.section-icon.purple{background:#ede9fe;color:#7c3aed}.section-icon.indigo{background:#e0e7ff;color:#4f46e5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px;border:1.5px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--gray-900);background:#fff;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:60px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-300)}.form-group.warning input{background:#fffbeb;border-color:#fcd34d}.form-group.warning input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.form-group.warning .hint{font-size:11px;color:#b45309;margin-top:3px;line-height:1.4}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--danger);box-shadow:0 0 0 3px #dc26261a}.steps-table{width:100%;border-collapse:collapse}.steps-table th{background:var(--gray-50);padding:10px 12px;text-align:left;font-size:13px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--gray-200)}.steps-table td{padding:8px 6px;vertical-align:top;border-bottom:1px solid var(--gray-100)}.steps-table tr:last-child td{border-bottom:none}.step-label{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--gray-900);font-size:14px;white-space:nowrap;padding:4px 8px;border-radius:6px;margin-bottom:2px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.step-num.upper{background:var(--primary)}.step-num.lower{background:var(--success)}.step-category{font-size:12px;color:var(--gray-500);padding:2px 6px}.step-question{font-size:13px;color:var(--gray-500);line-height:1.4;min-width:120px}.steps-table input,.steps-table textarea{width:100%;padding:8px 10px;border:1.5px solid var(--gray-200);border-radius:6px;font-size:13px;color:var(--gray-900);font-family:inherit;transition:border-color .2s}.steps-table input:focus,.steps-table textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.steps-table textarea{resize:vertical;min-height:50px;min-width:200px}.reason-input{background:#fffbeb;border-color:#fcd34d}.reason-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.step-divider td{padding:0;border:none}.step-divider-inner{height:2px;background:linear-gradient(90deg,var(--primary),var(--success));margin:8px 0;border-radius:1px}.result-panel,.ai-panel{border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow-lg);overflow:hidden;animation:slideIn .3s ease}.result-panel-header,.ai-panel-header{padding:20px 24px;display:flex;align-items:center;gap:12px}.upper-header{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-bottom:3px solid var(--primary)}.lower-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:3px solid var(--success)}.both-header{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:3px solid var(--warning)}.none-header{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:3px solid var(--success)}.result-icon,.ai-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:#fffc;box-shadow:0 2px 8px #0000001a}.result-panel-header .title-text,.ai-panel-header .title-text{font-size:18px;font-weight:700;color:var(--gray-900)}.result-panel-header .subtitle,.ai-panel-header .subtitle{font-size:13px;color:var(--gray-500);margin-top:2px}.result-panel-body,.ai-panel-body{padding:24px;background:#fff}.result-content,.ai-content{font-size:14px;line-height:1.8;color:var(--gray-700)}.ai-content strong{color:var(--gray-900)}.result-content h4,.ai-content h1,.ai-content h2,.ai-content h3,.ai-content h4,.ai-content h5,.ai-content h6{font-size:15px;font-weight:700;color:var(--gray-900);margin-top:18px;margin-bottom:8px;padding-left:12px;border-left:3px solid var(--primary)}.ai-content h1{font-size:18px}.ai-content h2{font-size:17px}.ai-content h3{font-size:16px}.result-content h4:first-child,.ai-content h1:first-child,.ai-content h2:first-child,.ai-content h3:first-child,.ai-content h4:first-child,.ai-content p:first-child{margin-top:0}.result-content ul,.ai-content ul,.result-content ol,.ai-content ol{padding-left:24px;margin:6px 0}.result-content li,.ai-content li{margin-bottom:4px}.result-content p,.ai-content p{margin:6px 0}.grade-card{border-radius:var(--radius);margin-bottom:20px;box-shadow:var(--shadow-lg);overflow:hidden;animation:slideIn .3s ease}.grade-card-header{padding:20px 24px;display:flex;align-items:center;gap:16px}.grade-badge{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;flex-shrink:0;background:#ffffffd9}.grade-text-wrap{flex:1}.grade-title{font-size:20px;font-weight:700;color:var(--gray-900)}.grade-subtitle{font-size:13px;color:var(--gray-500);margin-top:2px}.grade-body{padding:20px 24px;background:#fff;font-size:14px;line-height:1.8;color:var(--gray-700)}.grade-body h1,.grade-body h2,.grade-body h3,.grade-body h4{font-size:15px;font-weight:700;color:var(--gray-900);margin-top:14px;margin-bottom:6px;padding-left:12px;border-left:3px solid var(--primary)}.grade-body h1:first-child,.grade-body h2:first-child,.grade-body h3:first-child,.grade-body h4:first-child,.grade-body p:first-child{margin-top:0}.grade-body ul{padding-left:24px;margin:6px 0}.grade-body li{margin-bottom:4px}.btn-row{display:flex;gap:12px;justify-content:center;margin-top:8px}.btn{padding:12px 32px;border:none;border-radius:8px;font-size:15px;font-weight:600;transition:all .2s;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--gray-700);border:1.5px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-50);border-color:var(--gray-300)}.btn-ai{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;font-size:16px;padding:14px 40px;position:relative;overflow:hidden}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed4d}.btn-sm{padding:8px 20px;font-size:13px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-card{background:#fff;border-radius:16px;padding:32px 40px;text-align:center;box-shadow:0 20px 60px #00000026;animation:slideUp .3s ease}.loading-card .spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-card p{font-size:15px;color:var(--gray-700);font-weight:500}.loading-card .sub{font-size:13px;color:var(--gray-500);margin-top:6px}.modal-overlay,.history-overlay,.detail-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card,.history-panel,.detail-panel{background:#fff;border-radius:16px;width:90%;max-width:700px;max-height:80vh;overflow-y:auto;padding:32px;box-shadow:0 20px 60px #0003;animation:slideUp .3s ease}.modal-card h3,.history-panel h3,.detail-panel h3{font-size:18px;color:var(--gray-900);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gray-200)}.detail-row{display:flex;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:14px}.detail-label{width:120px;font-weight:600;color:var(--gray-500);flex-shrink:0}.detail-value{flex:1;color:var(--gray-900);word-break:break-word}.modal-close{margin-top:20px;text-align:right}.note-hint{font-size:13px;color:var(--gray-500);font-style:italic;margin-top:4px}.error-panel{background:var(--danger-light);color:var(--danger);padding:14px 20px;border-radius:var(--radius);margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500}.strategy-section{background:#fff;border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--shadow)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.steps-table{font-size:12px}.app-header h1{font-size:20px}.section{padding:16px}.btn{padding:10px 20px;font-size:14px}.btn-row{flex-wrap:wrap}}