:root{color-scheme:light;--ink:#302129;--muted:#766870;--line:#eadde2;--paper:#fffdfd;--rose:#89335b;--rose2:#b7607f;--blue:#276ca2;--shadow:0 18px 50px rgba(73,37,53,.09)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#fffafb 0,#f8f1f4 60%,#f1eef7 100%);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang TC","Noto Sans TC",sans-serif;min-height:100vh}.topbar{height:78px;padding:0 max(22px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,253,253,.88);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.brand>span:last-child{display:grid}.brand b{font-size:17px}.brand small{color:var(--muted);font-size:11px;letter-spacing:.06em}.mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:white;font:700 12px Georgia;background:linear-gradient(145deg,var(--rose),#bc718d);box-shadow:0 8px 22px rgba(137,51,91,.24)}.state{font-size:13px;color:var(--muted);padding:8px 12px;border-radius:999px;background:#f1e8ec}.state.ready{color:#176541;background:#e4f4eb}.state.waiting{color:#835d17;background:#fbf1d8}main{max-width:1120px;margin:auto;padding:28px 22px 80px}.tabs{display:flex;gap:8px;margin-bottom:22px}.tabs button,.ghost{border:1px solid var(--line);background:rgba(255,255,255,.72);color:var(--muted);padding:11px 16px;border-radius:999px;font-weight:700;cursor:pointer}.tabs button.active{background:var(--ink);border-color:var(--ink);color:white}.view{display:none}.view.active{display:block}.hero{padding:44px 4px 30px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--rose);font-weight:800;margin:0 0 12px}.hero h1,.history-head h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(34px,6vw,64px);line-height:1.08;margin:0;letter-spacing:-.035em}.hero>p:last-child{color:var(--muted);font-size:17px}.panel{background:rgba(255,253,253,.88);border:1px solid rgba(234,221,226,.9);border-radius:28px;padding:24px;margin:18px 0;box-shadow:var(--shadow)}.section-title,.section-title>div,.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title>div{justify-content:flex-start}.section-title span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f3e5eb;color:var(--rose);font-size:12px;font-weight:800}.section-title h2{font-size:20px;margin:0}.section-title small{color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.template{border:1px solid var(--line);background:white;border-radius:20px;padding:17px;text-align:left;cursor:pointer;min-height:122px;transition:.18s ease}.template:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(73,37,53,.08)}.template.selected{border:2px solid var(--rose);background:#fff7fa}.template b,.template small{display:block}.template b{font-size:16px;margin:8px 0 5px}.template small{color:var(--muted);line-height:1.45}.template .icon{font-size:22px}textarea{width:100%;min-height:150px;border:1px solid var(--line);border-radius:20px;background:white;padding:18px;color:var(--ink);font:inherit;font-size:16px;resize:vertical;margin-top:18px;outline:none}textarea:focus{border-color:var(--rose);box-shadow:0 0 0 4px rgba(137,51,91,.08)}.selection{font-size:13px;color:var(--muted);margin:12px 2px}.primary{width:100%;border:0;border-radius:18px;padding:17px;background:linear-gradient(100deg,var(--rose),var(--rose2));color:white;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 12px 26px rgba(137,51,91,.22)}.primary:disabled{opacity:.55;cursor:wait}.current{margin-top:14px;border-radius:18px;padding:16px;background:#f4edf0;white-space:pre-line}.history-head{align-items:end;padding:38px 4px 18px}.history-head h1{font-size:clamp(30px,5vw,48px)}.hint{color:var(--muted)}.history-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.card{overflow:hidden;border:1px solid var(--line);background:var(--paper);border-radius:22px;box-shadow:var(--shadow)}.card img,.placeholder{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee7ea}.placeholder{display:grid;place-items:center;text-align:center;color:var(--muted);padding:20px}.card-body{padding:16px}.card-body b,.card-body small{display:block}.card-body small{color:var(--muted);margin-top:7px;line-height:1.45}.download{display:inline-block;margin-top:12px;color:var(--rose);font-weight:800;text-decoration:none}.empty{grid-column:1/-1;padding:45px;text-align:center;color:var(--muted);background:rgba(255,255,255,.6);border-radius:22px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);opacity:0;background:var(--ink);color:white;border-radius:14px;padding:13px 18px;transition:.2s;pointer-events:none;z-index:30}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.topbar{height:68px;padding:0 16px}.state{max-width:112px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}main{padding:18px 14px 60px}.hero{padding:32px 4px 18px}.template-grid{grid-template-columns:repeat(2,1fr)}.history-grid{grid-template-columns:1fr}.panel{padding:18px;border-radius:22px}.history-head{align-items:center}}