*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#606266}body{background:#f3f3f3}.query-header{height:84px;background:#205b87;color:#fff;position:relative;display:flex;align-items:center;justify-content:center}.query-header h1{margin:0;font-size:29px;line-height:1;font-weight:700}.home-button{position:absolute;left:max(24px,calc(50% - 770px));top:23px;height:36px;padding:0 17px;border:0;border-radius:5px;background:#3286c7;color:#fff;font-size:16px}.home-button span{margin-right:5px;font-weight:700}.query-header nav{position:absolute;right:max(30px,calc(50% - 770px));display:flex;gap:30px;font-size:17px}.query-header nav a{color:#fff;text-decoration:none}.query-panel{width:1530px;max-width:calc(100% - 40px);min-height:504px;margin:11px auto 0;padding:30px 18px 43px;background:#fff;border:1px solid #e6e6e6;border-radius:7px}.query-tip{height:140px;padding:12px 20px!important;border:1px solid #ffda76!important;background:#fffbea!important}.query-tip .el-alert__content{padding:0}.query-tip p{margin:0;color:#eea23c;font-size:18px;line-height:1.68}.query-tip strong{color:red}.section-title{height:63px;margin-top:12px;border-bottom:1px solid #d9d9d9;display:flex;align-items:flex-end}.section-title span{display:inline-block;height:37px;padding:0 4px;border-bottom:3px solid #307bb9;color:#307bb9;font-size:20px;line-height:35px;font-weight:700}.filter-row{height:118px;display:flex;align-items:flex-start;padding:24px 13px 0;gap:42px}.filter-row label{height:40px;display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:18px}.filter-row b{font-weight:700;color:#606266}.select-wrap{position:relative;display:block}.select-wrap:after{content:"";position:absolute;right:14px;top:14px;width:8px;height:8px;border-right:2px solid #c0c4cc;border-bottom:2px solid #c0c4cc;transform:rotate(45deg);pointer-events:none}.select-wrap select{appearance:none;width:235px;height:40px;padding:0 38px 0 17px;border:1px solid #dcdfe6;border-radius:5px;background:#fff;color:#606266;font-size:16px;outline:none}.select-wrap select:invalid,.select-wrap select option[value=""]{color:#c0c4cc}.select-wrap select:focus{border-color:#409eff}.query-button{height:39px;padding:0 21px;border:0;border-radius:4px;background:#409eff;color:#fff;font-size:16px}.query-button:hover{background:#66b1ff}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:17px}th{height:37px;padding:0 13px;background:#f2f2f2;color:#7e858c;text-align:left;font-weight:700}td{height:72px;padding:0 13px;border:1px solid #ebeef5;color:#909399;text-align:left}.empty-cell{text-align:center}.result-message{height:0;opacity:0;text-align:center;transition:.15s}.result-message.show{height:38px;opacity:1;padding:8px 15px;margin:-4px auto 8px;border:1px solid #fde2e2;border-radius:4px;background:#fef0f0;color:#f56c6c;font-size:15px;width:230px}footer{text-align:center;margin-top:49px;color:#7f8993;font-size:15px;line-height:1.75}@media(max-width:1300px){.query-header nav{right:20px}.home-button{left:20px}.filter-row{gap:20px}.filter-row label{gap:8px;font-size:16px}.select-wrap select{width:160px}.query-button{min-width:66px}}@media(max-width:900px){.filter-row{height:auto;display:grid;grid-template-columns:1fr 1fr;padding-bottom:24px}.filter-row label{justify-content:space-between}.select-wrap select{width:220px}.query-button{width:90px}.query-panel{overflow:hidden}}@media(max-width:650px){.query-header h1{font-size:22px}.query-header nav{font-size:11px;gap:5px}.home-button{left:8px;padding:0 8px;font-size:12px}.query-panel{max-width:calc(100% - 18px);padding:14px 9px}.query-tip{height:auto}.query-tip p{font-size:14px}.filter-row{grid-template-columns:1fr;gap:12px}.select-wrap select{width:210px}.table-wrap table{min-width:900px}footer{font-size:12px}}

/* Match the original score page proportions. */
.query-header{height:70px}.query-header h1{font-size:24px}.home-button{left:12.5%;top:18px;height:29px;padding:0 14px;font-size:13px}.query-header nav{right:12.5%;gap:24px;font-size:14px}.query-panel{width:75%;max-width:none;min-height:405px;margin-top:9px;padding:24px 14px 35px}.query-tip{height:112px;padding:10px 16px!important}.query-tip p{font-size:14px;line-height:1.68}.section-title{height:51px;margin-top:10px}.section-title span{height:30px;font-size:16px;line-height:28px}.filter-row{height:95px;padding:19px 10px 0;gap:34px}.filter-row label{height:32px;gap:12px;font-size:14px}.select-wrap:after{right:11px;top:10px;width:7px;height:7px}.select-wrap select{width:186px;height:32px;padding:0 30px 0 14px;font-size:13px}.query-button{height:31px;padding:0 17px;font-size:13px}table{font-size:14px}th{height:30px;padding:0 10px}td{height:58px;padding:0 10px}footer{margin-top:39px;font-size:13px}.result-message.show{height:31px;padding:6px 12px;margin:-3px auto 6px;font-size:13px;width:184px}
@media(max-width:1300px){.query-header nav{right:12.5%}.home-button{left:12.5%}.filter-row{gap:14px}.filter-row label{gap:8px;font-size:13px;flex-shrink:0}.select-wrap select{width:145px}.query-button{min-width:54px;flex-shrink:0}th{padding:0 6px;font-size:13px;white-space:nowrap}}
@media(max-width:900px){.query-panel{width:92%;max-width:none}.home-button{left:4%}.query-header nav{right:4%}.filter-row{height:auto;display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px}.select-wrap select{width:180px}}
@media(max-width:650px){.query-panel{width:calc(100% - 18px)}.filter-row{grid-template-columns:1fr}.select-wrap select{width:180px}}

.result-message{position:fixed;z-index:9999;top:20px;left:50%;display:flex;align-items:center;width:auto;height:auto;min-width:380px;margin:0;padding:15px 15px 15px 20px;transform:translateX(-50%);border:1px solid #fde2e2;border-radius:4px;background:#fef0f0;color:#f56c6c;font-size:14px;line-height:1;text-align:left;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transition:opacity .3s,top .4s,transform .4s}.result-message.show{width:auto;height:auto;margin:0;padding:15px 15px 15px 20px;border-color:#fde2e2;font-size:14px;opacity:1;visibility:visible}.result-message.show:before{content:"×";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:10px;border-radius:50%;background:#f56c6c;color:#fff;font-size:13px;font-weight:700;line-height:16px}@media(max-width:450px){.result-message,.result-message.show{min-width:calc(100% - 30px)}}