/* =========================================================
tw-mold-ui.css (Topworks Mold Product Pages UI)
Scope: ONLY applies to pages wrapped with:
<section class="tw-page tw-mold-product"> ... </section>
Location: wp-content/themes/blocksy-child/tw-mold-ui.css
========================================================= */

/* -------------------------
Base scope + design tokens
------------------------- */
.tw-page.tw-mold-product{
  --bg:#ffffff;
  --bg2:#f8fafc;
  --text:#0f172a;
  --muted:#475569;
  --line:rgba(15,23,42,.08);
  --card:rgba(255,255,255,.92);

  --shadow:0 12px 40px rgba(2,6,23,.07);
  --shadow2:0 8px 24px rgba(2,6,23,.10);
  --shadow-hover:0 20px 50px rgba(2,6,23,.12);

  --radius:20px;
  --radius2:14px;
  --radius-sm:10px;
  --max:1120px;

  --accent:#0f172a;
  --accent2:#2563eb;
  --accent3:#1d4ed8;
  --accentSoft:rgba(37,99,235,.08);
  --accentSoft2:rgba(37,99,235,.14);
  --success:#059669;
  --successSoft:rgba(5,150,105,.08);
  --warm:#f59e0b;
  --warmSoft:rgba(245,158,11,.08);

  --font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  max-width: var(--max);
  margin: 0 auto;
  padding: clamp(20px, 3.5vw, 40px);
  color: var(--text);
  line-height: 1.78;
  font-size: 16px;
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tw-page.tw-mold-product,
.tw-page.tw-mold-product *{
  box-sizing: border-box;
}

.tw-page.tw-mold-product img{
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
  transition: transform .25s ease, box-shadow .25s ease;
}

.tw-page.tw-mold-product img:hover{
  transform: scale(1.01);
  box-shadow: var(--shadow2);
}

.tw-page.tw-mold-product a{
  color: var(--accent2);
  text-decoration: none;
  transition: color .15s ease;
}

.tw-page.tw-mold-product a:hover{
  color: var(--accent3);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}

/* -------------------------
Typography
------------------------- */
.tw-page.tw-mold-product h1{
  font-size: clamp(32px, 4.2vw, 48px);
  line-height: 1.12;
  letter-spacing: -0.025em;
  font-weight: 800;
  margin: 0 0 14px;
  color: var(--text);
  background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.tw-page.tw-mold-product h2{
  font-size: clamp(23px, 2.4vw, 30px);
  line-height: 1.22;
  font-weight: 750;
  margin: 0 0 16px;
  letter-spacing: -0.015em;
  color: var(--text);
  position: relative;
  padding-bottom: 12px;
}

.tw-page.tw-mold-product h2::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--accent2), transparent);
}

.tw-page.tw-mold-product h3{
  font-size: 18px;
  font-weight: 680;
  margin: 0 0 10px;
  color: rgba(15,23,42,.90);
}

.tw-page.tw-mold-product p{
  margin: 10px 0;
  color: rgba(15,23,42,.70);
}

.tw-page.tw-mold-product strong{
  color: rgba(15,23,42,.90);
  font-weight: 650;
}

