/* 总入口页 —— 独立模板：不加载主题的导航/侧栏/文章头/页脚 */
body.alastor-hub-page{
  margin:0;background:#f7f5ff !important;
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  color:#2b2937;
}
.alastor-bg{
  position:fixed;inset:0;z-index:-2;
  background:url("https://clandestine.jinrunshan.cn/bg/cover-05.webp?v=20261001") center/cover no-repeat;
  filter:blur(2px);transform:scale(1.03);
}
.alastor-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(252,251,255,.80) 0%,rgba(247,245,255,.88) 55%,rgba(244,242,255,.91) 100%);
}
.alastor-main{min-height:0;}
.alastor-footer{
  max-width:1080px;margin:0 auto;padding:24px 28px 44px;
  display:flex;flex-wrap:wrap;gap:8px 18px;
  font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:12px;color:#6f6b7d;
  border-top:1px solid rgba(140,136,160,.18);
}
.alastor-footer a{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(140,136,160,.5);}
.alastor-footer a:hover{color:#6366f1;border-color:#6366f1;}

/* 独立模板下，主题的浮动挂件不参与首页 */
body.alastor-hub-page .pio-container{display:none !important;}

.alastor-hub{
  --ink:#2b2937; --muted:#5c586b; --accent:#6366f1;
  --accent-soft:rgba(99,102,241,.16);
  --card:rgba(255,255,255,.78); --card-line:rgba(255,255,255,.92);
  --radius:20px;
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong",serif;
  --sans:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --aurora:linear-gradient(90deg,#a18cd1,#fbc2eb,#a1c4fd,#c2e9fb);
  max-width:1080px;margin:0 auto;padding:56px 24px 44px;
  font-family:var(--serif);color:var(--ink);
  font-size:15px;line-height:1.8;
}
.alastor-hub *{box-sizing:border-box;}
.alastor-hub .alastor-hero{padding:8px 0 0;}
.alastor-hub h1{
  font-size:clamp(34px,5.4vw,52px);line-height:1.18;margin:18px 0 14px;
  font-weight:900;letter-spacing:.01em;color:var(--ink);
}
.alastor-hub h1 .accent{
  background:var(--aurora);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.alastor-hub .eyebrow{
  display:flex;align-items:center;gap:12px;
  font-family:var(--sans);font-size:11px;letter-spacing:.28em;color:var(--muted);
  text-transform:uppercase;
}
.alastor-hub .eyebrow::before{content:"";width:34px;height:1px;background:var(--aurora);}
.alastor-hub .lede{font-size:15px;line-height:2;color:#4c4859;max-width:640px;margin:14px 0 0;}
.alastor-hub .meta{
  margin-top:18px;display:inline-flex;align-items:center;gap:10px;
  font-family:var(--sans);font-size:12px;color:var(--muted);
  padding:7px 14px;border-radius:999px;
  background:rgba(255,255,255,.5);border:1px solid var(--card-line);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
}
.alastor-hub .meta .pulse{width:7px;height:7px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 0 0 rgba(139,92,246,.5);animation:alastor-pulse 2.6s infinite;}
@keyframes alastor-pulse{0%{box-shadow:0 0 0 0 rgba(139,92,246,.45)}70%{box-shadow:0 0 0 9px rgba(139,92,246,0)}100%{box-shadow:0 0 0 0 rgba(139,92,246,0)}}

.alastor-hub .alastor-section{margin-top:48px;}
.alastor-hub .sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.alastor-hub .sec-no{
  font-family:var(--sans);font-size:11px;letter-spacing:.2em;font-weight:600;
  color:var(--accent) !important;background:none !important;
}
.alastor-hub .sec-title{font-size:20px;font-weight:700;margin:0;letter-spacing:.02em;color:var(--ink);background:none !important;text-shadow:none !important;}
.alastor-hub .sec-title::before,
.alastor-hub .sec-title::after,
.alastor-hub .panel h3::before,
.alastor-hub .panel h3::after{display:none !important;content:none !important;}
.alastor-hub .panel h3,
.alastor-hub .card h3{background:none !important;text-shadow:none !important;}
.alastor-hub .card h3::before,
.alastor-hub .card h3::after{display:none !important;content:none !important;}
.alastor-hub .sec-jp{font-family:var(--sans);font-size:11px;letter-spacing:.18em;color:#a29fb0;}
.alastor-hub .sec-note{font-family:var(--sans);font-size:12px;color:var(--muted);margin-left:auto;}

.alastor-hub .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;}
.alastor-hub .card{
  display:block;text-decoration:none;color:inherit;position:relative;overflow:hidden;
  background:var(--card);border:1px solid var(--card-line);
  border-radius:var(--radius);padding:24px 24px 22px;
  box-shadow:0 12px 40px rgba(99,102,241,.10);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease;
}
.alastor-hub .card:hover{transform:translateY(-5px);border-color:rgba(99,102,241,.32);box-shadow:0 20px 54px rgba(99,102,241,.20);}
.alastor-hub .card .tag{
  display:inline-block;font-family:var(--sans);font-size:10px;letter-spacing:.18em;
  color:var(--accent);font-weight:600;margin-bottom:12px;
  padding:4px 9px;border-radius:999px;background:var(--accent-soft);
}
.alastor-hub .card .tag-soon{color:#9a96a8;background:rgba(140,136,160,.10);}
.alastor-hub .card h3{margin:0 0 9px;font-size:19px;font-weight:700;letter-spacing:.01em;color:var(--ink);}
.alastor-hub .card p{margin:0;font-size:13.5px;line-height:1.85;color:var(--muted);}
.alastor-hub .card .url{display:block;margin-top:16px;font-family:var(--sans);font-size:11.5px;color:#9591a4;word-break:break-all;}
.alastor-hub .card .arrow{position:absolute;right:22px;top:22px;color:#c9c6d6;font-size:16px;transition:color .2s ease,transform .2s ease;}
.alastor-hub .card:hover .arrow{color:var(--accent);transform:translate(2px,-2px);}
.alastor-hub .placeholder{border:1px dashed rgba(140,136,160,.42);background:rgba(255,255,255,.30);box-shadow:none;display:flex;flex-direction:column;justify-content:center;}
.alastor-hub .placeholder:hover{transform:none;border-color:rgba(140,136,160,.62);box-shadow:none;}
.alastor-hub .placeholder h3{color:#8f8b9e;}

.alastor-hub .archive-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;}
.alastor-hub .stack{display:flex;flex-direction:column;gap:18px;}
.alastor-hub .panel{
  background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);
  padding:24px;box-shadow:0 12px 40px rgba(99,102,241,.08);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.alastor-hub .panel h3{margin:0 0 4px;font-size:17px;font-weight:700;color:var(--ink);}
.alastor-hub .panel .sub{font-family:var(--sans);font-size:12px;color:var(--muted);margin:0 0 14px;}
.alastor-hub ul.list{list-style:none;margin:0;padding:0;}
.alastor-hub ul.list li{border-top:1px solid rgba(140,136,160,.14);margin:0;padding:0;}
.alastor-hub ul.list li:first-child{border-top:none;}
.alastor-hub ul.list a{display:flex;align-items:baseline;gap:12px;padding:11px 2px;text-decoration:none;color:inherit;font-size:14px;line-height:1.55;transition:color .16s ease;box-shadow:none;}
.alastor-hub ul.list a:hover{color:var(--accent);}
.alastor-hub ul.list .date{flex:0 0 auto;font-family:var(--sans);font-size:11.5px;color:#9d99ab;font-variant-numeric:tabular-nums;min-width:34px;}
.alastor-hub ul.list .name{flex:1 1 auto;}
.alastor-hub ul.list .go{flex:0 0 auto;color:#c9c6d6;font-size:11px;}
.alastor-hub .chips{display:flex;flex-wrap:wrap;gap:10px;}
.alastor-hub .chip{
  display:inline-block;text-decoration:none;color:inherit;font-family:var(--sans);font-size:13px;
  padding:8px 14px;border-radius:999px;border:1px solid rgba(140,136,160,.22);
  background:rgba(255,255,255,.48);transition:all .16s ease;
}
.alastor-hub .chip:hover{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 8px 20px rgba(99,102,241,.25);}
.alastor-hub .note{font-family:var(--sans);margin-top:16px;font-size:12px;color:#8d899c;line-height:1.8;}
.alastor-hub .note a{color:#7b78d6;text-decoration:none;border-bottom:1px dotted rgba(123,120,214,.45);}
.alastor-hub .note a:hover{color:var(--accent);border-color:var(--accent);}

@media (max-width:820px){
  .alastor-hub .archive-grid{grid-template-columns:1fr;}
  .alastor-hub .sec-note{margin-left:0;}
  .alastor-hub .alastor-section{margin-top:38px;}
}
@media (prefers-reduced-motion:reduce){
  .alastor-hub .meta .pulse{animation:none;}
  .alastor-hub .card{transition:none;}
}