/**
 * 小瓦AI·SEO 页专属：按条计费菜单表
 * 加载顺序：site-layout.css → site-visual-refine.css → sem-page.css → reddit-page.css
 */

#menu,
#guarantee{
  scroll-margin-top:92px;
}

#pricing #menu{
  margin-bottom:0;
}
#pricing #menu .section-intro{
  margin-bottom:clamp(14px,2vw,18px);
}
#pricing > .wrap > .divider{
  margin:20px 0 28px;
}

/* 7 步流程：桌面两行（4+3），不折成三行 */
@media (min-width:769px){
  #startup-flow .flow-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.menu-table-wrap{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}

.menu-table-wrap .card{
  padding:0;
  overflow:hidden;
}

.menu-table-wrap .card:hover{
  transform:none;
  box-shadow:none;
}

.rd-table{
  width:100%;
  min-width:0;
  border-collapse:collapse;
  font-size:.86rem;
}

.rd-table th,
.rd-table td{
  padding:9px 16px;
  vertical-align:middle;
  text-align:left;
}

.rd-table th{
  background:var(--c-surface-2);
  color:var(--c-text-2);
  font-weight:600;
  font-size:.76rem;
  letter-spacing:.04em;
  border-bottom:1px solid var(--c-border);
  white-space:nowrap;
}

.rd-table td{
  border-bottom:1px solid var(--c-border);
  font-size:.86rem;
  line-height:1.4;
  color:var(--c-text-2);
}

.rd-table tbody tr:last-child td{border-bottom:none}
.rd-table td:first-child{font-weight:600;color:var(--c-text);white-space:nowrap}
.rd-table .rd-prices{
  display:flex;
  flex-wrap:wrap;
  gap:2px 18px;
}
.rd-table .rd-amt{
  font-weight:700;
  color:var(--c-accent);
}
.rd-table .rd-unit{
  font-weight:600;
  font-size:.82em;
  margin-left:.12em;
  color:var(--c-accent);
}
.rd-table .rd-kind{
  margin-left:.35em;
  font-weight:400;
  color:var(--c-text-3);
  font-size:.82em;
}
.rd-table .rd-note{
  font-weight:400;
  color:var(--c-text-3);
  font-size:.82em;
}
.rd-table .rd-note::before{
  content:" · ";
}

.menu-table-foot{
  margin:12px 2px 0;
  font-size:clamp(.79rem,.9vw,.84rem);
  line-height:1.6;
  color:var(--c-text-3);
}

#guarantee .partner-wall{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
#guarantee .partner-badge__logo{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--c-accent);
}
#guarantee .partner-badge__logo svg{
  width:26px;
  height:26px;
  display:block;
}
#guarantee .partner-badge__name{
  font-size:.86rem;
}
#guarantee .partner-badge__tier{
  max-width:16em;
}

#how-it-works .ai-cite{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  width:100%;
  margin:0 auto 20px;
}
#how-it-works .ai-cite-card{
  margin:0;
  background:var(--c-surface-2);
  border:1px solid var(--c-border);
  border-radius:var(--radius-lg);
  padding:clamp(18px,2.4vw,26px) clamp(16px,2vw,22px);
}
#how-it-works .ai-cite-k{
  margin:0;
  font-size:.78rem;
  color:var(--c-text-3);
  letter-spacing:.02em;
}
#how-it-works .ai-cite-k-short{display:none}
#how-it-works .ai-cite-v{
  margin:8px 0 10px;
  font-size:clamp(1.15rem,2vw,1.35rem);
  font-weight:700;
  line-height:1.2;
  color:var(--c-accent);
}
#how-it-works .ai-cite-p{
  margin:0;
  font-size:.84rem;
  line-height:1.5;
  color:var(--c-text-2);
}
#how-it-works .hiw-bridge{
  width:100%;
  max-width:min(40em,100%);
  margin:28px auto 24px;
  padding-top:28px;
  border-top:1px solid var(--c-border);
  text-align:center;
}
#how-it-works .hiw-bridge-k{
  margin:0 0 8px;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--c-accent);
}
#how-it-works .hiw-turn{
  margin:0;
  font-size:.92rem;
  line-height:1.55;
  color:var(--c-text-2);
}

/* H1 中文断行：nowrap 即可。不要用 inline-block——
   iOS 上会截断父级 background-clip:text，字变透明却仍占位，看起来像空黑框 */
#hero h1 .h1-keep{
  white-space:nowrap;
}
#hero h1 .gradient-text .h1-keep{
  background:inherit;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
@media (max-width:768px){
  #hero h1 .h1-keep{
    white-space:normal;
  }
}

/* 中文 H1 收成两行：左列宽度固定，按容器宽度定字号 */
@media (min-width:901px){
  body:not(.lang-en) #hero .hero-copy > h1{
    font-size:min(2.35rem,6.95cqi);
  }
}

#hero .hero-ai-note{
  display:none;
}