/* -------------------------
Hero
------------------------- */
.tw-page.tw-mold-product .tw-hero{
  position: relative;
  border: 1px solid var(--line);
  border-radius: calc(var(--radius) + 8px);
  padding: clamp(24px, 4vw, 40px);
  background:
    radial-gradient(1400px 700px at 5% -15%, rgba(37,99,235,.14), transparent 55%),
    radial-gradient(1000px 500px at 95% -5%, rgba(99,102,241,.08), transparent 50%),
    radial-gradient(600px 400px at 50% 100%, rgba(5,150,105,.05), transparent 50%),
    linear-gradient(180deg, #fff, rgba(248,250,252,.9));
  box-shadow: var(--shadow);
  overflow: hidden;
}

.tw-page.tw-mold-product .tw-hero::before{
  content: '';
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  height: 3px;
  background: linear-gradient(90deg, var(--accent2), #8b5cf6, var(--accent2));
  border-radius: calc(var(--radius) + 8px) calc(var(--radius) + 8px) 0 0;
  opacity: .6;
}

.tw-page.tw-mold-product .tw-lead{
  font-size: clamp(16px, 1.5vw, 19px);
  color: rgba(15,23,42,.72);
  margin: 10px 0 16px;
  max-width: 76ch;
  line-height: 1.7;
}

/* badges */
.tw-page.tw-mold-product .tw-badges{
  list-style: none;
  padding: 0;
  margin: 16px 0 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}

.tw-page.tw-mold-product .tw-badges li{
  border: 1px solid var(--line);
  border-radius: var(--radius2);
  padding: 14px 16px;
  background: rgba(255,255,255,.85);
  box-shadow: 0 2px 8px rgba(2,6,23,.04);
  color: rgba(15,23,42,.76);
  font-size: 14px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.tw-page.tw-mold-product .tw-badges li:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(2,6,23,.08);
  border-color: rgba(37,99,235,.2);
}

.tw-page.tw-mold-product .tw-badges strong{
  display: block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .7;
  margin-bottom: 4px;
  color: var(--accent2);
}

.tw-page.tw-mold-product .tw-badges span{
  display: block;
  color: rgba(15,23,42,.78);
  font-weight: 500;
}

/* CTA buttons */
.tw-page.tw-mold-product .tw-cta{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 20px;
}

.tw-page.tw-mold-product .tw-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: rgba(255,255,255,.95);
  color: rgba(15,23,42,.90);
  font-weight: 650;
  font-size: 14.5px;
  box-shadow: 0 4px 14px rgba(2,6,23,.06);
  transition: all .2s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.tw-page.tw-mold-product .tw-btn::after{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.15), transparent);
  pointer-events: none;
}

.tw-page.tw-mold-product .tw-btn:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow2);
  text-decoration: none;
}

.tw-page.tw-mold-product .tw-btn.primary{
  background: linear-gradient(180deg, #3b82f6, #1d4ed8);
  border-color: rgba(29,78,216,.5);
  color: #fff;
  box-shadow: 0 6px 20px rgba(37,99,235,.25);
}

.tw-page.tw-mold-product .tw-btn.primary:hover{
  box-shadow: 0 14px 36px rgba(37,99,235,.30);
  background: linear-gradient(180deg, #60a5fa, #2563eb);
}

.tw-page.tw-mold-product .tw-btn.ghost{
  background: var(--accentSoft);
  border-color: rgba(37,99,235,.18);
  color: var(--accent2);
  font-weight: 650;
}

.tw-page.tw-mold-product .tw-btn.ghost:hover{
  background: var(--accentSoft2);
  border-color: rgba(37,99,235,.30);
}

/* -------------------------
Sticky TOC
------------------------- */
.tw-page.tw-mold-product .tw-toc{
  margin: 20px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius2);
  background: rgba(255,255,255,.82);
  box-shadow: 0 10px 30px rgba(2,6,23,.05);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  position: sticky;
  top: 12px;
  z-index: 10;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.tw-page.tw-mold-product .tw-toc a{
  display: inline-flex;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(15,23,42,.08);
  background: rgba(255,255,255,.8);
  color: rgba(15,23,42,.80);
  font-weight: 600;
  font-size: 13px;
  transition: all .18s ease;
}

.tw-page.tw-mold-product .tw-toc a:hover{
  background: var(--accentSoft2);
  border-color: rgba(37,99,235,.22);
  color: var(--accent2);
  text-decoration: none;
  transform: translateY(-1px);
}

/* -------------------------
Sections & separators
------------------------- */
.tw-page.tw-mold-product .tw-section{
  margin-top: 28px;
  padding: 28px 0;
}

.tw-page.tw-mold-product .tw-section + .tw-section{
  border-top: 1px solid var(--line);
}

/* -------------------------
Cards / Grid blocks
------------------------- */
.tw-page.tw-mold-product .tw-cards,
.tw-page.tw-mold-product .tw-grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-top: 14px;
}

.tw-page.tw-mold-product .tw-card,
.tw-page.tw-mold-product .tw-box{
  grid-column: span 4;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  background: var(--card);
  box-shadow: 0 8px 28px rgba(2,6,23,.05);
  transition: all .25s ease;
  position: relative;
}

.tw-page.tw-mold-product .tw-card::before,
.tw-page.tw-mold-product .tw-box::before{
  content: '';
  position: absolute;
  top: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,.15), transparent);
}

