/* ==========================================================================
   GreatSea · 旅行博主区样式  |  由 /wp-content/mu-plugins/gs-bloggers.php 按需加载
   字体 gs-fonts / 全局页脚样式见 gs-global-footer.php + gs-footer.css

   要点：全部规则带 #bloggers 前缀，避免 Kadence 主题 / .entry-content 干扰；
        width:100vw + 负边距抵消 Kadence .content-container 的 1290px 限宽；
        可调旋钮：.amb-band 的 column-gap、.amb-ph 的 aspect-ratio、叠色 alpha。
   ========================================================================== */

/* 波浪分割已按需求移除：浅青 inspiration 区与深青博主区改为干净的直边过渡。
   主题给 .wp-block-group.alignfull 留了 32px 下外边距，#bloggers 用等值负上外边距
   与之抵消（相邻外边距折叠），否则中间会露出 32px 白色断层。
   间距：上方浅青容器补底部留白（同色延伸，不产生白缝），深青区自身顶部再放宽。 */

/* 首页：让 inspiration 最后一行卡片与深青边界拉开距离，仍保持浅青同色延伸 */
body .entry-content > .wp-block-group.alignfull.has-background:has(+ #bloggers){
  padding-bottom:56px !important;
}

#bloggers{
  --deep:#0A5F66; --white:#FFFFFF;
  --cn:"Noto Sans SC","Source Han Sans CN","PingFang SC","Hiragino Sans GB",sans-serif;
  --hand:"Caveat","Ma Shan Zheng",cursive;
  --sec-pad:96px; --container-w:1200px;

  position:relative;overflow:hidden;box-sizing:border-box;
  font-family:var(--cn);font-size:15px;font-weight:400;line-height:1.7;
  color:var(--white);
  padding:128px 0 var(--sec-pad);
  background:
    radial-gradient(120% 90% at 88% 6%, rgba(60,184,126,.20) 0%, rgba(60,184,126,0) 58%),
    radial-gradient(90% 70% at 6% 100%, rgba(216,238,233,.10) 0%, rgba(216,238,233,0) 60%),
    var(--deep);
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  margin-top:-32px;
}
@supports (overflow:clip){ body:has(#bloggers){overflow-x:clip;} }

/* 局部重置：:where() 降低特异性，后面的 .amb-* 规则都能覆盖 */
#bloggers :where(*){box-sizing:border-box;}
#bloggers :where(h2,p,span,b,small,div){margin:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;}
#bloggers img{display:block;}
#bloggers a{color:inherit;text-decoration:none;}

#bloggers .amb-inner{position:relative;z-index:2;max-width:var(--container-w);margin:0 auto;padding:0 24px;}

/* 标题：左对齐 + 右上 Caveat 手写英文 */
#bloggers .amb-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:64px;}
#bloggers .amb-head h2{font-size:46px;font-weight:900;line-height:1.15;letter-spacing:.05em;color:var(--white);margin-top:0;}
#bloggers .amb-sub{font-size:15px;color:rgba(255,255,255,.72);margin-top:14px;}
#bloggers .amb-hand{font-family:var(--hand);font-size:34px;line-height:1.25;color:#9FE1CB;text-align:right;transform:rotate(-3deg);white-space:nowrap;flex:none;}

/* 三段独立景窗 */
#bloggers .amb-band{display:grid;grid-template-columns:repeat(3,1fr);column-gap:56px;}
#bloggers .amb-seg{display:flex;flex-direction:column;min-width:0;color:inherit;}
#bloggers .amb-band > :nth-child(1){--focus-y:32%;}
#bloggers .amb-band > :nth-child(2){--focus-y:30%;}
#bloggers .amb-band > :nth-child(3){--focus-y:30%;}
/* 图片高度提高 80%：16/9 → 16/16.2（347px 宽时 195px → 351px），人物不再被裁成窄条 */
#bloggers .amb-ph{position:relative;overflow:hidden;background:#08545B;aspect-ratio:16/16.2;border-radius:12px;}
#bloggers .amb-ph::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(10,95,102,.14);transition:background .4s;}
#bloggers .amb-seg:hover .amb-ph::after{background:rgba(10,95,102,0);}
#bloggers .amb-ph img{
  width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;
  object-position:50% var(--focus-y,30%);filter:saturate(.90);
  transition:transform .65s cubic-bezier(.2,.7,.3,1),filter .4s;
}
#bloggers .amb-seg:hover .amb-ph img{transform:scale(1.055);filter:saturate(1);}
#bloggers .amb-initial{
  display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-family:var(--hand);font-size:88px;color:rgba(255,255,255,.55);
  background:linear-gradient(135deg,#0E8A8E,#08545B);
}
#bloggers .amb-seg:focus-visible{outline:2px solid #9FE1CB;outline-offset:4px;border-radius:12px;}
#bloggers .amb-all:focus-visible{outline:2px solid #9FE1CB;outline-offset:6px;border-radius:8px;}

/* 窗下三栏：flex 让胶囊行统一贴底，slogan 长短不一时三栏仍齐平 */
#bloggers .amb-caption{display:flex;flex-direction:column;flex:1;padding:28px 8px 0 2px;}
#bloggers .amb-seg:last-child .amb-caption{padding-right:2px;}
#bloggers .amb-no{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:#9FE1CB;}
#bloggers .amb-no::before{content:"";width:6px;height:6px;border-radius:50%;background:#9FE1CB;flex:none;}
#bloggers .amb-no .amb-name{text-transform:none;letter-spacing:.06em;font-weight:600;}
#bloggers .amb-quote{font-family:var(--hand);font-size:30px;line-height:1.25;color:var(--white);margin-top:14px;overflow-wrap:anywhere;transition:color .25s;}
#bloggers .amb-seg:hover .amb-quote{color:#9FE1CB;}

/* scenery：小长椭圆胶囊，只保留同一行放得下的（由短代码末尾脚本按宽度裁） */
#bloggers .amb-chips{
  display:flex;flex-wrap:nowrap;align-items:center;gap:8px;
  overflow:hidden;min-height:27px;margin-top:auto;padding-top:16px;
}
#bloggers .amb-chip{
  flex:0 0 auto;white-space:nowrap;
  font-size:11px;line-height:1;letter-spacing:.02em;
  padding:7px 13px;border-radius:999px;
  color:#CFF2E1;background:rgba(159,225,203,.10);
  border:1px solid rgba(159,225,203,.38);
}

