*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#f5f5f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}.container{max-width:720px;margin:0 auto;padding:0 24px}section{padding:80px 0}.hero{text-align:center;padding:120px 0 80px}.hero h1{letter-spacing:-3px;margin-bottom:16px;font-size:80px;font-weight:800}.hero .tagline{color:#666;max-width:480px;margin:0 auto;font-size:22px}h2{margin-bottom:24px;font-size:28px;font-weight:700}p{color:#333;margin-bottom:16px;font-size:18px}.conversation{background:#fff;border-radius:12px;margin:24px 0;padding:24px;box-shadow:0 2px 12px #0000000f}.msg{gap:12px;margin-bottom:16px;display:flex}.msg:last-child{margin-bottom:0}.avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.avatar.blue{color:#4338ca;background:#e0e7ff}.avatar.green{color:#065f46;background:#d1fae5}.avatar.red{color:#991b1b;background:#fee2e2}.bubble{background:#f3f4f6;border-radius:8px;max-width:80%;padding:10px 16px;font-size:15px;line-height:1.5}.bubble .name{color:#888;margin-bottom:2px;font-size:13px;font-weight:600}.bubble .time{color:#aaa;margin-left:8px;font-size:12px;font-weight:400}.bad .bubble{border-left:3px solid #ef4444}.good .bubble{border-left:3px solid #22c55e}.tip-list{padding:0;list-style:none}.tip-list li{color:#444;padding:8px 0;font-size:17px}.tip-list li:before{content:"~ ";color:#888}blockquote{background:#fff;border-left:4px solid #1a1a1a;border-radius:0 8px 8px 0;margin:24px 0;padding:20px 24px;font-size:20px;font-style:italic;box-shadow:0 1px 4px #0000000a}.alt-bg{background:#eaeae5}footer{text-align:center;color:#888;padding:40px 24px;font-size:14px}@media (max-width:600px){.hero h1{letter-spacing:-1.5px;font-size:48px}section{padding:48px 0}.hero{padding:80px 0 48px}h2{font-size:22px}}