/* ======================================================================
   GETAUVE · Find Your Toy Quiz 独立测试板块
   桌面：标题上方独立块，选项条 680px 居中（按 cheng 红框比例 57.8%）
   ====================================================================== */

.gvfq-wrap{
  max-width:1180px;
  margin:0 auto;
  padding:0 20px;
}

.gvfq{
  text-align:center;
  padding:var(--gvfq-pt,6px) 0 var(--gvfq-pb,52px);
}

.gvfq__title{
  font-family:Georgia,"Times New Roman",serif;
  font-size:54px;
  font-weight:700;
  line-height:1.24;
  letter-spacing:-0.4px;
  color:#0C0B0B;
  margin:0;
}
.gvfq__pill{
  display:inline-block;
  background:#E51C8C;
  color:#fff;
  font-family:"Open Sans","Segoe UI",Arial,sans-serif;
  font-size:38px;
  font-weight:600;
  letter-spacing:.2px;
  line-height:1.36;
  padding:2px 18px 4px;
  border-radius:9px;
  vertical-align:5px;
  margin:0 2px;
}
.gvfq__suffix{
  display:inline-block;
}
.gvfq__sub{
  font-family:"Open Sans","Segoe UI",Arial,sans-serif;
  font-size:15px;
  font-weight:500;
  letter-spacing:.5px;
  color:#6B6B6B;
  margin:20px 0 26px;
}

/* 选项条：宽度按红框比例，居中 */
.gvfq__opts{
  display:flex;
  gap:18px;
  justify-content:center;
  width:100%;
  max-width:680px;
  margin:0 auto;
}
.gvfq__opt{
  flex:1 1 0;
  display:flex;
  align-items:center;
  gap:11px;
  height:62px;
  padding:0 26px;
  border-radius:999px;
  border:1px solid #D8CCC0;
  background:transparent;
  text-decoration:none;
  color:#2B1F1A;
  font-family:"Open Sans","Segoe UI",Arial,sans-serif;
  font-size:16px;
  font-weight:500;
  letter-spacing:.2px;
  transition:border-color .18s ease, transform .18s ease;
}
.gvfq__opt:hover{transform:translateY(-1px);}
.gvfq__heart{
  font-size:17px;
  line-height:1;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.gvfq__label{flex:1;text-align:left;}
.gvfq__arrow{
  color:#E51C8C;
  font-size:17px;
  font-weight:600;
  line-height:1;
  flex:none;
}

.gvfq__opt--solo{border-color:#D8CCC0;}
.gvfq__opt--solo .gvfq__heart{color:#A9805A;}
.gvfq__opt--solo:hover{border-color:#B9A794;}

.gvfq__opt--couple{border-color:#EFB9D5;}
.gvfq__opt--couple .gvfq__heart{color:#E51C8C;}
.gvfq__opt--couple:hover{border-color:#E08FBC;}

/* ===================== 平板 ===================== */
@media (max-width:1023px){
  .gvfq{padding:var(--gvfq-pt-m,4px) 0 var(--gvfq-pb-m,44px);}
  .gvfq__title{font-size:40px;}
  .gvfq__pill{font-size:29px;padding:1px 14px 3px;}
  .gvfq__sub{font-size:14px;margin:16px 0 22px;}
  .gvfq__opts{max-width:600px;gap:14px;}
  .gvfq__opt{height:58px;padding:0 22px;font-size:15px;}
  .gvfq__heart{font-size:16px;}
  .gvfq__arrow{font-size:16px;}
}

/* ===================== 手机 ===================== */
@media (max-width:767px){
  .gvfq{padding:var(--gvfq-pt-m,2px) 0 var(--gvfq-pb-m,38px);}
  .gvfq__title{font-size:28px;line-height:1.26;letter-spacing:-0.2px;}
  .gvfq__pill{font-size:20px;padding:1px 10px 2px;border-radius:7px;vertical-align:2px;}
  .gvfq__sub{font-size:12.5px;margin:14px 0 19px;}
  .gvfq__opts{flex-direction:column;gap:11px;max-width:none;}
  .gvfq__opt{flex:none;width:100%;height:54px;padding:0 20px;font-size:15px;}
  .gvfq__heart{font-size:16px;}
  .gvfq__arrow{font-size:15px;}
}