.tw-page.tw-mold-product .tw-card:hover,
.tw-page.tw-mold-product .tw-box:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-hover);
  border-color: rgba(37,99,235,.12);
}

.tw-page.tw-mold-product .tw-card h3,
.tw-page.tw-mold-product .tw-box h3{
  margin-top: 4px;
}

.tw-page.tw-mold-product .tw-card p,
.tw-page.tw-mold-product .tw-box p{
  color: rgba(15,23,42,.68);
  font-size: 14.5px;
}

/* card icon area (optional) */
.tw-page.tw-mold-product .tw-card-icon{
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--accentSoft);
  border: 1px solid rgba(37,99,235,.12);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 20px;
}

/* -------------------------
Specs grid
------------------------- */
.tw-page.tw-mold-product .tw-specs{
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  gap: 14px;
  margin-top: 14px;
}

.tw-page.tw-mold-product .tw-spec{
  grid-column: span 6;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px;
  background: var(--card);
  box-shadow: 0 8px 28px rgba(2,6,23,.05);
  transition: all .25s ease;
}

.tw-page.tw-mold-product .tw-spec:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow2);
}

.tw-page.tw-mold-product .tw-spec h3{
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.tw-page.tw-mold-product .tw-spec p{
  margin: 0;
}

/* spec label tag */
.tw-page.tw-mold-product .tw-spec-tag{
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.tw-page.tw-mold-product .tw-spec-tag.blue{
  background: var(--accentSoft);
  color: var(--accent2);
}

.tw-page.tw-mold-product .tw-spec-tag.green{
  background: var(--successSoft);
  color: var(--success);
}

.tw-page.tw-mold-product .tw-spec-tag.amber{
  background: var(--warmSoft);
  color: #b45309;
}

/* -------------------------
Table (sticky header)
------------------------- */
.tw-page.tw-mold-product .tw-table-wrap{
  margin-top: 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--card);
  box-shadow: var(--shadow);
  overflow: auto;
}

.tw-page.tw-mold-product .tw-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 860px;
}

.tw-page.tw-mold-product .tw-table th{
  position: sticky;
  top: 0;
  background: var(--bg2);
  border-bottom: 1px solid var(--line);
  text-align: left;
  padding: 14px 16px;
  font-size: 11.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(15,23,42,.55);
}

.tw-page.tw-mold-product .tw-table td{
  padding: 13px 16px;
  border-bottom: 1px solid rgba(15,23,42,.06);
  vertical-align: top;
  color: rgba(15,23,42,.76);
  font-size: 14.5px;
  transition: background .15s ease;
}

.tw-page.tw-mold-product .tw-table tr:last-child td{
  border-bottom: none;
}

.tw-page.tw-mold-product .tw-table tr:hover td{
  background: rgba(37,99,235,.04);
}

/* highlight column */
.tw-page.tw-mold-product .tw-table td.highlight{
  color: var(--accent2);
  font-weight: 600;
}

/* -------------------------
Steps
------------------------- */
.tw-page.tw-mold-product .tw-steps{
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
  counter-reset: step-counter;
}

.tw-page.tw-mold-product .tw-steps li{
  counter-increment: step-counter;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 18px 20px;
  padding-left: 60px;
  background: var(--card);
  box-shadow: 0 8px 24px rgba(2,6,23,.05);
  position: relative;
  transition: all .2s ease;
}

.tw-page.tw-mold-product .tw-steps li::before{
  content: counter(step-counter);
  position: absolute;
  left: 18px;
  top: 18px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: linear-gradient(135deg, var(--accent2), var(--accent3));
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(37,99,235,.2);
}

.tw-page.tw-mold-product .tw-steps li:hover{
  transform: translateX(4px);
  box-shadow: 0 12px 30px rgba(2,6,23,.08);
}

.tw-page.tw-mold-product .tw-steps strong{
  display: inline-block;
  color: rgba(15,23,42,.90);
  font-weight: 700;
  margin-right: 6px;
}

