*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",sans-serif;background:#f7f7f8;color:#1f2328;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll}
.qr-row{display:flex;gap:10px;align-items:center}
.app{max-width:860px;margin:0 auto;display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}
.header{padding:20px 16px;border-bottom:1px solid #e5e7eb;background:#fff;position:relative}
.header h1{margin:0;font-size:20px}
.desc{margin-top:6px;font-size:13px;color:#6b7280}
.qr{position:absolute;right:12px;top:10px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.qr img{width:120px;height:120px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
.qr-text{font-size:11px;color:#374151;background:#fff;padding:2px 6px;border:1px solid #e5e7eb;border-radius:6px}
.actions{margin-top:10px}
.secondary{padding:8px 12px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;color:#374151;cursor:pointer}
.secondary:hover{background:#f3f4f6}
.main{flex:1;display:flex;flex-direction:column;padding:16px}
.messages{flex:1;overflow:auto;padding-bottom:12px}
.msg{display:flex;margin:10px 0}
.msg .avatar{width:28px;height:28px;border-radius:50%;margin-right:10px;flex:0 0 auto;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;color:#374151}
.msg .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.msg .bubble{background:#ffffff;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;max-width:720px;line-height:1.6}
.msg.user .bubble{background:#eef2ff;border-color:#c7d2fe}
.input-bar{display:flex;gap:10px;border-top:1px solid #e5e7eb;padding:12px 0}
#question{flex:1;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px}
#ask{padding:10px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}
#ask:hover{background:#1d4ed8}
.note{font-size:12px;color:#6b7280;margin-top:6px}
.footer{padding:12px 16px;border-top:1px solid #e5e7eb;background:#fff;font-size:12px;color:#6b7280}
body.has-bg{background-attachment:scroll;background-repeat:no-repeat;background-position:center center;background-size:cover}
/* icon block beside QR */
.icon{width:120px;height:120px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,0.06);background-image:url('/assets/tuxiang.jpg?v=20251120-2');background-position:center;background-size:cover;background-repeat:no-repeat}
/* hide header icon, keep QR */
#siteIcon{display:none}