@media (max-width:768px){
  /* Hero：不再插入桌面导语的移动替代句 */
  #hero .hero-ai-note{display:none!important}
  #menu .section-intro p{display:none}

  /* 核心问题：数据三列只留数字，卡只留标题 */
  #how-it-works .section-intro p{display:none}
  #how-it-works .ai-cite{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:14px;
  }
  #how-it-works .ai-cite-card{
    padding:12px 8px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    min-height:0;
  }
  #how-it-works .ai-cite-k{
    font-size:.62rem;
    line-height:1.3;
    width:100%;
    min-height:1.3em;
  }
  #how-it-works .ai-cite-k-full{display:none}
  #how-it-works .ai-cite-k-short{display:inline}
  #how-it-works .ai-cite-v{
    margin:6px 0 0;
    font-size:.92rem;
    line-height:1.2;
  }
  #how-it-works .ai-cite-p{display:none}
  #how-it-works .hiw-bridge{
    max-width:none;
    margin:0 0 14px;
    padding-top:14px;
    text-align:left;
  }
  #how-it-works .hiw-bridge-k{
    font-size:.72rem;
    margin-bottom:4px;
  }
  #how-it-works .hiw-turn{
    font-size:.84rem;
  }
  #how-it-works .trifecta-card.highlight{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;
    padding:10px 14px;text-align:left;
  }
  #how-it-works .trifecta-card.highlight .trifecta-kicker{
    flex:0 0 100%;font-size:.74rem!important;margin-bottom:0!important;
  }
  #how-it-works .trifecta-card.highlight h3{font-size:.88rem;margin:0}
  #how-it-works .trifecta-card.highlight .trifecta-sub{
    flex:0 0 100%;
    font-size:.8rem;margin:0!important;font-weight:500;
  }
  #how-it-works .trifecta-card.highlight .trifecta-body{display:none}

  /* 按条计费：每项上下排，避免名称和两个单价挤瘪 */
  .menu-table-wrap{
    overflow:visible;
    margin-inline:0;
    padding-inline:0;
  }
  .menu-table-wrap .card{
    padding:0;
    overflow:hidden;
  }
  .rd-table,
  .rd-table thead,
  .rd-table tbody,
  .rd-table tr,
  .rd-table th,
  .rd-table td{display:block}
  .rd-table{
    min-width:0;
    width:100%;
  }
  .rd-table thead{display:none}
  .rd-table tbody{display:block}
  .rd-table tr{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding:12px 14px;
    border-bottom:1px solid var(--c-border);
  }
  .rd-table tbody tr:last-child{border-bottom:none}
  .rd-table td{
    border:none;
    padding:0;
    width:100%;
    font-size:.84rem;
    line-height:1.4;
  }
  .rd-table td:nth-child(1){
    font-weight:600;
    color:var(--c-text);
  }
  .rd-table td:nth-child(2){
    text-align:left;
  }
  .rd-table td:nth-child(3){
    font-size:.72rem;
    color:var(--c-text-3);
    line-height:1.45;
  }
  .rd-table .rd-prices{
    justify-content:flex-start;
    gap:6px 16px;
  }
  .rd-table .rd-prices > span{
    white-space:nowrap;
  }

  /* 月度费用说明：小屏一律隐藏 */
  #pricing .price-fee-note{display:none!important}

  /* 合作流程：两列步骤卡 */
  #startup-flow .flow-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    max-width:none;
    margin-inline:0;
    background:transparent;
    border:none;
    border-radius:0;
    overflow:visible;
  }
  #startup-flow .step-card{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    padding:12px 14px;
    background:var(--c-surface-2);
    border:1px solid var(--c-border);
    border-radius:var(--radius);
    border-bottom:1px solid var(--c-border);
  }
  #startup-flow .step-card:last-child{
    grid-column:1/-1;
    flex-direction:row;
    align-items:center;
    gap:10px;
    border-bottom:1px solid var(--c-border);
  }
  #startup-flow .step-card:last-child .step-num{margin:0}
  #startup-flow .step-card:last-child>div:not(.step-num){
    flex-direction:row;
    align-items:baseline;
    gap:8px;
  }
  #startup-flow .step-num{
    grid-row:auto;
    grid-column:auto;
    width:24px;
    height:24px;
    font-size:.7rem;
    border-radius:7px;
    margin:0 0 2px;
    align-self:flex-start;
  }
  #startup-flow .step-card>div:not(.step-num){
    grid-column:auto;
    display:flex;
    flex-direction:column;
    gap:2px;
    min-width:0;
    width:100%;
  }
  #startup-flow .step-when{
    margin:0;
    font-size:.68rem;
    padding:0;
    background:transparent;
    color:var(--c-accent);
    font-weight:600;
  }
  #startup-flow .step-card h3{margin:0;font-size:.84rem;line-height:1.3}
  #startup-flow .step-card p{display:none}
  #startup-flow .flow-foot{display:none}
}

@media (max-width:640px){
  .menu-table-wrap{
    margin-inline:0;
    padding-inline:0;
  }
  .rd-table{min-width:0;font-size:.82rem}
  .rd-table th,.rd-table td{padding:0}
  #pricing .price-fee-note{display:none!important}
}

@media (max-width:480px){
  #startup-flow .flow-grid .step-card:nth-child(7){display:flex}
}