:root{--bg: #f5f7fb;--card: #ffffff;--text: #1f2937;--muted: #6b7280;--primary: #0f766e;--primary-hover: #0b5d57;--danger: #b91c1c;--border: #e5e7eb;--shadow: 0 8px 24px rgba(15, 23, 42, .08)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at top,#e8f9f5 0%,var(--bg) 50%)}button{border:0;cursor:pointer;border-radius:10px;padding:10px 14px;background:#e5e7eb;color:var(--text)}button:disabled{cursor:not-allowed;opacity:.65}code,pre{font-family:Consolas,Menlo,Monaco,monospace}.template-page{max-width:840px;margin:0 auto;padding:24px 16px 40px}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:18px;margin-bottom:14px}.hero{background:linear-gradient(145deg,#fff,#eefcf8)}.badge{display:inline-flex;align-items:center;background:#dcfce7;color:#14532d;border-radius:999px;padding:4px 10px;font-size:12px;margin:0 0 12px}h1,h2{margin:0 0 8px}.desc,p{margin:0 0 10px;color:var(--muted);line-height:1.6}.locale-actions{display:flex;gap:8px;flex-wrap:wrap}.primary{background:var(--primary);color:#fff}.primary:hover{background:var(--primary-hover)}.result{margin-top:12px;background:#0b1020;color:#f8fafc;border-radius:10px;padding:12px;overflow-x:auto}.error{color:var(--danger)}@media (max-width: 640px){.template-page{padding:16px 12px 28px}.card{border-radius:14px;padding:14px}}