:root{color-scheme:dark;--bg:#0b171b;--panel:#112329;--line:#2a4144;--text:#edf2e9;--muted:#a2b5ad;--gold:#d6b97b;--teal:#8ad2bc;--red:#ed9c91;font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(ellipse at 75% 0,#1e423c66,transparent 48%),var(--bg);color:var(--text);line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.topbar{max-width:1100px;padding:22px 30px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:23px;line-height:1.1}.brand small{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:7px}.back-link{font-size:13px;color:var(--gold)}.shell{max-width:1100px;padding:0 30px;margin:auto}.page-intro{padding:42px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700}h1{font-family:"Noto Serif TC","PMingLiU",serif;font-size:36px;letter-spacing:2px;margin:8px 0 12px;line-height:1.5}h2{font-size:21px;letter-spacing:.6px;margin:5px 0 8px;line-height:1.5}.page-intro p{color:#b5c7bc;font-size:14px;margin:0}.contact-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr);gap:24px;align-items:start}.main-column,.side-column{min-width:0;display:grid;gap:20px}.card{background:linear-gradient(140deg,#152c30,#102128);border:1px solid #35514c;border-radius:10px;padding:26px}.section-head{margin-bottom:24px}.section-head p,.conversation-head p{font-size:13px;color:var(--muted);margin:5px 0}label{font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:16px;align-items:baseline}label span{font-size:11px;color:var(--muted);font-weight:400;white-space:nowrap}input,textarea{width:100%;border:1px solid #3a5451;border-radius:6px;padding:12px;background:#0b1c22;color:var(--text);font-size:16px;line-height:1.7;margin-top:8px}textarea{resize:vertical;min-height:100px}input[readonly],textarea[readonly]{color:#cfdbd0}input::placeholder,textarea::placeholder{color:#81998f}form .hint{margin:6px 0 20px}.hint{font-size:12px;color:var(--muted);line-height:1.9}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 16px;border-radius:5px;border:1px solid transparent;font-size:14px;font-weight:700}.button:hover:not(:disabled){filter:brightness(1.1)}.primary{background:var(--gold);color:#192825}.secondary{background:#1a343b;border-color:#45625d;color:var(--text)}.full{width:100%}.status{margin:0;padding:12px 15px;border:1px solid #507466;background:#1a362e;border-radius:7px;font-size:13px;overflow-wrap:anywhere}.status:empty{display:none}.status.error{border-color:#965b4f;background:#392725;color:#f1b4a8}.status.pending{border-color:#726447;background:#302c23;color:#e8d3a6}.conversation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.conversation-head .button{white-space:nowrap;font-size:12px;padding:8px 13px;min-height:40px}.conversation-note{margin:15px 0 23px;padding-bottom:18px;border-bottom:1px solid var(--line)}.message-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:16px;max-height:580px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:var(--gold) var(--panel);scrollbar-gutter:stable}.message{border:1px solid #35534d;background:#18342e;padding:15px 17px;border-radius:8px;max-width:94%;margin-right:auto;overflow-wrap:anywhere}.message.visitor{margin-left:auto;margin-right:0;background:#193038;border-color:#38575a}.message .message-meta{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:12px;margin-bottom:9px;color:var(--gold)}.message.visitor .message-meta{color:#9fcebf}.message time{font-size:10px;color:#a4b8ad}.message p{margin:0;font-size:14px;white-space:pre-wrap;word-break:break-word}.empty-messages{font-size:13px;color:var(--muted);padding:12px 0}.text-button{background:transparent;border:0;color:var(--gold);font-size:12px;display:block;padding:10px 0;margin:12px auto 0;text-decoration:underline;text-underline-offset:3px}#reply-form .button{margin-top:14px}.recovery-card{background:#102126;border-color:#2e4644;padding:22px 26px}.recovery-card h2{font-size:17px}.recovery-card p{margin:9px 0}.recovery-card .button{margin-top:12px}.recovery-card input{font-size:13px}.backup-card{border-color:#796b4d;background:linear-gradient(140deg,#26322d,#15272a)}.backup-card h2{font-size:19px}.backup-card p{font-size:12px;color:#c0c9b9}.backup-card textarea{font:12px/1.8 monospace;min-height:94px;overflow-wrap:anywhere;word-break:break-all;margin-bottom:12px}.backup-card .warning{font-size:11px;color:#dbc18f}.privacy-card h2{font-size:18px}.privacy-card ul{padding-left:18px;margin:17px 0;font-size:12px;color:#b0c0b4}.privacy-card li+li{margin-top:12px}.privacy-card>.hint{border-top:1px solid var(--line);padding-top:15px;margin-bottom:0}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}footer{border-top:1px solid var(--line);margin-top:34px;padding:24px 0;color:#88a194;font-size:11px;display:flex;justify-content:space-between;gap:15px}.noscript{background:#603428;color:white;padding:20px;text-align:center}@media(max-width:760px){.contact-layout{grid-template-columns:1fr}.side-column{grid-row:2}.topbar,.shell{padding-left:20px;padding-right:20px}.page-intro{padding:30px 0 24px}h1{font-size:29px}.card{padding:23px}.backup-card{order:-1}.main-column{gap:16px}.message-list{max-height:520px}.topbar{padding-top:19px;padding-bottom:19px}.brand{font-size:21px}.brand img{width:36px;height:36px}.back-link{font-size:12px}.brand small{font-size:6px}.desktop-break{display:none}footer{flex-direction:column;gap:3px}}@media(max-width:400px){.topbar,.shell{padding-left:16px;padding-right:16px}.card{padding:19px}.conversation-head{gap:9px}.conversation-head h2{font-size:19px}.conversation-head .button{padding:7px 9px;font-size:11px}.message{padding:13px;max-width:97%}.page-intro h1{font-size:27px;letter-spacing:1px}.page-intro p{font-size:13px}.back-link{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.clear-contact{color:var(--muted);margin-top:15px;min-height:42px}.recovery-card .clear-note{font-size:11px;margin-top:0}.privacy-card .hint{overflow-wrap:anywhere}