:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#312b30;background:#f7f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:28px 22px calc(22px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center}.brand{font:700 27px Georgia,serif;letter-spacing:-2px;color:#6d263c}.brand span{font:12px "PingFang SC",sans-serif;letter-spacing:2px;margin-left:12px;color:#53444b}.badge{font-size:11px;color:#6d263c;border:1px solid #dfcbd2;padding:5px 9px;border-radius:5px}.intro{margin:38px 0 26px;border-left:3px solid #8e3c56;padding-left:17px}.eyebrow{font-size:12px;color:#8e3c56;letter-spacing:2px}h1{font-family:"Songti SC","SimSun",serif;font-size:30px;line-height:1.5;font-weight:600;margin:10px 0}p{line-height:1.7}.intro p{font-size:13px;color:#79717a;margin:10px 0 0}form{background:white;border:1px solid #e6e1e5;border-radius:14px;padding:18px;box-shadow:0 8px 30px #38212d05}label{font-size:14px;font-weight:600;display:block}label span{display:block;font-size:11px;color:#938b93;font-weight:400;margin-top:5px}textarea{width:100%;border:0;resize:vertical;min-height:112px;background:transparent;font:15px/1.8 inherit;font-family:inherit;font-size:15px;line-height:1.8;color:#312b30;padding:15px 0 4px;outline:none}textarea::placeholder{color:#aaa3aa}.form-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f1eef1;padding-top:13px}#count{font-size:11px;color:#999}button{font:inherit;cursor:pointer;touch-action:manipulation}#submit{border:0;background:#6d263c;color:white;padding:12px 19px;border-radius:8px;font-size:14px}#submit span{margin-left:16px}button:disabled{opacity:.55;cursor:wait}.examples{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.examples button{border:1px solid #e5dfe5;background:transparent;border-radius:20px;padding:8px 11px;color:#786772;font-size:11px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e2e6;margin-top:25px;padding-top:16px;font-size:11px;color:#918791}footer button{border:0;background:none;color:#877582;font-size:12px}#status{font-size:13px;color:#8e3c56;min-height:20px}.turn{margin:0 0 22px}.question{font-size:13px;color:#796b75;padding:0 3px;white-space:pre-wrap;overflow-wrap:anywhere}.answer{background:#fff;border:1px solid #e7dce2;border-radius:12px;padding:18px;margin-top:10px}.answer-label{color:#8e3c56;font-size:11px;letter-spacing:1px}.answer-text{font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 16px}.copy{border:1px solid #d5bac6;background:#fbf6f8;color:#6d263c;border-radius:7px;padding:9px 16px;font-size:13px}details{font-size:11px;color:#8e828b;margin-top:15px;line-height:1.8}summary{cursor:pointer}button:focus-visible,textarea:focus-visible{outline:2px solid #aa627b;outline-offset:4px}@media(max-width:380px){main{padding:20px 16px}h1{font-size:26px}.intro{margin-top:28px}}@media(prefers-reduced-motion:no-preference){.answer{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}