/* Generated from the male course source styles. Do not edit by hand. */
.male-intimacy-rich-content {
  --paper: #faf7f0;
  --ink: #2f2924;
  --muted: #7c7168;
  --line: #d8cec1;
  --wine: #934246;
  --wine-deep: #743447;
  --wine-soft: #f0ddda;
  --amber: #d99c55;
  --amber-soft: #f5e2c5;
  --sage: #72847b;
  --sage-deep: #4f685c;
  --sage-soft: #e4ebe6;
  --watermark: #806f60;
}

.male-intimacy-rich-content .no-break { white-space: nowrap; }

.male-intimacy-rich-content .medical-ps { margin-top: 3mm;
  padding: 3.2mm 4mm;
  border-left: 2.2px solid var(--wine-deep);
  background: rgba(240, 221, 218, .52);
  color: #695d54;
  font: 12px/1.58 "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .medical-ps b { color: var(--wine-deep); }

.male-intimacy-rich-content .concept-flow { display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5mm 0;
  padding: 2.8mm 5mm 2mm;
  border: 0;
  border-radius: 1.5mm;
  background: var(--sage-deep);
  color: #fff;
  font-family: "SimSun", serif;
  font-size: 13.33px; }

.male-intimacy-rich-content .concept-flow b { color: var(--amber-soft); font-weight: 400; }

.male-intimacy-rich-content .quote { display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin: 5mm 0;
  min-height: 10mm;
  padding: 1.8mm 5mm;
  border: 0;
  border-radius: 1.5mm;
  background: var(--wine-deep);
  color: #fff; }

.male-intimacy-rich-content .quote > p { width: 100%; margin: 0 !important; font-size: 16.67px; line-height: 1.35; text-align: center; transform: translateY(.45mm); }

.male-intimacy-rich-content .quote strong { color: #fff; }

.male-intimacy-rich-content .heroquote { display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin: 6mm 0;
  min-height: 11mm;
  padding: 1.8mm 6mm;
  border-radius: 1.5mm;
  background: var(--wine-deep);
  color: #fff; }

.male-intimacy-rich-content .heroquote > p { width: 100%; margin: 0 !important; font-size: 19.33px; line-height: 1.35; text-align: center; transform: translateY(.55mm); }

.male-intimacy-rich-content .heroquote strong { color: #fff; }

.male-intimacy-rich-content .template-concepts .quote { margin-top: 7mm; }

.male-intimacy-rich-content .five-concepts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.5mm; margin: 3mm 0 5mm; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .five-concepts span { display: grid; place-items: center; min-height: 20mm; padding: 2mm 1mm; border: 1px solid #cdbca8; border-top: 3px solid var(--sage-deep); text-align: center; }

.male-intimacy-rich-content .five-concepts span:nth-child(2n) { border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .five-concepts b { color: var(--wine-deep); font-size: 12.4px; }

.male-intimacy-rich-content .five-concepts small { margin-top: 1mm; color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .five-concepts em { grid-column: 1 / -1; padding: 2.2mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; font-style: normal; letter-spacing: .08em; }

.male-intimacy-rich-content .car-response { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 2.5mm; align-items: center; margin: 2.5mm 0 4mm; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .car-response .pedal { display: grid; place-items: center; min-height: 19mm; padding: 2mm; color: #fff; text-align: center; }

.male-intimacy-rich-content .car-response .gas { background: var(--sage-deep); }

.male-intimacy-rich-content .car-response .brake { background: var(--wine-deep); }

.male-intimacy-rich-content .car-response small { color: #eadfd5; font-size: 12px; letter-spacing: .16em; }

.male-intimacy-rich-content .car-response b { margin-top: 1.2mm; font-size: 12px; font-weight: 500; }

.male-intimacy-rich-content .car-response .car-line { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; color: var(--ink); font-size: 12px; text-align: center; }

.male-intimacy-rich-content .car-response .car-line i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .template-brake .car-response + p { margin-top: 1mm; }

.male-intimacy-rich-content .dialogue-loop { display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 2mm;
  margin: 4mm 0;
  padding: 2.8mm 4mm 2mm;
  border-radius: 1.5mm;
  background: var(--wine-deep);
  color: #fff;
  border: 0;
  font-family: "Microsoft YaHei", sans-serif;
  font-size: 12px;
  text-align: center; }

.male-intimacy-rich-content .dialogue-loop i { color: var(--amber-soft); font-style: normal; transform: rotate(-90deg); }

.male-intimacy-rich-content .equation { display: block; width: 100%; max-width: none; margin: 5mm 0; padding: 2.8mm 6mm 1.6mm; border-radius: 1.5mm; background: var(--wine-deep); color: #fff; font-size: 18.67px; line-height: 1.35; text-align: center; letter-spacing: .06em; }

.male-intimacy-rich-content .equation strong { color: #fff; }

.male-intimacy-rich-content .short-sequence { display: grid; grid-template-columns: repeat(9, auto); align-items: center; justify-content: center; gap: 3mm; margin: 4mm 0; padding: 3.5mm; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12px; }

.male-intimacy-rich-content .short-sequence b { color: var(--amber); font-weight: 400; }

.male-intimacy-rich-content .template-scoring .heroquote { margin: 7mm 0; }

.male-intimacy-rich-content .exercise-box { position: relative; margin-top: 7mm; padding: 0 7mm 3mm; border: 1px solid #cdbca8; background: rgba(255, 253, 248, .72); }

.male-intimacy-rich-content .component-label { display: inline-block; margin: -1px 0 2mm -7mm; padding: 2.6mm 5mm; color: #fff; background: var(--wine-deep); font-family: "Microsoft YaHei", sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .16em; }

.male-intimacy-rich-content .exercise-box ol { margin: 0; padding: 0; list-style: none; counter-reset: question; }

.male-intimacy-rich-content .exercise-box li { counter-increment: question; display: grid; grid-template-columns: 11mm 1fr; align-items: center; min-height: 17mm; border-top: 1px solid var(--line); font-size: 16.67px; }

.male-intimacy-rich-content .exercise-box li::before { content: "0" counter(question); color: var(--wine); font-family: "Microsoft YaHei", sans-serif; font-size: 12px; font-weight: 700; }

.male-intimacy-rich-content .template-closing .heroquote { display: block;
  max-width: 82%;
  margin: 7mm 0 6mm;
  padding: 1mm 0 1mm 5mm;
  border-left: 3px solid var(--sage);
  border-radius: 0;
  background: transparent;
  color: #50665b; }

.male-intimacy-rich-content .template-closing .heroquote > p { color: #50665b; font-size: 22.67px; font-weight: 600; text-align: left; transform: none; }

.male-intimacy-rich-content .template-closing .heroquote strong { color: #50665b; }

.male-intimacy-rich-content .page-eyebrow { display: inline-block;
  margin: 0 0 5mm !important;
  padding: 2.3mm 4mm;
  border-radius: 1.2mm;
  background: var(--wine-deep);
  color: #fff !important;
  font-family: "Microsoft YaHei", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: .15em; }

.male-intimacy-rich-content .bold-line { margin: 4.2mm 0 2.6mm;
  color: var(--wine-deep);
  font-size: 14.27px;
  line-height: 1.55;
  text-align: left; }

.male-intimacy-rich-content .bold-line strong { color: inherit; }

.male-intimacy-rich-content .quote { min-height: 9.8mm; margin: 3.8mm 0; padding: 1.5mm 5mm; }

.male-intimacy-rich-content .quote > p { margin: 0 !important;
  color: #fff;
  font-size: 15.2px;
  line-height: 1.32;
  text-align: center;
  transform: translateY(.45mm); }

.male-intimacy-rich-content .page-segment { position: relative; }

.male-intimacy-rich-content .visual { margin: 2.2mm 0 3mm; }

.male-intimacy-rich-content .page-eyebrow { margin-bottom: 3mm !important; padding: 2mm 3.5mm; font-size: 12px !important; }

.male-intimacy-rich-content .page-segment + .page-segment { margin-top: 4mm;
  padding-top: 4mm;
  border-top: 1px solid var(--line); }

.male-intimacy-rich-content .close-visual { display: none; }

.male-intimacy-rich-content .route-visual,
.male-intimacy-rich-content .cycle-visual,
.male-intimacy-rich-content .patience-visual,
.male-intimacy-rich-content .loop-visual { min-height: 12mm; padding: 2.2mm 4mm; }

.male-intimacy-rich-content .triple-visual div,
.male-intimacy-rich-content .env-visual div,
.male-intimacy-rich-content .method-visual div,
.male-intimacy-rich-content .capability-visual div,
.male-intimacy-rich-content .question-visual div { min-height: 18mm; padding: 3mm 2.5mm; }

.male-intimacy-rich-content .map-visual { padding-top: 10mm; }

.male-intimacy-rich-content .visual { position: relative;
  margin: 3mm 0 4.5mm;
  font-family: "Microsoft YaHei", sans-serif;
  break-inside: avoid; }

.male-intimacy-rich-content .visual span,
.male-intimacy-rich-content .visual b { position: relative; z-index: 1; }

.male-intimacy-rich-content .route-visual,
.male-intimacy-rich-content .cycle-visual,
.male-intimacy-rich-content .patience-visual,
.male-intimacy-rich-content .loop-visual { display: flex; align-items: center; justify-content: space-between;
  min-height: 15mm; padding: 3mm 5mm; border-radius: 1.5mm;
  background: var(--sage-deep); color: #fff; font-size: 12.67px; }

.male-intimacy-rich-content .route-visual b,
.male-intimacy-rich-content .cycle-visual b,
.male-intimacy-rich-content .loop-visual b { color: var(--amber-soft); font-weight: 400; }

.male-intimacy-rich-content .patience-visual { background: #e7ded0; color: var(--ink); }

.male-intimacy-rich-content .patience-visual i { width: 22%; height: 1px; background: var(--wine); }

.male-intimacy-rich-content .step-visual,
.male-intimacy-rich-content .week-visual { display: grid; grid-template-columns: 1fr 13mm 1fr 13mm 1fr; align-items: center;
  padding: 5mm; border: 1px solid #cbbba9; border-radius: 2mm; }

.male-intimacy-rich-content .step-visual div,
.male-intimacy-rich-content .week-visual div { text-align: center; }

.male-intimacy-rich-content .step-visual b,
.male-intimacy-rich-content .week-visual b { display: block; margin-bottom: 2mm; color: var(--wine); font-size: 12px; }

.male-intimacy-rich-content .step-visual span,
.male-intimacy-rich-content .week-visual span { font: 16px/1.4 "SimSun", serif; }

.male-intimacy-rich-content .step-visual i,
.male-intimacy-rich-content .week-visual i { height: 1px; background: var(--wine); }

.male-intimacy-rich-content .triple-visual,
.male-intimacy-rich-content .env-visual,
.male-intimacy-rich-content .method-visual,
.male-intimacy-rich-content .capability-visual,
.male-intimacy-rich-content .question-visual { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5mm; }

.male-intimacy-rich-content .triple-visual div,
.male-intimacy-rich-content .env-visual div,
.male-intimacy-rich-content .method-visual div,
.male-intimacy-rich-content .capability-visual div,
.male-intimacy-rich-content .question-visual div { min-height: 23mm; padding: 4mm 3mm; border-radius: 1.5mm;
  background: var(--sage-deep); color: #fff; text-align: center; }

.male-intimacy-rich-content .triple-visual div:nth-child(2),
.male-intimacy-rich-content .env-visual div:nth-child(2),
.male-intimacy-rich-content .method-visual div:nth-child(2),
.male-intimacy-rich-content .capability-visual div:nth-child(2),
.male-intimacy-rich-content .question-visual div:nth-child(2) { background: var(--wine-deep); }

.male-intimacy-rich-content .triple-visual span,
.male-intimacy-rich-content .env-visual span,
.male-intimacy-rich-content .method-visual span,
.male-intimacy-rich-content .capability-visual span { display: block; color: #e7dfd5; font-size: 12px; }

.male-intimacy-rich-content .triple-visual strong,
.male-intimacy-rich-content .env-visual b,
.male-intimacy-rich-content .method-visual b,
.male-intimacy-rich-content .capability-visual b { display: block; margin-top: 2mm; font: 14.67px/1.35 "SimSun", serif; }

.male-intimacy-rich-content .question-visual b { display: block; color: var(--amber-soft); font-size: 12px; }

.male-intimacy-rich-content .question-visual span { display: block; margin-top: 2mm; font: 14px/1.45 "SimSun", serif; }

.male-intimacy-rich-content .triple-visual div,
.male-intimacy-rich-content .capability-visual div,
.male-intimacy-rich-content .question-visual div { position: relative;
  background: rgba(255, 253, 248, .72);
  color: var(--ink);
  border: 1px solid #cbbdac;
  border-top: 3px solid var(--sage-deep); }

.male-intimacy-rich-content .triple-visual div:nth-child(2),
.male-intimacy-rich-content .capability-visual div:nth-child(2),
.male-intimacy-rich-content .question-visual div:nth-child(2) { background: rgba(255, 253, 248, .72);
  color: var(--ink);
  border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .triple-visual span,
.male-intimacy-rich-content .capability-visual span { color: var(--muted); }

.male-intimacy-rich-content .triple-visual strong,
.male-intimacy-rich-content .capability-visual b { color: var(--ink); }

.male-intimacy-rich-content .question-visual b { display: grid;
  place-items: center;
  width: 7mm;
  height: 7mm;
  margin: 0 auto;
  border-radius: 50%;
  background: var(--wine-deep);
  color: #fff; }

.male-intimacy-rich-content .variable-four { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; padding: 3mm; border: 1px solid #cab9a6; }

.male-intimacy-rich-content .variable-four span { display: grid; place-items: center; min-height: 20mm; border-top: 3px solid var(--sage-deep); text-align: center; }

.male-intimacy-rich-content .variable-four span:nth-child(2n) { border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .variable-four b { color: var(--wine-deep); font-size: 12px; }

.male-intimacy-rich-content .variable-four i { margin-top: 1.5mm; color: #806f61; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .variable-four em { grid-column: 1 / -1; padding: 2.4mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .body-map-visual,
.male-intimacy-rich-content .hub-visual { height: 43mm; border: 1px solid #c9b9a7; border-radius: 50%; }

.male-intimacy-rich-content .body-center,
.male-intimacy-rich-content .hub-visual > div { position: absolute; left: 50%; top: 50%; width: 30mm; height: 16mm; margin: -8mm 0 0 -15mm; display: grid; place-items: center; border-radius: 50%; background: var(--wine-deep); color: #fff; font-size: 13.33px; }

.male-intimacy-rich-content .body-map-visual span,
.male-intimacy-rich-content .hub-visual span { position: absolute; padding: 2mm 4mm; border-radius: 10mm; background: var(--sage-deep); color: #fff; font-size: 12px; }

.male-intimacy-rich-content .body-map-visual span:nth-of-type(1),
.male-intimacy-rich-content .hub-visual span:nth-of-type(1) { left: 8%; top: 12%; }

.male-intimacy-rich-content .body-map-visual span:nth-of-type(2),
.male-intimacy-rich-content .hub-visual span:nth-of-type(2) { right: 8%; top: 12%; }

.male-intimacy-rich-content .body-map-visual span:nth-of-type(3),
.male-intimacy-rich-content .hub-visual span:nth-of-type(3) { left: 6%; bottom: 12%; }

.male-intimacy-rich-content .body-map-visual span:nth-of-type(4),
.male-intimacy-rich-content .hub-visual span:nth-of-type(4) { right: 6%; bottom: 12%; }

.male-intimacy-rich-content .body-map-visual span:nth-of-type(5),
.male-intimacy-rich-content .hub-visual span:nth-of-type(5) { left: 50%; bottom: 3%; transform: translateX(-50%); }

.male-intimacy-rich-content .split-visual { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }

.male-intimacy-rich-content .desensitize-matrix { display: grid; grid-template-columns: 1.15fr repeat(3, 1fr); border: 1px solid #c9baa8; }

.male-intimacy-rich-content .desensitize-matrix > div { display: grid; grid-template-rows: 9mm 10mm 10mm; border-right: 1px solid #d8cec1; text-align: center; }

.male-intimacy-rich-content .desensitize-matrix > div:last-of-type { border-right: 0; }

.male-intimacy-rich-content .desensitize-matrix small,
.male-intimacy-rich-content .desensitize-matrix b,
.male-intimacy-rich-content .desensitize-matrix strong { display: grid; place-items: center; padding: 1.5mm; font-size: 12px; }

.male-intimacy-rich-content .desensitize-matrix small { color: #fff; background: var(--sage-deep); }

.male-intimacy-rich-content .desensitize-matrix b { color: #806f61; font-weight: 500; }

.male-intimacy-rich-content .desensitize-matrix strong { color: var(--wine-deep); background: rgba(240, 221, 218, .42); }

.male-intimacy-rich-content .desensitize-matrix p { grid-column: 1 / -1; margin: 0 !important; padding: 2.5mm !important; color: #fff; background: var(--wine-deep); text-align: center !important; font: 12px/1.3 "Microsoft YaHei", sans-serif !important; }

.male-intimacy-rich-content .split-visual div { min-height: 22mm; padding: 4mm 5mm; border-radius: 1.5mm; color: #fff; }

.male-intimacy-rich-content .split-visual .sage { background: var(--sage-deep); }

.male-intimacy-rich-content .split-visual .wine { background: var(--wine-deep); }

.male-intimacy-rich-content .split-visual b { display: block; margin-bottom: 2mm; font-size: 14px; }

.male-intimacy-rich-content .split-visual span { font-size: 12px; color: #eadfd5; }

.male-intimacy-rich-content .screen-visual { display: flex; align-items: center; justify-content: space-between; padding: 4mm 5mm; background: #e8ded1; border-radius: 2mm; color: var(--ink); font-size: 12px; }

.male-intimacy-rich-content .screen-visual b { color: var(--wine); }

.male-intimacy-rich-content .meter-visual { padding: 4mm 6mm 7mm; border: 1px solid #cbbbaa; }

.male-intimacy-rich-content .meter-visual div { display: grid; grid-template-columns: 25mm 1fr; gap: 4mm; align-items: center; margin-bottom: 3mm; }

.male-intimacy-rich-content .meter-visual span { font-size: 12px; }

.male-intimacy-rich-content .meter-visual i { height: 4mm; background: linear-gradient(to right, var(--sage-deep) 0 var(--meter), #e4dbcf var(--meter) 100%); border-radius: 3mm; }

.male-intimacy-rich-content .meter-visual p { position: absolute; right: 6mm; bottom: 1mm; margin: 0 !important; color: var(--wine); font: 12px/1 "Microsoft YaHei", sans-serif !important; }

.male-intimacy-rich-content .curve-visual { padding: 2mm 4mm 3mm; border: 1px solid #c9baa8; }

.male-intimacy-rich-content .curve-visual svg { display: block; width: 100%; height: 25mm; }

.male-intimacy-rich-content .curve-visual path { fill: none; stroke: var(--wine); stroke-width: 5; stroke-linecap: round; }

.male-intimacy-rich-content .curve-visual line { stroke: #c5b6a4; stroke-width: 2; }

.male-intimacy-rich-content .curve-visual > div { display: flex; justify-content: space-between; color: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .early-visual { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; padding: 4mm; border: 1px solid #c7b6a3; }

.male-intimacy-rich-content .early-visual b { grid-column: 1 / -1; color: var(--wine); font-size: 12px; text-align: center; }

.male-intimacy-rich-content .early-visual span { padding: 3mm 2mm; background: var(--sage-soft); color: var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .route-risk { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2mm; padding: 3mm; border: 1px solid #c7b6a3; }

.male-intimacy-rich-content .route-risk div { min-height: 16mm; padding: 3mm 4mm; border-left: 3px solid var(--sage-deep); background: rgba(255, 253, 248, .7); }

.male-intimacy-rich-content .route-risk div:nth-child(2n) { border-left-color: var(--wine-deep); }

.male-intimacy-rich-content .route-risk b { display: block; margin-bottom: 1mm; color: var(--wine-deep); font-size: 12px; }

.male-intimacy-rich-content .route-risk span { color: var(--ink); font-size: 12px; }

.male-intimacy-rich-content .route-risk em { grid-column: 1 / -1; padding: 2mm 3mm; background: var(--sage-deep); color: #fff; text-align: center; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .entry-expansion { height: 48mm; border: 1px solid #c7b6a3; border-radius: 50%; }

.male-intimacy-rich-content .entry-expansion > div { position: absolute; left: 50%; top: 50%; width: 30mm; height: 16mm; margin: -8mm 0 0 -15mm; display: grid; place-items: center; border-radius: 50%; background: var(--wine-deep); color: #fff; font-size: 12px; }

.male-intimacy-rich-content .entry-expansion span { position: absolute; min-width: 27mm; padding: 2.5mm 4mm; border-radius: 14mm; background: var(--sage-deep); color: #fff; text-align: center; font-size: 12px; }

.male-intimacy-rich-content .entry-expansion span:nth-of-type(1) { left: 9%; top: 14%; }

.male-intimacy-rich-content .entry-expansion span:nth-of-type(2) { right: 9%; top: 14%; }

.male-intimacy-rich-content .entry-expansion span:nth-of-type(3) { left: 9%; bottom: 14%; }

.male-intimacy-rich-content .entry-expansion span:nth-of-type(4) { right: 9%; bottom: 14%; }

.male-intimacy-rich-content .entry-expansion em { position: absolute; left: 50%; bottom: 2mm; transform: translateX(-50%); white-space: nowrap; color: var(--wine-deep); font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .alarm-visual { display: grid; grid-template-columns: 1fr 38mm 1.4fr; align-items: center; padding: 4mm 5mm; border: 1px solid #c8b8a5; }

.male-intimacy-rich-content .alarm-visual span { color: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .alarm-visual i { height: 2px; background: linear-gradient(to right, var(--sage-deep), var(--wine)); }

.male-intimacy-rich-content .alarm-visual strong { padding: 3mm; background: var(--wine-deep); color: #fff; text-align: center; font-size: 12px; }

.male-intimacy-rich-content .arousal-levels { border: 1px solid #c9baa8; }

.male-intimacy-rich-content .arousal-levels > div { display: grid; grid-template-columns: 12mm 40mm 1fr; min-height: 10mm; border-bottom: 1px solid #ded4c8; align-items: center; }

.male-intimacy-rich-content .arousal-levels > div:last-child { border-bottom: 0; }

.male-intimacy-rich-content .arousal-levels b,
.male-intimacy-rich-content .arousal-levels span { padding: 2.2mm 3mm; font-size: 12px; }

.male-intimacy-rich-content .arousal-levels b { display: grid; place-items: center; align-self: stretch; background: rgba(79, 104, 92, .10); color: var(--sage-deep); }

.male-intimacy-rich-content .arousal-levels .level-head { min-height: 8mm; background: var(--sage-deep); color: #fff; }

.male-intimacy-rich-content .arousal-levels .level-head b { background: transparent; color: #fff; }

.male-intimacy-rich-content .arousal-levels .target { background: rgba(79, 104, 92, .08); }

.male-intimacy-rich-content .arousal-levels .warning { background: rgba(116, 52, 71, .08); }

.male-intimacy-rich-content .arousal-levels .warning b,
.male-intimacy-rich-content .arousal-levels .finish b { color: var(--wine-deep); }

.male-intimacy-rich-content .arousal-levels .finish { background: rgba(116, 52, 71, .16); }

.male-intimacy-rich-content .regulation-curve { padding: 2.5mm 4mm 3.5mm; border: 1px solid #c9baa8; }

.male-intimacy-rich-content .regulation-curve svg { display: block; width: 100%; height: 53mm; }

.male-intimacy-rich-content .regulation-curve .grid line { stroke: #ded5c9; stroke-width: 1.2; stroke-dasharray: 5 5; }

.male-intimacy-rich-content .regulation-curve .grid text { fill: #806f61; font: 700 14px "Microsoft YaHei", sans-serif; text-anchor: middle; }

.male-intimacy-rich-content .regulation-curve .main { fill: none; stroke: var(--wine-deep); stroke-width: 7; stroke-linecap: round; }

.male-intimacy-rich-content .regulation-curve .threshold { stroke: var(--wine); stroke-width: 2; stroke-dasharray: 8 5; }

.male-intimacy-rich-content .regulation-curve circle { fill: var(--wine-deep); }

.male-intimacy-rich-content .regulation-curve .call { fill: var(--wine-deep); font: 700 13px "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .regulation-curve > div { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5mm; }

.male-intimacy-rich-content .regulation-curve > div span { padding: 2mm 1.5mm; background: rgba(79, 104, 92, .08); color: var(--ink); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .regulation-curve.controlled rect { fill: rgba(79, 104, 92, .10); stroke: rgba(79, 104, 92, .42); }

.male-intimacy-rich-content .regulation-curve.controlled .main { stroke: var(--sage-deep); }

.male-intimacy-rich-content .regulation-curve.controlled .call { fill: var(--sage-deep); }

.male-intimacy-rich-content .mindful-core { display: flex; align-items: center; justify-content: space-between; min-height: 20mm; padding: 4mm 5mm 9mm; border: 1px solid #c9baa8; }

.male-intimacy-rich-content .mindful-core span { min-width: 25mm; padding: 3mm 2mm; border-radius: 14mm; background: var(--sage-deep); color: #fff; text-align: center; font-size: 12px; }

.male-intimacy-rich-content .mindful-core span:nth-of-type(2n) { background: var(--wine-deep); }

.male-intimacy-rich-content .mindful-core i { flex: 1; height: 1px; margin: 0 2mm; background: #c9baa8; }

.male-intimacy-rich-content .mindful-core em { position: absolute; left: 0; right: 0; bottom: 1.5mm; color: var(--wine-deep); text-align: center; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .mindful-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; padding: 3mm; border: 1px solid #c9baa8; }

.male-intimacy-rich-content .mindful-steps span { display: flex; align-items: center; min-height: 13mm; padding: 2mm 3mm; border-top: 2px solid var(--sage-deep); background: rgba(255,253,248,.65); color: var(--ink); font-size: 12px; }

.male-intimacy-rich-content .mindful-steps span:nth-child(2n) { border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .mindful-steps b { display: grid; place-items: center; width: 6mm; height: 6mm; margin-right: 2mm; border-radius: 50%; background: var(--wine-deep); color: #fff; font-size: 12px; }

.male-intimacy-rich-content .signal-matrix .target { background: rgba(79,104,92,.08); }

.male-intimacy-rich-content .signal-matrix .warning { background: rgba(116,52,71,.08); }

.male-intimacy-rich-content .signal-matrix .warning b,
.male-intimacy-rich-content .signal-matrix .finish b { color: var(--wine-deep); }

.male-intimacy-rich-content .signal-matrix .finish { background: rgba(116,52,71,.16); }

.male-intimacy-rich-content .downshift-visual { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; }

.male-intimacy-rich-content .downshift-visual div { padding: 3.5mm 2mm; border: 1px solid #c8b9a7; text-align: center; }

.male-intimacy-rich-content .downshift-visual b { display: block; margin-bottom: 2mm; color: var(--wine); font-size: 12px; }

.male-intimacy-rich-content .downshift-visual span { font-size: 12px; }

.male-intimacy-rich-content .attention-visual { display: grid; grid-template-columns: 1fr 13mm 1fr; align-items: center; }

.male-intimacy-rich-content .attention-visual div { padding: 4mm; border-radius: 1.5mm; color: #fff; text-align: center; }

.male-intimacy-rich-content .attention-visual div:first-child { background: var(--wine-deep); }

.male-intimacy-rich-content .attention-visual div:last-child { background: var(--sage-deep); }

.male-intimacy-rich-content .attention-visual i { text-align: center; color: var(--wine); font-style: normal; font-size: 12px; }

.male-intimacy-rich-content .attention-visual b { display: block; font-size: 13.33px; }

.male-intimacy-rich-content .attention-visual span { font-size: 12px; color: #eadfd5; }

.male-intimacy-rich-content .map-visual { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; padding: 12mm 4mm 4mm; border: 1px solid #c9baa8; }

.male-intimacy-rich-content .map-visual span { display: flex;
  min-height: 19mm;
  padding: 3mm 2mm;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--sage-deep);
  color: #fff;
  text-align: center; }

.male-intimacy-rich-content .map-visual span b { display: block; margin-bottom: 1.2mm; font-size: 12px; line-height: 1.2; }

.male-intimacy-rich-content .map-visual span small { display: block; color: #eee5dc; font-size: 12px; line-height: 1.45; }

.male-intimacy-rich-content .map-visual span:nth-child(2) { background: var(--wine-deep); }

.male-intimacy-rich-content .map-visual i { position: absolute; left: 50%; top: 3mm; width: 18mm; height: 6mm; margin-left: -9mm; border-top: 2px solid var(--wine); border-left: 2px solid transparent; border-right: 2px solid transparent; }

.male-intimacy-rich-content .progress-visual { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4mm; padding: 4mm; border: 1px solid #c8b9a7; }

.male-intimacy-rich-content .progress-visual b { display: block; margin-bottom: 3mm; color: var(--wine); font-size: 12px; }

.male-intimacy-rich-content .progress-visual i { display: block; height: 4mm; border-radius: 3mm; background: linear-gradient(to right, var(--sage-deep) 0 var(--p), #e5dbcf var(--p) 100%); }

.male-intimacy-rich-content .profile-head { display: grid; grid-template-columns: repeat(3, 12mm) 1fr; align-items: center; gap: 3mm; padding: 3mm 4mm; background: var(--sage-deep); color: #fff; }

.male-intimacy-rich-content .profile-head span { display: grid; place-items: center; width: 10mm; height: 10mm; border-radius: 50%; background: var(--wine-deep); font-weight: 700; }

.male-intimacy-rich-content .profile-head b { text-align: right; font-size: 12px; }

.male-intimacy-rich-content .profile-tree { padding: 3mm 4mm 4mm; border: 1px solid #c9baa8; }

.male-intimacy-rich-content .profile-tree > b { display: block; margin-bottom: 3mm; color: var(--wine-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .profile-tree .tree-questions,
.male-intimacy-rich-content .profile-tree .tree-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; }

.male-intimacy-rich-content .profile-tree .tree-questions span { padding: 2.5mm 1.5mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .profile-tree .tree-lines { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; height: 6mm; }

.male-intimacy-rich-content .profile-tree .tree-lines i { width: 1px; height: 6mm; margin: auto; background: var(--wine); }

.male-intimacy-rich-content .profile-tree .tree-results span { display: grid; grid-template-columns: 9mm 1fr; align-items: center; min-height: 16mm; padding: 2.3mm; border: 1px solid #c9baa8; color: #806f61; text-align: left; font-size: 12px; }

.male-intimacy-rich-content .profile-tree .tree-results b { display: grid; place-items: center; width: 7mm; height: 7mm; border-radius: 50%; color: #fff; background: var(--wine-deep); font-size: 12px; }

.male-intimacy-rich-content .profile-tree > em { display: block; margin-top: 2.5mm; padding: 2.5mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .template-lesson-close .page-eyebrow { margin-bottom: 4mm !important; }

.male-intimacy-rich-content .close-visual { height: 34mm;
  margin-top: 12mm;
  overflow: hidden; }

.male-intimacy-rich-content .close-visual span { position: absolute;
  left: 50%;
  top: 4mm;
  border: 1px solid rgba(116, 52, 71, .2);
  border-radius: 50%;
  transform: translateX(-50%); }

.male-intimacy-rich-content .close-visual span:nth-child(1) { width: 84mm; height: 50mm; }

.male-intimacy-rich-content .close-visual span:nth-child(2) { top: 10mm; width: 59mm; height: 34mm; border-color: rgba(217, 156, 85, .3); }

.male-intimacy-rich-content .close-visual span:nth-child(3) { top: 16mm; width: 34mm; height: 19mm; border-color: rgba(79, 104, 92, .28); }

.male-intimacy-rich-content .close-visual i { position: absolute; left: 50%; top: 23mm; width: 5mm; height: 5mm; margin-left: -2.5mm; border-radius: 50%; background: var(--wine-deep); opacity: .22; }

.male-intimacy-rich-content .template-profiles-a-c p,
.male-intimacy-rich-content .template-profiles-d-f p { margin-bottom: 3.4mm; }

.male-intimacy-rich-content :not(.compact-page).template-body-map p,
.male-intimacy-rich-content :not(.compact-page).template-arousal-scale p { font-size: 12px; line-height: 1.62; }

.male-intimacy-rich-content :not(.compact-page).template-method-compare p,
.male-intimacy-rich-content :not(.compact-page).template-delay-practice p { font-size: 12px; }

.male-intimacy-rich-content .bold-line { margin: 3.2mm 0 2.2mm; color: var(--wine-deep); font-size: 13.73px; line-height: 1.48; text-align: left; }

.male-intimacy-rich-content .quote { min-height: 9.8mm; margin: 3.3mm 0; padding: 1.5mm 5mm; }

.male-intimacy-rich-content .quote p { margin: 0 !important; color: #fff; font-size: 14.67px; line-height: 1.3; text-align: center; transform: translateY(.4mm); }

.male-intimacy-rich-content .bold-line { font-size: 13.07px; }

.male-intimacy-rich-content .bold-line { margin: 1.9mm 0 1.3mm; font-size: 12px; }

.male-intimacy-rich-content .bold-line { margin: 3.5mm 0 2.5mm; font-size: 14px; line-height: 1.52; }

.male-intimacy-rich-content .course-visual { margin: 4mm 0 5.5mm; }

.male-intimacy-rich-content .course-visual { position: relative; margin: 2.8mm 0 4mm; font-family: "Microsoft YaHei", sans-serif; break-inside: avoid; }

.male-intimacy-rich-content .course-visual span,
.male-intimacy-rich-content .course-visual b,
.male-intimacy-rich-content .course-visual strong,
.male-intimacy-rich-content .course-visual small { position: relative; z-index: 1; }

.male-intimacy-rich-content .course-visual { margin: 2mm 0 2.8mm; }

.male-intimacy-rich-content .source-figure { display: grid; grid-template-columns: 112mm minmax(0, 1fr); margin: 3mm 0 4mm; overflow: hidden; border: 1px solid #cbbdac; background: #fbfaf7; break-inside: avoid; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .source-figure > div { position: relative; height: 52mm; overflow: hidden; border-right: 1px solid #cbbdac; background: #dde1e4; }

.male-intimacy-rich-content .source-figure img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; }

.male-intimacy-rich-content .source-figure figcaption { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2.5mm; padding: 6mm; color: #806f61; font-size: 12px; line-height: 1.55; }

.male-intimacy-rich-content .source-figure figcaption b { color: var(--wine-deep); font-size: 14px; line-height: 1.55; font-weight: 600; }

.male-intimacy-rich-content .source-figure figcaption span { text-align: left; }

.male-intimacy-rich-content .anatomy-figure { grid-template-columns: 118mm minmax(0, 1fr); }

.male-intimacy-rich-content .anatomy-figure > div { height: 60mm; background: #fbfaf7; }

.male-intimacy-rich-content .vulva-figure { margin-top: 6mm; }

.male-intimacy-rich-content .vulva-figure > div { height: 57mm; }

.male-intimacy-rich-content .position-figure > div { height: 52mm; }

.male-intimacy-rich-content .deep-plunge-figure > div { height: 30mm; background: #0d0d0d; }

.male-intimacy-rich-content .deep-plunge-figure { grid-template-columns: 1fr; }

.male-intimacy-rich-content .deep-plunge-figure > div { border-right: 0; }

.male-intimacy-rich-content .deep-plunge-figure figcaption { display: none; }

.male-intimacy-rich-content .template-variables .course-visual,
.male-intimacy-rich-content .template-missionary-angle .course-visual { margin-top: 1.5mm; margin-bottom: 2mm; }

.male-intimacy-rich-content .template-variables .knob-console { min-height: 27mm; padding: 2mm 5mm 4mm; }

.male-intimacy-rich-content .template-variables .knob-console i { width: 12mm; height: 12mm; }

.male-intimacy-rich-content .compact-position > div { height: 48mm; }

.male-intimacy-rich-content .orbit-route,
.male-intimacy-rich-content .recovery-orbit,
.male-intimacy-rich-content .downshift-curve,
.male-intimacy-rich-content .speech-bubbles { position: relative; min-height: 38mm; overflow: hidden; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .orbit-route svg,
.male-intimacy-rich-content .recovery-orbit svg,
.male-intimacy-rich-content .downshift-curve svg,
.male-intimacy-rich-content .speech-bubbles svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.male-intimacy-rich-content .orbit-route .route-curve,
.male-intimacy-rich-content .recovery-orbit svg > path { fill: none; stroke: var(--wine-deep); stroke-width: 2.2; }

.male-intimacy-rich-content .orbit-route .route-shadow { fill: none; stroke: var(--sage-deep); stroke-width: 1; stroke-dasharray: 5 7; opacity: .55; }

.male-intimacy-rich-content .orbit-route marker path,
.male-intimacy-rich-content .recovery-orbit marker path,
.male-intimacy-rich-content .downshift-curve marker path { fill: var(--wine-deep); }

.male-intimacy-rich-content .orbit-route > span,
.male-intimacy-rich-content .recovery-orbit > span,
.male-intimacy-rich-content .downshift-curve > span { position: absolute; left: var(--x); top: var(--y); display: grid; place-items: center; width: 28mm; min-height: 13mm; padding: 2mm; border: 1px solid #bcae9f; border-radius: 50%; background: rgba(251,249,244,.94); color: var(--wine-deep); text-align: center; transform: translate(-10%, -50%); }

.male-intimacy-rich-content .orbit-route > span::before,
.male-intimacy-rich-content .recovery-orbit > span::before { content: ""; position: absolute; left: 50%; top: -2.3mm; width: 4.5mm; height: 4.5mm; border-radius: 50%; background: var(--sage-deep); transform: translateX(-50%); }

.male-intimacy-rich-content .orbit-route b,
.male-intimacy-rich-content .recovery-orbit b { font-size: 12px; }

.male-intimacy-rich-content .orbit-route small,
.male-intimacy-rich-content .recovery-orbit small { color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .orbit-route em,
.male-intimacy-rich-content .downshift-curve em { position: absolute; left: 50%; bottom: 2mm; color: #806f61; font-size: 12px; font-style: normal; letter-spacing: .08em; transform: translateX(-50%); white-space: nowrap; }

.male-intimacy-rich-content .gesture-methods { display: grid; grid-template-columns: repeat(3, 1fr); min-height: 28mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .gesture-methods > div { display: grid; grid-template-columns: 27mm 1fr; grid-template-rows: 1fr 1fr; align-items: center; padding: 2mm 4mm; border-right: 1px solid #d6cabc; }

.male-intimacy-rich-content .gesture-methods > div:last-child { border-right: 0; }

.male-intimacy-rich-content .gesture-methods svg { grid-row: 1 / 3; width: 26mm; height: 15mm; }

.male-intimacy-rich-content .gesture-methods path { fill: none; stroke: var(--wine-deep); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.male-intimacy-rich-content .gesture-methods path.base { stroke: var(--sage-deep); stroke-width: 1.4; }

.male-intimacy-rich-content .gesture-methods b { align-self: end; color: var(--deep-brown); font-size: 12px; }

.male-intimacy-rich-content .gesture-methods small { align-self: start; color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .pelvic-butterfly { position: relative; min-height: 36mm; overflow: hidden; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .pelvic-butterfly svg { position: absolute; inset: 0; width: 100%; height: 100%; }

.male-intimacy-rich-content .pelvic-butterfly .wing { fill: rgba(79,104,92,.08); stroke: var(--sage-deep); stroke-width: 2; }

.male-intimacy-rich-content .pelvic-butterfly .center { fill: rgba(116,52,71,.12); stroke: var(--wine-deep); stroke-width: 2; }

.male-intimacy-rich-content .pelvic-butterfly .open-arrow { fill: none; stroke: var(--wine-deep); stroke-width: 1.6; stroke-dasharray: 5 5; }

.male-intimacy-rich-content .pelvic-butterfly > span { position: absolute; top: 9mm; display: grid; gap: 1mm; color: var(--wine-deep); font-size: 12px; font-weight: 600; text-align: center; }

.male-intimacy-rich-content .pelvic-butterfly > span small { color: #806f61; font-size: 12px; font-weight: 400; }

.male-intimacy-rich-content .pelvic-butterfly .close-label { left: 7%; }

.male-intimacy-rich-content .pelvic-butterfly .open-label { right: 7%; }

.male-intimacy-rich-content .pelvic-butterfly em { position: absolute; left: 50%; bottom: 2mm; color: #806f61; font-size: 12px; font-style: normal; letter-spacing: .07em; transform: translateX(-50%); white-space: nowrap; }

.male-intimacy-rich-content .sync-versions { display: grid; grid-template-columns: repeat(3, 1fr); min-height: 31mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .sync-versions > div { position: relative; display: grid; grid-template-columns: 9mm 1fr; grid-template-rows: 17mm auto; align-items: center; padding: 2mm 3mm; border-right: 1px solid #d6cabc; }

.male-intimacy-rich-content .sync-versions > div:last-child { border-right: 0; }

.male-intimacy-rich-content .sync-versions b { grid-row: 1 / 3; color: var(--wine-deep); font-size: 16px; }

.male-intimacy-rich-content .sync-versions svg { width: 100%; height: 14mm; }

.male-intimacy-rich-content .sync-versions path { fill: none; stroke-width: 2; }

.male-intimacy-rich-content .sync-versions .you { stroke: var(--sage-deep); }

.male-intimacy-rich-content .sync-versions .her { stroke: var(--wine-deep); }

.male-intimacy-rich-content .sync-versions span { color: #67594e; font-size: 12px; text-align: center; }

.male-intimacy-rich-content .downshift-curve { min-height: 37mm; }

.male-intimacy-rich-content .downshift-curve svg > path { fill: none; stroke: var(--wine-deep); stroke-width: 2.2; }

.male-intimacy-rich-content .downshift-curve circle { fill: #fbf9f4; stroke: var(--sage-deep); stroke-width: 2; }

.male-intimacy-rich-content .downshift-curve > span { width: 23mm; min-height: 9mm; border: 0; border-radius: 0; background: transparent; transform: translate(0,-50%); }

.male-intimacy-rich-content .downshift-curve > span b { display: grid; place-items: center; width: 7mm; height: 7mm; margin: 0 auto 1mm; border-radius: 50%; background: var(--wine-deep); color: #fff; font-size: 12px; }

.male-intimacy-rich-content .recovery-orbit { min-height: 33mm; }

.male-intimacy-rich-content .recovery-orbit > span { width: 37mm; min-height: 15mm; }

.male-intimacy-rich-content .recovery-orbit > span::before { background: var(--wine-deep); }

.male-intimacy-rich-content .speech-bubbles { min-height: 38mm; border: 0; }

.male-intimacy-rich-content .speech-bubbles svg > path { fill: none; stroke: var(--sage-deep); stroke-width: 1.2; stroke-dasharray: 5 7; }

.male-intimacy-rich-content .speech-bubbles > span { position: absolute; display: grid; gap: 1mm; width: 43mm; min-height: 16mm; padding: 3mm 4mm; border: 1px solid #bcae9f; border-radius: 48% 52% 50% 45%; background: rgba(251,249,244,.96); color: var(--wine-deep); font: 600 12px/1.35 "Microsoft YaHei", sans-serif; text-align: center; }

.male-intimacy-rich-content .speech-bubbles > span::after { content: ""; position: absolute; bottom: -3mm; width: 6mm; height: 5mm; border-bottom: 1px solid #bcae9f; transform: rotate(32deg); }

.male-intimacy-rich-content .speech-bubbles small { color: #806f61; font-size: 12px; font-weight: 400; }

.male-intimacy-rich-content .speech-bubbles .bubble-a { left: 2%; top: 12mm; }

.male-intimacy-rich-content .speech-bubbles .bubble-b { left: 37%; top: 2mm; }

.male-intimacy-rich-content .speech-bubbles .bubble-c { right: 2%; top: 12mm; }

.male-intimacy-rich-content .knob-console { display: grid; grid-template-columns: repeat(5, 1fr); align-items: start; min-height: 33mm; padding: 4mm 6mm 8mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .knob-console > span { display: grid; place-items: center; gap: 1.5mm; color: var(--deep-brown); font-size: 12px; }

.male-intimacy-rich-content .knob-console i { position: relative; display: block; width: 14mm; height: 14mm; border: 1.5px solid var(--sage-deep); border-radius: 50%; background: radial-gradient(circle at center, rgba(79,104,92,.08) 0 38%, transparent 40%); }

.male-intimacy-rich-content .knob-console i::before { content: ""; position: absolute; left: 50%; top: 1.5mm; width: 1.3px; height: 5mm; background: var(--wine-deep); transform: translateX(-50%) rotate(var(--turn)); transform-origin: 50% 5.5mm; }

.male-intimacy-rich-content .knob-console i::after { content: ""; position: absolute; inset: -2.2mm; border-radius: 50%; background: repeating-conic-gradient(from -65deg, #bcae9f 0 1deg, transparent 1deg 18deg); -webkit-mask: radial-gradient(circle, transparent 0 62%, #000 64% 68%, transparent 70%); mask: radial-gradient(circle, transparent 0 62%, #000 64% 68%, transparent 70%); }

.male-intimacy-rich-content .knob-console em { grid-column: 1 / -1; margin-top: 2mm; color: #806f61; font-size: 12px; font-style: normal; letter-spacing: .06em; text-align: center; }

.male-intimacy-rich-content .compact-position > div { height: 38mm; }

.male-intimacy-rich-content .readiness-signals { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; }

.male-intimacy-rich-content .readiness-signals span { display: grid; place-items: center; min-height: 25mm; padding: 3mm 2mm; border: 1px solid #cbbdac; border-top: 3px solid var(--sage-deep); text-align: center; }

.male-intimacy-rich-content .readiness-signals span:nth-child(2n) { border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .readiness-signals b { color: var(--wine-deep); font-size: 12px; }

.male-intimacy-rich-content .readiness-signals small { margin-top: 1.5mm; color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .readiness-signals em { grid-column: 1 / -1; padding: 2.5mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .foreplay-timing { display: grid; grid-template-columns: 1fr 18mm 1fr 18mm 1fr; grid-template-rows: 10mm 19mm 10mm; align-items: center; margin-top: 7mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; text-align: center; }

.male-intimacy-rich-content .foreplay-timing small { grid-column: 1 / -1; align-self: end; color: #806f61; font-size: 12px; letter-spacing: .08em; }

.male-intimacy-rich-content .foreplay-timing span { color: var(--wine-deep); font-size: 12px; font-weight: 600; }

.male-intimacy-rich-content .foreplay-timing i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .foreplay-timing em { grid-column: 1 / -1; color: #fff; background: var(--sage-deep); font-size: 12px; font-style: normal; line-height: 8mm; }

.male-intimacy-rich-content .prompt-card { display: grid; grid-template-columns: 28mm 1fr; align-items: center; min-height: 16mm; padding: 3mm 5mm; background: var(--wine-deep); color: #fff; }

.male-intimacy-rich-content .prompt-card small { color: var(--amber-soft); font-size: 12px; letter-spacing: .12em; }

.male-intimacy-rich-content .prompt-card strong { color: #fff; text-align: center; font: 15.33px/1.4 "SimSun", serif; }

.male-intimacy-rich-content .prompt-card { min-height: 12mm; padding: 2.5mm 5mm; }

.male-intimacy-rich-content .pain-branch { border: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .pain-branch header { display: flex; align-items: center; justify-content: space-between; min-height: 14mm; padding: 3mm 6mm; }

.male-intimacy-rich-content .pain-branch header b { color: var(--wine-deep); }

.male-intimacy-rich-content .pain-branch header i { color: var(--amber); font-style: normal; }

.male-intimacy-rich-content .pain-branch > div { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #cbbdac; }

.male-intimacy-rich-content .pain-branch > div span { display: grid; gap: 1mm; padding: 3mm 5mm; border-right: 1px solid #cbbdac; }

.male-intimacy-rich-content .pain-branch > div span:last-child { border-right: 0; }

.male-intimacy-rich-content .pain-branch > div b { color: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .pain-branch > div small { color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .entry-start { border: 1px solid #cbbdac; }

.male-intimacy-rich-content .entry-start .prompt-card { margin: 0; border: 0; }

.male-intimacy-rich-content .entry-scale { display: grid; grid-template-columns: auto 1fr auto 1fr auto; align-items: center; gap: 4mm; min-height: 16mm; padding: 3mm 7mm; color: var(--wine-deep); font-family: "Microsoft YaHei", sans-serif; font-size: 12px; font-weight: 600; text-align: center; }

.male-intimacy-rich-content .entry-scale i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .entry-scale em { grid-column: 1 / -1; color: #806f61; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: .08em; }

.male-intimacy-rich-content .checklist,
.male-intimacy-rich-content .four-lines,
.male-intimacy-rich-content .referral { display: grid; gap: 2mm; }

.male-intimacy-rich-content .checklist { grid-template-columns: repeat(4, 1fr); }

.male-intimacy-rich-content .checklist span,
.male-intimacy-rich-content .referral span { padding: 3.2mm 2mm; border: 1px solid #cbbdac; text-align: center; font-size: 12px; }

.male-intimacy-rich-content .checklist span { display: grid; place-items: center; min-height: 27mm; font-size: 12px; }

.male-intimacy-rich-content .choice-grid,
.male-intimacy-rich-content .session-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5mm; }

.male-intimacy-rich-content .choice-grid span,
.male-intimacy-rich-content .session-steps span { padding: 4mm 3mm; border: 1px solid #cbbdac; text-align: center; font-size: 12px; }

.male-intimacy-rich-content .choice-grid span { display: grid; place-items: center; min-height: 27mm; }

.male-intimacy-rich-content .choice-grid { grid-template-columns: 1fr; gap: 2mm; }

.male-intimacy-rich-content .choice-grid span { display: grid; grid-template-columns: 29mm 1fr 10mm 1fr; align-items: stretch; min-height: 18mm; padding: 0; font-size: 12px; overflow: hidden; }

.male-intimacy-rich-content .choice-grid small { display: grid; place-items: center; color: #fff; background: var(--sage-deep); font-size: 12px; letter-spacing: .16em; }

.male-intimacy-rich-content .choice-grid b { display: grid; place-items: center; padding: 3mm 2mm; color: var(--wine-deep); font-size: 14.67px; font-weight: 600; }

.male-intimacy-rich-content .choice-grid i { display: grid; place-items: center; color: #9a8575; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .choice-grid span:nth-child(2) small { background: var(--wine-deep); }

.male-intimacy-rich-content .choice-grid em { display: grid; place-items: center; min-height: 20mm; color: #fff; background: var(--sage-deep); font-size: 12.67px; font-style: normal; letter-spacing: .04em; }

.male-intimacy-rich-content .feedback-preview { display: grid; grid-template-columns: 1fr 18mm 1fr 18mm 1fr; grid-template-rows: 10mm 22mm; align-items: center; margin-top: 5mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; color: var(--deep-brown); font-family: "Microsoft YaHei", sans-serif; text-align: center; }

.male-intimacy-rich-content .feedback-preview small { grid-column: 1 / -1; align-self: end; color: #8d7969; font-size: 12px; letter-spacing: .12em; }

.male-intimacy-rich-content .feedback-preview span { font-size: 12px; font-weight: 600; }

.male-intimacy-rich-content .feedback-preview span:first-of-type { color: var(--sage-deep); }

.male-intimacy-rich-content .feedback-preview span:last-of-type { color: var(--wine-deep); }

.male-intimacy-rich-content .feedback-preview i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .case-route-preview { display: grid; grid-template-columns: 1fr 12mm 1fr 12mm 1fr 12mm 1fr; grid-template-rows: 12mm 27mm; align-items: center; margin-top: 7mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; text-align: center; }

.male-intimacy-rich-content .case-route-preview small { grid-column: 1 / -1; align-self: end; color: #8d7969; font-size: 12px; letter-spacing: .1em; }

.male-intimacy-rich-content .case-route-preview span { font-size: 12px; color: var(--deep-brown); }

.male-intimacy-rich-content .case-route-preview b { display: block; margin-bottom: 1mm; color: var(--wine-deep); font-size: 13.33px; }

.male-intimacy-rich-content .case-route-preview i { height: 1px; background: var(--sage-deep); }

.male-intimacy-rich-content .referral-next { display: grid; grid-template-columns: 1fr 13mm 1fr 13mm 1fr; grid-template-rows: 12mm 29mm; align-items: center; margin-top: 7mm; border-top: 1px solid #cbbdac; border-bottom: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; text-align: center; }

.male-intimacy-rich-content .referral-next small { grid-column: 1 / -1; align-self: end; color: #8d7969; font-size: 12px; letter-spacing: .1em; }

.male-intimacy-rich-content .referral-next span { display: grid; place-items: center; min-height: 16mm; color: #fff; background: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .referral-next span:last-of-type { background: var(--wine-deep); }

.male-intimacy-rich-content .referral-next i { color: var(--wine-deep); font-style: normal; }

.male-intimacy-rich-content .session-steps span:nth-child(2) { border-top: 3px solid var(--wine-deep); }

.male-intimacy-rich-content .guardrail { display: grid; grid-template-columns: 1fr 16mm 1fr 16mm 1fr; align-items: center; padding: 4mm; border: 1px solid #cbbdac; text-align: center; }

.male-intimacy-rich-content .guardrail i { height: 1px; background: var(--wine); }

.male-intimacy-rich-content .guardrail em { grid-column: 1 / -1; margin-top: 3mm; color: var(--wine-deep); font-style: normal; font-size: 12px; }

.male-intimacy-rich-content .guardrail { min-height: 31mm; padding: 6mm; }

.male-intimacy-rich-content .compare,
.male-intimacy-rich-content .compare-move { display: grid; grid-template-columns: 1fr 14mm 1fr; align-items: center; }

.male-intimacy-rich-content .compare div,
.male-intimacy-rich-content .compare-move div { padding: 4mm; color: #fff; text-align: center; background: var(--sage-deep); }

.male-intimacy-rich-content .compare div:last-child,
.male-intimacy-rich-content .compare-move div:last-child { background: var(--wine-deep); }

.male-intimacy-rich-content .compare i,
.male-intimacy-rich-content .compare-move i { color: var(--wine); text-align: center; font-style: normal; }

.male-intimacy-rich-content .compare b,
.male-intimacy-rich-content .compare-move b { display: block; margin-bottom: 1.5mm; }

.male-intimacy-rich-content .compare span,
.male-intimacy-rich-content .compare-move span { font-size: 12px; color: #eadfd5; }

.male-intimacy-rich-content .compare div { min-height: 26mm; padding: 6mm 4mm; }

.male-intimacy-rich-content .feedback { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2mm; }

.male-intimacy-rich-content .feedback span { padding: 3.5mm 2mm; background: var(--sage-deep); color: #fff; text-align: center; font-size: 12px; }

.male-intimacy-rich-content .feedback span:last-child { background: var(--wine-deep); }

.male-intimacy-rich-content .feedback span { display: grid; place-items: center; min-height: 25mm; font-size: 12px; }

.male-intimacy-rich-content .four-lines { grid-template-columns: 1fr 1fr; }

.male-intimacy-rich-content .four-lines span { padding: 3mm; border-left: 3px solid var(--sage-deep); background: rgba(228, 235, 230, .68); font-size: 12px; }

.male-intimacy-rich-content .four-lines span:last-child { border-left-color: var(--wine-deep); }

.male-intimacy-rich-content .four-lines span { display: grid; align-items: center; min-height: 21mm; padding: 5mm; font-size: 12px; }

.male-intimacy-rich-content .wave { padding: 2mm 4mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .wave svg { display: block; width: 100%; height: 22mm; }

.male-intimacy-rich-content .wave path { fill: none; stroke: var(--wine-deep); stroke-width: 5; stroke-linecap: round; }

.male-intimacy-rich-content .wave span { position: absolute; bottom: 2mm; color: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .wave span:last-child { right: 5mm; }

.male-intimacy-rich-content .six-stage { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5mm; }

.male-intimacy-rich-content .six-stage span { display: grid; place-items: center; min-height: 18mm; padding: 2.5mm 1mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .six-stage span:nth-child(2n) { background: #6f5649; }

.male-intimacy-rich-content .six-stage span:nth-child(5),
.male-intimacy-rich-content .six-stage span:nth-child(6) { background: var(--wine-deep); }

.male-intimacy-rich-content .six-stage b { display: block; margin-bottom: 1mm; color: #efd5ae; font-size: 12px; }

.male-intimacy-rich-content .angle-diagram .base { top: 20mm; }

.male-intimacy-rich-content .rhythm { display: flex; align-items: end; justify-content: center; gap: 5mm; min-height: 25mm; padding: 4mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .rhythm b,
.male-intimacy-rich-content .rhythm strong { display: grid; place-items: center; width: 10mm; border-radius: 10mm 10mm 2mm 2mm; color: #fff; background: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .rhythm b { height: 11mm; }

.male-intimacy-rich-content .rhythm strong { height: 21mm; background: var(--wine-deep); }

.male-intimacy-rich-content .cases { display: grid; grid-template-columns: 1fr 1fr; gap: 3mm; }

.male-intimacy-rich-content .cases span { padding: 5mm 4mm; color: #fff; background: var(--sage-deep); text-align: center; }

.male-intimacy-rich-content .cases span:last-child { background: var(--wine-deep); }

.male-intimacy-rich-content .referral { grid-template-columns: repeat(4, 1fr); }

.male-intimacy-rich-content .referral span { border-top: 3px solid var(--wine-deep); }

.male-intimacy-rich-content .course-close { display: grid; grid-template-columns: 1fr 11mm 1fr 11mm 1fr; align-items: center; padding: 5mm 7mm; background: var(--sage-deep); color: #fff; text-align: center; }

.male-intimacy-rich-content .course-close i { height: 1px; background: var(--amber-soft); }

.male-intimacy-rich-content .course-close span { display: grid; gap: 1mm; place-items: center; }

.male-intimacy-rich-content .course-close span:nth-of-type(2) { color: var(--amber-soft); }

.male-intimacy-rich-content .course-close b { font-size: 12px; }

.male-intimacy-rich-content .course-close small { color: #eee6dd; font-size: 12px; line-height: 1.35; }

.male-intimacy-rich-content .diagnosis-tree { padding: 3mm 4mm 4mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .diagnosis-tree > b { display: block; margin-bottom: 3mm; color: var(--wine-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .diagnosis-tree > div,
.male-intimacy-rich-content .diagnosis-tree > section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; }

.male-intimacy-rich-content .diagnosis-tree > div span { padding: 3mm 2mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .diagnosis-tree > div span:nth-child(2) { background: #765a4c; }

.male-intimacy-rich-content .diagnosis-tree > div span:nth-child(3) { background: var(--wine-deep); }

.male-intimacy-rich-content .diagnosis-tree > i { display: block; width: 67%; height: 7mm; margin: auto; border-left: 1px solid var(--wine); border-right: 1px solid var(--wine); border-bottom: 1px solid var(--wine); }

.male-intimacy-rich-content .diagnosis-tree > section small { padding: 2.7mm 2mm; border: 1px solid #cbbdac; color: var(--wine-deep); text-align: center; font-size: 12px; line-height: 1.35; }

.male-intimacy-rich-content .diagnosis-tree > em { display: block; margin-top: 3mm; padding: 2.3mm; color: #fff; background: var(--wine-deep); text-align: center; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .health-summary > div { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2mm; }

.male-intimacy-rich-content .health-summary > div span { padding: 3.2mm 1mm; border: 1px solid #cbbdac; border-top: 3px solid var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .health-summary > section { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2mm; margin-top: 2mm; }

.male-intimacy-rich-content .health-summary > section b { padding: 3mm 1.5mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .health-summary > section b:nth-child(2) { background: #765a4c; }

.male-intimacy-rich-content .health-summary > section b:nth-child(3) { background: var(--wine-deep); }

.male-intimacy-rich-content .speech-matrix { display: grid; grid-template-columns: 39mm 1fr; margin-top: 4mm; border: 1px solid #cbbdac; font-family: "Microsoft YaHei", sans-serif; }

.male-intimacy-rich-content .speech-matrix small,
.male-intimacy-rich-content .speech-matrix > b { padding: 2.2mm 3mm; color: #fff; background: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .speech-matrix > b { background: var(--wine-deep); font-weight: 500; }

.male-intimacy-rich-content .speech-matrix span,
.male-intimacy-rich-content .speech-matrix em { padding: 2.4mm 3mm; border-top: 1px solid #d8cec1; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .speech-matrix span { color: #806f61; }

.male-intimacy-rich-content .speech-matrix em { color: var(--wine-deep); }

.male-intimacy-rich-content .supplement-visual { position: relative; margin: 3.5mm 0 4.5mm; font-family: "Microsoft YaHei", sans-serif; break-inside: avoid; }

.male-intimacy-rich-content .pleasure-spectrum { display: grid; grid-template-columns: 1.1fr 13mm 1fr; align-items: center; min-height: 31mm; padding: 4mm 5mm 8mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .pleasure-spectrum span { display: grid; place-items: center; min-height: 16mm; padding: 3mm; color: #fff; text-align: center; background: var(--sage-deep); }

.male-intimacy-rich-content .pleasure-spectrum .inside { background: var(--wine-deep); }

.male-intimacy-rich-content .pleasure-spectrum b { font-size: 13.33px; }

.male-intimacy-rich-content .pleasure-spectrum small { margin-top: 1mm; color: #eee6dd; font-size: 12px; }

.male-intimacy-rich-content .pleasure-spectrum i { color: var(--amber); font-size: 21.33px; font-style: normal; text-align: center; }

.male-intimacy-rich-content .pleasure-spectrum em { position: absolute; left: 5mm; right: 5mm; bottom: 2mm; color: #86776b; font-size: 12px; font-style: normal; text-align: center; letter-spacing: .07em; }

.male-intimacy-rich-content .desire-bridge { display: grid; grid-template-columns: 1fr 12mm 34mm 12mm 1fr; grid-template-rows: 24mm 9mm; align-items: center; padding: 4mm; border: 1px solid #cbbdac; text-align: center; }

.male-intimacy-rich-content .desire-bridge span { display: grid; place-items: center; min-height: 18mm; padding: 3mm; color: #fff; background: var(--sage-deep); }

.male-intimacy-rich-content .desire-bridge span:last-of-type { background: var(--wine-deep); }

.male-intimacy-rich-content .desire-bridge span b { font-size: 12px; }

.male-intimacy-rich-content .desire-bridge span small { margin-top: 1mm; color: #eee6dd; font-size: 12px; }

.male-intimacy-rich-content .desire-bridge i { height: 1px; background: var(--amber); }

.male-intimacy-rich-content .desire-bridge strong { color: #735f51; font-size: 12px; }

.male-intimacy-rich-content .desire-bridge em { grid-column: 1 / -1; color: #89796d; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .sensation-practice { display: grid; grid-template-columns: 1fr 15mm 1fr 15mm 1fr; grid-template-rows: 21mm 10mm; align-items: center; padding: 4mm; border: 1px solid #cbbdac; text-align: center; }

.male-intimacy-rich-content .sensation-practice span { display: grid; place-items: center; min-height: 16mm; padding: 3mm 2mm; color: #fff; background: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .sensation-practice span:nth-of-type(2) { background: #765a4c; }

.male-intimacy-rich-content .sensation-practice span:nth-of-type(3) { background: var(--wine-deep); }

.male-intimacy-rich-content .sensation-practice span b { display: block; margin-bottom: 1mm; color: var(--amber-soft); }

.male-intimacy-rich-content .sensation-practice i { height: 1px; background: var(--wine); }

.male-intimacy-rich-content .sensation-practice em { grid-column: 1 / -1; color: var(--wine-deep); font-size: 12px; font-style: normal; letter-spacing: .08em; }

.male-intimacy-rich-content .condom-steps { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.5mm; }

.male-intimacy-rich-content .condom-steps span { display: grid; place-items: center; min-height: 19mm; padding: 2.5mm 1mm; color: #fff; background: var(--sage-deep); text-align: center; font-size: 12px; }

.male-intimacy-rich-content .condom-steps span:nth-child(2n) { background: #765a4c; }

.male-intimacy-rich-content .condom-steps span:nth-child(5),
.male-intimacy-rich-content .condom-steps span:nth-child(6) { background: var(--wine-deep); }

.male-intimacy-rich-content .condom-steps b { display: block; margin-bottom: 1mm; color: var(--amber-soft); }

.male-intimacy-rich-content .shared-safety { display: grid; grid-template-columns: 1fr 15mm 1fr 15mm 1fr; align-items: center; padding: 4mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .shared-safety span { display: grid; place-items: center; min-height: 20mm; padding: 3mm 2mm; border-top: 3px solid var(--sage-deep); background: rgba(228, 235, 230, .5); text-align: center; }

.male-intimacy-rich-content .shared-safety span:nth-of-type(2) { border-top-color: #765a4c; }

.male-intimacy-rich-content .shared-safety span:nth-of-type(3) { border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .shared-safety b { color: var(--wine-deep); font-size: 12px; }

.male-intimacy-rich-content .shared-safety small { margin-top: 1mm; color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .shared-safety i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .sti-signal { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 18mm 10mm; gap: 2mm; align-items: center; padding: 4mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .sti-signal span { display: grid; place-items: center; min-height: 16mm; color: #fff; background: var(--sage-deep); font-size: 12px; text-align: center; }

.male-intimacy-rich-content .sti-signal span:nth-child(3),
.male-intimacy-rich-content .sti-signal span:nth-child(4) { background: var(--wine-deep); }

.male-intimacy-rich-content .sti-signal em { grid-column: 1 / -1; color: #806f61; font-size: 12px; font-style: normal; text-align: center; }

.male-intimacy-rich-content .outer-steps,
.male-intimacy-rich-content .postcoital-response { display: grid; grid-template-columns: 1fr 14mm 1fr 14mm 1fr; grid-template-rows: 23mm 8mm; align-items: center; padding: 4mm; border: 1px solid #cbbdac; text-align: center; }

.male-intimacy-rich-content .outer-steps span,
.male-intimacy-rich-content .postcoital-response span { display: grid; place-items: center; min-height: 17mm; padding: 3mm 2mm; color: #fff; background: var(--sage-deep); font-family: "Microsoft YaHei", sans-serif; font-size: 12px; }

.male-intimacy-rich-content .outer-steps span:nth-of-type(2),
.male-intimacy-rich-content .postcoital-response span:nth-of-type(2) { background: #765a4c; }

.male-intimacy-rich-content .outer-steps span:nth-of-type(3),
.male-intimacy-rich-content .postcoital-response span:nth-of-type(3) { background: var(--wine-deep); }

.male-intimacy-rich-content .outer-steps b { color: var(--amber-soft); }

.male-intimacy-rich-content .outer-steps i,
.male-intimacy-rich-content .postcoital-response i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .outer-steps em { grid-column: 1 / -1; color: #806f61; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .postcoital-response { grid-template-rows: 25mm; margin-top: 4mm; }

.male-intimacy-rich-content .postcoital-response span { min-height: 20mm; }

.male-intimacy-rich-content .postcoital-response small { display: block; margin-top: 1mm; color: #eee6dd; font-size: 12px; }

.male-intimacy-rich-content .touch-methods,
.male-intimacy-rich-content .aftercare-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5mm; }

.male-intimacy-rich-content .touch-methods span,
.male-intimacy-rich-content .aftercare-cards span { display: grid; place-items: center; min-height: 25mm; padding: 4mm 3mm; border: 1px solid #cbbdac; border-top: 3px solid var(--sage-deep); text-align: center; }

.male-intimacy-rich-content .touch-methods span:nth-child(2),
.male-intimacy-rich-content .aftercare-cards span:nth-child(2) { border-top-color: #765a4c; }

.male-intimacy-rich-content .touch-methods span:nth-child(3),
.male-intimacy-rich-content .aftercare-cards span:nth-child(3) { border-top-color: var(--wine-deep); }

.male-intimacy-rich-content .touch-methods b,
.male-intimacy-rich-content .aftercare-cards b { color: var(--wine-deep); font-size: 12px; }

.male-intimacy-rich-content .touch-methods small,
.male-intimacy-rich-content .aftercare-cards small { margin-top: 1mm; color: #806f61; font-size: 12px; }

.male-intimacy-rich-content .ga-summary { display: grid; grid-template-columns: 1fr 16mm 1fr; align-items: center; padding: 4mm; border: 1px solid #cbbdac; }

.male-intimacy-rich-content .ga-summary span { display: grid; place-items: center; min-height: 26mm; padding: 4mm; color: #fff; background: var(--sage-deep); text-align: center; }

.male-intimacy-rich-content .ga-summary span:last-child { background: var(--wine-deep); }

.male-intimacy-rich-content .ga-summary b { font-size: 13.33px; }

.male-intimacy-rich-content .ga-summary small { margin: 1mm 0; color: #eee6dd; font-size: 12px; }

.male-intimacy-rich-content .ga-summary em { font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .ga-summary i { height: 1px; background: linear-gradient(to right, var(--sage-deep), var(--wine-deep)); }

.male-intimacy-rich-content .spray-route { display: grid; grid-template-columns: 1fr 10mm 1fr 10mm 1fr 10mm 1fr; grid-template-rows: 23mm 8mm; align-items: center; padding: 4mm; border: 1px solid #cbbdac; text-align: center; }

.male-intimacy-rich-content .spray-route span { display: grid; place-items: center; min-height: 17mm; padding: 3mm 2mm; color: #fff; background: var(--sage-deep); font-size: 12px; }

.male-intimacy-rich-content .spray-route span:nth-of-type(2) { background: #765a4c; }

.male-intimacy-rich-content .spray-route span:nth-of-type(n+3) { background: var(--wine-deep); }

.male-intimacy-rich-content .spray-route span b { color: var(--amber-soft); }

.male-intimacy-rich-content .spray-route i { height: 1px; background: var(--wine); }

.male-intimacy-rich-content .spray-route em { grid-column: 1 / -1; color: #806f61; font-size: 12px; font-style: normal; }

.male-intimacy-rich-content .ga-zone-figure { margin-top: 3mm; }

.male-intimacy-rich-content .ga-zone-figure > div { height: 58mm; background: #efe7dc; }

.male-intimacy-rich-content .ga-zone-figure img { object-fit: contain; }

.male-intimacy-rich-content .template-a-location .source-figure figcaption { padding-top: 1.5mm; }

.male-intimacy-rich-content .template-aftercare .aftercare-cards { margin-top: 4mm; }

.male-intimacy-rich-content .bold-line { font-size: 16px; line-height: 1.6; }

.male-intimacy-rich-content .quote > p { font-size: 16.67px; }

.male-intimacy-rich-content .bold-line { font-size: 15.33px; line-height: 1.58; }

.male-intimacy-rich-content .quote p { font-size: 16.27px; }

.male-intimacy-rich-content .bold-line { font-size: 15.6px; }

.male-intimacy-rich-content .bold-line { font-size: 14.4px; }

.male-intimacy-rich-content .bold-line { font-size: 13.2px; }

.male-intimacy-rich-content .template-desensitize,
.male-intimacy-rich-content .template-fantasy-control,
.male-intimacy-rich-content .template-reality-curve,
.male-intimacy-rich-content .template-mindful-intro,
.male-intimacy-rich-content .template-delay-practice,
.male-intimacy-rich-content .template-lesson-close { top: 46mm; }

.male-intimacy-rich-content .template-desensitize p,
.male-intimacy-rich-content .template-fantasy-control p,
.male-intimacy-rich-content .template-reality-curve p,
.male-intimacy-rich-content .template-mindful-intro p,
.male-intimacy-rich-content .template-delay-practice p,
.male-intimacy-rich-content .template-lesson-close p { margin-bottom: 4.4mm; font-size: 14.4px; line-height: 1.85; }

.male-intimacy-rich-content .bold-line { font-size: 15.33px; }

.male-intimacy-rich-content .template-desensitize,
.male-intimacy-rich-content .template-fantasy-control,
.male-intimacy-rich-content .template-reality-curve,
.male-intimacy-rich-content .template-mindful-intro,
.male-intimacy-rich-content .template-delay-practice,
.male-intimacy-rich-content .template-lesson-close { top: 46mm; }

.male-intimacy-rich-content .template-desensitize p,
.male-intimacy-rich-content .template-fantasy-control p,
.male-intimacy-rich-content .template-reality-curve p,
.male-intimacy-rich-content .template-mindful-intro p,
.male-intimacy-rich-content .template-delay-practice p,
.male-intimacy-rich-content .template-lesson-close p { margin-bottom: 4.4mm; font-size: 14.4px; line-height: 1.85; }

.male-intimacy-rich-content .template-brain-close p { font-size: 12.27px; line-height: 1.55; margin-bottom: 1.8mm; }

.male-intimacy-rich-content .template-brain-close .practice-pointer p,
.male-intimacy-rich-content .template-brain-close .summary-block p,
.male-intimacy-rich-content .template-brain-close .lesson-preview p { font-size: 12px !important; line-height: 1.5 !important; }

.male-intimacy-rich-content .template-brain-close .practice-pointer,
.male-intimacy-rich-content .template-brain-close .common-errors { padding: 2.4mm 4mm; margin: 2.2mm 0; }

.male-intimacy-rich-content .template-brain-close .summary-block { padding: 2.6mm 4mm; margin-top: 2.2mm; }

.male-intimacy-rich-content .template-brain-close .lesson-preview { padding: 2.2mm 4mm; margin-top: 2.2mm; }

.male-intimacy-rich-content .template-brain-close .quote { min-height: 8mm; margin: 2.4mm 0; }

.male-intimacy-rich-content .deep-plunge-figure > div { height: 26mm; }

.male-intimacy-rich-content .template-top-control .position-figure > div { height: 44mm; }

.male-intimacy-rich-content .template-grind-thrust .speech-matrix span,
.male-intimacy-rich-content .template-grind-thrust .speech-matrix em { padding: 1.8mm 3mm; }

.male-intimacy-rich-content .template-aftercare .aftercare-cards span { min-height: 21mm; }

.male-intimacy-rich-content .template-brain-close .quote { min-height: 9.8mm; }

.male-intimacy-rich-content .deep-plunge-figure > div { height: 24mm; }

.male-intimacy-rich-content .template-three-sessions .session-steps span { padding: 3mm 2.5mm; }

.male-intimacy-rich-content .template-grind-thrust .quote { min-height: 9mm; margin: 2.4mm 0; }

.male-intimacy-rich-content .template-missionary-angle .deep-plunge-figure { margin: 1.5mm 0 2mm; }

.male-intimacy-rich-content .template-grind-thrust .speech-matrix small,
.male-intimacy-rich-content .template-grind-thrust .speech-matrix > b { padding: 1.8mm 3mm; }

.male-intimacy-rich-content .template-fantasy-control { top: 50mm; }

.male-intimacy-rich-content .template-fantasy-control p { font-size: 14.93px; line-height: 1.9; margin-bottom: 5mm; }

.male-intimacy-rich-content .template-fantasy-control .meter-visual { padding: 6mm 8mm 9mm; margin-top: 6mm; }

.male-intimacy-rich-content .template-fantasy-control .meter-visual div { margin-bottom: 4.5mm; }

.male-intimacy-rich-content .template-fantasy-control .meter-visual span { font-size: 12.67px; }

.male-intimacy-rich-content .template-fantasy-control .meter-visual i { height: 5.5mm; }

.male-intimacy-rich-content .template-update-loop { top: 44mm; }

.male-intimacy-rich-content .template-update-loop p { font-size: 14.4px; line-height: 1.85; margin-bottom: 4.4mm; }

.male-intimacy-rich-content .template-update-loop .loop-visual { min-height: 20mm; padding: 4mm 6mm; margin-top: 4mm; }

.male-intimacy-rich-content .template-pain-response .pain-branch header { min-height: 17mm; padding: 4mm 7mm; }

.male-intimacy-rich-content .template-pain-response .pain-branch > div span { gap: 1.6mm; padding: 4mm 6mm; }

.male-intimacy-rich-content .template-pain-response .pain-branch > div b { font-size: 12.67px; }

.male-intimacy-rich-content .template-pain-response .pain-branch > div small { font-size: 12px; }

.male-intimacy-rich-content .template-outer-warmup .outer-steps span { min-height: 22mm; padding: 4mm 3mm; font-size: 12px; }

.male-intimacy-rich-content .template-outer-warmup .outer-steps em { font-size: 12px; margin-top: 2mm; }

.male-intimacy-rich-content .template-ga-summary .ga-summary span { min-height: 33mm; padding: 5mm; }

.male-intimacy-rich-content .template-ga-summary .ga-summary b { font-size: 14.67px; }

.male-intimacy-rich-content .template-ga-summary .ga-summary small { font-size: 12px; }

.male-intimacy-rich-content .template-ga-summary .ga-summary em { font-size: 12px; }

.male-intimacy-rich-content .template-safety-summary .guardrail { min-height: 42mm; padding: 8mm; }

.male-intimacy-rich-content .template-safety-summary .guardrail em { font-size: 12px; margin-top: 4mm; }

.male-intimacy-rich-content .template-dont-stop .compare div { min-height: 33mm; padding: 7mm 5mm; }

.male-intimacy-rich-content .template-dont-stop .compare b { font-size: 12.67px; }

.male-intimacy-rich-content .template-dont-stop .compare span { font-size: 12px; }

.male-intimacy-rich-content .template-feedback-dashboard .feedback span { min-height: 33mm; font-size: 12.8px; }

.male-intimacy-rich-content .template-four-lines .four-lines { gap: 3mm; }

.male-intimacy-rich-content .template-four-lines .four-lines span { min-height: 27mm; padding: 6mm; font-size: 12.8px; }

.male-intimacy-rich-content .template-course-close .course-close { padding: 7mm 9mm; }

.male-intimacy-rich-content .template-course-close .course-close b { font-size: 12.67px; }

.male-intimacy-rich-content .template-course-close .course-close small { font-size: 12px; }

.male-intimacy-rich-content {
  overflow-wrap: anywhere;
}

.male-intimacy-rich-content .visual,
.male-intimacy-rich-content .course-visual,
.male-intimacy-rich-content .supplement-visual,
.male-intimacy-rich-content .source-figure {
  width: 100%;
  max-width: 100%;
  margin: 20px 0 24px;
}

.male-intimacy-rich-content svg {
  max-width: 100%;
}

.male-intimacy-rich-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  -webkit-overflow-scrolling: touch;
}

.male-intimacy-rich-content .quote > .bold-line,
.male-intimacy-rich-content .heroquote > .bold-line {
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #fff;
}

.male-intimacy-rich-content .source-figure > div {
  min-height: 220px;
  height: auto;
}

.male-intimacy-rich-content .source-figure img {
  position: static;
  width: 100%;
  height: 100%;
  max-height: min(58vh, 560px);
  object-fit: contain;
}

.male-intimacy-rich-content .orbit-route,
.male-intimacy-rich-content .recovery-orbit,
.male-intimacy-rich-content .downshift-curve,
.male-intimacy-rich-content .speech-bubbles,
.male-intimacy-rich-content .pelvic-butterfly,
.male-intimacy-rich-content .breath-body {
  min-height: clamp(180px, 24vw, 290px);
}

@media (max-width: 768px) {
  .male-intimacy-rich-content .source-figure,
  .male-intimacy-rich-content .anatomy-figure {
    grid-template-columns: 1fr;
  }

  .male-intimacy-rich-content .source-figure > div {
    min-height: 180px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .male-intimacy-rich-content .source-figure figcaption {
    padding: 16px;
  }

  .male-intimacy-rich-content .gesture-methods,
  .male-intimacy-rich-content .sync-versions,
  .male-intimacy-rich-content .tuning-sketches,
  .male-intimacy-rich-content .readiness-signals,
  .male-intimacy-rich-content .checklist,
  .male-intimacy-rich-content .depth-map,
  .male-intimacy-rich-content .method-cards,
  .male-intimacy-rich-content .version-cards,
  .male-intimacy-rich-content .session-steps,
  .male-intimacy-rich-content .aftercare-cards,
  .male-intimacy-rich-content .mindful-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .male-intimacy-rich-content .choice-grid,
  .male-intimacy-rich-content .pain-branch > div {
    grid-template-columns: 1fr;
  }

  .male-intimacy-rich-content .course-visual,
  .male-intimacy-rich-content .visual,
  .male-intimacy-rich-content .supplement-visual {
    font-size: 13px;
  }
}

@media (max-width: 420px) {
  .male-intimacy-rich-content .gesture-methods,
  .male-intimacy-rich-content .sync-versions,
  .male-intimacy-rich-content .readiness-signals,
  .male-intimacy-rich-content .checklist,
  .male-intimacy-rich-content .depth-map,
  .male-intimacy-rich-content .method-cards,
  .male-intimacy-rich-content .version-cards,
  .male-intimacy-rich-content .session-steps,
  .male-intimacy-rich-content .aftercare-cards,
  .male-intimacy-rich-content .mindful-steps {
    grid-template-columns: 1fr;
  }

  .male-intimacy-rich-content .tuning-sketches {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .male-intimacy-rich-content .orbit-route,
  .male-intimacy-rich-content .recovery-orbit,
  .male-intimacy-rich-content .downshift-curve,
  .male-intimacy-rich-content .speech-bubbles,
  .male-intimacy-rich-content .pelvic-butterfly,
  .male-intimacy-rich-content .breath-body {
    min-height: 210px;
  }

  .male-intimacy-rich-content .orbit-route > span,
  .male-intimacy-rich-content .recovery-orbit > span,
  .male-intimacy-rich-content .downshift-curve > span {
    left: clamp(50px, var(--x), calc(100% - 50px));
    width: 96px;
    min-height: 54px;
    padding: 6px;
    transform: translate(-50%, -50%);
  }

  .male-intimacy-rich-content .orbit-route em,
  .male-intimacy-rich-content .downshift-curve em {
    width: calc(100% - 16px);
    white-space: normal;
    text-align: center;
  }
}