:root{--primary-color: #2d2a27;--primary-light: #4a4643;--primary-lighter: #f0efe7;--primary-gradient: linear-gradient(135deg, #2d2a27 0%, #4a4643 100%);--secondary-color: rgba(32, 41, 69, .62);--dark-color: #09090b;--accent-color: #7d4929;--accent-teal: #0d9488;--light-color: #f0efe7;--light-color-b: #f4f4ef;--bg-page: #f0efe7;--bg-page-alt: #f4f4ef;--card-bg: #ffffff;--border-color: #e8e4d8;--border-color-light: #f0efe7;--shadow: 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-family: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--section-padding-y: 6.25rem;--section-padding-y-mobile: 5rem;--container-max: 1200px}html{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);color:var(--dark-color);background:var(--bg-page)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);letter-spacing:-.02em}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}.analysis-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-page)}.analysis-section{padding:var(--section-padding-y) 0 3rem;background-color:var(--bg-page);flex:1}.analysis-content{display:flex;gap:20px}.right-content{flex:1;max-width:calc(100% - 280px)}.analysis-card{background-color:#ffffffa6;padding:30px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow)}.analysis-card:hover{box-shadow:var(--shadow-lg)}.card-header{margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:24px;font-weight:600;color:var(--dark-color);margin:0 0 10px}.card-header .subtitle,.card-subtitle{font-size:14px;color:var(--secondary-color);margin:0 0 8px}.card{background-color:var(--card-bg);padding:24px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-title{text-align:center;font-size:2rem;font-weight:600;color:var(--dark-color);margin-bottom:12px;padding:0}.section-header{text-align:center;margin-bottom:3rem}.section-desc{font-size:1rem;color:var(--secondary-color);margin:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fafafa;color:#1a1a1a;padding:.5rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary:hover{background-color:#f4f4f5;color:#1a1a1a}.btn-primary.btn-lg{padding:.625rem 2.5rem;font-size:1rem}.btn-pill-dark{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary-color);color:#fafaf8;padding:.5rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-pill-dark:hover{background:#3d3a37;color:#fafaf8}.btn-pill-dark.btn-lg{padding:.625rem 2.5rem;font-size:1rem}.btn-pill-outline{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#fafaf8;padding:.5rem 1.25rem;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2);text-decoration:none;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-pill-outline:hover{background:#ffffff1a;color:#fafaf8}.btn-pill-outline.btn-lg{padding:.625rem 2.5rem;font-size:1rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;color:var(--primary-color);padding:.5rem 1.25rem;border-radius:var(--radius-full);text-decoration:none;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);transition:all .2s ease;cursor:pointer}.btn-secondary:hover{background:var(--primary-lighter);color:var(--primary-color)}.result-header{padding:10px 0;margin-top:20px}.ai-diagnosis-section{margin-bottom:30px}.ai-diagnosis-section h3{font-size:18px;font-weight:600;color:var(--dark-color);margin-bottom:15px;display:flex;align-items:center;gap:12px}.ai-result-card{background-color:var(--card-bg)}.ai-cache-tip{font-size:12px;color:var(--secondary-color);margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed var(--border-color)}.ai-result-content{font-size:14px;line-height:1.8;color:var(--dark-color);white-space:pre-wrap;word-break:break-all}.ai-result-content :deep(strong){color:var(--dark-color);font-weight:600}.ai-result-content :deep(ul){padding-left:20px;margin:0}.ai-result-content :deep(li){margin-bottom:4px}.ai-disclaimer{font-size:12px;color:var(--secondary-color);margin-top:16px;padding-top:12px;border-top:1px solid var(--border-color)}.ai-placeholder{background-color:var(--card-bg);padding:20px;border-radius:var(--radius-lg)}@media (max-width: 1024px){.analysis-content{flex-direction:column}.right-content{max-width:100%}}@media (max-width: 768px){:root{--section-padding-y: var(--section-padding-y-mobile)}.container{padding:0 1.5rem}.section-title{font-size:1.5rem}.analysis-section{padding:var(--section-padding-y-mobile) 0 2rem!important}.analysis-card{padding:20px}.card-header{margin-bottom:20px;padding-bottom:12px}.card-header h2{font-size:18px!important}.right-content .el-form--inline{display:flex;flex-direction:column!important;gap:8px}.right-content .el-select{max-width:100%}.right-content .el-input-number{width:100%!important;max-width:100%}.right-content .el-table__body-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.toolbar{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}}@media (max-width: 480px){.container{padding:0 1rem}.analysis-section{padding:var(--section-padding-y-mobile) 0 2rem!important}.analysis-card{padding:14px;border-radius:var(--radius)}.card-header{margin-bottom:16px;padding-bottom:10px}.card-header h2{font-size:16px!important}.toolbar .el-button{padding:6px 12px;font-size:13px}}
