.submission-entry {
  display:flex; align-items:center; gap:10px; min-height:72px; margin-top:12px;
  padding:10px 12px; border:1px solid #cfe3f3; border-radius:15px;
  background:#e7f2fb; color:var(--blue2); text-decoration:none; box-shadow:0 4px 16px #1235510b;
}
.submission-entry-copy { flex:1; min-width:0; }
.submission-entry-copy strong { display:block; font-size:17px; }
.submission-entry-reward { display:inline-flex; align-items:center; gap:7px; margin-top:4px; color:#586a7e; font-size:12px; white-space:nowrap; }
.submission-entry-action { flex:none; border:1px solid #c7dff2; border-radius:8px; padding:5px 7px; background:#f9fcff; color:var(--blue); font-size:12px; font-weight:700; white-space:nowrap; }
[data-action="orders"] small { text-wrap:balance; }
.product-remark h3 { margin:0; color:#516476; font-size:13px; font-weight:650; }
.submission-coin-group { position:relative; flex:none; width:63px; height:46px; }
.submission-coin-group::before {
  content:""; position:absolute; left:1px; bottom:2px; width:38px; height:26px; border:3px solid #ffce4a;
  border-radius:50%; background:#ffbd36; box-shadow:1px 4px 0 #e4a014; transform:rotate(-10deg);
}
.submission-coin {
  display:grid; place-items:center; flex:none; width:44px; height:44px; border:3px solid #ffd05a;
  border-radius:50%; color:#fff; background:linear-gradient(140deg,#ffd561,#f5af20); box-shadow:inset 0 0 0 2px #ffe592,2px 4px 0 #d9930d;
  font-weight:800; font-size:26px; text-shadow:0 2px 0 #d79b1d;
}
.submission-coin-group .submission-coin { position:absolute; top:0; right:3px; }
.submission-red-packet {
  position:relative; display:inline-block; flex:none; width:14px; height:17px; margin:0 4px 1px 0;
  transform:rotate(-13deg); border-radius:3px; background:linear-gradient(145deg,#f97860,#dc382c 62%,#bb2926);
  box-shadow:inset 1px 0 1px #ffac99,1.5px 2px 0 #a92c28,2.5px 4px 5px #9f2c3038;
}
.submission-red-packet::before {
  content:""; position:absolute; inset:0 0 auto; height:7px; border-radius:3px 3px 60% 60%;
  background:linear-gradient(#fb8b73,#e5543e); border-bottom:1px solid #b33b31;
}
.submission-red-packet::after {
  content:""; position:absolute; width:5px; height:5px; top:5px; left:4.5px;
  border-radius:50%; background:linear-gradient(#ffeaa1,#ffc657); box-shadow:0 1px 1px #a42e26;
}
.submission-ui { color:#1e2b3b; font-size:15px; line-height:1.52; }
.submission-ui h1, .submission-ui h2, .submission-ui p { margin:0; }
.submission-ui h1, .submission-ui h2 { line-height:1.35; }
.submission-ui h2 { font-size:19px; }
.submission-top {
  display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center;
  min-height:56px; padding:4px 11px; background:#fff; border-bottom:1px solid var(--line);
}
.submission-top h1 { text-align:center; font-size:19px; }
.submission-top-blue {
  grid-template-columns:85px minmax(0,1fr) 85px; min-height:62px; color:#fff;
  background:linear-gradient(145deg,var(--blue2),#2683c3); border-bottom:0;
}
.submission-top-blue h1 { font-size:21px; }
.submission-top .submission-back, .submission-top .submission-mine {
  display:grid; place-items:center; min-height:44px; border:0; padding:0; color:inherit; background:transparent; text-decoration:none;
}
.submission-top .submission-back { width:44px; font-size:28px; font-weight:700; }
.submission-top .submission-mine { justify-items:end; font-size:13px; font-weight:700; white-space:nowrap; }
.submission-body { width:min(950px,100%); margin:auto; padding:15px 16px 22px; }
.submission-panel { padding:16px; border:1px solid var(--line); border-radius:15px; background:#fff; box-shadow:0 4px 16px #1235510b; }
.submission-button {
  display:inline-grid; place-items:center; min-height:44px; padding:8px 13px; border:1px solid var(--line); border-radius:10px;
  background:#fff; color:inherit; font:inherit; font-weight:650; text-decoration:none;
}
.submission-button:disabled { opacity:.48; cursor:default; }
.submission-primary { background:var(--blue); border-color:var(--blue); color:#fff; }
.submission-soft { background:#eaf3fa; border-color:#d8eaf8; color:var(--blue2); }
.submission-text { background:transparent; border-color:transparent; color:var(--blue2); }
.submission-intro-stack { display:grid; gap:10px; }
.submission-intro {
  display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:173px; padding:17px 20px;
  border-radius:15px; background:#e6eff9; box-shadow:0 4px 16px #1235510b; color:var(--blue2);
}
.submission-intro h2 { margin-bottom:4px; font-size:43.2px; white-space:nowrap; }
.submission-intro p { font-size:18.9px; color:#586a7e; }
.submission-hero-coin { width:84px; height:84px; font-size:50px; }
#startSubmission { min-height:73px; font-size:24.3px; font-weight:750; }
.submission-flow { padding:12px 12px 13px; }
.submission-flow h2 { margin:0 0 8px 2px; font-size:16px; }
.submission-steps { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:5px; text-align:center; }
.submission-steps strong { display:block; font-size:12px; margin-top:5px; }
.submission-step-symbol {
  display:grid; place-items:center; width:38px; height:38px; margin:auto; border-radius:11px;
  background:#e6f2fd; color:var(--blue); font-size:23px; font-weight:700;
}
.submission-step-upload { color:#5366b6; background:#eef0fc; }
.submission-step-reward { background:#fff0e9; }
.submission-step-reward .submission-red-packet { margin:0; transform:rotate(-13deg) scale(1.2); }
.submission-step-arrow { align-self:start; padding-top:7px; color:#6b849b; font-size:17px; }
.submission-reference { margin-top:14px; border:1px solid #e0e8f0; border-radius:12px; background:#f8fafd; }
.submission-reference > summary {
  display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:52px; padding:9px 13px;
  list-style:none; cursor:pointer; color:#53687e; font-size:14px; font-weight:650;
}
.submission-reference > summary::-webkit-details-marker { display:none; }
.submission-reference-toggle { display:flex; align-items:center; gap:7px; color:#60768a; font-size:12px; font-weight:400; }
.submission-reference-toggle::before { content:"展开"; }
.submission-reference[open] .submission-reference-toggle::before { content:"收起"; }
.submission-reference-toggle::after {
  content:""; width:7px; height:7px; border:solid currentColor; border-width:0 1.5px 1.5px 0; transform:translateY(-2px) rotate(45deg);
}
.submission-reference[open] .submission-reference-toggle::after { transform:translateY(2px) rotate(225deg); }
.submission-reference-content { border-top:1px solid var(--line); padding:1px 12px 12px; }
.submission-reference-content .submission-search button { font-size:13px; }
.submission-reference-content .submission-pagination { margin-top:8px; }
.submission-search { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin:11px 0 5px; }
.submission-search input, .submission-form input:not([type=file]), .submission-form select, .submission-form textarea {
  min-width:0; min-height:44px; width:100%; padding:9px 11px; border:1px solid #cfdae6; border-radius:10px;
  color:var(--text); background:#fff; font-size:16px; font-weight:400;
}
.submission-search input::placeholder, .submission-form input::placeholder, .submission-form textarea::placeholder { color:#687b91; }
.submission-reference-row { display:flex; justify-content:space-between; align-items:center; gap:8px; min-height:45px; border-bottom:1px solid var(--line); }
.submission-reference-row strong { overflow-wrap:anywhere; font-size:14px; font-weight:600; }
.submission-reference-row button { flex:none; font-size:13px; padding-inline:6px; }
.submission-pagination { display:flex; justify-content:space-between; align-items:center; gap:6px; margin-top:12px; color:#586a7e; font-size:12px; }
.submission-pagination button { padding-inline:10px; font-size:13px; }
.submission-empty { padding:24px 12px; text-align:center; color:#586a7e; font-size:13px; }
.submission-form { display:grid; gap:12px; max-width:650px; margin:auto; }
.submission-form label, .submission-form legend { font-size:14px; font-weight:650; }
.submission-form label > input:not([type=file]), .submission-form label > select, .submission-form label > textarea { display:block; margin-top:5px; }
.submission-form textarea { resize:vertical; min-height:66px; }
.submission-form em, .submission-error { color:#a8372e; }
.submission-form em { font-style:normal; }
.submission-form small { margin-left:4px; color:#586a7e; font-weight:400; }
.submission-form fieldset { min-width:0; margin:0; padding:0; border:0; }
.submission-form legend { margin-bottom:4px; padding:0; }
.submission-upload {
  position:relative; display:flex; align-items:center; justify-content:center; gap:7px; min-height:46px; margin-top:4px;
  border:1px dashed #a9c2d8; border-radius:10px; background:#f2f8fd; color:var(--blue2);
}
.submission-upload-title { line-height:16px; }
.submission-upload-limit {
  position:absolute; inset-inline:0; bottom:2px; color:#738598; text-align:center;
  font-size:10px; font-weight:400; line-height:11px; pointer-events:none;
}
.submission-upload:focus-within { outline:2px solid var(--blue); outline-offset:2px; }
.submission-upload input { position:absolute; inset:0; width:100%; opacity:0; cursor:pointer; }
.submission-contact-row { display:grid; grid-template-columns:79px minmax(0,1fr); gap:8px; }
.submission-contact-help { font-size:12px; color:#586a7e; line-height:1.65; padding-top:7px; }
.submission-contact .submission-wechat { margin:8px 0 0; }
.submission-contact .submission-wechat small { margin:0; color:#4a6075; }
.submission-contact .submission-wechat button { background:#f5faff; }
.submission-error { font-size:13px; }
.submission-attachments { display:flex; flex-wrap:wrap; gap:7px; }
.submission-attachment {
  display:flex; align-items:center; gap:4px; max-width:100%; margin-top:6px; padding:2px 2px 2px 8px;
  border-radius:8px; background:#edf5fb; font-size:12px; overflow-wrap:anywhere;
}
.submission-attachment button { min-height:36px; font-size:16px; }
.submission-receipt { display:grid; max-width:520px; margin:auto; padding:24px 17px 17px; text-align:center; }
.submission-receipt h2 { font-size:25px; }
.submission-check {
  display:grid; place-items:center; width:58px; height:58px; margin:0 auto 11px; border-radius:50%;
  background:#e9f7ef; color:#17734f; font-size:29px; font-weight:700;
}
.submission-wechat {
  display:flex; align-items:center; justify-content:space-between; gap:6px; margin:15px 0 12px;
  padding:9px 11px; border-radius:11px; background:#eaf3fa; text-align:left;
}
.submission-wechat strong, .submission-wechat small { display:block; }
.submission-wechat strong { color:var(--blue2); font-size:19px; }
.submission-wechat button { flex:none; font-size:13px; }
.submission-mine-body { max-width:690px; }
.submission-mine-body .submission-panel + .submission-panel { margin-top:8px; }
.submission-record-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px 8px; }
.submission-record-heading strong { overflow-wrap:anywhere; }
.submission-mine-body .submission-record-meta { margin-top:4px; color:#586a7e; font-size:13px; overflow-wrap:anywhere; }
@media (min-width:700px) {
  .submission-directory { display:grid; grid-template-columns:1fr 1.35fr; align-items:start; gap:12px; }
  .submission-reference { margin-top:0; }
}
@media (max-width:350px) {
  .submission-intro { padding-inline:11px; gap:8px; }
  .submission-form select, .submission-form input { padding-inline:7px; }
  .submission-wechat { padding-inline:8px; }
  .submission-wechat button { padding-inline:8px; }
  .submission-contact .submission-wechat strong { font-size:17px; }
  .submission-contact .submission-wechat button { font-size:12px; }
}

.submission-admin-entry { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.submission-admin-entry #submissionEntry.active { border-color:#d8eaf8; background:#eaf3fa; color:var(--blue2); }
.submission-admin-panel { margin-top:16px; }
.submission-admin-rows { display:grid; gap:8px; margin-top:10px; }
.submission-admin-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:9px; padding:13px 14px; }
.submission-admin-open { min-width:0; border:0; padding:0; background:transparent; color:inherit; text-align:left; }
.submission-admin-open strong { display:block; font-size:16px; overflow-wrap:anywhere; }
.submission-admin-row .submission-record-meta { display:block; margin-top:4px; color:#5b7085; font-size:12px; line-height:1.4; }
.submission-delete-button { border-color:#f3deda; background:#fff7f5; color:#a73f32; padding:7px 12px; font-size:13px; }
.submission-delete-dialog {
  width:min(350px,calc(100% - 34px)); padding:20px; border:1px solid #e7edf2; border-radius:15px;
  box-shadow:0 16px 48px #0d25373b;
}
.submission-delete-dialog::backdrop { background:#13243880; }
.submission-delete-dialog h2 { margin:0 0 8px; }
.submission-delete-dialog p { font-size:14px; color:#56697d; line-height:1.65; overflow-wrap:anywhere; }
.submission-delete-dialog .submission-error { color:#a8372e; margin-top:8px; }
.submission-delete-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:18px; }
.submission-delete-confirm { background:#a73f32; border-color:#a73f32; color:#fff; }
.submission-detail-dialog {
  width:min(690px,calc(100% - 32px)); max-height:calc(100% - 32px); padding:0; border:0;
  border-radius:15px; background:var(--bg); box-shadow:0 12px 48px #12355136;
}
.submission-detail-dialog::backdrop { background:#142d4866; }
.submission-detail-dialog .submission-top { position:sticky; top:0; z-index:1; }
.submission-admin-detail { display:grid; gap:10px; padding:16px; }
.submission-admin-detail h2, .submission-admin-detail p { overflow-wrap:anywhere; }
.submission-admin-meta { display:grid; grid-template-columns:auto minmax(0,1fr); gap:5px 14px; margin:9px 0 0; font-size:13px; }
.submission-admin-meta dt { color:#586a7e; }
.submission-admin-meta dd { margin:0; overflow-wrap:anywhere; }
.submission-admin-meta button { min-height:32px; padding:4px 8px; }
.submission-admin-detail .submission-description { margin-top:7px; color:#586a7e; font-size:13px; white-space:pre-wrap; }
.submission-admin-docs { display:flex; flex-wrap:wrap; gap:7px; margin-top:8px; }
.submission-admin-doc { display:flex; gap:7px; align-items:center; text-align:left; }
.submission-admin-doc small { display:block; color:#586a7e; font-size:12px; font-weight:400; }
.submission-admin-doc-icon {
  width:28px; height:34px; border:1px solid #a7c5df; border-radius:4px;
  background:repeating-linear-gradient(0deg,#fff 0,#fff 5px,#d6e9f8 5px,#d6e9f8 6px);
}
.submission-admin-image { display:block; max-width:100%; max-height:calc(100dvh - 110px); margin:auto; }
@media (max-width:540px) {
  .stockout-meta > span { flex-basis:100%; }
}
@media (min-width:700px) {
  .submission-admin-rows { grid-template-columns:1fr 1fr; }
  .submission-admin-rows > p { grid-column:1/-1; }
}
@media (max-width:620px) {
  .submission-detail-dialog { width:100%; max-width:none; height:100%; max-height:none; margin:0; border-radius:0; }
}