.submission-guide { --submission-ink:#241713; --submission-blue:#17639B; --submission-paper:#FFFDF4; --submission-line:#D7D3C5; color:var(--submission-ink); min-width:0; scroll-margin-top:110px; }
.submission-guide * { box-sizing:border-box; }
.submission-guide .submission-heading h2 { margin-bottom:12px; }
.submission-guide .submission-heading p { max-width:65ch; margin:0 0 24px; }
.submission-guide .submission-route { padding:22px 24px; border-radius:14px; background:#E5EFF6; margin-bottom:28px; }
.submission-guide .submission-route strong { display:block; font:700 19px/1.45 Manrope,"Microsoft YaHei",sans-serif; color:var(--submission-blue); }
.submission-guide .submission-route p { margin:10px 0; }
.submission-guide .submission-route small { display:block; margin-top:10px; color:var(--submission-blue); font-size:14px; }
.submission-guide a { color:var(--submission-blue); text-underline-offset:4px; overflow-wrap:anywhere; }
.submission-guide .submission-route a { font-weight:700; text-decoration:underline; }
.submission-guide .submission-steps { list-style:none; margin:0; padding:0; }
.submission-guide .submission-steps>li { display:grid; grid-template-columns:128px minmax(0,1fr); gap:24px; align-items:start; padding:24px 0; border-bottom:1px solid var(--submission-line); }
.submission-guide .submission-steps>li:first-child { padding-top:0; }
.submission-guide .submission-steps h3 { margin:0 0 10px; font:700 19px/1.5 Manrope,"Microsoft YaHei",sans-serif; color:var(--submission-ink); }
.submission-guide .submission-steps p { margin:0 0 10px; font-size:15px; line-height:1.75; }
.submission-guide .submission-steps p:last-child { margin-bottom:0; }
.submission-guide .submission-figure { margin:0; width:128px; }
.submission-guide .submission-figure svg { display:block; width:100%; height:auto; background:#F7F2DF; border-radius:10px; }
.submission-guide .submission-figure figcaption { font-size:11px; line-height:1.6; color:#6C5F58; margin-top:6px; text-align:center; }
.submission-guide code { font:inherit; font-size:13px; color:var(--submission-blue); overflow-wrap:anywhere; }
.submission-guide .submission-editor { margin-top:32px; padding-top:4px; }
.submission-guide .submission-editor-heading { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 14px; margin-bottom:12px; }
.submission-guide .submission-editor-heading h3 { margin:0; font:700 22px/1.45 Manrope,"Microsoft YaHei",sans-serif; color:var(--submission-blue); }
.submission-guide .submission-editor-heading>span { font-size:14px; line-height:1.7; color:#6C5F58; }
.submission-guide .submission-local-note { margin:0 0 24px; font-size:14px; line-height:1.75; max-width:65ch; }
.submission-guide form { min-width:0; }
.submission-guide label { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 10px; font-size:14px; font-weight:700; margin:22px 0 8px; }
.submission-guide label:first-child { margin-top:0; }
.submission-guide label>span { font-size:14px; font-weight:400; color:#6C5F58; }
.submission-guide input,.submission-guide textarea { display:block; width:100%; max-width:100%; min-width:0; padding:12px 14px; border:1px solid #6C5F58; border-radius:8px; background:var(--submission-paper); color:var(--submission-ink); font:400 15px/1.7 "DM Sans","Microsoft YaHei",sans-serif; caret-color:var(--submission-blue); }
.submission-guide textarea { resize:vertical; min-height:340px; }
.submission-guide input::placeholder { color:#6C5F58; }
.submission-guide input[readonly] { background:#E5EFF6; }
.submission-guide .submission-field-note { margin:8px 0 0; font-size:14px; line-height:1.75; color:#6C5F58; }
.submission-guide .submission-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; }
.submission-guide .submission-actions .button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:11px 20px; border:1px solid var(--submission-blue); border-radius:28px; font:700 14px/1.5 "DM Sans","Microsoft YaHei",sans-serif; cursor:pointer; transition:background-color .16s ease,color .16s ease; }
.submission-guide .submission-actions .button.blue { background:var(--submission-blue); color:#FFFDF4; }
.submission-guide .submission-actions .button.blue:hover { background:#124E7C; }
.submission-guide .submission-actions .button.outline { background:transparent; color:var(--submission-blue); }
.submission-guide .submission-actions .button.outline:hover { background:#E5EFF6; }
.submission-guide .submission-actions button:disabled { opacity:.65; cursor:wait; }
.submission-guide .submission-status { min-height:24px; margin:12px 0 0; color:var(--submission-blue); font-size:14px; line-height:1.75; }
.submission-guide .submission-status[data-state="error"] { color:var(--submission-ink); font-weight:700; }
.submission-guide .submission-check { border-top:1px solid var(--submission-line); border-bottom:1px solid var(--submission-line); margin-top:18px; padding:0; }
.submission-guide .submission-check summary { padding:16px 0; min-height:48px; cursor:pointer; font-weight:700; color:var(--submission-blue); }
.submission-guide .submission-check ul { margin:0; padding:0 0 20px 22px; }
.submission-guide .submission-check li { margin:0 0 8px; font-size:14px; line-height:1.75; }
.submission-guide :is(a,button,input,textarea,summary):focus-visible { outline:3px solid var(--submission-blue); outline-offset:3px; }
.submission-guide ::selection { background:#FFE48B; color:var(--submission-ink); }
@media(max-width:768px) { .submission-guide .submission-steps>li { grid-template-columns:104px minmax(0,1fr); gap:18px; } .submission-guide .submission-figure { width:104px; } .submission-guide .submission-route { padding:20px; } }
@media(max-width:520px) { .submission-guide .submission-steps>li { grid-template-columns:minmax(0,1fr); gap:12px; padding:24px 0; } .submission-guide .submission-figure { width:112px; } .submission-guide .submission-figure figcaption { text-align:left; white-space:nowrap; } .submission-guide .submission-route { padding:18px; } .submission-guide .submission-editor-heading h3 { font-size:20px; } .submission-guide input,.submission-guide textarea { font-size:16px; } .submission-guide .submission-actions { display:grid; grid-template-columns:1fr; } .submission-guide .submission-actions .button { width:100%; } .submission-guide textarea { min-height:420px; } }
@media(prefers-reduced-motion:reduce) { .submission-guide * { transition:none!important; scroll-behavior:auto; } }