.bd-main{max-width:1100px;margin:0 auto;padding:48px 24px 80px;color:#1a1a1a;background:#faf7f2;}
.bd-breadcrumb{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#7a7066;margin-bottom:32px;}
.bd-breadcrumb a{color:#7a7066;text-decoration:none;}
.bd-breadcrumb a:hover{color:#1a1a1a;}
.bd-hero{text-align:center;padding:24px 0 40px;border-bottom:1px solid #e7e0d5;margin-bottom:40px;}
.bd-cat{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#b8924a;margin-bottom:16px;}
.bd-title{font-family:Georgia,serif;font-size:42px;line-height:1.2;color:#1a1a1a;max-width:760px;margin:0 auto 20px;}
.bd-meta{font-size:13px;color:#7a7066;display:flex;justify-content:center;gap:24px;}
.bd-feature{margin:0 auto 48px;max-width:780px;}
.bd-feature img{width:100%;height:auto;border-radius:4px;display:block;}
.bd-body{max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:#2c2620;}
.bd-body h2{font-family:Georgia,serif;font-size:26px;margin:40px 0 16px;color:#1a1a1a;}
.bd-body h3{font-size:18px;margin:28px 0 12px;color:#1a1a1a;}
.bd-body p{margin:0 0 18px;}
.bd-body ul,.bd-body ol{margin:0 0 18px 22px;padding:0;}
.bd-body li{margin-bottom:8px;}
.bd-tags{margin-top:40px;padding-top:24px;border-top:1px solid #e7e0d5;}
.bd-tags span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#b8924a;margin-right:12px;}
.bd-tags a{display:inline-block;font-size:13px;color:#1a1a1a;border:1px solid #d8d0c0;padding:4px 12px;margin:4px 4px 4px 0;border-radius:2px;text-decoration:none;}
.bd-cta{margin-top:64px;background:#1a1a1a;color:#faf7f2;padding:40px;text-align:center;border-radius:4px;}
.bd-cta h3{font-family:Georgia,serif;font-size:24px;margin:0 0 12px;color:#faf7f2;}
.bd-cta p{margin:0 0 20px;color:#d8d0c0;}
.bd-cta a{display:inline-block;background:#b8924a;color:#1a1a1a;padding:12px 32px;text-decoration:none;font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;}
.bd-related{margin-top:80px;border-top:1px solid #e7e0d5;padding-top:48px;}
.bd-related h2{font-family:Georgia,serif;font-size:28px;text-align:center;margin:0 0 32px;color:#1a1a1a;}
.bd-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.bd-related-card{background:#fff;border:1px solid #e7e0d5;border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;display:block;}
.bd-related-img{width:100%;height:160px;background:#ece5d8;display:block;}
.bd-related-body{padding:20px;}
.bd-related-cat{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#b8924a;}
.bd-related-title{font-family:Georgia,serif;font-size:17px;line-height:1.4;margin:8px 0 12px;color:#1a1a1a;}
.bd-related-link{font-size:13px;color:#7a7066;}
@media(max-width:640px){.bd-title{font-size:30px;}.bd-body{font-size:16px;}.bd-related-grid{grid-template-columns:1fr;}}


@media (max-width: 1024px) {
  img { max-width: 100% !important; }
  [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  *, *::before, *::after { box-sizing: border-box; }
  body { overflow-x: hidden; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="display: flex"] { max-width: 100% !important; flex-wrap: wrap !important; }
  img { max-width: 100% !important; }
  video { max-width: 100% !important; }
}


/* === Entrance animations === */
@keyframes w-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes w-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-down { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-left { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-fade-right { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-zoom-in { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
@keyframes w-zoom-out { from { opacity: 0; transform: scale(1.15); } to { opacity: 1; transform: scale(1); } }
@keyframes w-flip-x { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } }
@keyframes w-flip-y { from { opacity: 0; transform: perspective(400px) rotateY(90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } }
@keyframes w-bounce { 0% { opacity: 0; transform: translateY(-40px); } 60% { opacity: 1; transform: translateY(8px); } 80% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes w-rotate { from { opacity: 0; transform: rotate(-180deg); } to { opacity: 1; transform: rotate(0); } }
@keyframes w-swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0); } }
@keyframes w-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* === Responsive hide === */
@media (max-width: 1024px) { [data-w-hide-tablet="1"] { display: none !important; } }
@media (max-width: 640px) { [data-w-hide-mobile="1"] { display: none !important; } }
@media (min-width: 1025px) { [data-w-hide-desktop="1"] { display: none !important; } }

/* === Scroll effects === */
[data-w-scroll-effect]:not([data-w-scroll-effect^="sticky"]) { will-change: transform, opacity, filter; }
/* 吸顶:top 走变量,运行时按顶部导航实际占的高度赋值(手填 sticky-<px> 时用那个值),否则会被固定导航盖住 */
[data-w-scroll-effect^="sticky"] { position: sticky !important; top: var(--w-sticky-top, 0px) !important; z-index: 40; }


@media (max-width: 640px) {
[data-edit-root="bd_related"] > div.bd-related-head > h2 {
  width: 300px !important;
  padding: 0px !important;
  margin: 0px 0px 24px 0px !important;
  text-align: left !important;
}
}

@media (max-width: 640px) {
[data-edit-root="blog_detail"] {
  width: 330px !important;
  margin: 0px 0px 0px 12px !important;
}
}


.bd-related { max-width: 1180px; margin: 60px auto 40px; padding: 0 24px; }
.bd-related-head { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 28px; padding-bottom: 16px; border-bottom: 2px solid #000; }
.bd-related-head h2 { font-size: 28px; font-weight: 700; color: #000; letter-spacing: -0.01em; }
.bd-related-head span { font-size: 13px; color: #888; text-transform: uppercase; letter-spacing: 0.1em; }
.bd-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
@media (max-width: 900px) { .bd-related-grid { grid-template-columns: 1fr; } }
.bd-related-card { display: flex; flex-direction: column; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: transform 0.25s ease, box-shadow 0.25s ease; height: 100%; }
.bd-related-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.12); }
.bd-related-img { width: 100%; aspect-ratio: 16/10; overflow: hidden; background: #f3f3f3; }
.bd-related-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }
.bd-related-card:hover .bd-related-img img { transform: scale(1.05); }
.bd-related-body { padding: 22px 22px 24px; flex: 1; display: flex; flex-direction: column; }
.bd-related-cat { font-size: 11px; font-weight: 600; color: #d4a24c; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 10px; }
.bd-related-title { font-size: 17px; font-weight: 600; line-height: 1.4; color: #1a1a1a; margin: 0 0 16px; min-height: 48px; }
.bd-related-link { margin-top: auto; font-size: 14px; font-weight: 600; color: #000; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.2s ease; }
.bd-related-link::after { content: '&rarr;'; transition: transform 0.2s ease; }
.bd-related-card:hover .bd-related-link { gap: 10px; }
.bd-related-card:hover .bd-related-link::after { transform: translateX(3px); }