/* -------------------------
FAQ details/summary
------------------------- */
.tw-page.tw-mold-product .tw-faq{
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 0;
  margin: 12px 0;
  background: var(--card);
  box-shadow: 0 8px 24px rgba(2,6,23,.05);
  overflow: hidden;
  transition: border-color .2s ease;
}

.tw-page.tw-mold-product .tw-faq:hover{
  border-color: rgba(37,99,235,.15);
}

.tw-page.tw-mold-product .tw-faq summary{
  cursor: pointer;
  font-weight: 700;
  color: rgba(15,23,42,.88);
  list-style: none;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  transition: background .15s ease;
}

.tw-page.tw-mold-product .tw-faq summary:hover{
  background: rgba(37,99,235,.03);
}

.tw-page.tw-mold-product .tw-faq summary::-webkit-details-marker{
  display:none;
}

.tw-page.tw-mold-product .tw-faq summary::after{
  content: '';
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 8px;
  background: var(--accentSoft);
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: transform .2s ease;
}

.tw-page.tw-mold-product .tw-faq[open] summary::after{
  transform: rotate(45deg);
}

.tw-page.tw-mold-product .tw-faq[open]{
  border-color: rgba(37,99,235,.18);
}

.tw-page.tw-mold-product .tw-faq div{
  padding: 0 20px 16px;
}

.tw-page.tw-mold-product .tw-faq p{
  margin: 6px 0 0;
  color: rgba(15,23,42,.68);
  line-height: 1.72;
}

/* -------------------------
Links list
------------------------- */
.tw-page.tw-mold-product .tw-links{
  margin: 12px 0 0;
  padding-left: 0;
  list-style: none;
}

.tw-page.tw-mold-product .tw-links li{
  margin: 8px 0;
  padding-left: 20px;
  position: relative;
}

.tw-page.tw-mold-product .tw-links li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: var(--accentSoft2);
  border: 1.5px solid var(--accent2);
}

/* -------------------------
Final CTA
------------------------- */
.tw-page.tw-mold-product .tw-final-cta{
  margin-top: 24px;
  padding: 28px;
  border-radius: calc(var(--radius) + 8px);
  border: 1px solid rgba(37,99,235,.18);
  background:
    radial-gradient(800px 400px at 20% 0%, rgba(37,99,235,.10), transparent 60%),
    radial-gradient(600px 300px at 80% 100%, rgba(99,102,241,.06), transparent 50%),
    linear-gradient(180deg, rgba(248,250,252,.95), rgba(255,255,255,.92));
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}

.tw-page.tw-mold-product .tw-final-cta::before{
  content: '';
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
  height: 3px;
  background: linear-gradient(90deg, var(--accent2), #8b5cf6, var(--accent2));
  border-radius: 0 0 calc(var(--radius) + 8px) calc(var(--radius) + 8px);
  opacity: .5;
}

.tw-page.tw-mold-product .tw-final-cta p{
  max-width: 72ch;
}

/* -------------------------
Note / callout
------------------------- */
.tw-page.tw-mold-product .tw-note{
  margin-top: 12px;
  padding: 16px 18px;
  border-radius: var(--radius2);
  border: 1px dashed rgba(37,99,235,.22);
  background: var(--accentSoft);
  color: rgba(15,23,42,.76);
  position: relative;
  padding-left: 44px;
}

.tw-page.tw-mold-product .tw-note::before{
  content: 'ℹ';
  position: absolute;
  left: 16px;
  top: 16px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tw-page.tw-mold-product .tw-note.success{
  border-color: rgba(5,150,105,.22);
  background: var(--successSoft);
}

.tw-page.tw-mold-product .tw-note.success::before{
  content: '✓';
  color: var(--success);
  font-weight: 800;
}

.tw-page.tw-mold-product .tw-note.warning{
  border-color: rgba(245,158,11,.25);
  background: var(--warmSoft);
}

.tw-page.tw-mold-product .tw-note.warning::before{
  content: '⚠';
}

/* -------------------------
Stat / number highlight
------------------------- */
.tw-page.tw-mold-product .tw-stats{
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
  margin-top: 14px;
}

.tw-page.tw-mold-product .tw-stat{
  text-align: center;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 20px 16px;
  background: var(--card);
  box-shadow: 0 8px 24px rgba(2,6,23,.05);
  transition: all .2s ease;
}

.tw-page.tw-mold-product .tw-stat:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow2);
}

