:root{--paper:#f4ebd0;--paper-shadow:#e8dab8;--ink:#3a3530;--ink-soft:#6b5d4f;--accent:#c97050;--moss:#7e9b6a;--sky:#a8c5e0;--shadow:0 30px 60px -20px #3a353040}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Noto Sans TC,system-ui,sans-serif;font-size:16px;line-height:1.6}body{background:radial-gradient(ellipse at top left, #c8dceb66, transparent 60%), radial-gradient(ellipse at bottom right, #d4997c40, transparent 60%), var(--paper);min-height:100vh}h1,h2,h3{color:var(--ink);margin:0;font-family:Noto Serif TC,Times New Roman,serif;font-weight:700}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit}.page{flex-direction:column;max-width:1100px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex;position:relative}.header{border-bottom:1px solid #3a35301f;justify-content:space-between;align-items:center;padding:24px 0;display:flex}.back{color:var(--ink-soft);letter-spacing:.5px;font-size:14px;font-weight:500;text-decoration:none}.back:hover{color:var(--ink)}.brand{letter-spacing:2px;color:var(--ink-soft);text-transform:uppercase;font-family:Noto Serif TC,serif;font-size:13px}.main{flex:1;padding:48px 0 32px}.title-wrap{text-align:center;margin-bottom:56px}.eyebrow{letter-spacing:4px;color:var(--accent);text-transform:uppercase;margin-bottom:12px;font-family:Noto Serif TC,serif;font-size:13px;font-weight:500;display:inline-block}.title{letter-spacing:-1px;margin:0 0 16px;font-family:Noto Serif TC,serif;font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.1}.lead{color:var(--ink-soft);max-width:540px;margin:0 auto;font-size:16px;line-height:1.7}.grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:56px;display:grid}@media (width<=768px){.grid{grid-template-columns:1fr;gap:32px}}.inputs{flex-direction:column;gap:20px;display:flex}.field{flex-direction:column;display:flex}.label{letter-spacing:1px;color:var(--ink);margin-bottom:6px;font-family:Noto Serif TC,serif;font-size:13px;font-weight:700}.input{width:100%;color:var(--ink);background:#ffffff8c;border:1.5px solid #3a353033;border-radius:0;outline:none;padding:14px 16px;font-family:Noto Sans TC,sans-serif;font-size:16px;transition:border-color .2s,background .2s}.input:focus{border-color:var(--accent);background:#ffffffd9}.buttons{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.btn{letter-spacing:1px;border-radius:0;align-items:center;gap:8px;padding:12px 24px;font-family:Noto Serif TC,serif;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary{color:var(--ink);background:0 0;border:1.5px solid #3a353066}.btn-secondary:hover{background:#3a35300d}.btn-primary{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.hint{color:var(--ink-soft);margin:8px 0 0;font-size:13px;font-style:italic}.preview-wrap{justify-content:center;display:flex}.preview{width:100%;max-width:420px;box-shadow:var(--shadow);background:#fff;border-radius:8px;transition:transform .3s;overflow:hidden;transform:rotate(-1deg)}.preview:hover{transform:rotate(0)}.card{width:100%;height:auto;display:block}.footer{text-align:center;border-top:1px solid #3a35301f;margin-top:64px;padding:32px 0 48px}.footer p{color:var(--ink-soft);margin:0 0 16px;font-family:Noto Serif TC,serif;font-size:15px;font-style:italic}.cta{letter-spacing:2px;color:var(--ink);border:1.5px solid var(--ink);text-transform:uppercase;padding:10px 24px;font-family:Noto Serif TC,serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.cta:hover{background:var(--ink);color:var(--paper)}