:root{--pink:#e96f9e;--pink-dark:#bf4d7a;--pink-soft:#fff0f6;--pink-pale:#fff8fb;--ink:#493641;--muted:#927985;--line:#f3dce6;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pink-pale);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}
a{color:inherit;text-decoration:none;transition:color .2s,transform .2s}
a:hover{color:var(--pink-dark)}
.wrap{width:min(1060px,calc(100% - 36px));margin:0 auto}
.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:20px;font-weight:800;letter-spacing:.3px;color:var(--pink-dark)}
.brand span{font-size:12px;color:var(--muted);font-weight:500}
.nav{display:flex;align-items:center;gap:28px;font-size:14px;color:#785b69}
.nav a:hover{color:var(--pink-dark)}
.menu-toggle{display:none;border:0;background:var(--pink-soft);color:var(--pink-dark);padding:8px 12px;border-radius:10px;font-size:18px}
.hero{margin:34px 0 54px;padding:62px 24px;text-align:center;border:1px solid #f5d3e1;border-radius:28px;background:radial-gradient(ellipse at top,#ffe0ec 0%,#fff1f7 48%,#fff 100%)}
.eyebrow{font-size:11px;letter-spacing:3px;font-weight:800;color:var(--pink);margin:0 0 10px}
.hero h1,.page-intro h1{font-size:clamp(28px,5vw,44px);line-height:1.3;margin:0;color:#673e53;letter-spacing:1px}
.hero-desc{color:var(--muted);margin:16px auto 25px;max-width:520px}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--pink);color:#fff;padding:11px 24px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #e96f9e2e}
.button:hover{color:#fff;background:var(--pink-dark);transform:translateY(-1px)}
.button-light{background:#fff;color:var(--pink-dark);border:1px solid var(--line);box-shadow:none}
.section{margin:0 0 58px}
.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}
.section-heading h2{font-size:26px;margin:0;color:#673e53}
.more-link,.read-link{font-size:13px;color:var(--pink-dark);font-weight:700}
.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-card{min-width:0;padding:22px 24px;background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 5px 18px #b84f7910;transition:transform .2s,box-shadow .2s}
.article-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #b84f7918}
.article-meta{font-size:12px;color:#aa8d9b;display:flex;align-items:center;gap:8px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--pink);display:inline-block}
.article-card h3{font-size:19px;line-height:1.5;margin:9px 0;color:#603e50;overflow-wrap:anywhere}
.article-card p{font-size:13px;color:var(--muted);margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.read-link span{padding-left:4px}
.page-intro{text-align:center;padding:54px 0 36px}
.page-intro>p:not(.eyebrow){color:var(--muted);margin:12px 0 0}
.search-form{display:flex;gap:10px;max-width:560px;margin:24px auto 0}
.search-form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;background:#fff;padding:12px 18px;font:inherit;outline:none}
.search-form input:focus{border-color:var(--pink)}
.pagination{padding:28px 0;text-align:center;color:var(--pink-dark)}
.pagination a,.pagination span{display:inline-block;padding:7px 12px;margin:3px;border:1px solid var(--line);border-radius:9px;background:#fff}
.reading-page{max-width:790px;margin:36px auto 60px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,5vw,58px);box-shadow:0 12px 40px #b84f7910}
.reading-top{display:flex;justify-content:space-between;color:#b28c9d;font-size:13px;border-bottom:1px solid #f8e8ef;padding-bottom:16px}
.reading-header{text-align:center;padding:34px 0 28px}
.reading-header h1{font-size:clamp(27px,4vw,38px);line-height:1.45;margin:8px 0 12px;color:#603e50;overflow-wrap:anywhere}
.reading-meta{font-size:12px;color:#aa8d9b}
.reading-meta span{padding:0 7px;color:#e4a5bf}
.lead{margin:25px 0 0;padding:15px 18px;text-align:left;border-left:3px solid #f0a3c0;background:var(--pink-pale);border-radius:0 12px 12px 0;color:#8d6a7b;font-size:15px}
.reading-content{font-size:17px;line-height:2.15;color:#55434c;overflow-wrap:anywhere}
.reading-content p{margin:0 0 1.5em}
.reading-content h2,.reading-content h3{color:#8e4565;line-height:1.5;margin:1.7em 0 .8em}
.reading-content a{color:var(--pink-dark);text-decoration:underline}
.reading-bottom{text-align:center;margin-top:42px;padding-top:24px;border-top:1px solid var(--line);color:#b18a9b;font-size:13px}
.reading-bottom .button{margin-top:8px}
.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:30px;padding:24px 0;text-align:center;font-size:12px;color:#b18b9c}
@media(max-width:680px){.header-inner{min-height:64px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:64px;left:0;right:0;padding:12px 22px 18px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:12px}.nav.is-open{display:flex}.hero{margin:22px 0 38px;padding:46px 18px}.article-list{grid-template-columns:1fr}.article-card{padding:19px}.section-heading h2{font-size:23px}.page-intro{padding:42px 0 28px}.reading-page{margin:20px auto 38px;border-radius:18px}.reading-content{font-size:16px;line-height:2}.brand span{display:none}}

/* 阅读字号控制 */
.reading-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0 0 18px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}
.font-size-btn{border:1px solid var(--line);background:#fff;color:var(--pink-dark);border-radius:8px;padding:6px 11px;font:inherit;cursor:pointer}
.font-size-btn:hover,.font-size-btn:focus{background:var(--pink-soft);border-color:#e9a6c0;outline:none}
.pagination a,.pagination span{min-width:36px}
.pagination a:hover{background:var(--pink-soft);border-color:#e9a6c0}
.pagination .page-current,.pagination .current{background:var(--pink);color:#fff;border-color:var(--pink)}
@media(max-width:680px){.reading-tools{justify-content:center;flex-wrap:wrap}}

/* Compact magazine-style article cards */
.article-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.article-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:150px;padding:17px 17px 15px;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#fffafd 100%);box-shadow:0 4px 16px rgba(174,75,116,.07)}
.article-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:#f0a4c1;opacity:.9}
.article-mark{display:inline-block;margin-bottom:8px;color:#d77a9d;font-size:9px;line-height:1.4;letter-spacing:1.7px;font-weight:800}
.article-card h3{font-size:16px;line-height:1.65;margin:0 0 12px;width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.article-card .read-link{margin-top:auto;padding-top:5px;font-size:12px;color:#bd5b82}
.article-card:hover{border-color:#edb9ce;background:#fff7fb;transform:translateY(-3px);box-shadow:0 10px 24px rgba(174,75,116,.12)}
.reading-tools{position:sticky;top:78px;z-index:5;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;padding:10px 12px;box-shadow:0 5px 18px rgba(184,79,121,.08)}
.font-size-btn{min-width:42px;font-weight:700;transition:background .15s,border-color .15s}
.font-size-btn.is-active{background:var(--pink);border-color:var(--pink);color:#fff}
.reading-content{font-size:18px;transition:font-size .15s ease}
@media(max-width:1000px){.article-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.article-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.article-card{min-height:140px;padding:14px 12px 12px}.article-card h3{font-size:15px;line-height:1.6}.article-card:before{top:14px;bottom:14px}.article-mark{font-size:8px;letter-spacing:1.2px}.article-card .read-link{font-size:11px}.reading-content{font-size:18px;line-height:2.05}.reading-tools{top:8px}}
@media(max-width:360px){.article-list{grid-template-columns:1fr}.article-card{min-height:0}}


/* Floating back-to-top button */
.back-to-top{position:fixed;right:22px;bottom:24px;z-index:99;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;border:1px solid #f0c3d5;border-radius:50%;background:rgba(255,255,255,.96);color:var(--pink-dark);box-shadow:0 6px 22px rgba(174,75,116,.18);font-family:inherit;font-size:23px;font-weight:700;line-height:1;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,visibility .2s,transform .2s,background .2s,color .2s}
.back-to-top span{font-size:9px;line-height:1.2;letter-spacing:.5px}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{background:var(--pink);color:#fff;border-color:var(--pink);outline:none}
@media(max-width:680px){.back-to-top{right:14px;bottom:18px;width:44px;height:44px;font-size:20px}.back-to-top span{font-size:8px}}

/* Article excerpt: use the article body text, not the title or summary field */
.article-card .article-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;width:100%;margin:0 0 12px;color:#927985;font-size:12px;line-height:1.8;font-weight:400;overflow-wrap:anywhere}
.article-card h3{margin-bottom:8px}
.article-card .read-link{margin-top:auto}
@media(max-width:680px){.article-card .article-excerpt{font-size:11px;-webkit-line-clamp:3;line-height:1.7;margin-bottom:9px}}


/* Light/dark theme switch */
.header-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:var(--pink-soft);color:var(--pink-dark);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.theme-toggle:hover{transform:translateY(-1px)}
.theme-icon{font-size:17px;line-height:1}
html[data-theme="dark"]{color-scheme:dark;--pink:#f18ab2;--pink-dark:#f3a1c0;--pink-soft:#30232b;--pink-pale:#171519;--ink:#eee4e9;--muted:#b9aab2;--line:#40313a;--white:#241f24}
html[data-theme="dark"] body{background:#171519;color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(31,27,32,.94)}
html[data-theme="dark"] .nav{color:#d5c5ce}
html[data-theme="dark"] .menu-toggle{background:#30232b;color:#f3a1c0}
html[data-theme="dark"] .hero{background:radial-gradient(ellipse at top,#382633 0%,#251d25 55%,#1b181d 100%);border-color:#4a3441}
html[data-theme="dark"] .hero h1,html[data-theme="dark"] .page-intro h1,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .article-card h3,html[data-theme="dark"] .reading-header h1{color:#f0dce6}
html[data-theme="dark"] .article-card{background:linear-gradient(145deg,#252027 0%,#211c23 100%);border-color:#40313a;box-shadow:0 5px 18px rgba(0,0,0,.16)}
html[data-theme="dark"] .article-card:hover{background:#2b222b;border-color:#684354}
html[data-theme="dark"] .article-card .article-excerpt{color:#c3aeb9}
html[data-theme="dark"] .search-form input,html[data-theme="dark"] .pagination a,html[data-theme="dark"] .pagination span,html[data-theme="dark"] .font-size-btn{background:#252027;color:#eee4e9;border-color:#40313a}
html[data-theme="dark"] .reading-page{background:#211d23;border-color:#40313a;box-shadow:0 12px 40px rgba(0,0,0,.2)}
html[data-theme="dark"] .reading-tools{background:rgba(33,29,35,.96);border-color:#40313a}
html[data-theme="dark"] .reading-content{color:#e2d6dd}
html[data-theme="dark"] .reading-content h2,html[data-theme="dark"] .reading-content h3{color:#f0a1c1}
html[data-theme="dark"] .lead{background:#30232b;color:#d7b8c8}
html[data-theme="dark"] .reading-top,html[data-theme="dark"] .reading-bottom{border-color:#40313a;color:#b9aab2}
html[data-theme="dark"] .site-footer{background:#1d191f;border-color:#40313a;color:#b9aab2}
html[data-theme="dark"] .back-to-top{background:rgba(37,32,39,.96);border-color:#684354;color:#f3a1c0}
html[data-theme="dark"] .back-to-top:hover,html[data-theme="dark"] .back-to-top:focus-visible{background:#d66f99;color:#fff}
html[data-theme="dark"] .theme-toggle{background:#30232b;color:#f3a1c0;border-color:#684354}
@media(max-width:680px){.header-actions{gap:7px}.theme-toggle{min-height:36px;padding:6px 9px}.nav{z-index:11}}

.custom-video-section {
  margin: 30px 0 45px;
}
.custom-video-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
.custom-video-heading h2 {
  margin: 0;
  color: #673e53;
  font-size: 25px;
}
.custom-video-eyebrow {
  margin: 0 0 5px;
  color: #e96f9e;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 2px;
}
.custom-video-subtitle {
  margin: 5px 0 0;
  color: #aa8d9b;
  font-size: 12px;
}
.custom-video-more {
  color: #bf4d7a;
  font-size: 13px;
  white-space: nowrap;
  text-decoration: none;
}
.custom-video-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.custom-video-card {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #f3dce6;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(184, 79, 121, .06);
  transition: transform .2s ease;
}
.custom-video-card:hover {
  transform: translateY(-3px);
}
.custom-video-cover {
  position: relative;
  display: block;
  overflow: hidden;
  aspect-ratio: 3 / 4;
  background: #ffe7f0;
}
.custom-video-cover img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s ease;
}
.custom-video-card:hover .custom-video-cover img {
  transform: scale(1.04);
}
.custom-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  padding-left: 3px;
  color: #fff;
  background: rgba(233, 111, 158, .92);
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.custom-video-info {
  padding: 10px;
}
.custom-video-info h3 {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.custom-video-info h3 a {
  color: #603e50;
  text-decoration: none;
}
.custom-video-info h3 a:hover {
  color: #bf4d7a;
}
.custom-video-meta {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  color: #aa8d9b;
  font-size: 10px;
}
@media (max-width: 900px) {
  .custom-video-grid {
    gap: 9px;
  }
}
@media (max-width: 560px) {
  .custom-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .custom-video-info {
    padding: 7px;
  }
  .custom-video-info h3 {
    font-size: 12px;
    line-height: 1.5;
  }
  .custom-video-meta {
    font-size: 9px;
  }
  .custom-video-play {
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
  .custom-video-heading h2 {
    font-size: 22px;
  }
}


.hot-search {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 整体居中 */
    align-items: center;
    gap: 8px;
    margin: 12px auto 20px;
    width: 100%;
    font-size: 13px;
    text-align: center;
}


/* 顶部图标广告栏 - 桌面 12 列，手机 4 列 */
.top-icon-ads {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 9px;
  margin: 18px 0 22px;
  padding: 14px;
  background: linear-gradient(135deg, #fff7fb 0%, #fff 55%, #fff4f8 100%);
  border: 1px solid #f2dce6;
  border-radius: 16px;
  box-shadow: 0 5px 18px rgba(143, 68, 101, .06);
}
.top-icon-ad {
  box-sizing: border-box;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 3px 9px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #59414d;
  text-decoration: none;
  text-align: center;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.top-icon-ad:hover {
  transform: translateY(-3px);
  background: #fff;
  border-color: #f0c7d9;
  box-shadow: 0 5px 14px rgba(191, 77, 122, .10);
  color: #bf4d7a;
}
.top-icon-ad img {
  display: block;
  width: 46px;
  height: 46px;
  max-width: 100%;
  object-fit: cover;
  border-radius: 14px;
  background: #fce8f0;
  box-shadow: 0 3px 8px rgba(90, 45, 65, .10);
}
.top-icon-ad span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .top-icon-ads {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
    margin: 12px 0 16px;
    padding: 8px;
    border-radius: 13px;
  }
  .top-icon-ad { padding: 8px 2px; gap: 6px; border-radius: 9px; }
  .top-icon-ad img { width: 38px; height: 38px; border-radius: 11px; }
  .top-icon-ad span { font-size: 11px; }
}