:root {
  --k447b-wefbqcqfru: #12151c;
  --v44-5ftn2l74ttwo: #1a1f2a;
  --v447-EaI3K7IkV: #f2efe8;
  --p447b_j5rfbema: #9aa3b2;
  --d4474r7o2nz: #e85d04;
  --q447ieqoaktwputk: rgba(255, 255, 255, 0.08);
  --y447L3J32tEfNpG: 12px;
  --r44_gOh2uEl6x3: env(safe-area-inset-bottom, 0px);
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  min-height: 100%;
  overflow-x: hidden;
  background: #0b0d12;
  color: var(--v447-EaI3K7IkV);
  font-family: "Noto Sans SC", system-ui, sans-serif;
  -webkit-tap-highlight-color: transparent;
}


.x44-7zpdyznlc {
  width: 100%;
  max-width: 430px;
  min-height: 100vh;
  margin: 0 auto;
  overflow-x: hidden;
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(232, 93, 4, 0.18), transparent 55%),
    linear-gradient(180deg, #171b24 0%, var(--k447b-wefbqcqfru) 40%, #0f1218 100%);
  box-shadow: 0 0 0 1px var(--q447ieqoaktwputk), 0 20px 60px rgba(0, 0, 0, 0.45);
  position: relative;
}

a { color: inherit; text-decoration: none; }

.w44LpU77tCf {
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(18, 21, 28, 0.96);
  backdrop-filter: blur(10px);
}

.q447b-rffcerh6vmge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 8px;
}

.o44_BqPv65S {
  font-family: "ZCOOL XiaoWei", "Noto Sans SC", serif;
  font-size: 1.35rem;
  letter-spacing: 0.04em;
}

.n447b_fZdXeDkWsSe {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--v44-5ftn2l74ttwo);
  border: 1px solid var(--q447ieqoaktwputk);
  font-size: 1.1rem;
}

.l44XgSr64Yv26Ek {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 4px 16px 12px;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  border-bottom: 1px solid var(--q447ieqoaktwputk);
}
.l44XgSr64Yv26Ek::-webkit-scrollbar { display: none; }
.l44XgSr64Yv26Ek a {
  flex: 0 0 auto;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid var(--q447ieqoaktwputk);
  font-size: 0.85rem;
  color: var(--p447b_j5rfbema);
  white-space: nowrap;
  writing-mode: horizontal-tb;
  line-height: 1.2;
}
.l44XgSr64Yv26Ek a.d44_xBvYjH7T4Xp {
  color: #fff;
  background: var(--d4474r7o2nz);
  border-color: transparent;
}

.z447b-irle2z5kh {
  padding: 4px 16px 10px;
  font-size: 1.05rem;
  font-weight: 700;
}

.m447-QfBqPkA7Yp { padding: 0 12px 24px; }

.w447_bl5jjgc3qxn {
  margin: 0 4px 12px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(232, 93, 4, 0.15);
  border: 1px solid rgba(232, 93, 4, 0.35);
  color: #ffb703;
  font-size: 0.75rem;
  text-align: center;
}

.k447boWf2rQh3dJ {
  display: block;
  margin: 0 4px 16px;
  border-radius: var(--y447L3J32tEfNpG);
  overflow: hidden;
  height: 180px;
  background: #000;
}
.t447beFuVvY32vU {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.x447b-A6X77gIf {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  background: var(--d4474r7o2nz);
  color: #fff;
  font-size: 0.88rem;
  font-weight: 600;
  border: none;
  white-space: nowrap;
}
.s447_gdykplq {
  background: rgba(255, 255, 255, 0.12);
}

.e447b-v73YyHt5 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 8px 4px 10px;
}
.e447b-v73YyHt5 h2 { font-size: 1rem; }
.e447b-v73YyHt5 a { font-size: 0.8rem; color: var(--p447b_j5rfbema); }

