/* 全局样式666 */
body{
  font-family:'Lato',sans-serif;
  background:#1e1e2f;
  color:#d4d4dc;
  margin:0;
  padding:0;
  line-height:1.6;
}

/* 页头 */
header{
  background:#2b2b3d;
  padding:16px clamp(12px,4vw,24px); /* 小屏增加左右空隙 */
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}
.title-container{display:flex;justify-content:center;align-items:center;flex-direction:column;}
h1{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.6rem,6vw,2.2rem); /* 自适应缩放，手机不再超大 */
  color:#ffd700;margin:0;text-align:center;line-height:1.15;
}
h2{
  font-family:'Lato',sans-serif;
  font-size:clamp(.95rem,3.5vw,1.1rem);
  color:#c0c0c0;margin:8px 0 15px;text-align:center;
}
.logo-icon{
  width:3.5em;height:3.5em;margin-bottom:10px;border-radius:50%;
  border:2px solid #c0c0c0;box-shadow:0 4px 8px rgba(0,0,0,.3);
}

/* 主体内容 */
main{
  max-width:900px;
  margin:20px auto;
  padding: clamp(10px,3.5vw,18px);
  background:#2b2b3d;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.4);
  display:grid;
  /* 自动栅格：最小卡片宽 240px，不够则自动换行为1列 */
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: clamp(10px,2.8vw,16px);
}

/* 链接卡片 */
.link-box{
  background:#383850;border-radius:10px;
  padding: clamp(10px,3vw,14px);
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  display:flex;flex-direction:column;justify-content:center;
  min-height:96px;text-decoration:none;color:inherit;
  transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;
  word-break:break-word; /* 任何超长词都可断行 */
  cursor:pointer;
}
.link-box:hover{background:#4a4a66;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.5);}
.link-box:active{transform:none;}

.link-box h3{
  font-family:'Playfair Display',serif;
  font-size:clamp(1rem,3.8vw,1.1rem);
  color:#ffd700;margin:0 0 .4rem;
  overflow:hidden;text-overflow:ellipsis;white-space:normal; /* 允许换行 */
  line-height:1.25;
}
.link-box p{
  font-family:'Lato',sans-serif;
  font-size:clamp(.85rem,3.4vw,.95rem);
  color:#87ceeb;margin:0;line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;white-space:normal; /* 允许换行 */
}

/* 高亮 */
.highlight{color:#ffd700;font-weight:700;}

/* 页脚 */
footer{
  text-align:center;font-size:.85em;color:#a9a9b8;margin-top:20px;
  padding:15px 0;background:#1e1e2f;border-top:1px solid #3c3c4f;
}
.no-border{border-bottom:none;}

/* 额外的移动端细化 */
@media (max-width:480px){
  .logo-icon{width:3.2em;height:3.2em;}
  main{border-radius:8px;}
}
/* 极小屏（老机型） */
@media (max-width:360px){
  main{grid-template-columns:1fr;} /* 强制单列 */
}