* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:-apple-system,"PingFang SC","Helvetica Neue",sans-serif; color:#1d1d1f; line-height:1.8; background:#f5f5f7; min-height:100vh; }
.container { max-width:800px; margin:0 auto; padding:32px 24px 60px; }
.back { display:inline-flex; align-items:center; gap:4px; margin-bottom:24px; color:#000; text-decoration:none; font-size:14px; font-weight:500; }
.back:hover { opacity:.7; }
.page-title { font-size:32px; font-weight:800; text-align:center; margin-bottom:8px; color:#1d1d1f; }
.page-subtitle { font-size:14px; text-align:center; color:#86868b; margin-bottom:36px; }
h2 { font-size:18px; font-weight:700; color:#1d1d1f; margin:32px 0 16px; padding-left:12px; border-left:3px solid #000; }
p, .desc { font-size:15px; color:#3a3a3c; line-height:1.9; margin-bottom:12px; }
.card-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(220px,1fr)); gap:12px; margin:16px 0; }
.info-card { background:#fff; padding:20px; border-radius:0; box-shadow:0 2px 12px rgba(0,0,0,.04); }
.info-card-icon { font-size:32px; margin-bottom:8px; }
.info-card-title { font-size:16px; font-weight:700; color:#1d1d1f; margin-bottom:4px; }
.info-card-desc { font-size:13px; color:#86868b; line-height:1.6; }
.info-label { font-size:12px; color:#86868b; margin-bottom:4px; font-weight:500; }
.info-value { font-size:15px; font-weight:600; color:#1d1d1f; }
.list-card { background:#fff; border-radius:0; overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.04); margin:16px 0; }
.list-item { display:flex; align-items:center; gap:14px; padding:18px 20px; border-bottom:1px solid #f5f5f7; }
.list-item:last-child { border-bottom:none; }
.list-item-icon { font-size:24px; flex-shrink:0; }
.list-item-info { flex:1; }
.list-item-title { font-size:15px; font-weight:600; color:#1d1d1f; }
.list-item-desc { font-size:13px; color:#86868b; }
.cta-card { background:linear-gradient(135deg,#000,#1a1a1a); color:#fff; padding:32px; border-radius:0; text-align:center; margin:24px 0; }
.cta-card h3 { font-size:22px; font-weight:800; margin-bottom:8px; }
.cta-card p { color:rgba(255,255,255,.8); font-size:14px; margin-bottom:20px; }
.cta-btn { display:inline-block; padding:12px 32px; background:#fff; color:#000; font-size:15px; font-weight:700; border-radius:0; text-decoration:none; transition:all .2s; }
.cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.2); }
.policy-list { margin:12px 0; }
.policy-item { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid #f0f0f0; }
.policy-item:last-child { border-bottom:none; }
.policy-num { width:28px; height:28px; border-radius:50%; background:#000; color:#fff; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:700; flex-shrink:0; }
.policy-text { font-size:14px; color:#3a3a3c; line-height:1.7; }
.badge { display:inline-block; padding:4px 12px; border-radius:0; font-size:12px; font-weight:600; }
.badge-hot { background:rgba(255,59,48,.1); color:#ff3b30; }
.badge-new { background:rgba(0,122,255,.1); color:#000; }
.legal { font-size:13px; color:#86868b; line-height:1.8; }
.legal strong { color:#1d1d1f; }
.form-card { background:#fff; padding:28px; border-radius:0; box-shadow:0 2px 12px rgba(0,0,0,.04); margin:16px 0; }
.form-field { margin-bottom:16px; }
.form-field label { display:block; font-size:13px; font-weight:600; color:#1d1d1f; margin-bottom:6px; }
.form-field input,.form-field select,.form-field textarea { width:100%; height:44px; border:1px solid #e5e5ea; border-radius:0; padding:0 14px; font-size:14px; font-family:inherit; color:#1d1d1f; background:#f9f9fb; transition:border-color .2s; }
.form-field textarea { height:100px; padding:12px 14px; resize:vertical; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { outline:none; border-color:#000; background:#fff; }
.form-btn { width:100%; height:48px; border-radius:0; background:#000; color:#fff; font-size:16px; font-weight:700; border:none; cursor:pointer; transition:all .2s; }
.form-btn:hover { background:#1a1a1a; }
.form-btn:active { transform:scale(.98); }
.form-msg { text-align:center; font-size:13px; margin-top:10px; min-height:20px; }
@media(max-width:480px) {
  .card-grid { grid-template-columns:1fr; }
  .page-title { font-size:26px; }
}