.tw-page.tw-mold-product .tw-stat-num{
  display: block;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--accent2);
  line-height: 1.1;
}

.tw-page.tw-mold-product .tw-stat-label{
  display: block;
  font-size: 13px;
  color: rgba(15,23,42,.55);
  margin-top: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* -------------------------
Divider
------------------------- */
.tw-page.tw-mold-product .tw-divider{
  border: none;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(15,23,42,.12),
    transparent
  );
  margin: 18px 0;
}

/* -------------------------
Responsive
------------------------- */
@media (max-width: 980px){
  .tw-page.tw-mold-product{
    padding: clamp(18px, 4vw, 28px);
  }

  .tw-page.tw-mold-product .tw-badges{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .tw-page.tw-mold-product .tw-cards .tw-card,
  .tw-page.tw-mold-product .tw-grid .tw-box{
    grid-column: span 6;
  }

  .tw-page.tw-mold-product .tw-spec{
    grid-column: span 12;
  }

  .tw-page.tw-mold-product .tw-stats{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .tw-page.tw-mold-product .tw-toc{
    top: 10px;
  }
}

@media (max-width: 640px){
  .tw-page.tw-mold-product h1{
    font-size: clamp(28px, 8vw, 40px);
  }

  .tw-page.tw-mold-product .tw-hero{
    padding: 20px;
  }

  .tw-page.tw-mold-product .tw-cta{
    gap: 10px;
  }

  .tw-page.tw-mold-product .tw-btn{
    width: 100%;
    justify-content: center;
  }

  .tw-page.tw-mold-product .tw-badges{
    grid-template-columns: 1fr;
  }

  .tw-page.tw-mold-product .tw-cards .tw-card,
  .tw-page.tw-mold-product .tw-grid .tw-box{
    grid-column: span 12;
  }

  .tw-page.tw-mold-product .tw-stats{
    grid-template-columns: 1fr;
  }

  .tw-page.tw-mold-product .tw-table{
    min-width: 720px;
  }
}

/* -------------------------
Accessibility: reduced motion
------------------------- */
@media (prefers-reduced-motion: reduce){
  .tw-page.tw-mold-product *,
  .tw-page.tw-mold-product *::before,
  .tw-page.tw-mold-product *::after{
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

/* =========================================================
Fix: Gutenberg button inner <a> overrides (Blocksy / core)
========================================================= */
.tw-page.tw-mold-product .wp-block-button.tw-btn{
  /* 外层作为“按钮壳”，确保布局不乱 */
  padding: 0; /* 防止主题给外层塞 padding */
}

/* 把真正的按钮点击区（<a>）重置成我们需要的样子 */
.tw-page.tw-mold-product .wp-block-button.tw-btn .wp-block-button__link{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  padding: 12px 22px !important; /* 和 .tw-btn 一致 */
  border-radius: 999px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  font-weight: 650 !important;
  font-size: 14.5px !important;

  color: inherit !important;   /* 默认继承 */
  opacity: 1 !important;       /* 关键：禁止变淡 */
  filter: none !important;
  text-decoration: none !important;
}

/* Primary：强制白字（防止主题覆盖导致灰字） */
.tw-page.tw-mold-product .wp-block-button.tw-btn.primary .wp-block-button__link{
  color: #fff !important;
}

/* Ghost：强制蓝字 */
.tw-page.tw-mold-product .wp-block-button.tw-btn.ghost .wp-block-button__link{
  color: var(--accent2) !important;
}

/* Hover：按你原来的按钮交互 */
.tw-page.tw-mold-product .wp-block-button.tw-btn .wp-block-button__link:hover{
  text-decoration: none !important;
}

/* 可选：让按钮整体 hover 更像“整块按钮” */
.tw-page.tw-mold-product .wp-block-button.tw-btn:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow2);
}