.e447_GjDx7oVpL {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px 8px;
}
.k447_xE24fDe2vStG {
  display: block;
}
.k447_xE24fDe2vStG .c44_7S6R4Ub {
  aspect-ratio: 2 / 3;
  border-radius: 10px;
  overflow: hidden;
  background: var(--v44-5ftn2l74ttwo);
  position: relative;
}
.k447_xE24fDe2vStG img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.k447_xE24fDe2vStG .u447b-PwM4TsTfOuW7 {
  position: absolute;
  top: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.7);
  color: #ffd166;
  font-size: 0.7rem;
  padding: 2px 6px;
  border-radius: 6px;
}
.k447_xE24fDe2vStG h3 {
  margin-top: 6px;
  font-size: 0.78rem;
  font-weight: 500;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.k447_xE24fDe2vStG .t44_kNnSy62Oa7mH {
  color: var(--p447b_j5rfbema);
  font-size: 0.7rem;
}


.r447pxkbcx2skz5f .k447_xE24fDe2vStG.p44-p36dqd2 {
  display: none;
}
.r447pxkbcx2skz5f .k447_xE24fDe2vStG .m442pL62wW3:not([src]) {
  background: var(--v44-5ftn2l74ttwo);
}
.r447pxkbcx2skz5f .d44-e5mlin3sh4 {
  position: relative;
  height: 76px;
  margin: 8px 12px 20px;
}
.r447pxkbcx2skz5f .d44-e5mlin3sh4[hidden] {
  display: none;
}
.r447pxkbcx2skz5f .d447bp3jX5Bm {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 30%;
  max-width: 110px;
  aspect-ratio: 2 / 3;
  border-radius: 8px;
  background: var(--v44-5ftn2l74ttwo) center / cover no-repeat;
  transform: translateX(-50%) translateY(calc(var(--l44-tmzasjidm2qq, 0) * -7px)) scale(calc(1 - var(--l44-tmzasjidm2qq, 0) * 0.05));
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
  opacity: calc(1 - var(--l44-tmzasjidm2qq, 0) * 0.12);
  border: 1px solid var(--q447ieqoaktwputk);
  z-index: calc(10 - var(--l44-tmzasjidm2qq, 0));
}
.r447pxkbcx2skz5f .n44_rfflcdigygzm {
  height: 1px;
  margin: 0;
  pointer-events: none;
}

.m447b_SlCu6wWiV, .c447b-7jWuKhFbVa5 {
  margin: 20px 4px;
  padding: 14px;
  border-radius: var(--y447L3J32tEfNpG);
  background: var(--v44-5ftn2l74ttwo);
  color: var(--p447b_j5rfbema);
  font-size: 0.9rem;
  line-height: 1.5;
}

.b44-gijnwnj7l {
  display: flex;
  gap: 8px;
  margin: 4px 0 16px;
}
.b44-gijnwnj7l input {
  flex: 1;
  min-height: 42px;
  border-radius: 10px;
  border: 1px solid var(--q447ieqoaktwputk);
  background: var(--v44-5ftn2l74ttwo);
  color: var(--v447-EaI3K7IkV);
  padding: 0 12px;
  font-size: 1rem;
  outline: none;
}
.b44-gijnwnj7l button { min-width: 72px; }

.s447b-yTeTuLdOtEt {
  margin: 0 4px 14px;
  border-radius: var(--y447L3J32tEfNpG);
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #000 center/cover no-repeat;
  position: relative;
}
.s447b-yTeTuLdOtEt::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.75));
}
.o447-q3r7bEcJ7 {
  display: grid;
  grid-template-columns: 110px 1fr;
  gap: 12px;
  margin-bottom: 14px;
}
.o447-q3r7bEcJ7 .h447bzjzfevlxcfe {
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 2/3;
  background: var(--v44-5ftn2l74ttwo);
}
.o447-q3r7bEcJ7 .h447bzjzfevlxcfe img { width: 100%; height: 100%; object-fit: cover; }
.o447-q3r7bEcJ7 h1 {
  font-size: 1.2rem;
  line-height: 1.3;
  margin-bottom: 8px;
  font-family: "ZCOOL XiaoWei", serif;
}
.l447jf4kndkd {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.l447jf4kndkd span {
  font-size: 0.75rem;
  color: var(--p447b_j5rfbema);
  background: rgba(255,255,255,.05);
  border: 1px solid var(--q447ieqoaktwputk);
  padding: 3px 8px;
  border-radius: 999px;
}
.f447bytgoyu4ji57 {
  font-size: 0.9rem;
  line-height: 1.65;
  color: #d5dae3;
  margin: 10px 0 16px;
}
.x447-Ej3w7tJoE6G {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: none;
}
.x447-Ej3w7tJoE6G::-webkit-scrollbar { display: none; }
.x447-Ej3w7tJoE6G article {
  flex: 0 0 78px;
  text-align: center;
}
.x447-Ej3w7tJoE6G img {
  width: 78px;
  height: 78px;
  object-fit: cover;
  border-radius: 50%;
  background: var(--v44-5ftn2l74ttwo);
  margin-bottom: 6px;
}
.x447-Ej3w7tJoE6G strong {
  display: block;
  font-size: 0.72rem;
  font-weight: 500;
}
.x447-Ej3w7tJoE6G span {
  display: block;
  font-size: 0.65rem;
  color: var(--p447b_j5rfbema);
}
.u447-lJl2aYs {
  position: relative;
  padding-top: 56.25%;
  border-radius: var(--y447L3J32tEfNpG);
  overflow: hidden;
  background: #000;
  margin: 8px 0 16px;
}
.u447-lJl2aYs iframe,
.u447-lJl2aYs video,
.u447-lJl2aYs .p447b_ll4lxx5,
.u447-lJl2aYs .m447b-jrrmhkfqh54 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: #000;
}
.z447-Qu3q6gMf,
.n447welcxqzigi {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}
.c447b-xsplphtx4 {
  appearance: none;
  border: 1px solid var(--q447ieqoaktwputk);
  background: var(--v44-5ftn2l74ttwo);
  color: var(--v447-EaI3K7IkV);
  border-radius: 10px;
  padding: 8px 12px;
  font-size: 0.8rem;
  cursor: pointer;
}
.c447b-xsplphtx4.n447b_RnRxWqI5 {
  border-color: var(--d4474r7o2nz, #e8b86d);
  color: var(--d4474r7o2nz, #e8b86d);
  background: rgba(232, 184, 109, 0.12);
}

.i44_z33Zb4wSn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 3px;
  margin: 12px 2px 6px;
  max-width: 100%;
  box-sizing: border-box;
}
.i44_z33Zb4wSn a, .i44_z33Zb4wSn span {
  min-width: 0;
  text-align: center;
  padding: 3px 5px;
  border-radius: 5px;
  background: var(--v44-5ftn2l74ttwo);
  border: 1px solid var(--q447ieqoaktwputk);
  font-size: 0.7rem;
  line-height: 1.2;
  box-sizing: border-box;
}
.i44_z33Zb4wSn .r447-vvym2rl4n4cd, .i44_z33Zb4wSn .e447C5HvKbCjMk74 {
  min-width: 1.35rem;
  padding: 3px 4px;
}
.i44_z33Zb4wSn .y447b-5vQuKtGiD2, .i44_z33Zb4wSn .x447_42gbw7264 {
  min-width: 0;
  padding: 3px 7px;
  font-size: 0.68rem;
}
.i44_z33Zb4wSn .e447C5HvKbCjMk74 {
  color: var(--d4474r7o2nz, #e8b86d);
  border-color: var(--d4474r7o2nz, #e8b86d);
  background: rgba(232, 184, 109, 0.12);
}
.i44_z33Zb4wSn span { color: var(--p447b_j5rfbema); }

.o447b_36o245tU {
  margin: 12px 8px 8px;
}
.j447-va5pw4l {
  font-size: 0.72rem;
  line-height: 1.7;
  word-break: break-all;
}
.j447-va5pw4l a {
  color: var(--p447b_j5rfbema);
}

.h44dkhpeipeo {
  padding: 20px 16px calc(22px + var(--r44_gOh2uEl6x3));
  text-align: center;
  color: var(--p447b_j5rfbema);
  font-size: 0.75rem;
  border-top: 1px solid var(--q447ieqoaktwputk);
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.22) 100%);
}

.h44dkhpeipeo .q44-v25de6h {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 12px;
  margin: 0 0 16px;
  padding: 0 2px;
  line-height: 1.45;
}

.h44dkhpeipeo .q44-v25de6h a {
  color: var(--p447b_j5rfbema);
  font-size: 0.7rem;
  letter-spacing: 0.02em;
  opacity: 0.78;
  transition: color 0.15s ease, opacity 0.15s ease;
}

.h44dkhpeipeo .q44-v25de6h a:active,
.h44dkhpeipeo .q44-v25de6h a:hover {
  color: var(--d4474r7o2nz);
  opacity: 1;
}


.h44dkhpeipeo .n447-hbjpxkk3f {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 8px;
  margin: 0 0 14px;
  max-height: 4.8em;
  overflow: hidden;
  opacity: 0.42;
  line-height: 1.35;
}

.h44dkhpeipeo .n447-hbjpxkk3f a {
  color: var(--p447b_j5rfbema);
  font-size: 0.62rem;
  letter-spacing: 0.01em;
}

.n44_go2hhqzn4w {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 10px;
  margin: 4px 2px 8px;
}

.n44_go2hhqzn4w a {
  color: var(--p447b_j5rfbema);
  font-size: 0.75rem;
  opacity: 0.85;
}

.n44_go2hhqzn4w a:active,
.n44_go2hhqzn4w a:hover {
  color: var(--d4474r7o2nz);
  opacity: 1;
}

.h44dkhpeipeo .g447-fdfliou5fl3 {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin: 0 0 12px;
}

.h44dkhpeipeo .g447-fdfliou5fl3 a {
  color: var(--p447b_j5rfbema);
  font-size: 0.72rem;
  opacity: 0.8;
}

.h44dkhpeipeo .g447-fdfliou5fl3 a:active,
.h44dkhpeipeo .g447-fdfliou5fl3 a:hover {
  color: var(--d4474r7o2nz);
  opacity: 1;
}

.h44dkhpeipeo .l44dUbXm44HtO27 {
  color: var(--p447b_j5rfbema);
  font-size: 0.72rem;
  opacity: 0.7;
}

.z447bimmjxamv {
  margin: 4px 4px 18px;
  padding: 14px 14px 4px;
  border-radius: var(--y447L3J32tEfNpG);
  background: var(--v44-5ftn2l74ttwo);
  border: 1px solid var(--q447ieqoaktwputk);
}

.z447bimmjxamv p {
  color: var(--p447b_j5rfbema);
  font-size: 0.9rem;
  line-height: 1.7;
  margin: 0 0 12px;
}

.z447bimmjxamv a {
  color: var(--d4474r7o2nz);
}