body { font-family: 'Segoe UI', Arial, sans-serif; background: #f7f8fa; color: #20232a; margin: 0; }
.container { max-width: 680px; margin: 2em auto; background: #fff; padding: 2em; border-radius: 10px; box-shadow: 0 4px 24px rgba(0,0,0,0.11); }
header { text-align: center; margin-bottom: 2em; }
.subtitle { color: #5791e0; margin-top: 0.5em; font-size: 1.15em; }
.preview-img { display: block; margin: 0 auto 1.2em auto; max-width: 300px; border-radius: 8px; box-shadow: 0 0 8px #b9cdf7bb; }
.template-list { columns: 2; margin: 1.5em 0; font-size: 1.06em; }
.buybox { text-align: center; margin: 2em 0 1.2em 0; }
.cta-button { background: #2c63e4; color: #fff; text-decoration: none; font-size: 1.18em; padding: 0.7em 1.7em; border-radius: 6px; box-shadow: 0 2px 10px #6293fc33; transition: background 0.18s; font-weight: 600; }
.cta-button:hover { background: #1749cb; }
.note { margin-top: 0.3em; color: #666; font-size: 0.97em; }
.guarantee { background: #deebff; border-left: 4px solid #2c63e4; padding: 0.95em; border-radius: 7px; margin: 2em 0 1.5em 0; }
.gallery { display: flex; gap: 1em; justify-content: center; margin-top: 1em; flex-wrap: wrap; }
.gallery img { width: 170px; border: 1px solid #cdd6e6; border-radius: 7px; box-shadow: 0 0 6px #dde5f7bb; }
footer { text-align: center; font-size: 0.96em; color: #888; margin-top: 2em; }