/* ===== 外壳头部：品牌 + 活动选择 + 视图切换 ===== */
.site .hin{max-width:1320px;margin:0 auto}
.brand .bn{display:flex;flex-direction:column;line-height:1.15}
.brand .bn b{font-size:clamp(19px,2.4vw,24px);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.brand .bn i{font-size:11.5px;font-style:normal;color:var(--dim);font-weight:600}

/* 视图切换 tab 行 */
.views{margin-top:16px;display:flex;gap:6px;flex-wrap:wrap}
.vtab{font-family:inherit;font-size:13.5px;font-weight:600;color:#48506a;cursor:pointer;background:#fff;
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;display:inline-flex;align-items:center;gap:7px;
  text-decoration:none;transition:.15s}
.vtab:hover{border-color:#cfcdc2;transform:translateY(-1px)}
.vtab.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.vtab .vi{font-size:14px;line-height:1}

/* 视图内的赛道筛选条 */
.wall-filters{max-width:1320px;margin:0 auto;padding:24px clamp(20px,5vw,60px) 0;display:flex;flex-wrap:wrap;gap:8px}
.wall-filters .chip{font-size:13px;font-weight:500;color:#48506a;cursor:pointer;background:#fff;border:1px solid var(--line);
  padding:7px 16px;border-radius:999px;transition:.16s}
.wall-filters .chip:hover{transform:translateY(-1px);border-color:#cfcdc2}
.wall-filters .chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}

.view-loading,.view-empty{text-align:center;color:var(--dim);font-size:14px;padding:90px 20px}
.view-empty a{color:var(--acc);font-weight:600;text-decoration:none}

/* ===== 画廊网格 ===== */
.gallery-grid{max-width:1320px;margin:0 auto;padding:26px clamp(20px,5vw,60px) 120px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,278px),1fr));gap:clamp(20px,2.4vw,32px)}
.g-cell .card{height:100%}

/* ===== 时间线视图 ===== */
.tlview{max-width:980px;margin:0 auto;padding:30px clamp(20px,5vw,40px) 120px}
.tlv-line{position:relative;padding-left:26px}
.tlv-line::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tlv-day{position:relative;margin-bottom:34px}
.tlv-date{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:14px;position:relative}
.tlv-date i{color:var(--dim);font-weight:500;font-style:normal;font-size:12.5px}
.tlv-dot{position:absolute;left:-26px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--acc);box-shadow:0 0 0 4px var(--board)}
.tlv-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:16px}
.tlv-card{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}
.tlv-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(30,30,50,.12)}
.tlv-card .thumb{height:120px}
.tlv-card .thumb .em{font-size:26px}
.tlv-meta{padding:12px 14px 14px}
.tlv-meta .t{font-weight:700;font-size:14.5px;line-height:1.4}
.tlv-meta .m{font-size:12px;color:var(--dim);margin-top:5px}

/* ===== 创作者墙 ===== */
.people-grid{max-width:1320px;margin:0 auto;padding:30px clamp(20px,5vw,60px) 120px;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(20px,2.4vw,30px)}
.pp-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;
  position:relative;transition:transform .2s,box-shadow .2s}
.pp-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(30,30,50,.16)}
.pp-cover{height:96px;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.pp-cover span{font-size:34px;font-weight:800;color:rgba(255,255,255,.85)}
.pp-avt{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2,#9b6cff));
  display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;
  position:absolute;left:20px;top:68px;border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.pp-body{padding:34px 18px 18px}
.pp-nm{font-weight:700;font-size:16.5px;letter-spacing:-.01em}
.pp-mj{font-size:12.5px;color:var(--dim);margin-top:3px}
.pp-cnt{font-size:12.5px;font-weight:600;color:var(--acc);margin-top:12px}

@media(max-width:860px){.lead{display:none}}
