.vv-commerce-dialog{width:min(680px,94vw);max-height:90dvh;padding:20px;border:1px solid #d6dfe8;border-radius:14px;color:#142a45;font:15px/1.6 system-ui}.vv-commerce-dialog::backdrop{background:#10263f99}.vv-commerce-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px}.vv-commerce-dialog h2{font-size:23px;margin:0 0 14px}.vv-commerce-dialog h3{font-size:17px}.vv-commerce-dialog label,.vv-commerce-account label{display:grid;gap:5px;margin:12px 0}.vv-commerce-dialog input,.vv-commerce-dialog select,.vv-commerce-account input{font:inherit;padding:10px;border:1px solid #cbd6df;border-radius:6px;min-width:0;width:100%;box-sizing:border-box}.vv-commerce-dialog button,.vv-commerce-account button{font:inherit;background:#142a45;color:white;border:0;border-radius:7px;padding:10px 15px;cursor:pointer}.vv-commerce-dialog button:disabled{opacity:.5;cursor:wait}.vv-commerce-dialog fieldset{border:1px solid #d6dfe8;border-radius:8px;padding:10px;margin:15px 0}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.vv-commerce-dialog label.commerce-check{display:flex;align-items:flex-start;gap:10px}.commerce-check input{width:auto;margin-top:6px}.commerce-terms{white-space:pre-wrap;font-size:14px}.vv-commerce-account{max-width:760px;margin:20px 0}.vv-commerce-account form{max-width:420px}.vv-commerce-account article{padding:16px;border:1px solid #d6dfe8;border-radius:9px;margin:14px 0}.vv-commerce-account [role=status]{font-size:14px;line-height:1.6}@media(max-width:540px){.commerce-grid{grid-template-columns:1fr}.vv-commerce-dialog{padding:16px}.vv-commerce-dialog h2{font-size:21px}}

/* 我的订单 v2 */
.vvb-list{display:grid;gap:14px;margin-top:12px}
.vvb-card{background:#fff;border:1px solid #e6e1dd;border-radius:12px;padding:18px 20px}
.vvb-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.vvb-card h3{margin:2px 0 0}
.vvb-num{margin:0;font-size:12px;letter-spacing:.06em;color:#80633d;font-weight:500}
.vvb-tag{white-space:nowrap;font-size:12px;font-weight:500;padding:4px 10px;border-radius:999px;background:#eef1f3;color:#223747}
.vvb-tag.is-ok{background:#e6f4ec;color:#1f6b46}.vvb-tag.is-warn{background:#fdf3e1;color:#80633d}.vvb-tag.is-muted{background:#f1f1f1;color:#5c6875}
.vvb-money{margin:8px 0 12px;color:#5c6875}
.vvb-open,.vvb-actions button[type=submit]{background:#0c2638;color:#fff;border:0;border-radius:8px;padding:9px 16px;cursor:pointer}
.vvb-secondary,.vvb-actions .vvb-secondary{background:#fff!important;color:#0c2638!important;border:1px solid #d9d3cd!important;border-radius:8px;padding:8px 14px;cursor:pointer}
.vvb-detail{margin-top:16px;border-top:1px solid #ece7e2}
.vvb-sec{padding:16px 0;border-bottom:1px solid #f0ece8}.vvb-sec:last-child{border-bottom:0}
.vvb-sec h4{margin:0 0 8px}
.vvb-kv{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.vvb-kv div{background:#fbfaf8;border-radius:8px;padding:10px 12px}.vvb-kv dt{margin:0}.vvb-kv dd{margin:2px 0 0}
.vvb-timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid #e6d7b8}.vvb-timeline li{margin:0 0 12px;position:relative}.vvb-timeline li:before{content:"";position:absolute;left:-20px;top:7px;width:10px;height:10px;border-radius:50%;background:#c9a45c}
.vvb-timeline time{font-size:12px;color:#5c6875}.vvb-timeline p{margin:2px 0 0}
.vvb-people{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}.vvb-people li{background:#fbfaf8;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column}.vvb-people span{font-size:13px;color:#5c6875}
.vvb-muted{color:#5c6875;font-size:14px}
.vvb-form fieldset{min-width:0;width:100%;box-sizing:border-box;border:1px solid #e6e1dd;border-radius:10px;padding:12px;margin:0 0 12px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vvb-form legend{padding:0 6px;color:#80633d;font-weight:500}
.vvb-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#5c6875}
.vvb-form input,.vvb-form select{font-size:16px;padding:8px 10px;border:1px solid #d9d3cd;border-radius:8px;color:#223747}
.vvb-actions{display:flex;gap:10px;flex-wrap:wrap}
.vvb-status{color:#5c6875;min-height:1em}.vvb-status.is-error{color:#a32b35}.vvb-done{color:#1f6b46;font-weight:500}
.vvb-links{display:flex;gap:16px;flex-wrap:wrap}.vvb-links a{color:#80633d;font-weight:500}
@media(max-width:600px){.vvb-kv{grid-template-columns:1fr 1fr 1fr}.vvb-form fieldset{min-width:0;width:100%;box-sizing:border-box;grid-template-columns:1fr}.vvb-card header{flex-direction:column}}

.vvb-rule{margin:0 0 8px;padding:8px 12px;border-radius:8px;background:#fdf6e6;color:#5c4a2a;font-size:14px}.vvb-rule.is-closed{background:#f3f1ee;color:#5c6875}
.vvb-form input[readonly]{background:#f3f1ee;color:#5c6875}

.vvb-list-kv{margin:0;display:grid;gap:0}
.vvb-list-kv div{display:grid;grid-template-columns:7.5em 1fr;gap:12px;padding:8px 0;border-bottom:1px solid #eee9e1}
.vvb-list-kv div:last-child{border-bottom:0}
.vvb-list-kv dt{color:#5c6875;font-size:13px;margin:0}
.vvb-list-kv dd{margin:0;color:#223747;font-size:15px}
.vvb-incl,.vvb-mails{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.vvb-incl li{background:#fbfaf8;border-radius:8px;padding:10px 12px;display:grid;gap:3px}
.vvb-incl b{color:#0c2638;font-weight:600}
.vvb-incl span{color:#5c6875;font-size:14px}
.vvb-mails li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;padding:8px 0;border-bottom:1px solid #eee9e1}
.vvb-mails li:last-child{border-bottom:0}
.vvb-mails a{color:#0c2638;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.vvb-mails time{color:#5c6875;font-size:13px}
.vvb-people li span{display:block}

.vvb-group{margin:0 0 28px}
.vvb-ghead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #0c2638}
.vvb-ghead h3{margin:0;font-size:19px;color:#0c2638}
.vvb-ghead span{color:#80633d;font-size:14px}
.vvb-past{margin-top:8px}
.vvb-past>summary{cursor:pointer;color:#5c6875;font-size:15px;padding:10px 0;margin-bottom:12px}