/* CraftKode Order Tracking 1.3.0 — 样式和 CRAFTKODE 网站统一（衬线标题 + 米色卡片 + 黑金按钮） */
.ckot-lookup{width:min(820px,calc(100% - 32px));margin:20px auto 80px;padding:44px 48px;background:#faf8f4;border:1px solid #e6dfd4;font-family:inherit}
.ckot-kicker{margin:0 0 12px;color:#a8844e;font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.24em;text-transform:uppercase}
.ckot-intro{margin:0;color:#5a5048;font-size:15px;line-height:1.6}
.ckot-form{display:grid;grid-template-columns:1fr 1.2fr auto;gap:14px;align-items:end;margin:26px 0 8px}
.ckot-form label{display:grid;gap:8px;margin:0}
.ckot-form label>span{color:#1a1a1a;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.ckot-form input{box-sizing:border-box;width:100%;height:50px;min-height:50px;margin:0;border:1px solid #cfc6ba!important;border-radius:0;padding:0 14px;background:#fff!important;color:#1a1a1a;font-size:15px;letter-spacing:.01em;text-transform:none!important;box-shadow:none}
.ckot-form input::placeholder{color:#a39a8f;text-transform:none!important;letter-spacing:0}
.ckot-form input:focus{outline:0;border-color:#1a1a1a!important}
.ckot-form button{height:50px;min-height:50px;border:1px solid #181512;border-radius:0;padding:0 28px;background:#181512;color:#fff;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease,color .2s ease}
.ckot-form button:hover{background:#c7a464;border-color:#c7a464;color:#181512}
.ckot-error{margin:22px 0 0;padding:12px 16px;border-left:3px solid #9c2f2f;background:#fff0f0;color:#6d1f1f;font-size:14px}
.ckot-card{margin:28px 0 0;padding:30px;border:1px solid #e0d8cc;background:#fff}
.ckot-card h2{margin:0 0 22px;font-family:var(--lpc-font-head,Georgia),Georgia,serif;font-size:30px;font-weight:500;line-height:1.15}
.ckot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding-top:22px;border-top:1px solid #efe9e0}
.ckot-grid div{display:grid;gap:4px}
.ckot-grid span{color:#8a8178;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.ckot-grid strong{color:#1a1a1a;font-size:15px;font-weight:600}
.ckot-number{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}
.ckot-button{display:inline-block;margin-top:22px;border:1px solid #181512;padding:13px 24px;background:#181512;color:#fff!important;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none!important;transition:background-color .2s ease,color .2s ease}
.ckot-button:hover{background:#c7a464;border-color:#c7a464;color:#181512!important}
.ckot-wait{margin:0;padding-top:20px;border-top:1px solid #efe9e0;color:#5a5048;line-height:1.6}
.ckot-help{margin:26px 0 0;color:#8a8178;font-size:13px}
.ckot-help a{color:#1a1a1a;text-decoration:underline;text-underline-offset:3px}
/* 物流进度条：已下单 → 处理中 → 已发货 → 已送达 */
.ckot-steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 26px;padding:0;list-style:none;counter-reset:none}
.ckot-steps:before,.ckot-steps:after{content:'';position:absolute;top:7px;left:12.5%;height:2px;background:#e6dfd4}
.ckot-steps:before{right:12.5%}
.ckot-steps:after{width:calc(var(--ckot-stage,0) * 25%);background:#c7a464}
.ckot-steps li{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;margin:0;text-align:center}
.ckot-dot{width:16px;height:16px;border:2px solid #d8cfc2;border-radius:50%;background:#fff}
.ckot-steps li.is-done .ckot-dot{border-color:#c7a464;background:#c7a464}
.ckot-steps li.is-current .ckot-dot{box-shadow:0 0 0 5px rgba(199,164,100,.22)}
.ckot-step{color:#a39a8f;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.ckot-steps li.is-done .ckot-step{color:#1a1a1a;font-weight:600}
@media(max-width:767px){
	.ckot-lookup{margin:10px auto 48px;padding:28px 18px}
	.ckot-form{grid-template-columns:1fr}
	.ckot-form button{width:100%}
	.ckot-card{padding:22px 18px}
	.ckot-card h2{font-size:25px}
	.ckot-grid{grid-template-columns:1fr 1fr;gap:14px}
	.ckot-step{font-size:9px;letter-spacing:.06em}
}
