*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333}.app{min-height:100vh;display:flex;flex-direction:column}.app::-webkit-scrollbar{display:none}.app{-ms-overflow-style:none;scrollbar-width:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#fff;color:#333;line-height:1.6}button{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;font-size:16px;font-weight:500;transition:all .3s ease}button:hover{opacity:.8}button:active{transform:scale(.98)}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;margin-bottom:20px}.title{font-size:24px;font-weight:600;margin-bottom:20px;color:#333}.subtitle{font-size:18px;font-weight:500;margin-bottom:15px;color:#555}.text{font-size:16px;line-height:1.5;margin-bottom:15px;color:#666}.btn-primary{background-color:#ff6b00;color:#fff}.btn-secondary{background-color:#67c23a;color:#fff}.btn-outline{background-color:transparent;border:1px solid #FF6B00;color:#ff6b00}.btn-outline:hover{background-color:#fff3e0}.progress-bar{width:100%;height:8px;background-color:#e4e7ed;border-radius:4px;overflow:hidden;margin:20px 0}.progress{height:100%;background-color:#ff6b00;border-radius:4px;transition:width .3s ease}.radar-chart{width:100%;height:400px;margin:20px 0}.share-card{width:300px;height:400px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;margin:20px auto;text-align:center}.social-share{display:flex;justify-content:center;gap:10px;margin:20px 0}.social-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.social-btn:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.wechat{background-color:#07c160;color:#fff}.weibo{background-color:#e6162d;color:#fff}.xiaohongshu{background-color:#fe2c55;color:#fff}.ranking-list{list-style:none;margin:20px 0}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background-color:#f9f9f9;border-radius:4px;margin-bottom:10px;transition:all .3s ease}.ranking-item:hover{background-color:#f0f0f0}.ranking-number{font-size:18px;font-weight:600;margin-right:15px}.ranking-number.top3{color:#f56c6c}.ranking-name{flex:1;font-size:16px}.ranking-count{font-size:14px;color:#999}@media(max-width:768px){.container{padding:10px}.card{padding:20px}.title{font-size:20px}.subtitle{font-size:16px}.text{font-size:14px}.radar-chart{height:300px}.share-card{width:280px;height:380px}}