/* _shared: hotlinks — 仅 .panel-hotlinks（各站 markup 用 partials/hotlinks.ftl，勿再抄进 home.css） */
.panel-hotlinks{
  position:relative;
  margin-top:20px;
  overflow:hidden;
  border-radius:14px;
  box-shadow:0 14px 36px rgba(44,33,24,.1);
  background:#E8D9C4;
}
.panel-hotlinks::before{
  content:"";position:absolute;inset:0;border:1px solid rgba(166,107,46,.2);
  border-radius:inherit;pointer-events:none;z-index:0;
}
.panel-hotlinks .panel-inner{
  position:relative;z-index:2;padding:18px 26px;
}

.panel-hotlinks .faq-item{
  display:block;
  position:relative;
  margin:8px 0;
  padding:14px 14px 14px 16px;
  border:1px solid rgba(166,107,46,.18);
  border-radius:12px;
  background:rgba(255,252,250,.7);
  -webkit-tap-highlight-color:transparent;
  color:inherit;
  text-decoration:none;
  outline:none;
  cursor:pointer;
  transition:.25s;
}
.panel-hotlinks .faq-item:first-child{margin-top:0}
.panel-hotlinks .faq-item:last-child{margin-bottom:0}
@media (hover:hover){
  .panel-hotlinks .faq-item:hover{
    border-color:var(--accent);
    box-shadow:0 6px 16px rgba(166,107,46,.12);
  }
}

.panel-hotlinks .faq-question{
  margin:0;
  font-weight:400;
  font-size:16px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:0;
  cursor:inherit;
  color:var(--ink,#2C2118);
  -webkit-tap-highlight-color:transparent;
}
.panel-hotlinks .faq-question::after{display:none}

.panel-hotlinks .hotlink-dot{
  flex:0 0 auto;
  position:relative;
  z-index:1;
  margin-right:0.35em;
  pointer-events:none;
}

.panel-hotlinks .hotlink-main{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  color:inherit;
  text-decoration:none;
  outline:none;
  -webkit-tap-highlight-color:transparent;
}
/* 整卡可点：拉伸覆盖 .faq-item，· 仍在 a 外 */
.panel-hotlinks .hotlink-main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:inherit;
}
.panel-hotlinks .hotlink-title,
.panel-hotlinks .hotlink-caret-wrap{position:relative;z-index:1;min-width:0}

.panel-hotlinks .hotlink-caret-wrap{
  flex:0 0 32px;width:32px;height:32px;margin:0;
  display:inline-flex;align-items:center;justify-content:center;
}
.panel-hotlinks .hotlink-caret{
  width:8px;height:8px;
  border-right:1.5px solid var(--accent);
  border-bottom:1.5px solid var(--accent);
  transform:rotate(-45deg);
}

/* pagebar 仅供 JS 取下一页 URL（对齐 /zuixin/） */
.panel-hotlinks .pagebar{display:none !important}

/* 对齐 /zuixin/ .ias_trigger：居中字链 + 右向小三角 */
.panel-hotlinks .hotlinks-status{
  margin:12px 0 0;text-align:center;font-size:12px;letter-spacing:.06em;color:var(--muted,#8A7460);
}
.panel-hotlinks .hotlinks-status:empty{display:none;margin:0}
.panel-hotlinks .hotlinks-status.is-end{
  display:flex;align-items:center;justify-content:center;gap:12px;
  margin:12px 0 0;text-align:center;font-size:12px;letter-spacing:.06em;color:var(--muted,#8A7460);
}
.panel-hotlinks .hotlinks-status.is-end::before,
.panel-hotlinks .hotlinks-status.is-end::after{
  content:"";flex:1 1 0;max-width:64px;height:1px;background:currentColor;opacity:.35;
}
.panel-hotlinks .ias_trigger,
.panel-hotlinks .hotlinks-trigger{
  display:none;margin:12px 0 0;text-align:center;
}
.panel-hotlinks .ias_trigger.is-show,
.panel-hotlinks .hotlinks-trigger.is-show{display:block}
.panel-hotlinks .ias_trigger a,
.panel-hotlinks .hotlinks-trigger a{
  display:inline-flex;align-items:center;justify-content:center;gap:.35em;
  color:var(--accent,#A66B2E);font-size:12px;font-weight:600;letter-spacing:.08em;
  text-decoration:none;cursor:pointer;padding:12px 8px;
  -webkit-tap-highlight-color:transparent;
}
.panel-hotlinks .ias_trigger a::after,
.panel-hotlinks .hotlinks-trigger a::after{
  content:"";width:.4em;height:.4em;
  border-right:0.12em solid currentColor;border-bottom:0.12em solid currentColor;
  transform:rotate(-45deg);position:relative;top:0.02em;
}
.panel-hotlinks .pagination-loading{
  margin:12px 0 0;text-align:center;font-size:12px;color:var(--muted,#8A7460);letter-spacing:.06em;
}

/* 左右跟同页其它 .panel-inner（≤900px 为 7px）对齐 */
@media (max-width:900px){
  .panel-hotlinks .panel-inner{padding:16px 7px 18px}
  .panel-hotlinks .faq-item{margin:8px 0;padding:12px 12px 12px 14px}
  .panel-hotlinks .faq-question{font-size:15px}
}
@media (max-width:420px){
  .panel-hotlinks .panel-inner{padding:14px 7px 16px}
  .panel-hotlinks .faq-question{font-size:14px}
}