@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Noto+Serif+TC:wght@600;700&display=swap";:root{--bg-page:#e9e7e2;--bg-card:#16140f;--bg-inset:#1d1a13;--gold:#c9a86a;--gold-soft:#c9a86a1f;--text:#ece7dd;--text-muted:#9b9384;--text-faint:#6f685a;--label:#8a8270;--line:#2a261d;--line-input:#3a352b;--error:#fca5a5;--error-bg:#7f1d1d57;--success:#bbf7d0;--success-bg:#14532d57;--font-sans:-apple-system, BlinkMacSystemFont, "PingFang TC", "Noto Sans TC", "Helvetica Neue", Arial, sans-serif;--font-serif:"Noto Serif TC", "Songti TC", serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-card:24px;--radius:12px}*{box-sizing:border-box}html{background:var(--bg-page);min-height:100%}body{background:radial-gradient(circle at top left, #ffffff73, transparent 26rem), var(--bg-page);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}button,input{font:inherit}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--gold);color:var(--bg-card)}.page-shell{width:100%;min-height:100vh;padding:max(28px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.upload-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-card);width:min(460px,100%);padding:40px 36px 34px;animation:.4s both rise;box-shadow:0 30px 70px -30px #00000085}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{color:var(--gold);font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;margin:0 0 22px;font-size:11px;font-weight:600}.title{color:var(--text);font-family:var(--font-serif);letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(40px,11vw,48px);font-weight:700;line-height:1.08}.lead{max-width:310px;color:var(--text-muted);margin:0 0 30px;font-size:14px;line-height:1.75}.rule{background:var(--line);border:0;height:1px;margin:0 0 28px}.field{margin-bottom:26px}.label{color:var(--label);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin-bottom:11px;font-size:10px;font-weight:500;display:block}.label-note{color:var(--text-faint);font-family:var(--font-sans);letter-spacing:0;text-transform:none}.input{width:100%;color:var(--text);border:0;border-bottom:1px solid var(--line-input);background:0 0;border-radius:0;outline:none;padding:0 0 11px;font-size:16px;transition:border-color .2s,color .2s}.input-mono{font-family:var(--font-mono);letter-spacing:.18em}.input::placeholder{color:#5b554a}.input:focus{border-bottom-color:var(--gold)}.field-error{color:var(--error);margin:8px 0 0;font-size:11px;line-height:1.5}.dropzone{text-align:center;border:1px dashed var(--line-input);cursor:pointer;border-radius:14px;margin-bottom:28px;padding:30px 20px;transition:border-color .2s,background .2s,transform .2s;display:block}.dropzone:hover{border-color:var(--label)}.dropzone.is-dragging{border-color:var(--gold);background:var(--gold-soft);transform:translateY(-1px)}.dropzone.has-file{background:var(--bg-inset);border-color:#5e5640}.dropzone-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.dropzone.has-file .dropzone-label{color:var(--gold)}.dropzone-hint{color:var(--text-faint);margin-top:8px;font-size:11px;display:block}.primary-button{width:100%;color:var(--bg-card);background:var(--gold);border-radius:var(--radius);cursor:pointer;letter-spacing:.04em;border:0;justify-content:center;align-items:center;gap:9px;padding:16px;font-size:15px;font-weight:750;transition:filter .15s,opacity .15s,transform .15s;display:flex}.primary-button:not(:disabled):hover{filter:brightness(1.07);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.43}.retention-note{color:var(--text-faint);margin:13px 0 0;font-size:11px;line-height:1.7}.message{border-radius:14px;margin:16px 0 0;padding:12px 14px;font-size:13px;line-height:1.6}.error{color:var(--error);background:var(--error-bg);border:1px solid #fca5a52e}.success{color:var(--success);background:var(--success-bg);border:1px solid #bbf7d02e}.share-row{border-top:1px solid var(--line);color:var(--gold);align-items:center;gap:11px;margin-top:24px;padding-top:18px;display:flex}.share-icon{flex:none;width:16px;height:16px}.share-url{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.copy-button{color:var(--gold);cursor:pointer;letter-spacing:.06em;background:0 0;border:0;padding:4px 0;font-size:12px;font-weight:700}.copy-button:hover{text-decoration:underline}@media (width<=520px){.page-shell{padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));align-items:flex-start}.upload-card{border-radius:22px;padding:36px 28px 30px}.lead{max-width:280px}}@media (width<=380px){.upload-card{padding:32px 22px 26px}.title{font-size:38px}}