*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:#0f0f23;color:#e0e0e0;line-height:1.7;overflow-x:hidden}#app{background:#0f0f23;min-height:100vh}.hero{background:linear-gradient(135deg,#1a1a40,#2d1b69,#1a1a40);padding:4rem 1rem 3rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(67,97,238,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(118,75,162,.15) 0%,transparent 50%);animation:heroGlow 8s ease-in-out infinite alternate}@keyframes heroGlow{0%{transform:translate(0)}to{transform:translate(-2%,2%)}}.hero *{position:relative;z-index:1}.hero h1{font-size:2.8rem;font-weight:800;background:linear-gradient(135deg,#667eea,#a78bfa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero .sub{color:#999;font-size:1.05rem;margin-top:.8rem}.hero .stats-row{display:flex;justify-content:center;gap:3rem;margin-top:2.5rem;flex-wrap:wrap}.hero .stat-item{text-align:center}.hero .stat-num{font-size:2.2rem;font-weight:800;color:#a78bfa}.hero .stat-label{font-size:.85rem;color:#777;margin-top:.2rem}.nav-bar{position:sticky;top:0;z-index:100;background:#0f0f23f2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #2a2a4a;padding:.5rem 1rem;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-bar a{padding:.4rem 1rem;border-radius:20px;color:#999;text-decoration:none;font-size:.85rem;transition:all .2s;cursor:pointer}.nav-bar a:hover,.nav-bar a.active{background:#4361ee;color:#fff}.container{max-width:1100px;margin:0 auto;padding:2rem 1rem}.section{margin-bottom:3rem}.section-title{font-size:1.6rem;font-weight:700;color:#a78bfa;margin-bottom:.3rem;display:flex;align-items:center;gap:.5rem}.section-sub{color:#777;font-size:.9rem;margin-bottom:1.5rem}.case-card{background:linear-gradient(135deg,#1a1a3e,#1e1e44);border:1px solid #2a2a5a;border-radius:16px;padding:1.8rem;margin-bottom:1.5rem;transition:all .3s;position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.case-card:hover{border-color:#4361ee;box-shadow:0 8px 30px #4361ee26;transform:translateY(-2px)}.case-card.featured{border-color:#a78bfa;background:linear-gradient(135deg,#1e1e50,#2a1a5e)}.case-card.featured:before{content:"⭐ 标杆案例";position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#667eea,#a78bfa);color:#fff;padding:.2rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;z-index:2}.case-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.case-name{font-size:1.2rem;font-weight:700;color:#e0e0ff}.case-tags{display:flex;gap:.4rem;flex-wrap:wrap}.case-tag{padding:.15rem .6rem;border-radius:4px;font-size:.72rem;font-weight:500}.case-body{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 700px){.case-body{grid-template-columns:1fr}}.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.metric{background:#ffffff0d;border-radius:8px;padding:.6rem;text-align:center}.metric .val{font-size:1.3rem;font-weight:700}.metric .val.up{color:#2ecc71}.metric .val.blue{color:#667eea}.metric .val.gold{color:#f1c40f}.metric .lbl{font-size:.72rem;color:#888;margin-top:.2rem}.case-detail{font-size:.88rem;color:#bbb}.case-detail ul{padding-left:1.2rem;margin-top:.3rem}.case-detail li{margin:.35rem 0}.case-detail strong{color:#a78bfa}.case-questions{margin-top:.8rem;background:#ffffff08;border-radius:8px;padding:.8rem}.case-questions .q-label{font-size:.75rem;color:#888;margin-bottom:.3rem}.case-questions .q-text{font-size:.82rem;color:#ccc;font-style:italic}.case-score-row{display:flex;align-items:center;gap:1.5rem;margin:.8rem 0;flex-wrap:wrap}.score-bar{flex:1;min-width:120px;height:8px;background:#2a2a4a;border-radius:4px;overflow:hidden;position:relative}.score-bar .fill{height:100%;border-radius:4px;transition:width 1s ease}.score-bar .fill.before{background:#666}.score-bar .fill.after{background:linear-gradient(90deg,#667eea,#a78bfa)}.score-label{font-size:.8rem;color:#999}.score-label .num{font-weight:700;font-size:1.1rem}.industry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-bottom:2rem}.industry-item{background:#ffffff0a;border-radius:10px;padding:1rem;text-align:center;border:1px solid #2a2a4a}.industry-item .icon{font-size:1.5rem}.industry-item .name{font-size:.85rem;margin-top:.3rem}.industry-item .count{font-size:.75rem;color:#888;margin-top:.1rem}.tag-green{background:#1a3a2a;color:#2ecc71}.tag-blue{background:#1a2a4a;color:#667eea}.tag-orange{background:#3a2a1a;color:#f39c12}.tag-purple{background:#2a1a4a;color:#a78bfa}.tag-gray{background:#2a2a3a;color:#999}.tag-red{background:#3a1a1a;color:#e74c3c}.footer{text-align:center;padding:2rem;color:#555;font-size:.8rem;border-top:1px solid #2a2a4a}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.case-card:nth-child(1){animation-delay:.1s}.case-card:nth-child(2){animation-delay:.2s}.case-card:nth-child(3){animation-delay:.3s}.case-card:nth-child(4){animation-delay:.4s}.case-card:nth-child(5){animation-delay:.5s}.case-card:nth-child(6){animation-delay:.6s}.case-card:nth-child(7){animation-delay:.7s}.case-card:nth-child(8){animation-delay:.8s}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.service-item{background:linear-gradient(135deg,#1a1a40,#1e1e50);border:1px solid #2a2a5a;border-radius:12px;padding:1.5rem}.service-item.highlight{background:linear-gradient(135deg,#2a1a3e,#1e1e50);border-color:#a78bfa}.service-icon{font-size:2rem;margin-bottom:.5rem}.service-name{color:#a78bfa;margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.service-report{font-size:.82rem;color:#999;margin-bottom:.3rem}.service-desc{font-size:.78rem;color:#777}@media (max-width: 600px){.hero h1{font-size:1.8rem}.hero .stats-row{gap:1.5rem}.case-metrics{grid-template-columns:repeat(3,1fr)}}