/* ══════════════════════════════════════════════════════════
   新站 · 图片版式(第二版:把图放回设计)
   ══════════════════════════════════════════════════════════ */

/* ── 首页封面大图 ───────────────────────────── */
.hero{position:relative;margin:0 0 4px;background:var(--panel-2)}
.hero img{width:100%;height:auto;min-height:240px;max-height:62vh;object-fit:cover;opacity:.92}
.hero .grad{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(8,8,13,.05) 35%,rgba(8,8,13,.92) 100%)}
.hero .tx{position:absolute;left:0;right:0;bottom:0;padding:0 22px 26px}
.hero h1{font-size:50px;letter-spacing:.04em;text-shadow:0 4px 30px rgba(0,0,0,.75)}
.hero .sub{margin-top:10px;font-size:13px;letter-spacing:.14em;color:#cfd0d8}
@media(max-width:520px){ .hero h1{font-size:36px} .hero .sub{font-size:11.5px} }

/* ── 卡片(带图)──────────────────────────────── */
.cards{display:grid;gap:16px}
.card{display:block;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s}
.card:hover{border-color:rgba(212,175,55,.45);transform:translateY(-2px)}
.card .thumb{position:relative;display:block;background:var(--panel-2)}
.card .thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.card .thumb.noimg{aspect-ratio:16/10;
  background:linear-gradient(135deg,#14141f,#0d0d15)}
.card .ct{display:block;padding:13px 15px 16px;font-size:15.5px;line-height:1.6;color:#e2e3ea}
.card .meta{display:block;font-size:11.5px;color:var(--dim);margin-top:7px}
@media(min-width:700px){ .cards.c3{grid-template-columns:repeat(3,1fr)} }

/* ── 列表行(带小图)────────────────────────── */
.rows{display:grid;gap:0}
.rw{display:flex;gap:14px;align-items:flex-start;padding:14px 0;
  border-bottom:1px solid var(--line)}
.rw:hover .t{color:var(--gold-2)}
.rw .th{flex:0 0 92px;width:92px;border-radius:10px;overflow:hidden;background:var(--panel-2)}
.rw .th img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.rw .th.noimg{aspect-ratio:1;background:linear-gradient(135deg,#14141f,#0d0d15)}
.rw .bd{flex:1 1 auto;min-width:0}
.rw .t{font-size:15.5px;line-height:1.6;color:#e0e1e9;margin-bottom:5px}
.rw .c{font-size:11.5px;color:var(--dim)}
@media(max-width:420px){ .rw .th{flex-basis:74px;width:74px} }

/* ── 栏头配图(大横幅)──────────────────────── */
.banner{width:100%;border-radius:var(--r);border:1px solid var(--line);
  margin:0 0 24px;overflow:hidden}
.banner img{width:100%;height:auto;display:block}

/* ── 今日金语卡片(配图)────────────────────── */
.qcard{display:block;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.qcard .im{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.qcard .bd{padding:14px 16px 16px}
.qcard .t{font-size:15px;line-height:1.65;color:#e2e3ea}
.qcard .m{font-size:11.5px;color:var(--dim);margin-top:6px}
@media(min-width:700px){ .qgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px} }

/* ── 首页「今日金语」双语块 ─────────────────── */
.daily{border:1px solid rgba(212,175,55,.3);border-radius:var(--r);
  padding:26px 22px;text-align:center;
  background:linear-gradient(160deg,rgba(212,175,55,.08),rgba(18,18,28,.6))}
.daily .q{font-family:var(--serif);font-size:23px;line-height:1.85;color:var(--gold-2)}
.daily .e{margin-top:14px;padding-top:14px;border-top:1px solid rgba(212,175,55,.2);
  font-size:13px;color:var(--dim);font-style:italic;line-height:1.85}
.daily .more{display:inline-block;margin-top:16px;font-size:12.5px;color:var(--gold);
  letter-spacing:.06em}
@media(max-width:520px){ .daily .q{font-size:19px} .daily .e{font-size:12px} }

/* ── 萨古鲁页 三块(人/神秘家/使命)────────── */
.sec{padding:34px 0 6px}
.items{display:grid;gap:14px}
.item{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.item h4{font-size:16.5px;margin:0 0 6px;color:var(--gold-2);font-family:var(--serif)}
.item p{margin:0;font-size:14.5px;color:var(--txt-2);line-height:1.8}
@media(min-width:700px){ .items{grid-template-columns:repeat(3,1fr)} }

/* ── 官网高清大图 在关键位置的使用 ─────────── */
.daily .dim{width:100%;height:auto;max-height:230px;object-fit:cover;
  border-radius:calc(var(--r) - 4px);margin-bottom:18px}
.pcard .pim{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:calc(var(--r) - 4px);margin-bottom:16px}
.banner img{width:100%;height:auto;max-height:320px;object-fit:cover;display:block}