/* Inner compass / secret-manual — #scrollCardsWrap (ziye-scrolls.js) */

.scrolls{border-top-width:3px;}
.scroll-cards,.scroll-panel{display:none!important;}

.secret-manual{margin-top:34px;border:1px solid rgba(160,120,40,.18);background:linear-gradient(180deg,#fbf8f1,#f3eadb);box-shadow:0 26px 90px rgba(28,21,16,.08);}
.secret-manual__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;border-bottom:1px solid rgba(160,120,40,.16);background:rgba(255,255,255,.36);}
.secret-manual__title{font-family:var(--fzh);font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:.06em;color:var(--ink);}
.secret-manual__note{font-family:var(--fen);font-size:14px;font-style:italic;font-weight:500;color:rgba(122,104,85,.82);letter-spacing:.08em;}

.secret-manual__tap-hint{
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin:0;padding:14px 24px;
  font-family:var(--fzh);font-size:13px;letter-spacing:.06em;
  color:rgba(74,60,42,.72);
  border-bottom:1px solid rgba(160,120,40,.12);
  background:rgba(255,255,255,.28);
}
.secret-manual__tap-pulse{
  width:8px;height:8px;border-radius:50%;
  background:#c49a3c;
  box-shadow:0 0 0 0 rgba(196,154,60,.55);
  animation:secretTapPulse 2.2s ease infinite;
}
@keyframes secretTapPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(196,154,60,.5);opacity:1}
  50%{box-shadow:0 0 0 8px rgba(196,154,60,0);opacity:.75}
}

.secret-manual__group{padding:30px;border-bottom:1px solid rgba(160,120,40,.12);}
.secret-manual__group:last-child{border-bottom:none;}
.secret-manual__group-label{display:flex;align-items:baseline;gap:16px;margin-bottom:20px;}
.secret-manual__zh{font-family:var(--fzh);font-size:clamp(28px,3vw,42px);font-weight:400;color:#b7892f;letter-spacing:.12em;}
.secret-manual__en{font-family:var(--fen);font-size:15px;font-style:italic;font-weight:600;color:rgba(74,60,42,.68);letter-spacing:.12em;}
.secret-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}

.secret-card{
  background:#fffdf8;border:1px solid rgba(160,120,40,.18);
  padding:22px 20px 36px;min-height:190px;position:relative;cursor:pointer;
  transition:box-shadow .32s ease,border-color .32s ease,transform .32s ease;
}
.secret-card:hover{border-color:rgba(183,137,47,.72);box-shadow:0 16px 40px rgba(40,28,14,.08);transform:translateY(-2px);}
.secret-card.open{border-color:rgba(183,137,47,.85);box-shadow:0 18px 44px rgba(40,28,14,.1);transform:translateY(-2px);}
.secret-card__n{font-family:var(--fen);font-style:italic;font-size:12px;font-weight:600;color:rgba(160,120,40,.48);letter-spacing:.22em;}
.secret-card__t{font-family:var(--fzh);font-size:clamp(18px,1.55vw,23px);font-weight:400;line-height:1.55;color:var(--ink);margin:18px 0 10px;}
.secret-card__s{font-family:var(--fzh);font-size:15px;line-height:1.95;color:var(--ink4);}
.secret-card__more{
  max-height:0;overflow:hidden;opacity:0;
  border-top:1px solid transparent;margin-top:0;padding-top:0;
  font-family:var(--fzh);font-size:14px;font-style:italic;line-height:2;color:var(--ink3);
  transition:max-height .45s ease,opacity .45s ease,margin .45s ease,padding .45s ease,border-color .45s ease;
}
.secret-card.open .secret-card__more{
  max-height:180px;opacity:1;
  border-top-color:rgba(160,120,40,.14);margin-top:16px;padding-top:14px;
}
.secret-card::after{
  content:'↓';
  position:absolute;right:18px;bottom:14px;
  font-family:var(--fen);font-size:14px;font-weight:600;
  color:rgba(160,120,40,.42);
  animation:secretCardArrow 2.4s ease-in-out infinite;
  transition:color .25s ease,transform .25s ease;
}
.secret-card:hover::after{color:rgba(183,137,47,.72);transform:translateY(2px);}
.secret-card.open::after{content:'↑';color:#b7892f;animation:none;}
@keyframes secretCardArrow{
  0%,100%{transform:translateY(0);opacity:.55}
  50%{transform:translateY(4px);opacity:.95}
}

#scrollCardsWrap.sr,#scrollCardsWrap.sr.in{opacity:1!important;transform:none!important}

@media(max-width:980px){.secret-grid{grid-template-columns:repeat(2,1fr)}.secret-card{min-height:auto}}
@media(max-width:560px){.secret-grid{grid-template-columns:1fr}.secret-manual__head{display:block}.secret-manual__note{display:block;margin-top:10px}}
