:root{--bg: #f2f3f7;--card: #ffffff;--text: #1a1d26;--muted: #9aa0b0;--line: #eceef3;--brand: #514e9c;--brand-dark: #3f3c82;--brand-light: #f0effa;--accent: #514e9c;--question-bg: #f4f5f8}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif}body{min-height:100vh}button{border:none;background:none;padding:0;cursor:pointer}.page{max-width:430px;margin:0 auto;padding:0 0 32px;background:var(--card);min-height:100vh}.state{padding:80px 16px;text-align:center;color:var(--muted)}.state.error{color:#d14343}.top-bar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;padding:12px 16px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#666b78}.top-title{text-align:center;font-size:15px;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-spacer{width:32px}.app-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#f7f8fb;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand);color:#fff;font-size:16px;font-weight:700}.brand-name{font-size:15px;font-weight:700;line-height:1.2}.brand-slogan{margin-top:2px;font-size:11px;color:var(--muted);line-height:1.2}.banner-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;background:var(--brand);color:#fff;border-radius:999px;font-size:13px;font-weight:600;padding:7px 14px}.content-card{padding:20px 16px 0}.user-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}.avatar{width:52px;height:52px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--brand-light);color:var(--brand);font-size:20px;font-weight:700}.user-meta{min-width:0}.hero-title{margin:0;font-size:16px;font-weight:700;line-height:1.45}.hero-date{margin-top:4px;color:var(--muted);font-size:12px}.question-card{padding:14px 16px;font-size:16px;line-height:1.65;color:#2f3440;background:var(--question-bg);border-radius:14px;margin-bottom:22px}.result-body{padding-bottom:8px}.hex-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.hex-image{width:80px;height:120px;object-fit:contain}.alias{margin:0 0 14px;text-align:center;font-size:26px;font-weight:700;line-height:1.3}.poem{margin-bottom:20px}.poem-lines{text-align:center;color:#4d5568;font-size:15px}.poem-line{line-height:1.9}.poem-line+.poem-line{margin-top:4px}.description p{margin:0 0 14px;line-height:1.9;color:#333844;font-size:14px}.description p:last-child{margin-bottom:0}.markdown-body{color:#333844;font-size:15px;line-height:1.75;word-break:break-word}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p{margin:0 0 14px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin:20px 0 12px;font-weight:700;line-height:1.6;color:var(--text)}.markdown-body h1{font-size:22px}.markdown-body h2{font-size:20px}.markdown-body h3,.markdown-body h4{font-size:18px}.markdown-body strong{font-weight:700}.markdown-body em{font-style:italic}.markdown-body ul,.markdown-body ol{margin:0 0 14px;padding-left:1.4em}.markdown-body li{margin:6px 0}.markdown-body li>p{margin:0}.markdown-body blockquote{margin:0 0 14px;padding:2px 0 2px 12px;border-left:3px solid rgba(81,78,156,.25);color:#5c6370;font-size:14px}.markdown-body hr{margin:18px 0;border:none;border-top:1px solid rgba(81,78,156,.2)}.markdown-body code{padding:2px 6px;border-radius:4px;background:#514e9c14;font-size:.92em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.markdown-body pre{margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#f4f5f8;overflow-x:auto}.markdown-body pre code{padding:0;background:none;font-size:13px}.ai-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.footer{margin-top:28px;padding:18px 0 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-qr{width:76px;height:76px;flex-shrink:0}@media (min-width: 768px){body{background:var(--bg);padding:16px 0}.page{border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #1f243014;min-height:auto}}