/* contact 页 contact-main 模块样式（自 page-contact.css 按业务边界抽出） */
.c6-page .contact .grid{display:grid;grid-template-columns:5fr 7fr}
.c6-page .channels{border-right:1px solid var(--wk-border-soft);padding:var(--wk-space-2) var(--wk-space-3xl) var(--wk-space-2) 0}
.c6-page .formcol{padding:var(--wk-space-2) 0 var(--wk-space-2) var(--wk-space-2)}
.c6-page .colhead{font-size: var(--wk-text-sm);letter-spacing:.12em;color:var(--muted);margin-bottom:var(--wk-space-1);display:flex;align-items:center;gap:var(--wk-space-md)}
.c6-page .colhead::after{content:'';flex:1;height:1px;background:var(--line)}
.c6-page .channel{display:grid;grid-template-columns:32px 1fr auto;gap:var(--wk-space-xs) var(--wk-space-md);align-items:start;padding:var(--wk-space-lg) 0;border-bottom:1px solid var(--line)}
.c6-page .channel:first-of-type{padding-top:0}
.c6-page .channel .no{font-size: var(--wk-text-sm);color:var(--accent-text);padding-top:var(--wk-space-xs);font-family:var(--wk-font-sans)}
.c6-page .channel h3{font-size: var(--wk-text-h3);font-weight:700}
.c6-page .channel .val{font-size: var(--wk-text-sm);color:var(--muted);word-break:break-all}
.c6-page .channel .val a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.c6-page .channel .val a:hover{color:var(--accent-text)}
.c6-page .channel .note{grid-column:2;font-size: var(--wk-text-xs);color:var(--muted);margin-top:var(--wk-space-xs)}
.c6-page .acts{display:flex;gap:var(--wk-space-sm);flex-wrap:wrap;justify-content:flex-end}
.c6-page .chipbtn,.c6-page .chip{font-family:var(--wk-font-sans);font-size: var(--wk-text-xs);letter-spacing:.05em;border:1px solid var(--wk-border-soft);border-radius:var(--wk-radius-pill);background:var(--wk-surface);color:var(--wk-text-secondary);padding:var(--wk-space-xs) var(--wk-space-md);cursor:pointer;transition:.18s;white-space:nowrap;text-decoration:none;display:inline-block}
.c6-page .chipbtn:hover,.c6-page .chip:hover{background:var(--wk-brand);color:var(--wk-white);border-color:var(--wk-brand)}
.c6-page .calcard{border:1px solid var(--wk-border-soft);border-radius:var(--wk-radius-12);box-shadow:var(--wk-card-shadow);padding:var(--wk-space-lg) var(--wk-space-1);margin-bottom:var(--wk-space-1);background:var(--wk-surface)}
.c6-page .calcard .tag{display:inline-block;font-size: var(--wk-text-sm);font-family:var(--wk-font-sans);letter-spacing:.08em;color:var(--accent-text);border:1px solid var(--accent);border-radius:var(--wk-radius-pill);padding:var(--wk-space-xs) var(--wk-space-sm);margin-bottom:var(--wk-space-md)}
.c6-page .calcard h3{font-size: var(--wk-text-h3);font-weight:800;margin-bottom:var(--wk-space-sm)}
.c6-page .calcard p{font-size: var(--wk-text-sm);color:var(--muted);line-height: var(--wk-leading);margin-bottom:var(--wk-space-md)}
.c6-page .calcard .go{display:inline-block;font-size: var(--wk-text-sm);font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:var(--wk-space-xs);transition:.18s}
.c6-page .calcard .go:hover{color:var(--accent-text)}
.c6-page .qrpanel{margin-bottom:var(--wk-space-sm)}
.c6-page .qrpanel .cap{font-size: var(--wk-text-sm);font-family:var(--wk-font-sans);letter-spacing:.1em;color:var(--muted);margin-bottom:var(--wk-space-md)}
.c6-page .qrrow{display:grid;grid-template-columns:1fr 1fr;gap:var(--wk-space-md)}
.c6-page .qritem{border:1px solid var(--wk-border-soft);border-radius:var(--wk-radius-10);box-shadow:var(--wk-card-shadow);padding:var(--wk-space-md) var(--wk-space-md);text-align:center;background:var(--wk-surface)}
.c6-page .qritem canvas{display:block;margin:0 auto var(--wk-space-sm);width:110px;height:110px;background:var(--wk-surface);border:1px solid var(--line)}
.c6-page .qritem b{display:block;font-size: var(--wk-text-sm);font-weight:700}
.c6-page .qritem span{display:block;font-size: var(--wk-text-sm);color:var(--muted);margin-top:var(--wk-space-xs)}
.c6-page .trust{margin-top:var(--wk-space-lg);font-size: var(--wk-text-xs);color:var(--muted);border-left:2px solid var(--accent);padding-left:var(--wk-space-md);line-height: var(--wk-leading)}
.c6-page .tofaq{font-size: var(--wk-text-sm);color:var(--muted);margin:0 0 var(--wk-space-1)}
.c6-page .tofaq a{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}
.c6-page .field{margin-bottom:var(--wk-space-1);transition:opacity .25s}
.c6-page .field[hidden]{display:none}
.c6-page .req{color:var(--accent-text);margin-left:var(--wk-space-xs)}
.c6-page .opt{font-family:var(--wk-font-sans);font-size: var(--wk-text-xs);font-weight:400;color:var(--muted);border:1px solid var(--line);padding:var(--wk-space-xs) var(--wk-space-sm);margin-left:var(--wk-space-sm);vertical-align:2px}
.c6-page .row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--wk-space-lg)}
.c6-page .err{display:none;font-size: var(--wk-text-sm);color:var(--wk-danger-ink);margin-top:var(--wk-space-xs)}
.c6-page .field.invalid .err{display:block}
.c6-page .field.invalid input,.c6-page .field.invalid textarea,.c6-page .field.invalid select{border-color:var(--wk-danger);box-shadow:0 0 0 3px var(--wk-danger-tint)}
.c6-page .field.invalid input:focus,.c6-page .field.invalid textarea:focus,.c6-page .field.invalid select:focus{border-color:var(--wk-danger);box-shadow:0 0 0 3px var(--wk-danger-tint)}
.c6-page .count{display:flex;justify-content:flex-end;margin-top:var(--wk-space-xs);font-family:var(--wk-font-sans);font-size: var(--wk-text-xs);color:var(--wk-text-light)}
.c6-page .count.ok{color:var(--ok)}
.c6-page .privacy{font-size: var(--wk-text-xs);color:var(--muted);margin-top:var(--wk-space-md)}
.c6-page .submit{width:100%;margin-top:var(--wk-space-xs);background:var(--wk-brand);color:var(--wk-white);border:1.5px solid var(--wk-brand);border-radius:var(--wk-radius-8);padding:var(--wk-space-md);font-family:inherit;font-size: var(--wk-text-body);font-weight:700;letter-spacing:.04em;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;gap:var(--wk-space-sm)}
.c6-page .submit:hover:not(:disabled){background:var(--wk-brand-dark);border-color:var(--wk-brand-dark)}
.c6-page .submit:disabled{opacity:.65;cursor:not-allowed}
.c6-page .spinner{width:12px;height:12px;border-radius:var(--wk-radius-circle);flex:none;border:2px solid var(--wk-white-tint-35);border-top-color:var(--paper);animation:c6spin .7s linear infinite}
@keyframes c6spin{to{transform:rotate(360deg)}}
.c6-page .done{border:1px solid var(--wk-border-soft);border-radius:var(--wk-radius-12);box-shadow:var(--wk-card-shadow);background:var(--wk-surface);padding:var(--wk-space-2) var(--wk-space-3xl);text-align:center;animation:c6pop .4s ease}
@keyframes c6pop{from{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}
.c6-page .done .seal{width:46px;height:46px;border:2px solid var(--accent);border-radius:var(--wk-radius-circle);color:var(--accent-text);display:flex;align-items:center;justify-content:center;margin:0 auto var(--wk-space-lg)}
.c6-page .done h3{font-size: var(--wk-text-h3);font-weight:700;margin-bottom:var(--wk-space-sm)}
.c6-page .done p{font-size: var(--wk-text-sm);color:var(--muted);margin-bottom:var(--wk-space-1)}
.c6-page .done .big{padding:var(--wk-space-sm) var(--wk-space-1);font-size: var(--wk-text-xs)}
@media (max-width:880px) {
.c6-page .contact .grid{grid-template-columns:1fr}
.c6-page .channels{border-right:none;border-bottom:1px solid var(--wk-border-soft);padding:var(--wk-space-3xl) 0 var(--wk-space-3xl)}
.c6-page .formcol{padding:var(--wk-space-3xl) 0 var(--wk-space-4xl)}
.c6-page .row2{grid-template-columns:1fr}
.c6-page .channel{grid-template-columns:30px 1fr}
.c6-page .acts{grid-column:2;justify-content:flex-start}
}
.c6-page input.hp-field{position:absolute;left:-9999px;width:1px;height:1px;padding:0;border:none;opacity:0;pointer-events:none}