.hero-section{background:linear-gradient(135deg,#0ABAB5 0%,#098F6D 50%,#0891b2 100%);padding:35px 20px;text-align:center;color:white;margin-bottom:30px;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content{text-align:center !important;width:100%}.hero-section h1{font-size:32px;margin-bottom:12px;font-weight:700;line-height:1.3}.hero-section .subtitle{font-size:18px;margin:10px 0;font-weight:600;opacity:0.95}.hero-section p{font-size:15px;max-width:900px;margin:10px auto;line-height:1.6;opacity:0.9;text-align:center !important}.hero-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:15px}.hero-badge{background:rgba(255,255,255,0.2);padding:6px 16px;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);font-size:12px}.dimension-nav{background:white;padding:18px;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,0.1);margin-bottom:30px;position:sticky;top:80px;z-index:100}.dimension-nav h3{font-size:18px;margin-bottom:12px;color:#333;display:flex;align-items:center;gap:8px}.dimension-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.dimension-nav ul li a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#f8f9fa;color:#333;text-decoration:none;border-radius:20px;transition:all 0.3s;font-size:13px;white-space:nowrap}.dimension-nav ul li a:hover{background:#0ABAB5;color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(10,186,181,0.3)}.dimension-nav ul li a i{font-size:12px}.dimension-section{background:white;padding:30px;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);margin-bottom:30px}.dimension-title{font-size:26px;color:#0ABAB5;margin-bottom:20px;padding-bottom:12px;border-bottom:3px solid #0ABAB5;display:flex;align-items:center;gap:12px}.dimension-title i{font-size:28px}.highlight-box{padding:16px;background:linear-gradient(135deg,#e6f7f6 0%,#f8fbfb 100%);border-left:4px solid #0ABAB5;border-radius:8px;margin:15px 0}.highlight-box h4{color:#0ABAB5;margin-bottom:8px;font-size:16px}.highlight-box p{font-size:14px;line-height:1.6;margin:0}.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}.comparison-table thead{background:linear-gradient(135deg,#0ABAB5 0%,#098F6D 100%);color:white}.comparison-table th{padding:12px 10px;text-align:left;font-weight:600;font-size:13px}.comparison-table td{padding:10px;border-bottom:1px solid #e9ecef;font-size:13px;line-height:1.5}.comparison-table tbody tr:hover{background:#f8f9fa}.vs-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-left:8px}.kingdee-badge{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.yonyou-badge{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);color:white}.score-bar{display:flex;align-items:center;gap:10px;margin:8px 0}.score-bar .label{width:90px;font-size:12px;font-weight:500}.score-bar .bar{flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.score-bar .bar-fill{height:100%;background:linear-gradient(90deg,#0ABAB5 0%,#098F6D 100%);transition:width 0.5s ease}.score-bar .score{width:50px;font-size:12px;font-weight:600;text-align:right}.chart-wrapper{max-width:800px;margin:20px auto;height:450px;position:relative}@media (max-width:768px){.hero-section{padding:25px 15px;min-height:150px}.hero-section h1{font-size:24px}.hero-section .subtitle{font-size:16px}.hero-section p{font-size:13px}.dimension-nav{padding:15px;top:60px}.dimension-nav h3{font-size:16px}.dimension-nav ul{display:flex;overflow-x:auto;gap:8px;padding-bottom:10px;-webkit-overflow-scrolling:touch}.dimension-nav ul::-webkit-scrollbar{height:4px}.dimension-nav ul::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.dimension-nav ul::-webkit-scrollbar-thumb{background:#0ABAB5;border-radius:2px}.dimension-nav ul li a{padding:6px 12px;font-size:12px;flex-shrink:0}.dimension-section{padding:20px}.dimension-title{font-size:22px}.comparison-table{font-size:12px}.comparison-table th,.comparison-table td{padding:8px 6px}.chart-wrapper{height:280px}}@media (max-width:480px){.hero-section{padding:20px 12px;min-height:130px}.hero-section h1{font-size:20px}.hero-section .subtitle{font-size:14px}.hero-section p{font-size:12px}.dimension-nav{padding:12px}.dimension-nav h3{font-size:14px;margin-bottom:10px}.dimension-nav ul li a{padding:5px 10px;font-size:11px}.dimension-section{padding:15px}.dimension-title{font-size:18px}.highlight-box{padding:12px}.highlight-box h4{font-size:14px}.highlight-box p{font-size:12px}}