*{box-sizing:border-box;margin:0;padding:0}body{font-family:'PingFang SC','Microsoft YaHei',sans-serif;background:linear-gradient(135deg,#f5f7fa 0%,#e4edf5 100%);min-height:100vh;padding:20px 15px;display:flex;flex-direction:column;align-items:center;position:relative;color:#243447}.container{width:100%;max-width:620px;margin:0 auto;display:flex;flex-direction:column;align-items:center;padding:0 15px;overflow-wrap:anywhere}.header{text-align:center;margin:20px 0 30px;width:100%}h1{font-size:2.2rem;margin-bottom:10px;text-shadow:1px 1px 3px rgba(0,0,0,.1);background:linear-gradient(45deg,#1890ff,#52c41a);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;letter-spacing:1px}.subtitle{color:#667085;font-size:1rem;margin-top:5px}.card,.result-card{background:#fff;width:100%;padding:25px;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);margin-bottom:25px}.search-box,form{width:100%}.form-group{display:flex;align-items:center;width:100%;margin-bottom:18px}.form-group label{width:110px;font-size:1.05rem;color:#333;font-weight:600;text-align:right;padding-right:15px}.form-control{flex:1;min-width:0;padding:13px 16px;border:2px solid #e1e8ed;border-radius:12px;font-size:1rem;background:#f8fafc;transition:.2s}.form-control:focus{border-color:#1890ff;outline:none;background:#fff;box-shadow:0 0 0 3px rgba(24,144,255,.15)}.btn{display:block;width:100%;max-width:300px;margin:4px auto 0;padding:14px 30px;border:0;border-radius:12px;background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;font-size:1.08rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(24,144,255,.3)}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 15px rgba(24,144,255,.4)}.result-card{padding:0;overflow:hidden;animation:fadeIn .45s ease}.result-header{background:linear-gradient(135deg,#1890ff,#096dd9);color:#fff;padding:20px;text-align:center}.result-header h2{font-size:1.35rem}.result-body{padding:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px}.score-item{text-align:center;padding:14px 8px;background:#f8fafc;border-radius:10px}.score-title{font-size:.92rem;color:#667085;margin-bottom:8px}.score-value{font-size:1.25rem;font-weight:700;color:#1890ff}.alert{width:100%;padding:15px;border-radius:10px;margin:0 0 22px;text-align:center;font-size:1rem}.alert-error{color:#b42318;background:#fef3f2;border:1px solid #fecdca}.alert-warning{color:#93370d;background:#fffaeb;border:1px solid #fedf89}.footer{width:100%;text-align:center;padding:25px 0 15px;color:#667085;font-size:.92rem;margin-top:auto}.copyright{margin-top:8px;font-size:.82rem;color:#98a2b3}.decoration{position:fixed;width:220px;height:220px;background:linear-gradient(135deg,rgba(24,144,255,.08),rgba(82,196,26,.08));border-radius:50%;z-index:-1;top:-60px;right:-60px}.decoration.bottom{top:auto;right:auto;bottom:-90px;left:-70px;width:260px;height:260px}@keyframes fadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){h1{font-size:1.8rem}.card{padding:20px 16px}.form-group{flex-direction:column;align-items:flex-start}.form-group label{width:100%;text-align:left;padding:0;margin-bottom:7px}.form-control{width:100%;flex:none}.result-body{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:12px}.score-value{font-size:1.12rem}}@media(max-width:380px){.container{padding:0 4px}.result-body{grid-template-columns:1fr}}