:root{
  --primary:#f472b6;
  --accent:#fbbf24;
  --bg:#fff5f7;
  --text:#4a2530;
  --line:#4a2530;
  --shadow:6px 6px 0 #4a2530;
  --shadow-sm:4px 4px 0 #4a2530;
  --card-bg:#ffffff;
}
*{border-radius:0 !important;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg);
  color:var(--text);
  font-family:'Inter','Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;
  line-height:1.85;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,.hand-title{
  font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:800;
  letter-spacing:.5px;
}
a{color:var(--text);text-decoration:none;}
a:hover{color:var(--primary);}
::selection{background:var(--primary);color:#fff;}

/* ---------- 导航 ---------- */
.top-nav{
  background:#fff;
  border-bottom:4px solid var(--line);
  position:sticky;top:0;z-index:1030;
}
.brand-lockup{
  font-weight:900;
  font-size:1.35rem;
  color:var(--text);
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.2rem 0;
}
.brand-lockup .brand-ico{
  width:34px;height:34px;display:grid;place-items:center;
  background:var(--primary);color:#fff;border:3px solid var(--line);
  font-size:.95rem;
}
.nav-menu{display:flex;gap:.15rem;flex-wrap:wrap;align-items:center;}
.nav-menu a{
  padding:.55rem .85rem;
  font-weight:700;font-size:.92rem;
  border:3px solid transparent;
  display:inline-block;
  transition:.18s;
}
.nav-menu a:hover{
  background:var(--accent);
  border:3px solid var(--line);
  box-shadow:3px 3px 0 var(--line);
  color:var(--text);
  transform:translate(-1px,-1px);
}
.nav-menu a.active{background:var(--primary);color:#fff;border:3px solid var(--line);}
.nav-toggle{
  background:#fff;border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);
  width:46px;height:42px;display:none;place-items:center;font-size:1.1rem;color:var(--text);
}
@media(max-width:991px){
  .nav-toggle{display:grid;}
  .nav-menu{
    display:none;width:100%;margin-top:.75rem;
    border-top:3px dashed var(--line);padding-top:.75rem;
  }
  .nav-menu.open{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;}
  .nav-menu a{border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);background:#fff;text-align:center;}
}

/* ---------- Hero ---------- */
.hero{
  position:relative;
  background:var(--primary);
  border-bottom:5px solid var(--line);
  overflow:hidden;
  padding:4.5rem 0 4rem;
}
.hero-parallax{
  position:absolute;inset:-15% -10%;
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,.24) 0 12px, transparent 13px),
    radial-gradient(circle at 74% 40%, rgba(255,255,255,.2) 0 18px, transparent 19px),
    radial-gradient(circle at 42% 78%, rgba(251,191,36,.5) 0 26px, transparent 27px),
    radial-gradient(circle at 88% 82%, rgba(255,255,255,.22) 0 9px, transparent 10px);
  background-size:280px 280px,360px 360px,420px 420px,220px 220px;
  will-change:transform;
  pointer-events:none;
}
.hero-inner{position:relative;z-index:2;}
.hero-tag{
  display:inline-block;background:var(--accent);color:var(--text);
  border:3px solid var(--line);box-shadow:var(--shadow-sm);
  font-weight:800;font-size:.82rem;padding:.25rem .8rem;margin-bottom:1.2rem;
}
.hero-title{
  font-size:clamp(1.7rem,4.4vw,3.1rem);
  color:#fff;
  font-weight:900;
  text-shadow:4px 4px 0 var(--line);
  min-height:1.4em;
  line-height:1.4;
}
.hero-title .caret{
  display:inline-block;width:.55rem;height:1.05em;background:var(--accent);
  vertical-align:-.15em;margin-left:.15rem;animation:blink .9s steps(1) infinite;
}
@keyframes blink{50%{opacity:0;}}
.hero-sub{
  background:#fff;border:3px solid var(--line);box-shadow:var(--shadow);
  padding:1rem 1.2rem;margin-top:1.6rem;max-width:640px;
  font-size:.98rem;color:var(--text);
}
.hero-stats{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.5rem;}
.hero-stat{
  background:#fff;border:3px solid var(--line);box-shadow:var(--shadow-sm);
  padding:.5rem .9rem;font-weight:800;font-size:.85rem;
}
.hero-stat span{color:var(--primary);font-size:1.05rem;}