/* 「更多博主」横向文字链 */
#bloggers .amb-all{display:flex;align-items:center;gap:24px;margin-top:64px;padding-top:30px;border-top:1px solid rgba(159,225,203,.30);color:var(--white);transition:border-color .25s;}
#bloggers .amb-all:hover{border-top-color:#9FE1CB;}
#bloggers .amb-stack{display:flex;flex:none;}
#bloggers .amb-stack .av{width:36px;height:36px;border-radius:50%;overflow:hidden;flex:none;border:2px solid var(--deep);background:#08545B;}
#bloggers .amb-stack .av img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 30%;}
#bloggers .amb-stack .av + .av{margin-left:-9px;}
#bloggers .amb-stack .av-more{background:#9FE1CB;color:var(--deep);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;}
#bloggers .amb-all-txt{display:flex;flex-direction:column;gap:4px;min-width:0;}
#bloggers .amb-all-txt b{font-size:17px;font-weight:700;letter-spacing:.03em;}
#bloggers .amb-all-txt small{font-size:12px;color:rgba(255,255,255,.66);line-height:1.6;}
#bloggers .amb-all-go{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:#9FE1CB;white-space:nowrap;transition:gap .25s;}
#bloggers .amb-all:hover .amb-all-go{gap:15px;}
#bloggers .amb-all-go svg{width:16px;height:16px;max-width:none;flex:none;}

/* 响应式 */
@media (max-width:1199px){
  #bloggers{--sec-pad:72px;padding-top:96px;}
  body .entry-content > .wp-block-group.alignfull.has-background:has(+ #bloggers){padding-bottom:44px !important;}
  #bloggers .amb-band{column-gap:28px;}
  #bloggers .amb-caption{padding:22px 4px 0 2px;}
  #bloggers .amb-seg:last-child .amb-caption{padding-right:2px;}
  #bloggers .amb-quote{font-size:26px;}
  #bloggers .amb-head h2{font-size:40px;}
  #bloggers .amb-hand{font-size:28px;}
}
@media (max-width:767px){
  #bloggers{--sec-pad:56px;padding-top:72px;}
  body .entry-content > .wp-block-group.alignfull.has-background:has(+ #bloggers){padding-bottom:36px !important;}
  #bloggers .amb-band{grid-template-columns:1fr;column-gap:0;row-gap:34px;}
  /* 移动端同样 ×1.8：3/2 → 5/6 */
  #bloggers .amb-ph{aspect-ratio:5/6;border-radius:12px;}
  #bloggers .amb-ph::after{background:transparent;}
  #bloggers .amb-ph img{filter:none;}
  #bloggers .amb-caption{padding:18px 0 0;}
  #bloggers .amb-seg:last-child .amb-caption{padding-right:0;}
  #bloggers .amb-quote{font-size:30px;}
  #bloggers .amb-head{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:40px;}
  #bloggers .amb-head h2{font-size:32px;}
  #bloggers .amb-hand{font-size:26px;text-align:left;transform:rotate(-2deg);white-space:normal;}
  #bloggers .amb-all{flex-wrap:wrap;gap:16px;margin-top:40px;}
  #bloggers .amb-all-go{margin-left:0;width:100%;}
}