* { box-sizing: border-box; }
body { font-family: -apple-system, "Microsoft YaHei", sans-serif; margin: 0; padding: 20px; background: #f5f5f5; color: #333; }
.container { max-width: 600px; margin: 0 auto; background: #fff; padding: 32px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,.08); }

.page-index header { text-align: center; margin-bottom: 28px; }
.page-index h1 { font-size: 1.75rem; margin: 0 0 8px; }
.tagline { color: #666; font-size: 0.95rem; }
.intro h2, .price h2 { font-size: 1.1rem; margin: 0 0 12px; }
.intro ul { margin: 0 0 24px; padding-left: 1.2em; line-height: 1.7; }
.price { margin-bottom: 24px; }
.btn { display: inline-block; padding: 10px 24px; background: #07c160; color: #fff; text-decoration: none; border-radius: 6px; }
.btn:hover { background: #06ad56; }
footer { font-size: 0.9rem; color: #888; }

.page-buy h1, .page-return h1 { margin: 0 0 16px; font-size: 1.35rem; }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; margin-bottom: 4px; font-size: 0.9rem; }
.form-group select { width: 100%; max-width: 280px; padding: 8px; }
.plan-desc { margin: 16px 0; color: #666; }
button[type=submit] { padding: 10px 24px; background: #07c160; color: #fff; border: none; border-radius: 6px; cursor: pointer; }
.error { color: #c00; margin-bottom: 12px; }
.pay-box { text-align: center; margin: 20px 0; }
.qrcode-wrap { margin: 16px 0; }
.qrcode-wrap img { max-width: 220px; height: auto; }
.order-no { font-size: 0.9rem; color: #666; }
.license-box { background: #f8f9fa; padding: 16px; border-radius: 6px; margin: 16px 0; }
.license-box input { width: 100%; padding: 10px; font-family: monospace; }
.license-box .expires, .license-box .tip { font-size: 0.9rem; color: #666; margin: 8px 0 0; }
.msg { margin: 12px 0; }

a { color: #07c160; }