*{box-sizing:border-box}
body{background:#f5f7fa;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}
.container{max-width:1200px;margin:0 auto;padding:20px}
.buy-page-header{text-align:center;padding:30px 0}
.buy-page-header h1{font-size:28px;font-weight:700;color:#1d2129;margin:0 0 8px}
.buy-page-header p{font-size:16px;color:#86909c;margin:0}
.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06);padding:24px;margin-bottom:20px}
.card-title{font-size:18px;font-weight:600;color:#1d2129;margin-bottom:16px}
.config-group{margin-bottom:24px}
.config-label{font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center}
.config-label span{color:#f56c6c;margin-left:4px}
.region-list{display:flex;flex-wrap:wrap;gap:10px}
.region-item{padding:10px 16px;border:1px solid #e5e6eb;border-radius:8px;cursor:pointer;transition:.2s}
.region-item.active{border-color:#409eff;background:#e8f3ff;color:#409eff}
.bundle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.bundle-item{padding:16px;border:1px solid #e5e6eb;border-radius:10px;cursor:pointer;transition:.2s}
.bundle-item.active{border-color:#409eff;background:#f0f7ff}
.bundle-item h4{margin:0 0 8px;font-size:16px}
.bundle-item p{margin:4px 0;color:#666;font-size:14px}
.price-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 12px rgba(0,0,0,.08);height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;max-width:1200px;margin:0 auto}
.price-show{display:flex;align-items:center;gap:12px}
.price-old{text-decoration:line-through;color:#999}
.price-new{font-size:26px;font-weight:700;color:#f56c6c}
.btn-buy{height:44px;padding:0 24px;border-radius:8px;font-size:16px}