/* my2-style.css - aabg7777.net.cn 母婴育儿风模板 主色 #9d174d */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: "Microsoft YaHei", "PingFang SC", sans-serif; background: #fdf5f8; color: #4a2b38; line-height: 1.85; font-size: 16px; }
a { color: #9d174d; text-decoration: none; }
a:hover { text-decoration: underline; }
.my2-wrap { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

.my2-topbar { background: #7a0f3a; color: #fce7f0; font-size: 13px; padding: 7px 0; }
.my2-topbar .my2-wrap { display: flex; justify-content: space-between; flex-wrap: wrap; }
.my2-header { background: linear-gradient(135deg, #9d174d 0%, #c2185b 100%); color: #fff; padding: 30px 0 26px; }
.my2-header h1 { font-size: 30px; letter-spacing: 1px; }
.my2-header p { font-size: 14px; opacity: .88; margin-top: 8px; }
.my2-nav { background: #fff; border-bottom: 2px solid #f3c6d8; position: sticky; top: 0; z-index: 50; }
.my2-nav ul { list-style: none; display: flex; flex-wrap: wrap; }
.my2-nav li a { display: block; padding: 12px 15px; font-size: 15px; color: #6b3a4d; }
.my2-nav li a:hover { background: #fce7f0; color: #9d174d; text-decoration: none; }

.my2-hero { background: linear-gradient(160deg, #fce7f0 0%, #f8d3e1 60%, #f3c6d8 100%); padding: 36px 0 30px; border-bottom: 3px solid #9d174d; }
.my2-hero h2 { font-size: 26px; color: #7a0f3a; margin-bottom: 12px; }
.my2-quote { font-size: 16px; color: #6b3a4d; max-width: 860px; }
.my2-stats { display: flex; gap: 18px; margin-top: 20px; flex-wrap: wrap; }
.my2-stat { background: #fff; border-radius: 14px; padding: 14px 22px; box-shadow: 0 4px 14px rgba(157, 23, 77, .12); text-align: center; min-width: 150px; }
.my2-stat b { display: block; font-size: 24px; color: #9d174d; }
.my2-stat span { font-size: 13px; color: #8a6072; }

.my2-panels { display: block; }
.my2-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 26px 0; }
.my2-card { background: #fff; border: 1px solid #f3c6d8; border-radius: 14px; padding: 18px 16px; }
.my2-card h3 { font-size: 17px; color: #7a0f3a; margin-bottom: 6px; }
.my2-card p { font-size: 13px; color: #8a6072; margin-bottom: 10px; }
.my2-card a { font-size: 13px; }
.my2-panel { background: #fff; border: 1px solid #f3c6d8; border-radius: 14px; padding: 20px 22px; margin-bottom: 22px; }
.my2-panel h2 { font-size: 20px; color: #7a0f3a; border-left: 5px solid #9d174d; padding-left: 12px; margin-bottom: 14px; }
.my2-panel h3 { font-size: 16px; color: #9d174d; margin: 12px 0 8px; }
.my2-panel ul { list-style: none; }
.my2-panel ul li { padding: 8px 0; border-bottom: 1px dashed #f3c6d8; font-size: 15px; }
.my2-panel ul li span { color: #b0899b; font-size: 13px; margin-left: 10px; }
.my2-q { font-weight: bold; color: #7a0f3a; margin-top: 12px; }
.my2-a { color: #5a3a48; font-size: 15px; }

.my2-main { display: grid; grid-template-columns: 1fr 280px; gap: 30px; margin: 28px auto; }
.my2-article { background: #fff; border: 1px solid #f3c6d8; border-radius: 16px; padding: 30px 34px; }
.my2-breadcrumb { font-size: 13px; color: #b0899b; margin-bottom: 12px; }
.my2-article h1 { font-size: 26px; color: #7a0f3a; margin-bottom: 8px; }
.my2-meta { font-size: 13px; color: #b0899b; margin-bottom: 16px; }
.my2-article img { width: 100%; height: auto; border-radius: 12px; margin-bottom: 18px; }
.my2-lead { font-size: 17px; color: #4a2b38; background: #fce7f0; border-radius: 10px; padding: 14px 16px; margin-bottom: 18px; }
.my2-keypoints { background: #fdf5f8; border: 1px dashed #e3a9c0; border-radius: 10px; padding: 14px 18px; margin-bottom: 20px; }
.my2-keypoints b { color: #9d174d; font-size: 15px; }
.my2-keypoints ul { margin: 8px 0 0 20px; color: #5a3a48; font-size: 14px; }
.my2-article h2 { font-size: 20px; color: #9d174d; margin: 24px 0 10px; padding-left: 12px; border-left: 4px solid #9d174d; }
.my2-article p { margin-bottom: 12px; }
.my2-steps { background: #fff7fa; border-radius: 12px; padding: 16px 18px; margin-bottom: 18px; }
.my2-step { padding: 6px 0; font-size: 15px; }
.my2-step b { color: #9d174d; margin-right: 8px; }
.my2-geo { background: #f3f9f5; border: 1px solid #bfe0cc; border-radius: 10px; padding: 14px 16px; font-size: 14px; color: #33543f; margin: 22px 0; }
.my2-geo a { color: #1e7a4a; text-decoration: underline; }
.my2-faq { background: #fdf5f8; border-radius: 12px; padding: 16px 18px; margin-top: 18px; }
.my2-faq h2 { border: none; padding-left: 0; margin-top: 0; }
.my2-hub { background: #fff7fa; border-radius: 12px; padding: 16px 18px; margin-top: 18px; }
.my2-hub h2 { border: none; padding-left: 0; margin-top: 0; }
.my2-hub ul { list-style: none; }
.my2-hub li { padding: 7px 0; border-bottom: 1px dashed #f3c6d8; font-size: 15px; }
.my2-hub li span { color: #b0899b; font-size: 13px; margin-left: 10px; }
.my2-related { background: #fff; border: 1px solid #f3c6d8; border-radius: 14px; padding: 18px; height: fit-content; position: sticky; top: 60px; }
.my2-related h2 { font-size: 18px; color: #7a0f3a; margin-bottom: 12px; }
.my2-related ul { list-style: none; }
.my2-related li { padding: 9px 0; border-bottom: 1px dashed #f3c6d8; font-size: 14px; }
.my2-hint { max-width: 1120px; margin: 0 auto 22px; padding: 10px 20px; font-size: 13px; color: #8a6072; background: #fff4f8; border-left: 4px solid #9d174d; }
.my2-footer { background: #4a1527; color: #f3d3df; margin-top: 34px; padding: 34px 0 26px; }
.my2-fcols { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; }
.my2-fcols h4 { font-size: 16px; color: #fff; margin-bottom: 12px; }
.my2-fcols ul { list-style: none; }
.my2-fcols li { padding: 5px 0; font-size: 14px; }
.my2-fcols a { color: #f3d3df; }
.my2-copy { border-top: 1px solid #6b2c44; margin-top: 24px; padding-top: 16px; font-size: 13px; color: #d9a8bc; text-align: center; }

@media (max-width: 860px) {
  .my2-cards { grid-template-columns: repeat(2, 1fr); }
  .my2-main { grid-template-columns: 1fr; }
  .my2-related { position: static; }
  .my2-fcols { grid-template-columns: 1fr; gap: 22px; }
  .my2-article { padding: 20px 16px; }
}