*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:#f8f7fc;color:#222}
body{min-height:100vh}
.topbar{height:110px;background:#673AB7;display:flex;align-items:center;padding:0 24px;box-shadow:0 2px 8px #0002}
.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:30px;font-weight:700}
.brand img{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff}
.container{max-width:620px;margin:0 auto;padding:20px 20px 32px}
.upload-card,.result-card{background:#fff;border-radius:18px;box-shadow:0 4px 18px #00000018}
.upload-card{text-align:center;padding:24px;margin-bottom:26px}
.box-icon{font-size:50px;line-height:1.1}
h1{font-size:22px;margin:13px 0 8px}
.upload-card p{margin:0;color:#777;line-height:1.5}
.pick-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#673AB7;color:#fff;border-radius:12px;padding:17px;margin-top:23px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 3px 8px #673ab744}
.pick-button:active{transform:scale(.99)}
.status{font-size:13px!important;margin-top:13px!important;min-height:16px}
h2{color:#673AB7;font-size:22px;margin:10px 4px 14px}
.result-card{padding:0 22px}
.result-block{padding:22px 0}
.result-block+.result-block{border-top:1px solid #eee}
.label{color:#666;font-size:15px;font-weight:700}
.big-value{margin-top:6px;font-size:30px;font-weight:700;word-break:break-word}
.green{color:#2e9d5b}.blue{color:#1976d2}
.info-card{margin-top:18px;padding:18px;background:#f0ecfa;border-radius:14px;color:#673AB7}
.info-title{font-size:18px;font-weight:700}
.info-card p{color:#666;line-height:1.5;margin:8px 0 0}
@media(max-width:480px){.container{padding:16px 14px 28px}.topbar{height:92px;padding:0 18px}.brand{font-size:27px}.brand img{width:50px;height:50px}.big-value{font-size:27px}}