*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{color:#111;background:#fff;font-family:Arial,Microsoft YaHei,sans-serif;font-size:16px}button,input{font:inherit}.query-page{min-height:100vh;padding-top:30px;text-align:center}.brand h1{margin:0;color:#467ac3;font-size:32px;line-height:1.2;text-shadow:2px 2px 5px rgba(0,0,0,.2)}.brand strong{color:#467ac3;font-size:14px}.brand h2{margin:25px 0 0;font-size:20px;line-height:1.25}.brand b{font-size:12px}.gallery{width:90%;margin:25px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:15px 4%}.gallery img{display:block;width:100%;object-fit:cover}.gallery img:nth-child(-n+2){height:81px}.gallery img:nth-child(n+3){height:189px}.query-form{margin-top:54px;display:flex;align-items:center;flex-direction:column}.query-form label{margin-bottom:15px}.query-form input{width:181px;height:36px;padding:3px;border:1px solid #e6e6e6;text-align:center;font-size:20px;outline-color:#1890ff}.query-form button{width:101px;height:31px;margin-top:15px;border:0;color:#fff;background:#1890ff;box-shadow:0 2px #0000000a;cursor:pointer}.query-form button:disabled{opacity:.65}.toast{position:fixed;left:50%;bottom:18%;transform:translate(-50%);padding:9px 16px;color:#fff;border-radius:4px;background:#000000b8}.result-page{min-height:100vh;padding-top:25px}.intro{width:90%;margin:0 auto 20px;line-height:1.35}.result-page dl{margin:0}.result-page dl>div{width:90%;height:36px;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid #cbcbcb}.result-page dt{width:115px;flex:0 0 115px}.result-page dd{margin:0}.teeth-title{width:90%;height:36px;margin:0 auto;display:flex;align-items:center}.teeth-container{position:relative;width:256px;height:384px;margin:0 auto;font-size:15px}.teeth-item{position:absolute;-webkit-user-select:none;user-select:none;background-size:100% 100%}.tooth-key{position:absolute;top:-50%;left:50%;transform:translate(-50%,-50%)}.jaw-label{position:absolute;left:50%;transform:translate(-50%,-50%);font-size:10px}.jaw-label.upper{top:25%}.jaw-label.lower{bottom:20%}@media(max-width:600px){.query-page{padding-top:30px}.brand h1{font-size:31px}.brand h2{margin-top:34px}.gallery{margin-top:22px}.gallery img:nth-child(-n+2){height:84px}.gallery img:nth-child(n+3){height:186px}.query-form{margin-top:63px}.result-page{padding-top:26px;font-size:15px}.intro{margin-bottom:16px;padding-left:8px}.result-page dl>div,.teeth-title{width:94%;padding-left:15px}.result-page dt{width:118px;flex-basis:118px}.teeth-container{margin-top:20px}}