*{box-sizing:border-box}html{background:#e9e9e9}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#333}.page{width:min(100%,414px);margin:auto;min-height:100vh;background:#f5f5f5;padding-bottom:190px}header img{display:block;width:100%;height:auto}.conversation{padding:16px 12px;display:flex;flex-direction:column;gap:12px}.message{display:flex;align-items:flex-start;gap:10px}.message.user{justify-content:flex-end}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none}.message-content{max-width:75%}.sender{font-size:12px;color:#333;margin-bottom:4px}.bubble{background:white;padding:12px 16px;border-radius:8px;font-size:16px;line-height:1.6;box-shadow:0 1px 2px #0002;overflow-wrap:anywhere}.user .bubble{background:#e22d3d;color:white}footer{text-align:center;color:#999;font-size:12px;padding:20px 16px}.controls{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,414px);padding:12px 12px max(12px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 10px #0002;display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls:empty{display:none}button{font:inherit}.option,.add{background:#e22d3d;color:white;border:0;border-radius:8px;min-height:50px;padding:14px;font-size:16px;font-weight:bold;cursor:pointer}.add{grid-column:1/-1;font-size:18px}button:focus-visible{outline:3px solid #246cc7;outline-offset:2px}dialog{border:0;border-radius:12px;padding:24px;max-width:90%;text-align:center;box-shadow:0 10px 40px #0004}dialog::backdrop{background:#0008}dialog h2{font-size:19px}.close{float:right;border:0;background:none;font-size:28px;cursor:pointer}#contact-content img{display:block;max-width:240px;width:100%;margin:16px auto}#contact-content p{font-size:16px;line-height:1.6}