:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:#263f34;background:#f7f8f4;font-synthesis:none;--green:#2e5848;--muted:#657369;--line:#dfe5db;--paper:#fff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:40px;border:1px solid var(--line);border-radius:8px;padding:10px 16px;background:#fff;color:#2b4437;font-size:13px;font-weight:600}button:hover:not(:disabled){background:#edf2e9}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9c673f;outline-offset:3px}a{color:inherit;text-underline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-90px;left:16px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}.topbar{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;text-decoration:none}.brand-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:13px;background:var(--green);color:#fff;font-family:Georgia,serif;font-size:29px;font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:4px;color:var(--muted)}.top-actions{display:flex;gap:8px;align-items:center}.mobile-preview{display:none}main{max-width:1400px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:40px 0 35px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin:0 0 13px}.intro h1{font-size:34px;letter-spacing:-.5px;font-weight:650;margin:0 0 12px;line-height:1.5}.intro p:last-child{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.intro-note{text-align:right;font-size:12px}.intro-note span{display:inline-block;padding:6px 12px;background:#e9efdf;color:#42603d;border-radius:30px;margin-bottom:12px}.intro-note p:last-child{font-size:12px}.mobile-break{display:none}.workspace{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:30px;align-items:start}fieldset{min-width:0}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:26px;margin:0 0 22px;box-shadow:0 2px 5px #223d2b02}.panel legend{float:left;width:100%;padding:0 0 22px;font-size:15px;font-weight:650}.panel legend+*{clear:both}.panel legend span{display:inline-block;color:#82917c;font-size:12px;letter-spacing:1px;margin-right:9px}.panel label{display:block;font-size:12px;font-weight:600;margin-bottom:8px}.panel input:not([type=file]):not([type=color]),.panel textarea{display:block;width:100%;border:1px solid #dbe2d6;border-radius:7px;padding:11px 12px;font-size:14px;line-height:1.6;color:#253f32;background:#fdfefb;margin:0 0 16px;min-width:0}.panel textarea{resize:vertical;min-height:70px}.panel input::placeholder,.panel textarea::placeholder{color:#889382}.panel input:focus,.panel textarea:focus{background:white;border-color:var(--green)}.help{font-size:11px;line-height:1.9;color:var(--muted);margin:12px 0 0}.intro-help{padding:0 0 20px;margin:0}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.templates button{padding:10px 9px 12px;border-radius:9px;text-align:left;min-width:0}.templates button[aria-pressed=true]{border-color:#2e5848;box-shadow:0 0 0 1px #2e5848}.templates strong{display:block;font-size:11px;margin:10px 0 4px}.templates small{display:block;font-size:10px;color:var(--muted);font-weight:400}.template-swatch{display:flex;flex-direction:column;gap:7px;height:92px;border:1px solid #d9ddd1;padding:21px 13px;border-radius:3px;position:relative}.template-swatch:before{content:"";height:8px;width:55%;background:currentColor;opacity:.75;margin-bottom:6px}.template-swatch i{height:2px;background:currentColor;opacity:.3}.cafe{background:#f8f4e9;color:#2e5848;border-top:5px solid #2e5848}.beauty{background:#fbf3f0;color:#875666;border-radius:28px 2px 2px 2px}.studio{background:#f6f8fc;color:#304c76;border-top:5px solid #304c76}.template-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}.template-foot .help{margin:0}.text-button{padding:5px 0;border:0;background:none;font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:4px;min-height:32px}.brand-controls{display:grid;grid-template-columns:100px 1fr;gap:24px;align-items:start;border-top:1px solid var(--line);padding-top:18px}.color-control input{display:block;margin-top:10px;width:62px;height:39px;padding:3px;border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer}.logo-control input{max-width:100%;font-size:11px;width:100%;margin:5px 0}.logo-control button{margin-top:2px}.item{border:1px solid var(--line);border-radius:9px;padding:15px;margin-bottom:14px;background:#f9fbf6}.item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;font-size:11px;color:var(--muted)}.item-top div{display:flex;gap:5px}.item-top button{min-height:30px;height:30px;width:30px;padding:0;font-size:15px}.item-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12px}.item label{font-size:11px}.item input:not([type=file]):not([type=color]),.item textarea{background:#fff;margin-top:7px;margin-bottom:12px;font-size:13px}.item textarea{margin-bottom:0}.add-button{display:block;width:100%;background:#f1f5ed;border-style:dashed;min-height:43px}.preview{min-width:0;scroll-margin-top:22px}.preview-sticky{position:sticky;top:24px;background:#eef1e9;border:1px solid var(--line);border-radius:14px;padding:25px}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.preview-top h2{font-size:16px;font-weight:600;margin:0}.preview-top .eyebrow{margin-bottom:8px;font-size:9px}.paper-tag{font-size:10px;padding:6px 10px;border:1px solid #d1d9cb;border-radius:20px;color:#5c6d57}.paper-stage{padding:20px 24px;background:#e1e7da;border-radius:8px;position:relative}#paper{display:block;width:100%;height:auto;box-shadow:0 7px 22px #33492f20;background:#fff}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:16px 0}.page-controls>div{display:flex;align-items:center;gap:11px}.page-controls button{width:31px;min-height:30px;padding:0}.export-buttons{display:grid;grid-template-columns:1.1fr 1fr;gap:10px}.export-buttons button{min-height:47px;font-size:12px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover:not(:disabled){background:#234436}.status{font-size:12px;line-height:1.8;border-top:1px solid #d7dfcf;padding-top:13px;margin:14px 0 0;min-height:34px}.error,.preview-error{color:#973d32}.preview-error{padding:15px;background:#fff1e9;border:1px solid #dcaaa0;font-size:14px;line-height:1.8}.privacy{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0 0}.guide{margin:65px 0;display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:start}.guide h2{font-size:29px;line-height:1.6;font-weight:500;margin:0 0 15px}.guide>div>p:last-of-type{font-size:14px;color:var(--muted);line-height:1.9;max-width:350px}.guide>div>a{font-size:12px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:18px 0;font-size:13px;line-height:1.8}.faq p{font-size:12px;line-height:2;color:var(--muted);margin:0 0 20px}.service{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:29px 35px;background:#e9efdf;border:1px solid var(--line);border-radius:12px;margin-bottom:45px}.service h2{font-size:18px;font-weight:600;line-height:1.7;margin:0 0 9px}.service p{font-size:12px;margin:0;color:var(--muted)}.service a{flex-shrink:0;font-size:12px}footer{max-width:1320px;margin:auto;padding:22px 0 30px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}footer p{margin:0}footer a{text-decoration:none}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;max-width:440px;width:calc(100% - 40px);box-shadow:0 20px 70px #173e2520;color:#263f34}dialog::backdrop{background:#15321e66}dialog h2{margin:0 0 16px;font-size:20px}dialog p{font-size:14px;line-height:1.9}dialog form{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#print-pages{display:none}
@media(max-width:1020px){main{padding:0 25px}.topbar{padding:20px 25px}.workspace{gap:20px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel{padding:20px}.preview-sticky{padding:19px}.paper-stage{padding:14px}.intro h1{font-size:28px}.intro-note{display:none}.brand-controls{grid-template-columns:80px 1fr;gap:15px}.templates{gap:6px}.template-swatch{padding:18px 8px}.template-foot{gap:0}footer{margin:0 25px}.export-buttons{grid-template-columns:1fr}.guide{gap:35px}}
@media(max-width:760px){:root{scroll-behavior:auto}main{padding:0 18px}.topbar{padding:17px 18px;flex-wrap:wrap;gap:14px}.brand{font-size:17px}.brand-icon{width:36px;height:36px;font-size:27px}.top-actions{gap:5px}.top-actions button{font-size:11px;padding:8px 10px;min-height:36px}.mobile-preview{display:block;font-size:11px;padding:9px;text-decoration:none}.intro{padding:30px 0 26px}.intro h1{font-size:29px;line-height:1.6}.intro p:last-child{font-size:12px}.mobile-break{display:block}.workspace{grid-template-columns:1fr;gap:12px}.panel{padding:21px;margin-bottom:16px}.preview-sticky{position:static;padding:21px}.templates{gap:10px}.template-swatch{height:102px;padding:22px 13px}.templates strong{font-size:12px}.brand-controls{grid-template-columns:80px 1fr}.export-buttons{grid-template-columns:1fr 1fr}.guide{grid-template-columns:1fr;gap:25px;margin:45px 0}.guide h2{font-size:26px}.guide h2 br{display:none}.guide>div>p:last-of-type{max-width:none;font-size:13px}.service{padding:25px;flex-direction:column;align-items:flex-start;gap:18px}.service h2{font-size:17px}footer{margin:0 18px;flex-wrap:wrap;line-height:1.9}.item-grid{gap:10px}.page-controls{font-size:11px}.preview-top h2{font-size:18px}.panel input:not([type=file]):not([type=color]),.panel textarea,.item input:not([type=file]):not([type=color]),.item textarea{font-size:16px}.help{font-size:12px}.privacy{font-size:11px}.template-foot .text-button{font-size:12px}}
@media(max-width:380px){.top-actions{width:100%}.mobile-preview{margin-left:auto}.templates strong{font-size:10px}.item-grid{grid-template-columns:1fr}.export-buttons{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:0}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body>*:not(#print-pages){display:none!important}#print-pages{display:block!important}.print-sheet{display:block;width:210mm!important;height:297mm!important;break-after:page;break-inside:avoid;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-sheet:last-child{break-after:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}