.contact-page,.contact-page.contact-sub{--surface: #fdfdfc;--accent-soft: #cfc6e6;--accent-light: #f3f1f9;--border-strong: #d0d0cc}html.dark .contact-page,html.dark .contact-page.contact-sub{--surface: #212225;--accent-soft: #423f55;--accent-light: #1a1a26;--border-strong: #3a3b3f}.contact-page .nav-card .nc-ic{width:34px;height:34px;border-radius:50%;background:var(--accent-light);color:var(--accent);display:grid;place-items:center}.contact-page .nav-card .nc-ic svg{width:16px;height:16px}.contact-page .nav-card .nc-idx{margin-top:6px}.contact-page.contact-sub .page-wrap{max-width:880px}.contact-page.contact-sub .page-head{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:end;margin-bottom:14px;padding-bottom:18px;border-bottom:1px solid var(--border)}.contact-page.contact-sub .kicker{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.78rem;letter-spacing:3px;color:var(--accent);text-transform:uppercase}.contact-page.contact-sub .page-head h1{font-size:2.4rem;font-weight:600;letter-spacing:2px;line-height:1.05;margin:6px 0 8px}.contact-page.contact-sub .page-head .coord{text-align:right;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.74rem;letter-spacing:1px;color:var(--text-muted);line-height:1.9}.contact-page.contact-sub .page-sub{color:var(--text-muted);margin:14px 0 28px}@media(max-width:640px){.contact-page.contact-sub .page-head{grid-template-columns:1fr}.contact-page.contact-sub .page-head .coord{text-align:left}.contact-page.contact-sub .page-head h1{font-size:1.9rem}}.contact-page.contact-sub .sec{margin-top:40px;padding-top:18px;border-top:1px solid var(--border)}.contact-page.contact-sub .sec:first-of-type{border-top:none;padding-top:0}.contact-page.contact-sub .sec-h{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.contact-page.contact-sub .sec-h .sh-en{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase}.contact-page.contact-sub .sec-h .sh-cn{font-size:1.15rem;font-weight:600;letter-spacing:1px}.contact-page.contact-sub .sec-h .sh-meta{margin-left:auto;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;color:var(--text-muted)}.contact-page.contact-sub .md-content{font-size:1.05rem;line-height:1.95}.contact-page.contact-sub .md-content>:first-child{margin-top:0}.contact-page.contact-sub .md-content p{margin:0 0 1.1em}.contact-page.contact-sub .md-content h2{font-size:1.5rem;margin:2rem 0 .8rem}.contact-page.contact-sub .md-content h3{font-size:1.2rem;margin:1.4rem 0 .6rem}.contact-page.contact-sub .md-content ul{padding-left:1.3em;margin:0 0 1.1em}.contact-page.contact-sub .md-content ol{padding-left:1.7em;margin:0 0 1.1em}.contact-page.contact-sub .md-content li{margin:.5em 0}.contact-page.contact-sub .md-content strong{font-weight:600}.contact-page.contact-sub .md-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .2s}.contact-page.contact-sub .md-content a:hover{border-bottom-color:var(--accent)}.contact-page.contact-sub .md-content blockquote{border-left:3px solid var(--accent);padding:.4em 0 .4em 1.2em;margin:1.6em 0;color:var(--text-muted);font-style:italic}.contact-page .gb-form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 18px;margin-bottom:22px}.contact-page .gb-field{display:flex;flex-direction:column;gap:6px;min-width:0}.contact-page .gb-field.wide{grid-column:1 / -1}.contact-page .gb-label{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:clamp(.66rem,1.2vw,.74rem);letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.contact-page .gb-label .req{color:var(--accent)}.contact-page .gb-input,.contact-page .gb-textarea{width:100%;border:none;border-bottom:1px solid var(--border-strong);background:transparent;padding:8px 2px;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-size:1rem;color:var(--text);transition:border-color .2s}.contact-page .gb-textarea{min-height:96px;resize:vertical;line-height:1.7}.contact-page .gb-input:focus,.contact-page .gb-textarea:focus{outline:none;border-bottom-color:var(--accent)}.contact-page .gb-input::placeholder,.contact-page .gb-textarea::placeholder{color:var(--text-muted);opacity:.65;font-size:.9rem}.contact-page .gb-actions{grid-column:1 / -1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.contact-page .gb-send{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;font-size:.95rem;letter-spacing:1px;color:var(--text);border:1px solid var(--border-strong);background:transparent;padding:9px 22px;border-radius:2px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.contact-page .gb-send:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.contact-page .gb-note{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.7rem;letter-spacing:.5px;color:var(--text-muted)}.contact-page .gb-note.err{color:var(--accent)}.contact-page .empty-state{padding:28px 20px;text-align:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:2px;font-size:.98rem}@media(max-width:640px){.contact-page .gb-form{grid-template-columns:1fr}}.contact-page .sub-card{display:flex;flex-direction:column;gap:10px;padding:24px 26px;border:1px solid var(--border);border-radius:4px;background:var(--surface);margin-bottom:18px}.contact-page .sub-card .sc-tag{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;letter-spacing:3px;color:var(--accent)}.contact-page .sub-card .sc-name{font-size:1.3rem;font-weight:600;letter-spacing:.5px}.contact-page .sub-card .sc-desc{font-size:.88rem;color:var(--text-muted);line-height:1.6}.contact-page .sub-form{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.contact-page .sub-input{flex:1;min-width:220px;border:none;border-bottom:1px solid var(--border-strong);background:transparent;padding:8px 2px;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.95rem;color:var(--text);transition:border-color .2s}.contact-page .sub-input:focus{outline:none;border-bottom-color:var(--accent)}.contact-page .sub-input::placeholder{color:var(--text-muted);opacity:.65}.contact-page .msg-btn{display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;padding:10px 18px;border:1px solid var(--border-strong);border-radius:2px;color:var(--text);background:transparent;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.84rem;letter-spacing:1px;cursor:pointer;transition:color .2s,border-color .2s,background .2s}.contact-page .msg-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.contact-page .avatar{position:relative;overflow:hidden;display:inline-grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-weight:600;font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,Georgia,serif;line-height:1;flex-shrink:0}.contact-page .avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.contact-page .mm-av,.contact-page .qb-av-self{width:42px;height:42px;font-size:1.15rem;background:var(--accent);color:#fff}.contact-page .grid-b{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:640px){.contact-page .grid-b{grid-template-columns:1fr}}.contact-page .q-b{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:4px;background:var(--surface);padding:22px 22px 18px;cursor:pointer;transition:border-color .2s,background .2s}.contact-page .q-b:before{content:"“";position:absolute;top:-16px;right:14px;font-family:Georgia,serif;font-size:4.4rem;line-height:1;color:var(--accent-soft);opacity:.5;pointer-events:none}.contact-page .q-b:hover{border-color:var(--accent)}.contact-page .qb-text{font-size:1.06rem;line-height:1.78;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding-right:10px}.contact-page .qb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.contact-page .qb-meta{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--text-muted);min-width:0}.contact-page .qb-meta .avatar{width:26px;height:26px;font-size:.82rem}.contact-page .qb-meta b{color:var(--text);font-weight:600}.contact-page .qb-toggle{display:inline-flex;align-items:center;gap:6px;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.76rem;letter-spacing:1px;color:var(--accent);background:transparent;border:1px solid var(--border-strong);border-radius:2px;padding:6px 13px;cursor:pointer;flex-shrink:0;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}.contact-page .qb-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.contact-page .modal-mask,.contact-page .thread-mask{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:#14141e73;padding:20px;opacity:0;transition:opacity .2s ease}.contact-page .thread-mask{z-index:1001;align-items:flex-start;padding:6vh 20px;overflow:auto}.contact-page .modal-mask.show,.contact-page .thread-mask.show{display:flex;opacity:1}.contact-page .message-modal,.contact-page .thread-modal{width:100%;max-width:520px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:26px 26px 22px}.contact-page .thread-modal{position:relative;max-width:600px;max-height:88vh;display:flex;flex-direction:column}.contact-page .mm-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.contact-page .mm-head h3{font-size:1.4rem;font-weight:600;letter-spacing:1px;margin:0 0 2px}.contact-page .mm-sub{color:var(--text-muted);font-size:.92rem;margin:0}.contact-page .mm-actions{display:flex;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.contact-page .mm-cancel{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.82rem;letter-spacing:1px;color:var(--text-muted);background:transparent;border:none;cursor:pointer;padding:8px 12px}.contact-page .mm-cancel:hover{color:var(--accent)}.contact-page .tm-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.2rem;line-height:1;cursor:pointer;transition:color .2s,border-color .2s}.contact-page .tm-close:hover{color:var(--accent);border-color:var(--accent)}.contact-page .tm-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding-right:42px}.contact-page .tm-head .avatar{width:46px;height:46px;font-size:1.3rem}.contact-page .tm-title{display:flex;flex-direction:column;gap:3px;min-width:0}.contact-page .tm-name{font-size:1.16rem;font-weight:600;letter-spacing:.5px}.contact-page .tm-meta{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;color:var(--text-muted);letter-spacing:1px}.contact-page .tm-tag{margin-left:auto;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.66rem;letter-spacing:2px;color:var(--accent);border:1px solid var(--border-strong);border-radius:2px;padding:4px 10px;align-self:flex-start;white-space:nowrap}.contact-page .tm-divider{height:1px;background:var(--border);margin:16px 0;flex-shrink:0}.contact-page .tm-replies{max-height:42vh;overflow:auto}.contact-page .qb-full{font-size:1.04rem;line-height:1.9;color:var(--text-muted);margin-bottom:18px;white-space:pre-wrap}.contact-page .qb-replies{display:flex;flex-direction:column;gap:16px}.contact-page .qb-replies.qb-nested{margin:12px 0 0 6px;padding-left:16px;border-left:2px solid var(--border);gap:14px}.contact-page .qb-reply{display:flex;gap:12px}.contact-page .qb-reply .avatar{align-self:flex-start;width:34px;height:34px;font-size:1rem}.contact-page .rr-body{flex:1;min-width:0}.contact-page .rr-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.contact-page .rr-au{font-weight:600;font-size:.96rem;color:var(--text)}.contact-page .rr-to{color:var(--accent);font-size:.82rem}.contact-page .rr-dt{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.7rem;color:var(--text-muted);letter-spacing:.5px}.contact-page .rr-ct{font-size:.96rem;color:var(--text-muted);line-height:1.75;margin-top:3px;white-space:pre-wrap}.contact-page .rr-reply{margin-top:7px;display:inline-flex;align-items:center;gap:5px;font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.72rem;letter-spacing:1px;color:var(--text-muted);background:transparent;border:1px solid var(--border-strong);border-radius:2px;padding:3px 11px;cursor:pointer;transition:color .2s,border-color .2s}.contact-page .rr-reply:hover{color:var(--accent);border-color:var(--accent)}.contact-page .replying-to{color:var(--accent);margin-bottom:4px}.contact-page .rss-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.contact-page .rss-url{font-family:Cascadia Code,Consolas,Menlo,monospace;font-size:.92rem;color:var(--accent);padding:8px 0;border-bottom:1px solid var(--border-strong);word-break:break-all}@media(prefers-reduced-motion:reduce){.contact-page .md-content a,.contact-page .gb-send,.contact-page .msg-btn,.contact-page .q-b,.contact-page .qb-toggle,.contact-page .rr-reply,.contact-page .modal-mask,.contact-page .thread-mask{transition:none!important}}
