.tk-track-page{width:100%; margin:0; padding: 50px 0; background:#fff; float:left;}
.tk-track-card{width:100%; margin: 0 auto; display:block; max-width:500px;}
.tk-track-card h1{font-size:25px;margin:0 0 8px; font-weight:bold }
.tk-track-note{margin-bottom:24px; opacity:.75}
.tk-track-card label{font-weight:600;display:block;margin:14px 0 7px}
.tk-track-card input{width:100%;height:38px;border:1px solid var(--color-border);border-radius:7px;padding:0 12px; transition:.3s; outline:none;}
.tk-track-card input:focus{border-color:var(--color-blue)}
.tk-track-captcha{display:flex;gap:10px;align-items:center}
.tk-track-captcha input{max-width:180px}
.tk-track-captcha img{height:38px;width:80px;border-radius:4px}
.tk-track-refresh{font-size:16px; font-weight:400; line-height:38px; width:38px; height:38px; border:1px solid var(--color-border); display:inline-block; text-align:center; display:flex; align-items:center; justify-content:center; border-radius:7px;}
.tk-track-refresh i{font-weight:400; opacity:.7; transition:.3s;}
.tk-track-refresh:hover i{opacity:1; color:var(--color-blue)}
.tk-track-submit{margin-top:22px;background:var(--color-blue);color:#fff;border:0;border-radius:7px;font-weight:600; font-size:15px;padding:0 30px; line-height:45px;}
.tk-track-result{display:none;margin-top:24px;padding:18px;border:1px solid #cce5d5;background:#f5fbf7;border-radius:8px}
.tk-track-result h2{font-size:18px;margin:0 0 12px}
.tk-track-row{display:flex;justify-content:space-between;gap:15px;padding:9px 0;border-bottom:1px solid #dfece3}
.tk-track-row:last-child{border-bottom:0}
.tk-track-login{display:none;margin-top:16px;color:#536b84}
.tk-track-login a{font-weight:700}
.tk-track-warning{margin-top:19px;padding:12px 14px;background:#fff6e5;border-left:4px solid #e6a23c;color:#704c00;line-height:1.5}
@media(max-width:575px){
    .tk-track-card{padding:22px}
    .tk-track-row{display:block}
    .tk-track-row b{display:block;margin-top:4px}
}
.tk-public-timeline{margin-top:20px;padding-top:17px;border-top:1px solid #dfece3;overflow-x:auto}
.tk-public-timeline h3{font-size:15px;margin:0 0 16px;color:#1f344a}
.tk-public-timeline-list{display:flex;min-width:590px;padding:0 4px}
.tk-public-step{position:relative;flex:1;text-align:center;color:#8290a0;font-size:12px;font-weight:600;padding:0 5px}
.tk-public-step:not(:first-child):before{content:"";position:absolute;top:14px;right:50%;width:100%;height:3px;background:#dce3ea;z-index:0}
.tk-public-step.is-done:not(:first-child):before{background:#0876d1}
.tk-public-step-dot{position:relative;z-index:1;width:30px;height:30px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e8edf2;color:#7f8a96}
.tk-public-step.is-done{color:#183a5a}
.tk-public-step.is-done 
.tk-public-step-dot{background:#0876d1;color:transparent}
.tk-public-step.is-done .tk-public-step-dot:after{content:"✓";position:absolute;color:#fff;font-size:16px}
.tk-public-step.is-current .tk-public-step-dot{box-shadow:0 0 0 4px rgba(8,118,209,.15)}
.tk-public-timeline.is-cancelled .tk-public-step:not(:first-child):before{background:#dce3ea}
.tk-public-timeline.is-cancelled .tk-public-step.is-done .tk-public-step-dot{background:#d9534f}
.tk-public-timeline-note{margin:12px 0 0;text-align:center;color:#6a7a8b;font-size:12px}
.tk-public-timeline.is-cancelled .tk-public-timeline-note{color:#b73531;font-weight:700}