:root{--bg:#f4e6c8;--surface:#fffaf0;--border:#dcc9a3;--text:#6f5f4a;--accent:#8a624a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,"Microsoft YaHei",sans-serif}main{max-width:880px;margin:auto;padding:48px 22px}header{margin-bottom:28px}h1{font-size:clamp(26px,5vw,38px);margin:8px 0}header p{margin:0}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--accent)}.tool{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px;box-shadow:0 8px 24px #6f5f4a14}.fields{display:grid;grid-template-columns:1fr 1.6fr;gap:20px}label{font-weight:650}input{display:block;width:100%;min-width:0;margin-top:8px;border:1px solid var(--border);border-radius:10px;padding:13px 16px;font:600 24px/1.4 inherit;font-size:24px;background:#fffdf8;color:var(--text)}small{display:block;font-size:12px;font-weight:400;margin-top:6px}button{cursor:pointer;font:inherit;border:1px solid var(--border);color:var(--accent);background:transparent;border-radius:8px;padding:7px 13px}button:hover{background:#efe3cb}button:focus-visible,input:focus-visible{outline:3px solid #b88b55;outline-offset:3px}.primary{display:flex;justify-content:space-between;width:100%;background:var(--accent);color:#fffaf0;border:0;margin-top:22px;padding:13px 18px;font-weight:650}.primary:hover{background:#6f5f4a}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 24px;font-size:13px}.examples>span{margin-right:4px}.result{display:flex;align-items:center;gap:20px;background:#f3e9d2;border-radius:12px;padding:18px;margin-top:10px}.plate{flex:none;font-size:24px;font-weight:750;letter-spacing:3px;border:1px solid #b99c6d;border-radius:7px;padding:5px 13px}.result strong{display:block;font-size:20px;overflow-wrap:anywhere}.result small{margin:0}.summary{font-size:13px;margin:0}.note{font-size:12px;border-top:1px solid var(--border);padding-top:16px;margin:22px 0 0}.error{color:#a33926}.guide{padding:20px 4px;font-size:14px}.guide h2{font-size:18px;margin:22px 0 6px}.guide p{margin:0 0 12px}footer{text-align:center;font-size:12px;margin-top:22px}html[data-embedded=true],html[data-embedded=true] body{background:transparent}html[data-embedded=true] main{padding:12px;max-width:880px}html[data-embedded=true] header,html[data-embedded=true] .guide,html[data-embedded=true] footer{display:none}@media(max-width:520px){main{padding:28px 14px}.tool{padding:20px 16px}.fields{grid-template-columns:1fr;gap:14px}.result{gap:12px;padding:14px}.result strong{font-size:18px}.plate{font-size:21px}html[data-embedded=true] main{padding:8px}}