/* ---------- 通用区块 ---------- */
.section{padding:3.4rem 0;}
.section-head{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:1rem;flex-wrap:wrap;margin-bottom:2rem;
  border-bottom:4px solid var(--line);padding-bottom:.8rem;
}
.section-title{
  font-size:1.5rem;font-weight:900;margin:0;position:relative;
  padding-left:1rem;
}
.section-title::before{
  content:'';position:absolute;left:0;top:.25em;bottom:.25em;width:9px;background:var(--primary);
  border:2px solid var(--line);
}
.section-desc{font-size:.9rem;color:#8a5560;margin:0;max-width:520px;}

/* ---------- 榜单 ---------- */
.chart-wrap{
  background:#fff;border:4px solid var(--line);box-shadow:var(--shadow);
}
.chart-row{
  display:flex;align-items:center;gap:1rem;
  padding:.85rem 1rem;border-bottom:3px dashed #e9c9d1;
  transition:.18s;
}
.chart-row:last-child{border-bottom:none;}
.chart-row:hover{background:var(--bg);transform:translateX(4px);}
.chart-rank{
  flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;
  font-weight:900;font-size:1.02rem;background:var(--bg);
  border:3px solid var(--line);
}
.chart-rank.top{background:var(--accent);}
.chart-rank.top1{background:var(--primary);color:#fff;}
.chart-meta{flex:1 1 auto;min-width:0;}
.chart-name{font-weight:800;font-size:1rem;margin:0 0 .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chart-tags{font-size:.78rem;color:#8a5560;display:flex;gap:.4rem;flex-wrap:wrap;}
.chart-tags em{font-style:normal;background:var(--bg);border:2px solid #e9c9d1;padding:0 .4rem;}
.chart-score{
  flex:0 0 auto;font-weight:900;color:var(--primary);font-size:1rem;
  display:flex;align-items:center;gap:.3rem;
}
.chart-score i{color:var(--accent);font-size:.85rem;}

/* ---------- 海报行（横向滚动） ---------- */
.hscroll-wrap{position:relative;}
.hscroll{
  display:flex;gap:1.1rem;overflow-x:auto;padding:.3rem .3rem 1.2rem;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
}
.hscroll::-webkit-scrollbar{height:10px;}
.hscroll::-webkit-scrollbar-track{background:#f3dbe1;border:2px solid var(--line);}
.hscroll::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--line);}
.poster-item{
  flex:0 0 auto;width:180px;scroll-snap-align:start;
  opacity:0;transform:translateY(28px);
  transition:opacity .55s ease, transform .55s ease;
}
.poster-item.show{opacity:1;transform:translateY(0);}
@media(max-width:575px){.poster-item{width:148px;}}

.poster-card{
  background:var(--card-bg);border:3px solid var(--line);
  box-shadow:var(--shadow-sm);position:relative;overflow:hidden;
  display:block;
}
.poster-thumb{
  position:relative;width:100%;aspect-ratio:2/3;overflow:hidden;background:#f8dde4;
}
.poster-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.poster-card:hover .poster-thumb img{transform:scale(1.07);}
.poster-play{
  position:absolute;inset:0;display:grid;place-items:center;
  background:rgba(74,37,48,.45);
  opacity:0;transition:opacity .3s ease;
}
.poster-card:hover .poster-play{opacity:1;}
.poster-play span{
  width:52px;height:52px;display:grid;place-items:center;
  background:var(--accent);border:3px solid var(--line);
  color:var(--text);font-size:1.1rem;
  box-shadow:3px 3px 0 var(--line);
}
.corner-badge{
  position:absolute;top:0;left:0;
  background:var(--primary);color:#fff;
  font-size:.68rem;font-weight:800;padding:.15rem .45rem;
  border-right:3px solid var(--line);border-bottom:3px solid var(--line);
  z-index:3;letter-spacing:.02em;
}
.hot-badge{
  position:absolute;top:8px;right:-3px;z-index:3;
  background:var(--accent);border:3px solid var(--line);border-right:none;
  font-size:.7rem;font-weight:900;padding:.05rem .5rem;
}
.poster-info{padding:.6rem .65rem .7rem;border-top:3px solid var(--line);}
.poster-name{
  font-size:.9rem;font-weight:800;margin:0 0 .2rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.poster-sub{
  font-size:.74rem;color:#8a5560;display:flex;justify-content:space-between;gap:.3rem;
}
.poster-sub .star{color:#e2a600;font-weight:800;}

/* ---------- 分类筛选 tab ---------- */
.filter-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.6rem;}
.filter-btn{
  background:#fff;border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);
  padding:.4rem 1rem;font-weight:800;font-size:.86rem;color:var(--text);
  cursor:pointer;transition:.16s;
}
.filter-btn:hover{background:var(--accent);transform:translate(-1px,-1px);}
.filter-btn.active{background:var(--primary);color:#fff;}
.filter-panel{display:none;}
.filter-panel.active{display:block;}
.poster-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.2rem;width:100%;
}
@media(min-width:576px){.poster-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(min-width:992px){.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(min-width:1400px){.poster-grid{grid-template-columns:repeat(6,minmax(0,1fr));}}
.poster-grid .poster-item{width:100%;}
.poster-grid .poster-thumb{aspect-ratio:2/3;}

/* ---------- 时间线 ---------- */
.timeline{position:relative;padding-left:2.2rem;}
.timeline::before{
  content:'';position:absolute;left:.55rem;top:.3rem;bottom:.3rem;
  width:5px;background:var(--primary);border:2px solid var(--line);
}
.tl-item{position:relative;margin-bottom:1.8rem;}
.tl-item::before{
  content:'';position:absolute;left:-1.72rem;top:.5rem;
  width:15px;height:15px;background:var(--accent);
  border:3px solid var(--line);
}
.tl-year{
  display:inline-block;background:var(--text);color:#fff;
  font-weight:900;font-size:.78rem;padding:.05rem .55rem;margin-bottom:.35rem;
}
.tl-title{font-weight:800;font-size:1.02rem;margin:.1rem 0 .25rem;}
.tl-text{font-size:.9rem;color:#6d3a46;margin:0;}

/* ---------- 预告区 ---------- */
.trailer-box{
  background:#fff;border:4px solid var(--line);box-shadow:var(--shadow);
  padding:1.4rem;
}
.trailer-list{list-style:none;padding:0;margin:0;}
.trailer-list li{
  display:flex;gap:.8rem;align-items:flex-start;
  padding:.85rem 0;border-bottom:3px dashed #e9c9d1;
}
.trailer-list li:last-child{border-bottom:none;}
.tl-num{
  flex:0 0 auto;font-weight:900;color:var(--primary);
  border:3px solid var(--line);width:34px;height:34px;display:grid;place-items:center;
  font-size:.84rem;background:var(--bg);
}
.tl-body h4{font-size:.98rem;margin:0 0 .15rem;font-weight:800;}
.tl-body p{font-size:.82rem;color:#8a5560;margin:0;}

/* ---------- FAQ ---------- */
.faq-item{
  background:#fff;border:3px solid var(--line);box-shadow:var(--shadow-sm);
  margin-bottom:1rem;padding:1rem 1.1rem;
}
.faq-q{font-weight:900;font-size:.98rem;margin:0 0 .4rem;color:var(--text);}
.faq-a{font-size:.9rem;color:#6d3a46;margin:0;}

/* ---------- 友链 ---------- */
.friend-links{
  background:#fff;border:4px solid var(--line);box-shadow:var(--shadow);
  padding:1.4rem;
}
.friend-links h3{font-size:1rem;font-weight:900;margin:0 0 .7rem;
  display:inline-block;background:var(--accent);border:3px solid var(--line);padding:.1rem .7rem;}
.friend-links .fl-body{font-size:.88rem;color:#6d3a46;word-break:break-word;}

/* ---------- 页脚 ---------- */
.site-footer{
  background:var(--text);color:#ffe9ef;
  border-top:5px solid var(--line);padding:2.8rem 0 1.6rem;margin-top:1rem;
}
.site-footer a{color:#ffd0dd;}
.site-footer a:hover{color:var(--accent);}
.footer-brand{font-weight:900;font-size:1.2rem;color:#fff;display:inline-flex;align-items:center;gap:.5rem;}
.footer-brand .brand-ico{
  width:32px;height:32px;display:grid;place-items:center;
  background:var(--primary);color:#fff;border:3px solid #fff;font-size:.9rem;
}
.footer-title{font-size:.92rem;font-weight:900;color:var(--accent);margin-bottom:.7rem;letter-spacing:.05em;}
.footer-list{list-style:none;padding:0;margin:0;font-size:.86rem;line-height:2.1;}
.footer-bottom{
  border-top:2px dashed #8a5560;margin-top:1.8rem;padding-top:1rem;
  font-size:.8rem;color:#e7bfca;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;
}

/* 回到顶部 */
.to-top{
  position:fixed;right:18px;bottom:18px;z-index:1040;
  width:46px;height:46px;display:grid;place-items:center;
  background:var(--accent);border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);
  color:var(--text);font-size:1rem;opacity:0;pointer-events:none;transition:.25s;
}
.to-top.on{opacity:1;pointer-events:auto;}

/* 通用渐显 */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
.reveal.show{opacity:1;transform:translateY(0);}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  .reveal,.poster-item{opacity:1 !important;transform:none !important;transition:none !important;}
  .hero-title .caret{animation:none;}
}

/* --- 子页面追加 --- */
.guide-hero {padding:56px 0 40px;}
.guide-h1 {font-size:clamp(1.9rem,4.4vw,3rem);font-weight:900;line-height:1.15;margin:14px 0 14px;color:var(--text);}
.guide-h1 em {font-style:normal;color:var(--primary);}
.guide-lead {max-width:720px;font-size:1.02rem;line-height:1.85;color:var(--text);opacity:.86;}
.guide-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:22px;}
.guide-card {background:var(--card-bg);border:2px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm);padding:22px 22px 20px;height:100%;}
.guide-card .gc-ico {width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary);color:#fff;border:2px solid var(--line);font-size:1.05rem;margin-bottom:14px;}
.guide-card h3 {font-size:1.08rem;font-weight:800;margin:0 0 10px;color:var(--text);line-height:1.4;}
.guide-card p {margin:0 0 10px;font-size:.94rem;line-height:1.8;color:var(--text);opacity:.84;}
.guide-card p:last-child {margin-bottom:0;}
.guide-steps {counter-reset:gs;display:grid;gap:16px;margin-top:6px;}
.guide-step {position:relative;background:var(--card-bg);border:2px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:18px 20px 18px 68px;}
.guide-step::before {counter-increment:gs;content:counter(gs);position:absolute;left:18px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--accent);border:2px solid var(--line);color:var(--text);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:.95rem;}
.guide-step h3 {font-size:1rem;font-weight:800;margin:0 0 8px;color:var(--text);}
.guide-step p {margin:0;font-size:.93rem;line-height:1.78;color:var(--text);opacity:.85;}
.guide-faq {display:grid;gap:14px;}
.guide-faq details {background:var(--card-bg);border:2px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);padding:14px 18px;}
.guide-faq summary {cursor:pointer;font-weight:800;font-size:.98rem;color:var(--text);list-style:none;display:flex;align-items:center;gap:10px;}
.guide-faq summary::-webkit-details-marker {display:none;}
.guide-faq summary::before {content:"\f067";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;color:var(--primary);transition:transform .2s;}
.guide-faq details[open] summary::before {content:"\f068";}
.guide-faq p {margin:12px 0 0;font-size:.93rem;line-height:1.8;color:var(--text);opacity:.85;}
.guide-note {margin-top:34px;background:var(--bg);border:2px dashed var(--line);border-radius:14px;padding:18px 22px;font-size:.92rem;line-height:1.8;color:var(--text);}
.guide-tip-list {list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.guide-tip-list li {position:relative;padding-left:26px;font-size:.94rem;line-height:1.75;color:var(--text);opacity:.86;}
.guide-tip-list li::before {content:"\f058";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--primary);position:absolute;left:0;top:2px;font-size:.9rem;}
.guide-hero {padding:36px 0 26px;}
.guide-step {padding:16px 16px 16px 60px;}
.guide-step::before {left:14px;top:14px;width:30px;height:30px;font-size:.85rem;}

/* --- 子页面追加 --- */
.legal-hero {
    background:var(--card-bg);
    border:3px solid var(--line);
    box-shadow:var(--shadow);
    border-radius:18px;
    padding:2.4rem 2rem;
    margin-bottom:2rem;
  }
.legal-hero .hero-tag {
    display:inline-block;
    background:var(--accent);
    color:var(--line);
    font-weight:800;
    font-size:.78rem;
    letter-spacing:.08em;
    padding:.32rem .8rem;
    border:2px solid var(--line);
    border-radius:999px;
    box-shadow:var(--shadow-sm);
    margin-bottom:1rem;
  }
.legal-hero h1 {
    font-weight:900;
    font-size:clamp(1.7rem,4vw,2.6rem);
    line-height:1.2;
    color:var(--text);
    margin-bottom:.9rem;
  }
.legal-hero p {
    color:var(--text);
    opacity:.85;
    max-width:62ch;
    margin-bottom:0;
    font-size:1rem;
    line-height:1.8;
  }
.legal-updated {
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    font-size:.82rem;
    font-weight:600;
    color:var(--text);
    opacity:.7;
    margin-top:1.1rem;
  }
.legal-card {
    background:var(--card-bg);
    border:3px solid var(--line);
    box-shadow:var(--shadow-sm);
    border-radius:16px;
    padding:1.6rem 1.6rem 1.3rem;
    height:100%;
  }
.legal-card h2 {
    font-size:1.12rem;
    font-weight:800;
    color:var(--text);
    display:flex;
    align-items:flex-start;
    gap:.6rem;
    margin-bottom:.9rem;
    line-height:1.4;
  }
.legal-card h2 .num {
    flex:0 0 auto;
    width:28px;height:28px;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--primary);
    color:#fff;
    font-size:.85rem;
    font-weight:900;
    border:2px solid var(--line);
    border-radius:8px;
    box-shadow:2px 2px 0 var(--line);
  }
.legal-card p,
  .legal-card li {
    color:var(--text);
    font-size:.94rem;
    line-height:1.85;
    margin-bottom:.6rem;
  }
.legal-card ul {
    padding-left:1.15rem;
    margin-bottom:0;
  }
.legal-card li::marker { color:var(--primary); }
.legal-card p:last-child { margin-bottom:0; }
.legal-note {
    background:#fff8e6;
    border:2px dashed var(--accent);
    border-radius:12px;
    padding:1rem 1.15rem;
    font-size:.9rem;
    line-height:1.8;
    color:var(--text);
  }
.legal-note strong { color:var(--line); }
.legal-toc {
    background:var(--card-bg);
    border:3px solid var(--line);
    box-shadow:var(--shadow-sm);
    border-radius:16px;
    padding:1.3rem 1.4rem;
    position:sticky;
    top:1.2rem;
  }
.legal-toc h3 {
    font-size:.95rem;
    font-weight:800;
    color:var(--text);
    margin-bottom:.9rem;
    letter-spacing:.02em;
  }
.legal-toc a {
    display:block;
    color:var(--text);
    text-decoration:none;
    font-size:.88rem;
    font-weight:600;
    padding:.42rem .55rem;
    border-radius:8px;
    border-left:3px solid transparent;
    transition:background .18s ease, border-color .18s ease;
  }
.legal-toc a:hover {
    background:#fde8ef;
    border-left-color:var(--primary);
  }
.legal-toc { position:static; margin-bottom:1.4rem; }
.legal-hero { padding:1.6rem 1.2rem; }
.legal-card { padding:1.3rem 1.2rem; }

/* --- 子页面追加 --- */
/* ===== 本页专属少量样式，沿用站点变量 ===== */
    .sitemap-hero { padding: 64px 0 40px; }
.map-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.map-grid { grid-template-columns: repeat(2, 1fr); }
.map-grid { grid-template-columns: 1fr; }
.map-card {
      background: var(--card-bg);
      border: 2px solid var(--line);
      border-radius: 16px;
      box-shadow: var(--shadow-sm);
      padding: 22px 22px 18px;
      transition: transform .15s ease, box-shadow .15s ease;
    }
.map-card:hover { transform: translate(-2px, -2px); box-shadow: var(--shadow); }
.map-card h3 {
      font-size: 1.05rem;
      font-weight: 800;
      margin: 0 0 6px;
      display: flex;
      align-items: center;
      gap: 9px;
      color: var(--text);
    }
.map-card h3 i { color: var(--primary); font-size: .95rem; }
.map-card .map-note {
      font-size: .8rem;
      opacity: .68;
      margin: 0 0 14px;
      line-height: 1.5;
    }
.map-list { list-style: none; margin: 0; padding: 0; }
.map-list li { margin: 0 0 8px; }
.map-list a {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: .9rem;
      font-weight: 600;
      color: var(--text);
      text-decoration: none;
      border-bottom: 2px solid transparent;
      padding-bottom: 1px;
      transition: color .15s ease, border-color .15s ease;
    }
.map-list a:hover { color: var(--primary); border-color: var(--primary); }
.map-list a i { font-size: .62rem; color: var(--accent); }
.map-list a .map-path { font-size: .72rem; font-weight: 400; opacity: .5; font-family: 'Inter', monospace; }
.map-tagline {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: var(--accent);
      color: var(--text);
      border: 2px solid var(--line);
      border-radius: 999px;
      box-shadow: var(--shadow-sm);
      padding: 5px 15px;
      font-size: .8rem;
      font-weight: 700;
      margin-bottom: 20px;
    }
.map-tips {
      background: var(--card-bg);
      border: 2px solid var(--line);
      border-radius: 16px;
      box-shadow: var(--shadow-sm);
      padding: 26px 26px 22px;
    }
.map-tips h3 {
      font-size: 1.1rem;
      font-weight: 800;
      margin: 0 0 16px;
      display: flex;
      align-items: center;
      gap: 9px;
    }
.map-tips h3 i { color: var(--primary); }
.tip-row {
      display: flex;
      gap: 14px;
      padding: 12px 0;
      border-top: 1px dashed rgba(74, 37, 48, .22);
      font-size: .9rem;
      line-height: 1.65;
    }
.tip-row:first-of-type { border-top: none; padding-top: 0; }
.tip-row .tip-num {
      flex: 0 0 26px;
      height: 26px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 8px;
      background: var(--primary);
      color: #fff;
      font-size: .78rem;
      font-weight: 800;
      border: 2px solid var(--line);
    }
.tip-row strong { font-weight: 800; }
.tip-row .tip-path {
      font-family: 'Inter', monospace;
      font-size: .82rem;
      background: rgba(244, 114, 182, .16);
      border: 1px solid rgba(74, 37, 48, .28);
      border-radius: 6px;
      padding: 1px 6px;
    }