/* ==========================================================
   aimore.online 改版 demo —— 仅补现网没有的少量样式
   所有数值取自现网 product.css / 首页样式（.plan 边框与圆角、.note-list、.hero-search 字号等）
   ========================================================== */
.demo-strip{background:var(--primary);color:var(--primary-foreground);font-size:12px;line-height:1.5;padding:6px 16px;text-align:center}
.demo-strip b{color:var(--sun);font-weight:800}
.is-hidden{display:none!important}

/* 输入框：沿用 .plan 的 2px 边框 / 20px 圆角 / hover 墨色边 */
.field-list{display:grid;gap:12px}
.field{display:block}
.field>span{display:block;margin-bottom:6px;font-size:13px;font-weight:700;color:var(--muted-foreground)}
.field input,.field select,.field textarea{
  width:100%;height:52px;padding:0 18px;border:2px solid var(--border);border-radius:20px;
  background:var(--card);color:var(--foreground);font:inherit;font-size:15.5px;outline:0;
  transition:border-color .2s var(--ease);
}
.field textarea{height:auto;min-height:88px;padding:14px 18px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--edge)}
.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--muted-foreground);line-height:1.6}
.field-error{margin-top:10px;font-size:13px;font-weight:700;color:var(--coral-strong)}
.field-error:empty{display:none}
.field-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--muted-foreground);line-height:1.6}
.field-check input{margin-top:3px;accent-color:var(--coral)}

/* 素材卡：图 + 三行字（字块沿用 .note-list li 的数值） */
.mat-img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:var(--card)}
.mat-text{white-space:pre-wrap;padding:12px 14px;border-radius:14px;background:var(--card);font-size:13px;line-height:1.65;color:var(--foreground)}
.mat-text .slot{background:var(--sun);color:#201c30;border-radius:6px;padding:0 4px;font-weight:800}
.mat-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-tile .mat-actions{position:relative;z-index:2}

/* 订单/结算列表：沿用 .note-list li 底色与圆角 */
.rec-list{display:grid;gap:10px}
.rec{padding:12px 14px;border-radius:14px;background:var(--muted);font-size:13px;line-height:1.65;color:var(--muted-foreground)}
.rec-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rec-top b{font-size:14.5px;font-weight:800;color:var(--foreground)}
.rec-top strong{font-family:var(--font-round);font-size:16px;font-weight:900;color:var(--foreground);white-space:nowrap}
.rec-meta{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;margin-top:4px}
.rec-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.rec-actions input{height:30px;width:88px;padding:0 10px;border:2px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground);font:inherit;font-size:12px;outline:0;text-transform:uppercase}
.rec .tag{padding:3px 9px;font-size:11.5px}
.tag.is-ok{background:var(--mint);color:#13804f;box-shadow:none}
.tag.is-wait{background:var(--sky);color:#096cab;box-shadow:none}
.tag.is-warn{background:var(--butter);color:#8a5a00;box-shadow:none}
.tag.is-off{background:var(--peach);color:var(--coral-strong);box-shadow:none}
.tbd{color:var(--coral-strong);font-weight:800}
.big-code{font-family:var(--font-round);font-size:clamp(32px,8vw,44px);font-weight:900;letter-spacing:.02em;line-height:1.1}

/* 按钮组：数值同现网 .summary-cta；现网 .summary-cta 在手机上隐藏（由底栏代替），非下单场景用它 */
.cta-stack{margin-top:16px;display:grid;gap:10px}


/* mat-card equal height + clamp long promo text */
#matGrid.jmats,#matGrid{align-items:stretch}
#matGrid .tile-cell{height:100%}
#matGrid .home-tile.mat-card{height:100%;display:flex;flex-direction:column;min-height:0}
#matGrid .mat-text{flex:1 1 auto;min-height:0}
#matGrid .mat-text.is-clamped{
  max-height:calc(1.65em * 4);
  overflow:hidden;
  position:relative;
}
#matGrid .mat-text.is-clamped::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:2.2em;
  background:linear-gradient(to bottom, transparent, var(--card, #fff8ee));
  pointer-events:none;
}
#matGrid .mat-text.is-expanded{max-height:none;overflow:visible}
#matGrid .mat-text.is-expanded::after{display:none}
#matGrid .mat-expand{
  align-self:flex-start;
  margin:0 0 10px;
  padding:0;
  border:0;
  background:none;
  color:#096cab;
  font:inherit;
  font-weight:800;
  font-size:13px;
  cursor:pointer;
  text-decoration:underline;
}
#matGrid .mat-actions{margin-top:auto}