.dpck-form{background:#fff;border:1px solid #eee;border-radius:16px;padding:18px;margin:14px 0;max-width:760px}
.dpck-form .row{margin-bottom:12px;display:flex;gap:14px;align-items:center}
.dpck-form label{width:120px;font-weight:600}
.dpck-form input, .dpck-form select{flex:1;padding:10px;border-radius:10px;border:1px solid #d8d8d8}
.dpck-form .button{padding:10px 18px;border-radius:10px}
#dpck-result{margin-top:16px;max-width:900px}
.dpck-wrap{display:flex;flex-direction:column;gap:14px}
.dpck-header{display:flex;justify-content:space-between;align-items:center}
.dpck-h-title{font-weight:700;font-size:20px}
.dpck-awb span{font-weight:700}
.dpck-awb .dpck-copy{margin-left:8px;border-radius:10px;padding:4px 10px;border:1px solid #ddd;background:#f9fafb;cursor:pointer}
.dpck-card{border:1px solid #eee;padding:16px;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.05)}
.dpck-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.dpck-summary .chip{background:#f6f7fb;border:1px solid #e8e9f3;border-radius:14px;padding:10px 12px}
.dpck-summary .chip span{display:block;color:#6b7280;font-size:12px;margin-bottom:4px}
.dpck-summary .chip strong{font-size:15px}
.dpck-timeline .dpck-tl-title{font-weight:700;margin-bottom:10px}
.dpck-tl-list{list-style:none;margin:0;padding:0;position:relative;margin-left:6px}
.dpck-tl-item{display:grid;grid-template-columns:20px 220px 1fr;gap:12px;align-items:start;padding:12px 10px;border-radius:12px;background:#fbfbfd;border:1px solid #f0f0f5;margin-bottom:10px}
.dpck-tl-item .dot{width:10px;height:10px;border-radius:50%;background:#6366f1;margin-top:6px}
.dpck-tl-item .meta .time{font-weight:700}
.dpck-tl-item .meta .loc{color:#6b7280;font-size:12px}
.dpck-tl-item .desc{line-height:1.4}
.dpck-error{background:#fde7e7;color:#c0392b;padding:12px;border-radius:10px;border:1px solid #f5b7b1;white-space:pre-wrap}
.dpck-loading .skl{height:12px;background:#eee;border-radius:9px;margin:8px 0;animation:sh 1.2s infinite linear}
@keyframes sh{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}
@media(max-width:700px){.dpck-tl-item{grid-template-columns:14px 1fr;} .dpck-tl-item .desc{grid-column:1/span 2;} .dpck-form label{width:100px}}