.bk-yemian, body.in-baokuanfuke .gs-piaoceng { --gs-canvas: #0B0A0C; --gs-surface-1: #141215; --gs-surface-2: #1A171B; --gs-surface-3: #231F24; --gs-surface-4: #2C272E; --gs-img-holder: #18151A; --gs-accent-rgb: 255, 107, 44; --gs-accent: #FF6B2C; --gs-accent-hover: #FF8550; --gs-accent-active: #E8561A; --gs-accent-soft: rgba(255, 107, 44, .13); --gs-accent-border: rgba(255, 107, 44, .5); --gs-accent-text: #FF9B6B; --gs-on-accent: #FFFFFF; --gs-accent-2-rgb: 255, 201, 60; --gs-accent-2: #FFC93C; --gs-accent-2-soft: rgba(255, 201, 60, .12); --gs-accent-2-border: rgba(255, 201, 60, .42); --gs-accent-2-text: #FFD872; --gs-glow-accent: 0 0 0 1px rgba(255, 107, 44, .35), 0 10px 32px rgba(255, 107, 44, .2); --gs-glow-accent-2: 0 10px 40px rgba(255, 201, 60, .18); --bk-jianbian: linear-gradient(100deg, #FF3D5A 0%, #FF6B2C 45%, #FFC93C 100%); --bk-ka-guang: radial-gradient(120% 140% at 0% 0%, rgba(255, 107, 44, .15), transparent 55%), radial-gradient(120% 140% at 100% 100%, rgba(255, 201, 60, .1), transparent 55%); --bk-ka-yinying: 0 18px 44px rgba(0, 0, 0, .42); --bk-xin: #3DDC97; --bk-xin-soft: rgba(61, 220, 151, .14); }
[data-theme="light"] .bk-yemian, [data-theme="light"] body.in-baokuanfuke .gs-piaoceng, body.in-baokuanfuke[data-theme="light"] .gs-piaoceng { --gs-canvas: #F6F3F1; --gs-surface-1: #FFFFFF; --gs-surface-2: #FAF7F5; --gs-surface-3: #F1ECE8; --gs-surface-4: #E7E0DA; --gs-img-holder: #EDE7E2; --gs-accent-rgb: 224, 82, 20; --gs-accent: #E05214; --gs-accent-hover: #EB6626; --gs-accent-active: #C2460F; --gs-accent-soft: rgba(224, 82, 20, .09); --gs-accent-border: rgba(224, 82, 20, .42); --gs-accent-text: #B9420E; --gs-on-accent: #FFFFFF; --gs-accent-2-rgb: 196, 136, 0; --gs-accent-2: #C48800; --gs-accent-2-soft: rgba(196, 136, 0, .1); --gs-accent-2-border: rgba(196, 136, 0, .4); --gs-accent-2-text: #9A6B00; --gs-glow-accent: 0 0 0 1px rgba(224, 82, 20, .28), 0 8px 24px rgba(224, 82, 20, .12); --gs-glow-accent-2: 0 10px 36px rgba(196, 136, 0, .14); --bk-jianbian: linear-gradient(100deg, #E0284A 0%, #E05214 45%, #D99A00 100%); --bk-ka-guang: radial-gradient(120% 140% at 0% 0%, rgba(224, 82, 20, .07), transparent 55%), radial-gradient(120% 140% at 100% 100%, rgba(196, 136, 0, .06), transparent 55%); --bk-ka-yinying: 0 16px 36px rgba(70, 40, 20, .12); --bk-xin: #12A06A; --bk-xin-soft: rgba(18, 160, 106, .1); }
.bk-huomiao { display: inline-flex; align-items: flex-end; gap: 2px; height: 0.85em; }
.bk-huomiao i { width: 2px; height: 100%; border-radius: 1px; background: currentcolor; transform-origin: center bottom; animation: 0.8s ease-in-out 0s infinite normal none running bk-tiaodong; }
.bk-huomiao i:nth-child(2) { animation-delay: -0.3s; }
.bk-huomiao i:nth-child(3) { animation-delay: -0.55s; }
.bk-miaobian { position: relative; }
.bk-miaobian::before { content: ""; position: absolute; inset: 0px; padding: 1px; border-radius: inherit; background: var(--bk-jianbian); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); opacity: 0; pointer-events: none; transition: opacity var(--gs-t-slow) var(--gs-ease); }
.bk-miaobian:hover::before, .bk-miaobian:focus-visible::before, .bk-miaobian.is-liang::before { opacity: 1; }
.bk-xuanzhuan { animation: 1s linear 0s infinite normal none running gs-xuanzhuan; }
@keyframes bk-tiaodong { 
  0%, 100% { transform: scaleY(0.3); }
  50% { transform: scaleY(1); }
}
@keyframes bk-saoguang { 
  0% { transform: translate(-120%) skew(-18deg); }
  60%, 100% { transform: translate(260%) skew(-18deg); }
}
@keyframes bk-huxi { 
  0%, 100% { opacity: 0.55; }
  50% { opacity: 1; }
}
@keyframes bk-saomiao { 
  0% { transform: translateY(-100%); }
  100% { transform: translateY(100%); }
}
.bk-hero { --px: 0; --py: 0; --bk-hero-cheng: 255, 107, 44; --bk-hero-huang: 255, 201, 60; position: relative; max-width: 74rem; height: clamp(22rem, 31vw, 28rem); margin: 0 auto var(--gs-sp-8); overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: var(--gs-r-xl); background: rgb(11, 10, 12); box-shadow: rgba(12, 8, 6, 0.34) 0px 28px 70px, rgba(255, 107, 44, 0.06) 0px 0px 0px 1px; isolation: isolate; }
.bk-hero-ceng { position: absolute; inset: 0px; pointer-events: none; transform: translate3d(calc(var(--px) * var(--shen, 0px) * -1),calc(var(--py) * var(--shen, 0px) * -.6),0); transition: transform .6s var(--gs-ease); }
.bk-hero-bj img { width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; transform: scale(1.08); opacity: 0; transition: opacity .9s var(--gs-ease); }
.bk-hero.is-jinru .bk-hero-bj img { opacity: 0.85; }
.bk-hero-guang { position: absolute; inset: 0px; pointer-events: none; mix-blend-mode: screen; overflow: hidden; }
.bk-hero-guang span { position: absolute; width: 28rem; height: 28rem; border-radius: 50%; filter: blur(64px); opacity: 0.32; }
.bk-hero-guang-cheng { top: -11rem; right: 24%; background: radial-gradient(circle, rgba(255, 107, 44, 0.95), transparent 65%); animation: 14s ease-in-out 0s infinite alternate none running bk-youyi; }
.bk-hero-guang-huang { bottom: -14rem; right: -4rem; background: radial-gradient(circle, rgba(255, 201, 60, 0.9), transparent 65%); animation: 18s ease-in-out 0s infinite alternate-reverse none running bk-youyi; }
.bk-hero-zhezhao { position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(11, 10, 12, 0.96) 0%, rgba(11, 10, 12, 0.82) 34%, rgba(11, 10, 12, 0.2) 60%, transparent 76%), linear-gradient(0deg, rgba(11, 10, 12, 0.6), transparent 34%); }
.bk-hero-jiaopian { top: auto; bottom: 10%; height: 3.2rem; mask-image: linear-gradient(90deg, transparent 38%, rgb(0, 0, 0) 55%, rgb(0, 0, 0) 92%, transparent); opacity: 0; }
.bk-hero-jiaopian-gun { display: flex; gap: 6px; width: max-content; animation: 22s linear 0s infinite normal none running bk-gundong; }
.bk-hero-jiaopian-gun span { width: 4.2rem; height: 2.6rem; border: 1px solid rgba(var(--se),.45); border-radius: 6px; background: linear-gradient(135deg,rgba(var(--se),.32),rgba(var(--se),.06)); }
.bk-hero-kalie { transform: none; }
.bk-hero-ka { position: absolute; top: 50%; width: clamp(7.4rem, 11.5vw, 10.5rem); transform: translate3d(calc(var(--px) * var(--shen) * -1),calc(-50% + var(--py) * var(--shen) * -.6),0) rotate(var(--xuan)); transition: transform .6s var(--gs-ease),opacity .9s var(--gs-ease); opacity: 0; }
.bk-hero-ka--yuan { right: 30%; }
.bk-hero-ka--xin { right: 7%; width: clamp(8rem, 12.5vw, 11.5rem); z-index: 2; }
.bk-hero-ka-nei { position: relative; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 36px, rgba(255, 255, 255, 0.04) 0px 0px 0px 5px; animation: 7s ease-in-out 0s infinite normal none running gs-piaofu; --gs-piao-y: -9px; }
.bk-hero-ka--xin .bk-hero-ka-nei { border-color: rgba(255, 201, 60, 0.6); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 40px, rgba(255, 140, 50, 0.32) 0px 0px 36px; animation-delay: -2.4s; }
.bk-hero-ka-nei img { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; }
.bk-hero-saomiao { position: absolute; inset: 0px; background: linear-gradient(transparent 45%, rgba(255, 140, 60, 0.35) 50%, transparent 55%); animation: 3.2s linear 0s infinite normal none running bk-saomiao; }
.bk-hero-ka-biao, .bk-hero-tihuan { position: absolute; left: 7px; display: inline-flex; align-items: center; gap: 3px; padding: 0px 7px; border-radius: 999px; background: rgba(11, 10, 12, 0.62); backdrop-filter: blur(6px); color: rgb(255, 255, 255); font-size: 0.6rem; font-weight: 600; line-height: 1.8; }
.bk-hero-ka-biao { top: 7px; }
.bk-hero-ka-biao.is-xin { background: linear-gradient(100deg, rgb(255, 107, 44), rgb(255, 180, 60)); }
.bk-hero-tihuan { bottom: 8px; background: rgba(61, 220, 151, 0.85); }
.bk-hero-qiedian { position: absolute; right: 6px; bottom: 8px; left: 6px; display: flex; gap: 3px; }
.bk-hero-qiedian b { flex: 1 1 0%; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, 0.55); }
.bk-hero-qiedian b:nth-child(2n) { flex: 1.6 1 0%; background: rgba(255, 140, 60, 0.85); }
.bk-hero-jiantou { position: absolute; top: 50%; right: calc(7% + 0.4rem + clamp(8rem, 12.5vw, 11.5rem)); display: inline-flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; margin-top: -1.15rem; border-radius: 50%; background: linear-gradient(135deg, rgb(255, 107, 44), rgb(255, 201, 60)); color: rgb(255, 255, 255); box-shadow: rgba(255, 107, 44, 0.5) 0px 6px 22px; z-index: 3; opacity: 0; transform: translate3d(calc(var(--px) * var(--shen) * -1),calc(var(--py) * var(--shen) * -.6),0); transition: transform .6s var(--gs-ease),opacity .9s var(--gs-ease); }
.bk-hero-wen { position: relative; z-index: 5; display: flex; flex-direction: column; justify-content: center; gap: var(--gs-sp-3); height: 100%; max-width: 32rem; padding: 0 var(--gs-sp-10); color: rgba(255, 250, 246, 0.95); }
.bk-hero-wen > * { opacity: 0; }
.bk-hero-biaoqian { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; padding: 2px 11px; border: 1px solid rgba(255, 107, 44, 0.5); border-radius: var(--gs-r-full); background: rgba(255, 107, 44, 0.13); color: rgb(255, 171, 125); font-size: var(--gs-fs-xs); letter-spacing: 0.04em; }
.bk-hero-wen h1 { margin: 0px; font-family: var(--gs-font-display); font-size: clamp(2rem, 3.2vw, 2.8rem); font-weight: 600; line-height: 1.15; background: linear-gradient(100deg, rgb(255, 246, 239) 15%, rgb(255, 171, 125) 55%, rgb(255, 216, 114)) text; color: transparent; }
.bk-hero-wen p { margin: 0px; font-size: var(--gs-fs-md); line-height: 1.75; color: rgba(255, 250, 246, 0.72); }
.bk-hero-caozuo { display: flex; flex-wrap: wrap; gap: var(--gs-sp-3); margin-top: var(--gs-sp-2); }
.bk-hero-zhuanniu { position: relative; height: 2.6rem; padding: 0 var(--gs-sp-6); overflow: hidden; border: 0px; background: linear-gradient(100deg, rgb(255, 61, 90), rgb(255, 107, 44) 50%, rgb(255, 180, 60)); color: rgb(255, 255, 255); box-shadow: rgba(255, 107, 44, 0.38) 0px 10px 28px; }
.bk-hero-zhuanniu:hover:not(:disabled) { background: linear-gradient(100deg, rgb(255, 90, 114), rgb(255, 133, 80) 50%, rgb(255, 196, 92)); transform: translateY(-1px); }
.bk-hero-zhuanniu::after { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 34%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); animation: 3.6s ease-in-out 0s infinite normal none running bk-saoguang; }
.bk-hero-cianniu { height: 2.6rem; padding: 0 var(--gs-sp-5); border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px); color: rgba(255, 250, 246, 0.92); }
.bk-hero-cianniu:hover:not(:disabled) { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.14); }
.bk-hero-liucheng { display: flex; flex-wrap: wrap; gap: var(--gs-sp-2); margin: var(--gs-sp-3) 0 0; padding: 0px; list-style: none; }
.bk-hero-liucheng li { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px 3px 4px; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: var(--gs-r-full); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(8px); color: rgba(255, 250, 246, 0.8); font-size: var(--gs-fs-xs); }
.bk-hero-liucheng span { display: inline-flex; align-items: center; justify-content: center; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: linear-gradient(135deg, rgb(255, 107, 44), rgb(255, 201, 60)); color: rgb(255, 255, 255); font-size: 0.6rem; font-weight: 700; }
.bk-hero.is-jinru .bk-hero-wen > * { animation: gs-jinchang .7s var(--gs-ease) forwards; }
.bk-hero.is-jinru .bk-hero-wen > :nth-child(2) { animation-delay: 0.08s; }
.bk-hero.is-jinru .bk-hero-wen > :nth-child(3) { animation-delay: 0.16s; }
.bk-hero.is-jinru .bk-hero-wen > :nth-child(4) { animation-delay: 0.24s; }
.bk-hero.is-jinru .bk-hero-wen > :nth-child(5) { animation-delay: 0.32s; }
.bk-hero.is-jinru .bk-hero-ka, .bk-hero.is-jinru .bk-hero-jiantou { opacity: 1; }
.bk-hero.is-jinru .bk-hero-ka--xin { transition-delay: 0s, 0.25s; }
.bk-hero.is-jinru .bk-hero-jiaopian { opacity: 0.7; transition: opacity 1.2s var(--gs-ease) .3s,transform .6s var(--gs-ease); }
@keyframes bk-youyi { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(-6rem, 3rem, 0px); }
}
@keyframes bk-gundong { 
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
@media (max-width: 900px) {
  .bk-hero-ka--yuan, .bk-hero-jiantou { display: none; }
}
@media (max-width: 640px) {
  .bk-hero { height: auto; min-height: 24rem; }
  .bk-hero-jiaopian { display: none; }
  .bk-hero-ka--xin { right: -6%; opacity: 0.45 !important; }
  .bk-hero-wen { padding: var(--gs-sp-8) var(--gs-sp-5); }
  .bk-hero-zhezhao { background: linear-gradient(90deg, rgba(11, 10, 12, 0.93), rgba(11, 10, 12, 0.5)); }
}
.bk-nl { --qx: 0; --qy: 0; position: relative; min-height: 13.5rem; overflow: hidden; border: 1px solid var(--gs-border); border-radius: var(--gs-r-xl); background: rgb(18, 15, 16); color: rgba(255, 250, 246, 0.95); transform: perspective(900px) rotateX(calc(var(--qy) * -3.5deg)) rotateY(calc(var(--qx) * 4.5deg)) translateY(0); transition: transform .45s var(--gs-ease),box-shadow .45s var(--gs-ease),border-color .3s var(--gs-ease); isolation: isolate; }
.bk-nl:hover { border-color: transparent; box-shadow: var(--bk-ka-yinying),0 0 40px rgba(var(--gs-accent-rgb),.14); transform: perspective(900px) rotateX(calc(var(--qy) * -3.5deg)) rotateY(calc(var(--qx) * 4.5deg)) translateY(-4px); }
.bk-nl-bj { position: absolute; inset: -6%; z-index: -2; transform: translate3d(calc(var(--qx) * -10px),calc(var(--qy) * -8px),0) scale(1.02); transition: transform .6s var(--gs-ease); }
.bk-nl:hover .bk-nl-bj { transform: translate3d(calc(var(--qx) * -10px),calc(var(--qy) * -8px),0) scale(1.09); }
.bk-nl-bj img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-nl-zhezhao { position: absolute; inset: 0px; z-index: -1; background: linear-gradient(200deg, rgba(12, 10, 11, 0.16), rgba(12, 10, 11, 0.72) 48%, rgba(12, 10, 11, 0.95)); }
.bk-nl-nei { position: relative; display: flex; flex-direction: column; gap: var(--gs-sp-2); height: 100%; box-sizing: border-box; padding: var(--gs-sp-5); }
.bk-nl-hao { position: absolute; top: var(--gs-sp-4); right: var(--gs-sp-5); font-family: var(--gs-font-display); font-size: 2.4rem; font-weight: 700; line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.22); }
.bk-nl-tubiao { display: inline-flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; margin-bottom: auto; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 0.7rem; background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(10px); color: rgb(255, 171, 125); }
.bk-nl strong { margin-top: var(--gs-sp-6); font-size: var(--gs-fs-lg); font-weight: 600; }
.bk-nl p { margin: 0px; font-size: var(--gs-fs-sm); line-height: 1.7; color: rgba(255, 250, 246, 0.7); }
.bk-nl ul { display: flex; flex-wrap: wrap; gap: 6px; margin: var(--gs-sp-1) 0 0; padding: 0px; list-style: none; }
.bk-nl li { padding: 1px 9px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: var(--gs-r-full); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(8px); font-size: var(--gs-fs-xs); line-height: 1.8; color: rgba(255, 250, 246, 0.78); }
@media (hover: none) {
  .bk-nl, .bk-nl:hover { transform: none; }
}
.bk-zk { position: relative; display: block; aspect-ratio: 16 / 11; overflow: hidden; border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--gs-surface-1); color: rgb(255, 255, 255); cursor: pointer; transition: transform .35s var(--gs-ease),box-shadow .35s var(--gs-ease),border-color .3s var(--gs-ease); isolation: isolate; }
.bk-zk:hover, .bk-zk:focus-visible { border-color: transparent; outline: none; box-shadow: var(--bk-ka-yinying),0 0 34px rgba(var(--gs-accent-rgb),.16); transform: translateY(-5px); }
.bk-zk-tu { position: absolute; inset: 0px; z-index: -2; background: var(--gs-img-holder); }
.bk-zk-tu img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .9s var(--gs-ease); }
.bk-zk:hover .bk-zk-tu img { transform: scale(1.07); }
.bk-zk-wutu { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background: radial-gradient(70% 90% at 20% 10%, rgba(255, 107, 44, 0.35), transparent 60%), radial-gradient(70% 90% at 90% 90%, rgba(255, 201, 60, 0.25), transparent 60%), rgb(22, 18, 20); color: rgba(255, 255, 255, 0.5); }
.bk-zk-zhezhao { position: absolute; inset: 0px; z-index: -1; background: linear-gradient(rgba(12, 10, 11, 0.3) 0%, transparent 32%, rgba(12, 10, 11, 0.55) 62%, rgba(12, 10, 11, 0.93) 100%); }
.bk-zk-zhuangtai, .bk-zk-bili { position: absolute; top: var(--gs-sp-3); display: inline-flex; align-items: center; gap: 5px; padding: 0px 9px; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: var(--gs-r-full); background: rgba(12, 10, 11, 0.55); backdrop-filter: blur(10px); font-size: var(--gs-fs-xs); line-height: 1.9; }
.bk-zk-zhuangtai { left: var(--gs-sp-3); }
.bk-zk-bili { right: var(--gs-sp-3); color: rgba(255, 255, 255, 0.78); }
.bk-zk-zhuangtai.is-zhong { border-color: rgba(255, 107, 44, 0.5); color: rgb(255, 171, 125); }
.bk-zk-zhuangtai.is-wan { border-color: rgba(61, 213, 152, 0.5); color: rgb(111, 230, 182); }
.bk-zk-zhuangtai.is-ke { border-color: rgba(var(--gs-accent-rgb),.6); background: rgba(var(--gs-accent-rgb),.85); color: rgb(255, 255, 255); }
.bk-zk-zhuangtai.is-shiBai { border-color: rgba(255, 122, 122, 0.5); color: rgb(255, 156, 156); }
.bk-zk-bofang { position: absolute; top: 50%; left: 50%; display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; margin: -2.1rem 0px 0px -1.5rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background: rgba(12, 10, 11, 0.42); backdrop-filter: blur(8px); opacity: 0; transform: scale(0.85); transition: opacity .3s var(--gs-ease),transform .3s var(--gs-ease); }
.bk-zk:hover .bk-zk-bofang { opacity: 1; transform: scale(1); }
.bk-zk-xinxi { position: absolute; right: 0px; bottom: 0px; left: 0px; display: flex; flex-direction: column; gap: 5px; padding: var(--gs-sp-4); }
.bk-zk-biaoti { overflow: hidden; font-size: var(--gs-fs-md); font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
.bk-zk-fu { display: inline-flex; align-items: center; gap: 6px; overflow: hidden; font-size: var(--gs-fs-xs); color: rgba(255, 255, 255, 0.66); white-space: nowrap; }
.bk-zk-fu i { width: 2px; height: 2px; border-radius: 50%; background: currentcolor; }
.bk-zk-jindu { height: 3px; margin-top: 3px; overflow: hidden; border-radius: var(--gs-r-full); background: rgba(255, 255, 255, 0.16); }
.bk-zk-jindu span { display: block; height: 100%; border-radius: inherit; background: var(--bk-jianbian); }
.bk-zk-fabu { position: absolute; right: calc(var(--gs-sp-3) + 1.8rem + var(--gs-sp-2)); bottom: var(--gs-sp-4); display: inline-flex; align-items: center; gap: 4px; height: 1.8rem; padding: 0 var(--gs-sp-3); border: 0px; border-radius: var(--gs-r-md); background: var(--bk-jianbian); color: rgb(255, 255, 255); font-size: var(--gs-fs-xs); font-weight: 600; cursor: pointer; box-shadow: 0 6px 16px rgba(var(--gs-accent-rgb),.32); transition: transform var(--gs-t-fast) var(--gs-ease),box-shadow var(--gs-t-fast) var(--gs-ease); }
.bk-zk-fabu:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(var(--gs-accent-rgb),.45); }
.bk-zk:has(.bk-zk-fabu) .bk-zk-xinxi { padding-right: 8.5rem; }
.bk-zk-shan { position: absolute; right: var(--gs-sp-3); bottom: var(--gs-sp-4); display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border: 1px solid rgba(255, 255, 255, 0.16); border-radius: var(--gs-r-md); background: rgba(12, 10, 11, 0.6); backdrop-filter: blur(8px); color: rgba(255, 255, 255, 0.78); cursor: pointer; opacity: 0; transition: opacity var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease),border-color var(--gs-t-fast) var(--gs-ease); }
.bk-zk-shan:hover { border-color: rgba(255, 122, 122, 0.6); color: rgb(255, 156, 156); }
.bk-zk:hover .bk-zk-shan, .bk-zk:focus-within .bk-zk-shan { opacity: 1; }
@media (hover: none) {
  .bk-zk-shan { opacity: 1; }
}
.bk-al { display: grid; grid-template-columns: 15rem minmax(0px, 1fr) auto; gap: var(--gs-sp-6); align-items: center; max-width: 74rem; margin: 0 auto var(--gs-sp-8); padding: var(--gs-sp-5); border: 1px solid var(--gs-border); border-radius: var(--gs-r-xl); background: var(--bk-ka-guang),var(--gs-surface-1); box-sizing: border-box; }
.bk-al-bofang { position: relative; aspect-ratio: 18 / 16; overflow: hidden; border-radius: var(--gs-r-lg); background: rgb(0, 0, 0); cursor: pointer; box-shadow: var(--bk-ka-yinying); }
.bk-al-bofang video { width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-al-biao { position: absolute; top: 6px; padding: 0px 7px; border-radius: var(--gs-r-full); color: rgb(255, 255, 255); font-size: 0.62rem; font-weight: 600; line-height: 1.8; }
.bk-al-biao.is-yuan { left: 6px; background: rgba(12, 10, 11, 0.62); }
.bk-al-biao.is-xin { left: calc(50% + 6px); background: var(--bk-xin); }
.bk-al-wen { display: flex; flex-direction: column; gap: var(--gs-sp-2); min-width: 0px; }
.bk-al-biaoqian { display: inline-flex; align-self: flex-start; align-items: center; gap: 5px; padding: 1px 10px; border: 1px solid var(--gs-accent-border); border-radius: var(--gs-r-full); background: var(--gs-accent-soft); color: var(--gs-accent-text); font-size: var(--gs-fs-xs); }
.bk-al-wen h2 { margin: 0px; font-size: var(--gs-fs-xl); font-weight: 600; }
.bk-al-wen p { margin: 0px; font-size: var(--gs-fs-sm); line-height: 1.7; color: var(--gs-text-2); }
.bk-al-shu { display: flex; flex-wrap: wrap; gap: var(--gs-sp-5); margin: var(--gs-sp-1) 0; padding: 0px; list-style: none; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-al-shu li { display: flex; flex-direction: column; }
.bk-al-shu strong { font-family: var(--gs-font-display); font-size: var(--gs-fs-lg); color: var(--gs-text-1); font-variant-numeric: tabular-nums; }
.bk-al-caozuo { display: flex; flex-wrap: wrap; gap: var(--gs-sp-2); }
.bk-al-zhen { display: flex; gap: var(--gs-sp-3); }
.bk-al-dui { display: flex; flex-direction: column; gap: 4px; animation: 6s ease-in-out 0s infinite normal none running gs-piaofu; --gs-piao-y: -8px; }
.bk-al-dui img { width: 3.6rem; aspect-ratio: 9 / 16; border-radius: var(--gs-r-sm); object-fit: cover; background: var(--gs-img-holder); }
.is-heng .bk-al-bofang { aspect-ratio: 16 / 18; }
.is-heng .bk-al-biao.is-xin { top: calc(50% + 6px); left: 6px; }
.is-heng .bk-al-dui img { width: 5.6rem; aspect-ratio: 16 / 9; }
.bk-al-dui img:last-child { box-shadow: 0 0 0 1.5px var(--bk-xin); }
@media (max-width: 1100px) {
  .bk-al-zhen { display: none; }
  .bk-al { grid-template-columns: 13rem minmax(0px, 1fr); }
}
@media (max-width: 640px) {
  .bk-al { grid-template-columns: 1fr; }
}
.bk-jc { display: grid; grid-template-columns: 14rem minmax(0px, 1fr); gap: var(--gs-sp-5); min-height: 30rem; }
.bk-jc-dao { display: flex; flex-direction: column; gap: var(--gs-sp-2); }
.bk-jc-dao button { display: flex; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); color: var(--gs-text-2); text-align: left; cursor: pointer; transition: border-color var(--gs-t-fast) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease); }
.bk-jc-dao button.is-xuan { border-color: var(--gs-accent-border); background: var(--gs-accent-soft); }
.bk-jc-dao-hao { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.6rem; height: 1.6rem; border-radius: 50%; background: var(--gs-surface-3); font-size: var(--gs-fs-sm); font-weight: 700; }
.bk-jc-dao button.is-xuan .bk-jc-dao-hao { background: var(--bk-jianbian); color: rgb(255, 255, 255); }
.bk-jc-dao button.is-guo .bk-jc-dao-hao { background: var(--gs-success-soft); color: var(--gs-success); }
.bk-jc-dao-wen { display: flex; min-width: 0px; flex-direction: column; }
.bk-jc-dao-wen strong { font-size: var(--gs-fs-sm); color: var(--gs-text-1); }
.bk-jc-dao-wen em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-jc-ti { display: flex; flex-direction: column; gap: var(--gs-sp-3); max-height: 64vh; overflow-y: auto; padding-right: 4px; animation: gs-jinchang .35s var(--gs-ease); }
.bk-jc-ti > header { display: flex; align-items: center; gap: var(--gs-sp-2); color: var(--gs-accent-text); }
.bk-jc-ti h3 { margin: 0px; font-size: var(--gs-fs-lg); color: var(--gs-text-1); }
.bk-jc-shuo { margin: 0px; font-size: var(--gs-fs-sm); line-height: 1.75; color: var(--gs-text-2); }
.bk-jc-tishi { display: flex; align-items: flex-start; gap: 6px; margin: 0px; padding: var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--gs-accent-2-soft); color: var(--gs-accent-2-text); font-size: var(--gs-fs-sm); line-height: 1.65; }
.bk-jc-tishi > svg { flex-shrink: 0; margin-top: 3px; }
.bk-jc-biao, .bk-jc-xiaohao { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--gs-sp-2); margin: 0px; }
.bk-jc-biao > div, .bk-jc-xiaohao > div { padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); }
.bk-jc-biao dt, .bk-jc-xiaohao dt { font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-jc-biao dd, .bk-jc-xiaohao dd { margin: 2px 0px 0px; font-size: var(--gs-fs-sm); color: var(--gs-text-1); }
.bk-jc-xiaohao { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.bk-jc-xiaohao dd { font-variant-numeric: tabular-nums; }
.bk-jc-xiaohao .is-heji { border-color: var(--gs-accent-border); background: var(--gs-accent-soft); }
.bk-jc-xiaohao .is-heji dd { color: var(--gs-accent-text); font-weight: 600; }
.bk-jc-yinyong { display: flex; flex-direction: column; gap: 4px; margin: 0px; padding: var(--gs-sp-3) var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--bk-ka-guang),var(--gs-surface-2); font-size: var(--gs-fs-sm); line-height: 1.7; color: var(--gs-text-1); }
.bk-jc-tihuan { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gs-sp-2); }
.bk-jc-tihuan article { display: flex; gap: var(--gs-sp-3); padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); }
.bk-jc-tihuan img, .bk-jc-tihuan-kong { flex-shrink: 0; width: 3.4rem; height: 3.4rem; border-radius: var(--gs-r-sm); object-fit: cover; }
.bk-jc-tihuan-kong { display: inline-flex; align-items: center; justify-content: center; background: var(--gs-surface-3); color: var(--gs-text-3); }
.bk-jc-tihuan div { display: flex; min-width: 0px; flex-direction: column; gap: 2px; }
.bk-jc-tihuan strong { display: inline-flex; align-items: center; gap: 5px; font-size: var(--gs-fs-sm); }
.bk-jc-tihuan b, .bk-jc-tihuan em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-jc-yuanlie { display: flex; gap: var(--gs-sp-3); }
.bk-jc-yuanlie figure { flex: 1 1 0%; margin: 0px; }
.bk-jc-yuanlie img { width: 100%; aspect-ratio: 9 / 16; max-height: 16rem; border-radius: var(--gs-r-md); object-fit: cover; }
.bk-jc-yuanlie figcaption { display: flex; flex-direction: column; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.is-heng .bk-jc-yuanlie { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.is-heng .bk-jc-yuanlie img { aspect-ratio: 16 / 9; max-height: none; }
.bk-jc-yuanlie.is-xin img { box-shadow: 0 0 0 1.5px var(--bk-xin); }
.bk-jc-liucheng { margin: 0px; padding-left: 1.2rem; font-size: var(--gs-fs-sm); line-height: 1.8; color: var(--gs-text-2); }
.bk-jc-chengpian { display: flex; gap: var(--gs-sp-5); align-items: flex-start; }
.bk-jc-chengpian video { width: min(26rem, 55%); border-radius: var(--gs-r-md); background: rgb(0, 0, 0); }
.bk-jc-chengpian ul { display: flex; flex-direction: column; gap: var(--gs-sp-2); margin: 0px; padding: 0px; list-style: none; font-size: var(--gs-fs-sm); line-height: 1.65; color: var(--gs-text-2); }
.bk-jc-chengpian li { display: flex; gap: 6px; }
.bk-jc-chengpian li > svg { flex-shrink: 0; margin-top: 4px; color: var(--gs-success); }
.bk-jc-di-tishi { margin-right: auto; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
@media (max-width: 860px) {
  .bk-jc { grid-template-columns: 1fr; }
  .bk-jc-dao { flex-direction: row; overflow-x: auto; }
  .bk-jc-dao-wen em { display: none; }
  .bk-jc-biao, .bk-jc-xiaohao, .bk-jc-tihuan { grid-template-columns: 1fr 1fr; }
  .bk-jc-chengpian { flex-direction: column; }
  .bk-jc-chengpian video { width: 100%; }
}
.bk-kx { display: flex; flex-direction: column; gap: var(--gs-sp-3); }
.bk-kx-huabu { position: relative; height: min(56vh, 30rem); border-radius: var(--gs-r-lg); background: rgb(0, 0, 0); overflow: hidden; cursor: crosshair; touch-action: none; user-select: none; }
.bk-kx-huabu video { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.bk-kx-kuang { position: absolute; border: 2px solid var(--gs-accent); border-radius: 4px; background: rgba(255, 255, 255, 0.06); box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 0px 9999px; pointer-events: none; }
.bk-kx-yindao { position: absolute; left: 50%; bottom: var(--gs-sp-3); display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border-radius: var(--gs-r-full); background: rgba(12, 10, 11, 0.7); color: rgb(255, 255, 255); font-size: var(--gs-fs-xs); transform: translate(-50%); pointer-events: none; }
.bk-kx-kongzhi { display: flex; align-items: center; gap: var(--gs-sp-3); }
.bk-kx-bo { display: inline-grid; place-items: center; flex-shrink: 0; width: 2rem; height: 2rem; border: 1px solid var(--gs-border); border-radius: var(--gs-r-full); background: var(--gs-surface-2); color: var(--gs-text-1); cursor: pointer; }
.bk-kx-bo:hover { border-color: var(--gs-accent-border); color: var(--gs-accent-text); }
.bk-kx-jindu { flex: 1 1 0%; min-width: 0px; accent-color: var(--gs-accent); cursor: pointer; }
.bk-kx-shijian { flex-shrink: 0; color: var(--gs-text-3); font-size: var(--gs-fs-xs); font-variant-numeric: tabular-nums; }
.bk-kx-tishi { margin: 0px; color: var(--gs-text-3); font-size: var(--gs-fs-xs); line-height: 1.6; }
.bk-th { display: flex; flex-direction: column; gap: var(--gs-sp-2); }
.bk-th-xiang { display: flex; gap: var(--gs-sp-3); padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--bk-ka-guang),var(--gs-surface-2); }
.bk-th-tuwai { position: relative; flex-shrink: 0; }
.bk-th-huan { position: absolute; top: 4px; right: 4px; display: inline-grid; place-items: center; width: 1.35rem; height: 1.35rem; border: 0px; border-radius: var(--gs-r-full); background: rgba(12, 10, 11, 0.66); color: rgb(255, 255, 255); cursor: pointer; opacity: 0; transition: opacity var(--gs-t-fast) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease); }
.bk-th-tuwai:hover .bk-th-huan, .bk-th-huan:focus-visible { opacity: 1; }
.bk-th-huan:hover { background: var(--gs-accent); }
.bk-th-datu { display: block; max-width: 100%; max-height: 72vh; margin: 0px auto; border-radius: var(--gs-r-md); object-fit: contain; }
@media (hover: none) {
  .bk-th-huan { opacity: 1; }
}
.bk-th-tu { position: relative; display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 5.4rem; height: 5.4rem; overflow: hidden; padding: 0px; border: 1px dashed var(--gs-border-strong); border-radius: var(--gs-r-md); background: var(--gs-surface-3); color: var(--gs-text-3); font-size: var(--gs-fs-xs); cursor: pointer; transition: border-color var(--gs-t-fast) var(--gs-ease); }
.bk-th-tu:hover { border-color: var(--gs-accent-border); color: var(--gs-accent-text); }
.bk-th-tu.is-you { border-style: solid; }
.bk-th-tu img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.bk-th-bianhao { position: absolute; top: 4px; left: 4px; padding: 0px 6px; border-radius: var(--gs-r-full); background: var(--bk-jianbian); color: rgb(255, 255, 255); font-size: 0.65rem; font-weight: 700; line-height: 1.6; }
.bk-th-ai { position: absolute; right: 4px; bottom: 4px; padding: 0px 6px; border-radius: var(--gs-r-full); background: rgba(12, 10, 11, 0.66); color: var(--bk-xin); font-size: 0.6rem; font-weight: 600; line-height: 1.6; }
.bk-th-ziduan { display: flex; flex: 1 1 0%; min-width: 0px; flex-direction: column; gap: var(--gs-sp-2); }
.bk-th-hang { display: flex; align-items: center; gap: var(--gs-sp-2); min-width: 0px; }
.bk-th-shan { display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; flex-shrink: 0; margin-left: auto; border: 0px; border-radius: var(--gs-r-md); background: transparent; color: var(--gs-text-3); cursor: pointer; }
.bk-th-shan:hover { background: var(--gs-danger-soft); color: var(--gs-danger); }
.bk-th-mubiao, .bk-th-miaoshu { flex: 1 1 0%; min-width: 0px; }
.bk-th-biao { flex-shrink: 0; width: 2.2em; color: var(--gs-text-3); font-size: var(--gs-fs-xs); }
.bk-th-mubiao { position: relative; display: flex; align-items: center; }
.bk-th-mubiao > .gs-shuru { flex: 1 1 0%; min-width: 0px; }
.bk-th-mubiao.you-kuang > .gs-shuru { padding-right: 4.6rem; }
.bk-th-mbtu { position: relative; flex-shrink: 0; margin-right: 6px; }
.bk-th-mbtu > button:first-child { display: block; width: 2.1rem; height: 2.1rem; padding: 0px; border: 1px solid var(--gs-accent-border); border-radius: var(--gs-r-sm); overflow: hidden; background: var(--gs-surface-3); cursor: zoom-in; }
.bk-th-mbtu img { width: 100%; height: 100%; object-fit: cover; }
.bk-th-mbshan { position: absolute; top: -5px; right: -5px; display: inline-grid; place-items: center; width: 0.95rem; height: 0.95rem; padding: 0px; border: 0px; border-radius: var(--gs-r-full); background: var(--gs-surface-1); color: var(--gs-text-2); box-shadow: 0 0 0 1px var(--gs-border); cursor: pointer; }
.bk-th-mbshan:hover { background: var(--gs-danger); color: rgb(255, 255, 255); }
.bk-th-kuang { position: absolute; right: 4px; display: inline-flex; align-items: center; gap: 4px; height: calc(100% - 8px); padding: 0px 8px; border: 0px; border-radius: var(--gs-r-sm); background: var(--gs-surface-3); color: var(--gs-text-2); font-size: var(--gs-fs-xs); cursor: pointer; transition: background var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease); }
.bk-th-kuang:hover { background: var(--gs-accent-soft); color: var(--gs-accent-text); }
.bk-th-tu.is-you { cursor: zoom-in; }
.bk-th-jia { display: flex; align-items: center; justify-content: center; gap: 5px; height: 2.4rem; border: 1px dashed var(--gs-border-strong); border-radius: var(--gs-r-lg); background: transparent; color: var(--gs-text-2); font-size: var(--gs-fs-sm); cursor: pointer; transition: border-color var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease); }
.bk-th-jia:hover { border-color: var(--gs-accent-border); color: var(--gs-accent-text); }
.bk-th-tishi { margin: 0px; font-size: var(--gs-fs-xs); line-height: 1.6; color: var(--gs-text-3); }
@media (max-width: 560px) {
  .bk-th-hang { flex-wrap: wrap; }
}
.bk-qj { display: flex; gap: var(--gs-sp-4); padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--bk-ka-guang),var(--gs-surface-2); }
.bk-qj-shipin { position: relative; flex-shrink: 0; overflow: hidden; border-radius: var(--gs-r-md); background: rgb(0, 0, 0); }
.bk-qj-shipin.is-shu { width: 7.6rem; aspect-ratio: 9 / 16; }
.bk-qj-shipin.is-heng { width: 14rem; aspect-ratio: 16 / 9; align-self: center; }
.bk-qj-shipin.is-fang { width: 9.5rem; aspect-ratio: 1 / 1; }
.bk-qj-shipin video { width: 100%; height: 100%; object-fit: contain; display: block; cursor: pointer; }
.bk-qj-bofang { position: absolute; right: 6px; bottom: 6px; display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background: rgba(12, 10, 11, 0.55); backdrop-filter: blur(8px); color: rgb(255, 255, 255); cursor: pointer; }
.bk-qj-bofang:hover { background: var(--gs-accent); }
.bk-qj-kongzhi { display: flex; flex: 1 1 0%; min-width: 0px; flex-direction: column; justify-content: center; gap: var(--gs-sp-3); }
.bk-qj-tou { display: flex; align-items: center; justify-content: space-between; }
.bk-qj-biaoqian { display: inline-flex; align-items: center; gap: 5px; font-size: var(--gs-fs-sm); font-weight: 500; color: var(--gs-text-2); }
.bk-qj-gui { position: relative; height: 1.6rem; }
.bk-qj-gui::before { content: ""; position: absolute; top: 50%; right: 0px; left: 0px; height: 6px; margin-top: -3px; border-radius: var(--gs-r-full); background: var(--gs-surface-4); }
.bk-qj-xuan { position: absolute; top: 50%; left: var(--a); width: calc(var(--b) - var(--a)); height: 6px; margin-top: -3px; border-radius: var(--gs-r-full); background: var(--bk-jianbian); }
.bk-qj-zhen { position: absolute; top: 2px; bottom: 2px; left: var(--p); width: 2px; border-radius: 1px; background: var(--gs-text-1); opacity: 0.6; pointer-events: none; }
.bk-qj-gui input { position: absolute; inset: 0px; width: 100%; margin: 0px; background: transparent; pointer-events: none; appearance: none; }
.bk-qj-gui input::-webkit-slider-thumb { width: 14px; height: 22px; border: 2px solid rgb(255, 255, 255); border-radius: 5px; background: var(--gs-accent); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 8px; cursor: ew-resize; pointer-events: auto; appearance: none; }
.bk-qj-gui input::-webkit-slider-runnable-track { background: transparent; }
.bk-qj-shuzi { display: flex; align-items: center; justify-content: space-between; font-size: var(--gs-fs-xs); font-variant-numeric: tabular-nums; color: var(--gs-text-3); }
.bk-qj-shuzi strong { color: var(--gs-accent-text); font-weight: 600; }
.bk-qj-tishi { margin: 0px; font-size: var(--gs-fs-xs); line-height: 1.6; color: var(--gs-text-3); }
@media (max-width: 560px) {
  .bk-qj { flex-direction: column; }
  .bk-qj-shipin.is-shu, .bk-qj-shipin.is-heng, .bk-qj-shipin.is-fang { width: 100%; max-height: 40vh; }
}
.bk-yp { display: flex; flex-direction: column; gap: var(--gs-sp-2); }
.bk-yp-moshi { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--gs-sp-2); }
.bk-yp-moshi button { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); color: var(--gs-text-2); text-align: left; cursor: pointer; transition: border-color var(--gs-t-fast) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease); }
.bk-yp-moshi button:hover:not(:disabled) { border-color: var(--gs-border-strong); }
.bk-yp-moshi button.is-xuan { border-color: var(--gs-accent-border); background: var(--gs-accent-soft); color: var(--gs-accent-text); }
.bk-yp-moshi button:disabled { opacity: 0.45; cursor: not-allowed; }
.bk-yp-moshi strong { font-size: var(--gs-fs-base); font-weight: 600; color: var(--gs-text-1); }
.bk-yp-moshi span { font-size: var(--gs-fs-xs); line-height: 1.5; }
.bk-yp-laiyuan { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gs-sp-2); }
.bk-yp-shang { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: var(--gs-sp-3); border: 1px dashed var(--gs-border-strong); border-radius: var(--gs-r-md); background: transparent; color: var(--gs-text-2); cursor: pointer; }
.bk-yp-shang:hover { border-color: var(--gs-accent-border); color: var(--gs-accent-text); }
.bk-yp-shang strong { font-size: var(--gs-fs-sm); font-weight: 500; }
.bk-yp-shang em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-yp-ka { display: flex; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-2) var(--gs-sp-3); border: 1px solid var(--gs-accent-border); border-radius: var(--gs-r-md); background: var(--gs-accent-soft); }
.bk-yp-bofang { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 2rem; height: 2rem; border: 0px; border-radius: 50%; background: var(--bk-jianbian); color: rgb(255, 255, 255); cursor: pointer; }
.bk-yp-ming { flex: 1 1 0%; min-width: 0px; overflow: hidden; font-size: var(--gs-fs-sm); white-space: nowrap; text-overflow: ellipsis; }
.bk-yp-lie { display: flex; flex-direction: column; gap: 4px; max-height: 10rem; margin: 0px; padding: 0px 2px 0px 0px; overflow-y: auto; list-style: none; }
.bk-yp-lie li { display: flex; align-items: center; gap: var(--gs-sp-2); padding: var(--gs-sp-2) var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); font-size: var(--gs-fs-sm); cursor: pointer; }
.bk-yp-lie li:hover { border-color: var(--gs-accent-border); }
.bk-yp-lie li span { flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bk-yp-lie li em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-yp-lie li.bk-yp-kong { justify-content: center; color: var(--gs-text-3); cursor: default; }
.bk-yp-she { display: flex; flex-direction: column; gap: var(--gs-sp-2); padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); }
.bk-yp-hang { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--gs-sp-2); font-size: var(--gs-fs-sm); color: var(--gs-text-1); }
.bk-yp-hang > span { flex: 1 1 0%; min-width: 0px; }
.bk-yp-hang em { flex-basis: 100%; font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-yp-danwei { display: inline-flex; align-items: center; gap: 6px; font-style: normal; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-yp-shuru::-webkit-inner-spin-button, .bk-yp-shuru::-webkit-outer-spin-button { margin: 0px; appearance: none; }
.bk-yp-shuru { appearance: textfield; width: 4.5rem; height: 1.9rem; padding: 0 var(--gs-sp-2); border: 1px solid var(--gs-border); border-radius: var(--gs-r-sm); background: var(--gs-surface-1); color: var(--gs-text-1); font-size: var(--gs-fs-sm); }
.bk-yp-shuru:focus { border-color: var(--gs-accent-border); outline: none; }
.bk-yp-tishi { margin: 0px; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
@media (max-width: 560px) {
  .bk-yp-moshi { grid-template-columns: 1fr; }
}
.bk-xj { display: flex; flex-direction: column; gap: var(--gs-sp-5); }
.bk-xj-zu { display: flex; flex-direction: column; gap: var(--gs-sp-2); min-width: 0px; }
.bk-xj-hang { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gs-sp-3); }
.bk-xj-biaoqian { display: inline-flex; align-items: center; gap: 7px; font-size: var(--gs-fs-sm); font-weight: 600; color: var(--gs-text-1); }
.bk-xj-biaoqian b { display: inline-flex; align-items: center; justify-content: center; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: var(--bk-jianbian); color: rgb(255, 255, 255); font-size: 0.62rem; }
.bk-xj-tishi, .bk-xj-jishu, .bk-xj-di-tishi { font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-xj-jishu { margin-left: auto; }
.bk-xj-di-tishi { margin-right: auto; }
.bk-xj-tuofang { display: flex; flex-direction: column; align-items: center; gap: var(--gs-sp-1); padding: var(--gs-sp-6) var(--gs-sp-4); border: 1px dashed var(--gs-border-strong); border-radius: var(--gs-r-lg); background: var(--bk-ka-guang),var(--gs-surface-2); color: var(--gs-text-2); cursor: pointer; transition: border-color var(--gs-t-base) var(--gs-ease),transform var(--gs-t-base) var(--gs-ease); }
.bk-xj-tuofang:hover, .bk-xj-tuofang.is-tuo { border-color: var(--gs-accent-border); }
.bk-xj-tuofang.is-tuo { transform: scale(1.01); }
.bk-xj-tuofang-tu { display: inline-flex; color: var(--gs-accent-text); }
.bk-xj-tuofang strong { font-size: var(--gs-fs-base); font-weight: 500; color: var(--gs-text-1); }
.bk-xj-tuofang em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-xj-shangchuan { display: flex; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-3) var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--gs-surface-2); }
.bk-xj-shangchuan.is-wan { border-color: rgba(61, 220, 151, 0.4); }
.bk-xj-shangchuan.is-cuo { border-color: var(--gs-danger); }
.bk-xj-shangchuan-tu { flex-shrink: 0; color: var(--gs-accent-text); }
.bk-xj-shangchuan-wen { display: flex; flex: 1 1 0%; min-width: 0px; flex-direction: column; gap: 4px; }
.bk-xj-shangchuan-wen strong { overflow: hidden; font-size: var(--gs-fs-base); font-weight: 500; white-space: nowrap; text-overflow: ellipsis; }
.bk-xj-shangchuan-wen em { display: inline-flex; align-items: center; gap: 4px; font-size: var(--gs-fs-xs); font-style: normal; font-variant-numeric: tabular-nums; color: var(--gs-text-2); }
.bk-xj-shangchuan.is-wan em { color: var(--gs-success); }
.bk-xj-shangchuan.is-cuo em { color: var(--gs-danger); }
.bk-xj-jindu { height: 4px; overflow: hidden; border-radius: var(--gs-r-full); background: var(--gs-surface-4); }
.bk-xj-jindu span { display: block; height: 100%; border-radius: inherit; background: var(--bk-jianbian); transition: width .4s var(--gs-ease); }
.bk-xj-shangchuan-an { display: flex; flex-shrink: 0; gap: var(--gs-sp-1); }
.bk-xj-yaoqiu { min-height: 5rem; max-height: 12rem; line-height: 1.7; }
.bk-xj-kuaijie { display: flex; flex-wrap: wrap; gap: 6px; }
.bk-xj-kuaijie button { padding: 1px 10px; border: 1px solid var(--gs-border); border-radius: var(--gs-r-full); background: transparent; color: var(--gs-text-2); font-size: var(--gs-fs-xs); line-height: 1.9; cursor: pointer; transition: border-color var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease); }
.bk-xj-kuaijie button:hover { border-color: var(--gs-accent-2-border); color: var(--gs-accent-2-text); }
.bk-xj-zimu { display: flex; flex-direction: column; gap: 2px; cursor: pointer; }
.bk-xj-zimu-tou { display: flex; align-items: center; gap: var(--gs-sp-3); }
.bk-xj-zimu em { font-size: var(--gs-fs-xs); font-style: normal; line-height: 1.6; color: var(--gs-text-3); }
.bk-xj-bili { display: flex; flex-wrap: wrap; gap: 6px; }
.bk-xj-bili button { display: inline-flex; align-items: center; gap: 5px; height: 2rem; padding: 0 var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); color: var(--gs-text-2); font-size: var(--gs-fs-sm); cursor: pointer; }
.bk-xj-bili button.is-xuan { border-color: var(--gs-accent-border); background: var(--gs-accent-soft); color: var(--gs-accent-text); }
.bk-xj-bili em { font-style: normal; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
@media (max-width: 720px) {
  .bk-xj-shangchuan { flex-wrap: wrap; }
}
.bk-sy { height: 100%; overflow-y: auto; padding: var(--gs-sp-8) var(--gs-sp-8) 6rem; box-sizing: border-box; background: radial-gradient(60rem 28rem at 85% -6rem,rgba(var(--gs-accent-rgb),.07),transparent 70%),radial-gradient(50rem 26rem at 5% 30rem,rgba(var(--gs-accent-2-rgb),.05),transparent 70%); }
.bk-sy-nengli { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--gs-sp-4); max-width: 74rem; margin: 0 auto var(--gs-sp-10); }
.bk-sy-qu { max-width: 74rem; margin: 0 auto var(--gs-sp-10); }
.bk-sy-tou { display: flex; align-items: center; justify-content: space-between; gap: var(--gs-sp-3); margin-bottom: var(--gs-sp-4); }
.bk-sy-tou h2 { margin: 0px; font-size: var(--gs-fs-lg); font-weight: 600; }
.bk-sy-wangge { display: grid; grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr)); gap: var(--gs-sp-4); }
.bk-sy-gujia { aspect-ratio: 16 / 11; border-radius: var(--gs-r-lg); }
.bk-sy-kong { display: flex; flex-direction: column; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-10) var(--gs-sp-4); border: 1px dashed var(--gs-border-strong); border-radius: var(--gs-r-xl); background: var(--bk-ka-guang),var(--gs-surface-1); color: var(--gs-text-3); text-align: center; }
.bk-sy-kong-tu { width: 9rem; height: 9rem; object-fit: contain; animation: 5s ease-in-out 0s infinite normal none running gs-piaofu; --gs-piao-y: -8px; filter: drop-shadow(0 14px 26px rgba(var(--gs-accent-rgb),.22)); }
.bk-sy-kong p { margin: 0px; font-size: var(--gs-fs-base); }
.bk-sy-gengduo { display: flex; margin: var(--gs-sp-4) auto 0; }
@media (max-width: 900px) {
  .bk-sy-nengli { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .bk-sy { padding: var(--gs-sp-4) var(--gs-sp-4) 5rem; }
  .bk-sy-wangge { grid-template-columns: 1fr; }
}
.bk-mx-hang { display: flex; align-items: center; gap: var(--gs-sp-2); min-width: 0px; }
.bk-mx-xiala { flex: 1 1 0%; }
.bk-mx { display: flex; flex-direction: column; gap: var(--gs-sp-2); padding: var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--gs-surface-2); }
.bk-mx-tou { display: flex; align-items: center; gap: 5px; font-size: var(--gs-fs-sm); color: var(--gs-text-2); }
.bk-mx-gu { display: flex; align-items: center; justify-content: space-between; gap: var(--gs-sp-3); min-height: 2.2rem; padding: 0 var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--gs-accent-soft); color: var(--gs-accent-text); font-size: var(--gs-fs-sm); }
.bk-mx-gu.is-an { background: var(--gs-surface-3); color: var(--gs-text-3); }
.bk-mx-gu-zuo { display: inline-flex; flex-shrink: 0; align-items: center; gap: 5px; }
.bk-mx-gu-you { display: inline-flex; align-items: baseline; justify-content: flex-end; gap: var(--gs-sp-2); min-width: 0px; text-align: right; }
.bk-mx-gu-you strong { font-size: var(--gs-fs-md); font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bk-mx-gu-you em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); white-space: nowrap; }
.bk-xuanzhuan { align-self: center; animation: 1s linear 0s infinite normal none running gs-xuanzhuan; }
.bk-zt { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 0px 3px; min-width: 0px; font-size: var(--gs-fs-xs); color: var(--gs-text-3); white-space: nowrap; }
.bk-zt-wen { flex-shrink: 0; }
.bk-zt-hao { display: inline-flex; flex-shrink: 0; align-items: center; gap: 1px; margin-left: 3px; color: var(--gs-text-3); font-variant-numeric: tabular-nums; }
.bk-zt.is-zhong { color: var(--gs-accent-text); }
.bk-zt.is-wan { color: var(--gs-success); }
.bk-zt.is-shiBai { color: var(--gs-danger); cursor: help; }
.bk-zt.is-guoQi { color: var(--gs-warning); }
.bk-zt-xuan { animation: 1s linear 0s infinite normal none running gs-xuanzhuan; }
.bk-jt { position: relative; display: grid; grid-template-columns: auto auto minmax(0px, 1fr) 15rem; gap: var(--gs-sp-4); padding: var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--gs-surface-1); scroll-margin-top: var(--gs-sp-4); transition: border-color var(--gs-t-base) var(--gs-ease),box-shadow var(--gs-t-base) var(--gs-ease); }
.bk-jt:hover { border-color: var(--gs-border-strong); }
.bk-jt.is-xuan { border-color: var(--gs-accent-border); box-shadow: 0 0 0 1px rgba(var(--gs-accent-rgb),.3),0 10px 30px rgba(var(--gs-accent-rgb),.1); }
.bk-jt.is-gou { background: var(--bk-ka-guang),var(--gs-surface-1); border-color: var(--gs-accent-2-border); }
.bk-jt-zuo { display: flex; flex-direction: column; align-items: center; gap: var(--gs-sp-2); }
.bk-jt-gou { position: relative; display: inline-flex; cursor: pointer; }
.bk-jt-gou input { position: absolute; opacity: 0; pointer-events: none; }
.bk-jt-gou span { display: inline-flex; align-items: center; justify-content: center; min-width: 1.8rem; height: 1.8rem; padding: 0px 4px; border: 1px solid var(--gs-border-strong); border-radius: var(--gs-r-md); background: var(--gs-surface-2); color: var(--gs-text-2); font-size: var(--gs-fs-sm); font-weight: 600; font-variant-numeric: tabular-nums; transition: background var(--gs-t-fast) var(--gs-ease),border-color var(--gs-t-fast) var(--gs-ease); }
.bk-jt-gou:hover span { border-color: var(--gs-accent-2-border); }
.bk-jt-gou input:checked + span { border-color: transparent; background: var(--bk-jianbian); color: rgb(255, 255, 255); }
.bk-jt-gou input:focus-visible + span { outline: 2px solid var(--gs-accent-2); }
.bk-jt-miao { font-size: var(--gs-fs-xs); font-variant-numeric: tabular-nums; color: var(--gs-text-3); }
.bk-jt-dui { display: flex; align-items: center; gap: 6px; align-self: start; }
.bk-jt-tu { position: relative; margin: 0px; overflow: hidden; border-radius: var(--gs-r-md); background: var(--gs-img-holder); }
.bk-jt-tu.is-shu { width: 5.4rem; aspect-ratio: 9 / 16; }
.bk-jt-tu.is-heng { width: 9.6rem; aspect-ratio: 16 / 9; }
.bk-jt-tu.is-fang { width: 7rem; aspect-ratio: 1 / 1; }
.bk-jt-tu img, .bk-jt-tu video { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; display: block; }
.bk-jt-tu.is-xin img { cursor: zoom-in; }
.bk-jt-tu img.is-hui { filter: saturate(0.4) brightness(0.7); cursor: default; }
.bk-jt-tu.is-xin { box-shadow: rgba(61, 220, 151, 0.35) 0px 0px 0px 1px; }
.bk-jt-tu figcaption { position: absolute; top: 4px; left: 4px; padding: 0px 6px; border-radius: var(--gs-r-full); background: rgba(12, 10, 11, 0.6); backdrop-filter: blur(6px); color: rgb(255, 255, 255); font-size: 0.62rem; line-height: 1.7; pointer-events: none; }
.bk-jt-tu.is-xin figcaption { background: var(--bk-xin); }
.bk-jt-tu figcaption.is-guoqi { background: var(--gs-warning); }
.bk-jt-fangda { position: absolute; right: 4px; bottom: 4px; display: inline-flex; align-items: center; justify-content: center; width: 1.4rem; height: 1.4rem; border: 0px; border-radius: 50%; background: rgba(12, 10, 11, 0.55); color: rgb(255, 255, 255); cursor: zoom-in; opacity: 0; transition: opacity var(--gs-t-fast) var(--gs-ease); }
.bk-jt-tu:hover .bk-jt-fangda { opacity: 1; }
.bk-jt-jiantou { display: inline-flex; color: var(--gs-accent-text); }
.bk-jt-tu-kong { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; height: 100%; color: var(--gs-text-3); font-size: var(--gs-fs-xs); text-align: center; }
.bk-jt-yuanbiao { position: absolute; right: 4px; bottom: 4px; left: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 3px; padding: 2px 0px; border-radius: var(--gs-r-sm); background: rgba(var(--gs-accent-2-rgb),.9); color: rgb(26, 18, 6); font-size: 0.62rem; font-weight: 600; }
.bk-jt-zhezhao { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; background: var(--gs-mask); color: rgb(255, 255, 255); font-size: 0.62rem; }
.bk-jt-bofang { position: absolute; right: 4px; bottom: 4px; display: inline-flex; align-items: center; justify-content: center; width: 1.8rem; height: 1.8rem; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background: rgba(12, 10, 11, 0.55); backdrop-filter: blur(8px); color: rgb(255, 255, 255); cursor: pointer; transition: transform var(--gs-t-fast) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease); }
.bk-jt-bofang:hover { background: var(--gs-accent); transform: scale(1.08); }
.bk-jt-zhong { display: flex; flex-direction: column; gap: var(--gs-sp-2); min-width: 0px; }
.bk-jt-tihuan { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.bk-jt-xiaobiao { font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-jt-tihuan button { display: inline-flex; align-items: center; gap: 5px; height: 1.6rem; padding: 0px 9px 0px 3px; border: 1px solid var(--gs-border); border-radius: var(--gs-r-full); background: var(--gs-surface-2); color: var(--gs-text-3); font-size: var(--gs-fs-xs); cursor: pointer; transition: border-color var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease); }
.bk-jt-tihuan button:hover:not(:disabled) { border-color: var(--gs-border-strong); }
.bk-jt-tihuan button.is-kai { border-color: rgba(61, 220, 151, 0.5); background: var(--bk-xin-soft); color: var(--gs-text-1); }
.bk-jt-tihuan button:disabled { cursor: default; }
.bk-jt-tihuan img, .bk-jt-tihuan b { width: 1.2rem; height: 1.2rem; border-radius: 50%; object-fit: cover; }
.bk-jt-tihuan b { display: inline-grid; place-items: center; background: var(--gs-surface-3); font-size: 0.58rem; }
.bk-jt-tihuan button:not(.is-kai) img { opacity: 0.45; filter: grayscale(1); }
.bk-jt-shibie { display: flex; align-items: flex-start; gap: 5px; margin: 0px; padding: var(--gs-sp-2) var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--bk-xin-soft); color: var(--gs-text-2); font-size: var(--gs-fs-xs); line-height: 1.6; }
.bk-jt-shibie > svg { flex-shrink: 0; margin-top: 3px; color: var(--bk-xin); }
.bk-jt-shibie > span { flex: 1 1 0%; min-width: 0px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.bk-jt-shibie-an { flex-shrink: 0; display: inline-grid; place-items: center; width: 1.4rem; height: 1.4rem; border: 0px; border-radius: var(--gs-r-sm); background: transparent; color: var(--gs-text-3); cursor: pointer; transition: background var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease); }
.bk-jt-shibie-an:hover:not(:disabled) { background: var(--gs-surface-3); color: var(--gs-text-1); }
.bk-jt-shibie-an:disabled { cursor: default; opacity: 0.5; }
.bk-jt-miaoshu { flex: 1 1 0%; min-height: 3.6rem; }
.bk-jt-xuan { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gs-sp-2); }
.bk-jt-fangshi { display: inline-flex; padding: 2px; border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); }
.bk-jt-fangshi button { height: 1.55rem; padding: 0 var(--gs-sp-3); border: 0px; border-radius: calc(var(--gs-r-md) - 2px); background: transparent; color: var(--gs-text-2); font-size: var(--gs-fs-xs); cursor: pointer; }
.bk-jt-fangshi button.is-xuan { background: var(--gs-accent-soft); color: var(--gs-accent-text); font-weight: 600; }
.bk-jt-fangshi button:disabled { cursor: default; }
.bk-jt-you { display: flex; flex-direction: column; gap: var(--gs-sp-2); }
.bk-jt-xiang { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: var(--gs-sp-2); padding: var(--gs-sp-2) var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--gs-surface-2); }
.bk-jt-xiang-biaoti { display: inline-flex; align-items: center; gap: 4px; font-size: var(--gs-fs-sm); color: var(--gs-text-2); }
.bk-jt-xiang-caozuo { display: flex; gap: 2px; }
.bk-jt-cuowu { display: flex; align-items: flex-start; gap: 4px; margin: 0px; padding: var(--gs-sp-2) var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--gs-danger-soft); color: var(--gs-danger); font-size: var(--gs-fs-xs); line-height: 1.6; }
.bk-jt-cuowu > svg { flex-shrink: 0; margin-top: 3px; }
.bk-jt-cuowu > span { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-word; }
.bk-jt-cuowu em { font-style: normal; color: var(--gs-text-2); }
.bk-jt-yuanshuoming { margin: 0px; padding: var(--gs-sp-2) var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--gs-accent-2-soft); color: var(--gs-accent-2-text); font-size: var(--gs-fs-xs); line-height: 1.6; }
.bk-jt-gengduo { display: flex; justify-content: flex-end; gap: var(--gs-sp-1); margin-top: auto; }
@media (max-width: 1180px) {
  .bk-jt { grid-template-columns: auto auto minmax(0px, 1fr); }
  .bk-jt-you { grid-column: 1 / -1; flex-flow: wrap; }
  .bk-jt-xiang { flex: 1 1 14rem; }
  .bk-jt-cuowu, .bk-jt-yuanshuoming { flex: 1 1 100%; }
  .bk-jt-gengduo { margin: 0px 0px 0px auto; align-items: center; }
}
@media (max-width: 640px) {
  .bk-jt { grid-template-columns: 1fr; }
  .bk-jt-zuo { flex-direction: row; }
}
.bk-cp { display: flex; flex-direction: column; gap: var(--gs-sp-3); padding: var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--bk-ka-guang),var(--gs-surface-1); }
.bk-cp-tou { display: flex; align-items: center; gap: var(--gs-sp-2); font-size: var(--gs-fs-md); }
.bk-cp-lishi { margin-left: auto; }
.bk-cp-zhong p, .bk-cp-shuoming, .bk-cp-cuowu { margin: 0px; font-size: var(--gs-fs-sm); line-height: 1.6; color: var(--gs-text-2); }
.bk-cp-shuoming { font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-cp-cuowu { color: var(--gs-danger); }
.bk-cp-jindu { height: 6px; margin-bottom: var(--gs-sp-2); overflow: hidden; border-radius: var(--gs-r-full); background: var(--gs-surface-3); }
.bk-cp-jindu span { display: block; height: 100%; border-radius: inherit; background: var(--bk-jianbian); transition: width var(--gs-t-slow) var(--gs-ease); }
.bk-cp-bofang { align-self: center; width: 100%; overflow: hidden; border-radius: var(--gs-r-md); background: rgb(0, 0, 0); }
.bk-cp-bofang--shu { max-width: 13rem; }
.bk-cp-bofang--fang { max-width: 17rem; }
.bk-cp-caozuo { display: flex; flex-wrap: wrap; gap: var(--gs-sp-2); }
.bk-cp-tongji { display: flex; flex-wrap: wrap; gap: var(--gs-sp-3); font-size: var(--gs-fs-xs); color: var(--gs-text-2); }
.bk-cp-tongji span { display: inline-flex; align-items: center; gap: 5px; }
.bk-cp-tongji i { width: 8px; height: 8px; border-radius: 2px; }
.bk-cp-tongji .is-sheng i, .bk-cp-tiao .is-sheng { background: var(--bk-xin); }
.bk-cp-tongji .is-yuan i, .bk-cp-tiao .is-yuan { background: var(--gs-accent-2); }
.bk-cp-tongji .is-wei i, .bk-cp-tiao .is-wei { background: var(--gs-surface-4); }
.bk-cp-tiao { display: flex; gap: 2px; height: 8px; overflow: hidden; border-radius: var(--gs-r-full); }
.bk-cp-tiao span { flex-basis: 0px; min-width: 2px; }
.bk-cp-weiwan { display: flex; align-items: center; justify-content: space-between; gap: var(--gs-sp-2); font-size: var(--gs-fs-sm); color: var(--gs-text-2); }
.bk-cp-qiehuan { display: inline-flex; padding: 2px; border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); }
.bk-cp-qiehuan button { height: 1.6rem; padding: 0 var(--gs-sp-3); border: 0px; border-radius: calc(var(--gs-r-md) - 2px); background: transparent; color: var(--gs-text-2); font-size: var(--gs-fs-xs); cursor: pointer; }
.bk-cp-qiehuan button.is-xuan { background: var(--gs-accent-soft); color: var(--gs-accent-text); }
.bk-cp-yinpin { display: flex; align-items: center; gap: var(--gs-sp-2); padding: var(--gs-sp-2) var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); color: var(--gs-text-1); font-size: var(--gs-fs-sm); text-align: left; cursor: pointer; }
.bk-cp-yinpin:hover { border-color: var(--gs-accent-border); }
.bk-cp-yinpin span { flex: 1 1 0%; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.bk-cp-yinpin em { font-style: normal; color: var(--gs-text-3); }
.bk-cp-hecheng { align-self: stretch; justify-content: center; }
.bk-ls-kong { display: flex; align-items: center; justify-content: center; gap: var(--gs-sp-2); padding: var(--gs-sp-6) 0; font-size: var(--gs-fs-sm); color: var(--gs-text-3); }
.bk-ls--shipin { display: grid; grid-template-columns: minmax(0px, 1fr) 15rem; gap: var(--gs-sp-4); align-items: start; }
.bk-ls-bofang { display: flex; justify-content: center; min-height: 12rem; border-radius: var(--gs-r-md); background: rgb(0, 0, 0); overflow: hidden; }
.bk-ls-bofang .sp-bfq { max-height: 60vh; }
.bk-ls-lie { display: flex; flex-direction: column; gap: var(--gs-sp-2); max-height: 60vh; margin: 0px; padding: 0px 2px 0px 0px; overflow-y: auto; list-style: none; }
.bk-ls-xiang { display: flex; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-2) var(--gs-sp-3); border: 1px solid var(--gs-border); border-radius: var(--gs-r-md); background: var(--gs-surface-2); cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.bk-ls-xiang:hover { border-color: var(--gs-border-strong); }
.bk-ls-xiang.is-xuan { border-color: var(--gs-accent-border); background: var(--gs-accent-soft); }
.bk-ls-wen { display: flex; flex: 1 1 0%; min-width: 0px; flex-direction: column; gap: 2px; }
.bk-ls-wen strong { font-size: var(--gs-fs-sm); font-weight: 600; color: var(--gs-text-1); }
.bk-ls-wen em { font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); }
.bk-ls-biao { display: inline-flex; flex-shrink: 0; align-items: center; gap: 3px; padding: 1px 6px; border-radius: var(--gs-r-sm); background: var(--gs-warning-soft); font-size: var(--gs-fs-xs); color: var(--gs-warning); }
.bk-ls-biao--dangqian { background: var(--gs-success-soft); color: var(--gs-success); }
.bk-ls-di-tishi { flex: 1 1 0%; font-size: var(--gs-fs-xs); color: var(--gs-text-3); }
.bk-xuanzhuan { animation: 1s linear 0s infinite normal none running gs-xuanzhuan; }
@media (max-width: 720px) {
  .bk-ls--shipin { grid-template-columns: 1fr; }
  .bk-ls-lie { max-height: 30vh; }
}
.bk-db-tishi { margin: 0 0 var(--gs-sp-3); font-size: var(--gs-fs-xs); line-height: 1.6; color: var(--gs-text-3); }
.bk-db { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gs-sp-4); }
.bk-db figure { position: relative; margin: 0px; }
.bk-db figcaption { position: absolute; z-index: 2; top: 8px; left: 8px; padding: 0px 9px; border-radius: var(--gs-r-full); background: rgba(12, 10, 11, 0.62); color: rgb(255, 255, 255); font-size: var(--gs-fs-xs); line-height: 1.8; }
.bk-db figcaption.is-xin { background: var(--bk-xin); }
.bk-db-shipin { display: block; width: 100%; max-height: 70vh; border-radius: var(--gs-r-md); background: rgb(0, 0, 0); object-fit: contain; }
.gs-anniu.is-kai { border-color: var(--bk-xin); color: var(--bk-xin); }
@media (max-width: 720px) {
  .bk-db { grid-template-columns: 1fr; }
}
.bk-bj { position: relative; display: flex; flex-direction: column; height: 100%; min-height: 0px; }
.bk-bj-ding { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-3) var(--gs-sp-5); border-bottom: 1px solid var(--gs-border-faint); }
.bk-bj-biaoti { flex: 1 1 0%; min-width: 10rem; max-width: 24rem; padding: var(--gs-sp-1) var(--gs-sp-2); border: 1px solid transparent; border-radius: var(--gs-r-sm); background: transparent; color: var(--gs-text-1); font-family: var(--gs-font-display); font-size: var(--gs-fs-lg); font-weight: 600; outline: none; }
.bk-bj-biaoti:hover:not(:disabled), .bk-bj-biaoti:focus { border-color: var(--gs-border); background: var(--gs-surface-2); }
.bk-bj-tihuan { display: inline-flex; align-items: center; gap: var(--gs-sp-2); min-height: calc(6px + 1.7rem); padding: 2px var(--gs-sp-3) 2px 2px; border: 1px solid transparent; border-radius: var(--gs-r-full); background: var(--gs-surface-2); color: var(--gs-text-1); font-family: inherit; font-size: var(--gs-fs-sm); cursor: pointer; }
.bk-bj-tihuan:hover:not(:disabled) { border-color: var(--gs-accent-border); }
.bk-bj-tihuan.is-kong { padding: 0 var(--gs-sp-3); border-style: dashed; border-color: var(--gs-border-strong); background: transparent; color: var(--gs-text-2); }
.bk-bj-tihuan-dui { display: inline-flex; }
.bk-bj-tihuan-dui img { width: 1.7rem; height: 1.7rem; border: 2px solid var(--gs-surface-2); border-radius: var(--gs-r-full); box-sizing: border-box; object-fit: cover; }
.bk-bj-tihuan-dui img + img { margin-left: -0.5rem; }
.bk-bj-shezhi { display: flex; align-items: center; gap: var(--gs-sp-2); margin-left: auto; }
.bk-bj-zhuangtai { display: flex; flex: 1 1 0%; flex-direction: column; align-items: center; justify-content: center; gap: var(--gs-sp-3); color: var(--gs-text-2); }
.bk-bj-zhuangtai p { margin: 0px; }
.bk-bj-ti { display: grid; flex: 1 1 0%; min-height: 0px; grid-template-columns: minmax(0px, 1fr) 21rem; }
.bk-bj-zhu { display: flex; flex-direction: column; gap: var(--gs-sp-4); min-height: 0px; overflow-y: auto; padding: var(--gs-sp-5) var(--gs-sp-5) 6rem; }
.bk-bj-ce { display: flex; flex-direction: column; gap: var(--gs-sp-4); min-height: 0px; overflow-y: auto; padding: var(--gs-sp-5) var(--gs-sp-5) var(--gs-sp-5) 0; }
.bk-bj-buzhou { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--gs-sp-3); }
.bk-bj-buzhou-ka { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-3) var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--gs-surface-1); color: var(--gs-text-1); text-align: left; cursor: pointer; transition: transform var(--gs-t-base) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease),border-color var(--gs-t-fast) var(--gs-ease); }
.bk-bj-buzhou-ka:hover:not(:disabled) { border-color: transparent; background: var(--gs-surface-2); transform: translateY(-2px); }
.bk-bj-buzhou-ka:disabled { cursor: default; }
.bk-bj-buzhou-ka:disabled::before { display: none; }
.bk-bj-buzhou-ka.is-zhong:disabled::before { display: block; animation: 1.6s ease-in-out 0s infinite normal none running bk-huxi; }
.bk-bj-buzhou-hao { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: var(--gs-r-full); background: var(--gs-surface-3); color: var(--gs-text-2); font-size: var(--gs-fs-sm); font-weight: 700; }
.bk-bj-buzhou-ka.is-zhong .bk-bj-buzhou-hao { background: var(--gs-accent-soft); color: var(--gs-accent-text); }
.bk-bj-buzhou-ka.is-wan .bk-bj-buzhou-hao { background: var(--gs-success-soft); color: var(--gs-success); }
.bk-bj-buzhou-ka.is-cuo .bk-bj-buzhou-hao { background: var(--gs-danger-soft); color: var(--gs-danger); }
.bk-bj-buzhou-wen { display: flex; flex: 1 1 0%; min-width: 0px; flex-direction: column; gap: 2px; }
.bk-bj-buzhou-wen strong { font-size: var(--gs-fs-base); }
.bk-bj-buzhou-wen em { overflow: hidden; font-size: var(--gs-fs-xs); font-style: normal; color: var(--gs-text-3); white-space: nowrap; text-overflow: ellipsis; }
.bk-bj-buzhou-wen em.bk-bj-buzhou-yong { display: inline-flex; align-items: center; gap: 2px; color: var(--gs-accent-text); font-variant-numeric: tabular-nums; }
.bk-bj-buzhou-an { display: inline-flex; flex-shrink: 0; align-items: center; gap: 4px; height: 1.786rem; padding: 0 var(--gs-sp-3); border-radius: var(--gs-r-md); background: var(--bk-jianbian); color: rgb(255, 255, 255); font-size: var(--gs-fs-sm); font-weight: 600; white-space: nowrap; box-shadow: 0 6px 18px rgba(var(--gs-accent-rgb),.28); }
.bk-bj-buzhou-an.is-jin { background: var(--gs-surface-3); color: var(--gs-text-3); box-shadow: none; }
.bk-bj-buzhou-tiao { flex: 0 0 100%; height: 3px; overflow: hidden; border-radius: var(--gs-r-full); background: var(--gs-surface-3); }
.bk-bj-buzhou-tiao i { display: block; height: 100%; border-radius: inherit; background: var(--bk-jianbian); transition: width var(--gs-t-slow) var(--gs-ease); }
.bk-bj-bufen { display: flex; align-items: center; gap: var(--gs-sp-3); padding: var(--gs-sp-2) var(--gs-sp-2) var(--gs-sp-2) var(--gs-sp-4); border: 1px solid var(--gs-accent-border); border-radius: var(--gs-r-md); background: var(--gs-accent-soft); color: var(--gs-accent-text); font-size: var(--gs-fs-sm); }
.bk-bj-bufen { border-color: rgba(61, 220, 151, 0.45); background: var(--bk-xin-soft); color: var(--bk-xin); }
.bk-bj-bufen > span { flex: 1 1 0%; }
.bk-bj-dengdai { display: flex; flex-direction: column; align-items: center; gap: var(--gs-sp-2); padding: var(--gs-sp-8) var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-xl); background: var(--bk-ka-guang),var(--gs-surface-1); text-align: center; }
.bk-bj-dengdai-tu img { width: 7rem; height: 7rem; object-fit: contain; animation: 4s ease-in-out 0s infinite normal none running gs-piaofu; --gs-piao-y: -6px; }
.bk-bj-dengdai strong { font-size: var(--gs-fs-lg); font-weight: 600; }
.bk-bj-dengdai p { max-width: 32rem; margin: 0px; font-size: var(--gs-fs-sm); line-height: 1.7; color: var(--gs-text-2); }
.bk-bj-dengdai.is-cuo > svg { color: var(--gs-danger); }
.bk-bj-dengdai-jindu { width: min(22rem, 80%); height: 6px; margin-top: var(--gs-sp-2); overflow: hidden; border-radius: var(--gs-r-full); background: var(--gs-surface-3); }
.bk-bj-dengdai-jindu span { display: block; height: 100%; border-radius: inherit; background: var(--bk-jianbian); transition: width var(--gs-t-slow) var(--gs-ease); }
.bk-bj-gongju { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--gs-sp-3); }
.bk-bj-quanxuan { display: inline-flex; align-items: center; gap: 6px; font-size: var(--gs-fs-sm); color: var(--gs-text-2); cursor: pointer; }
.bk-bj-quanxuan input { accent-color: var(--gs-accent); }
.bk-bj-jinglie { display: flex; flex-direction: column; gap: var(--gs-sp-3); }
.bk-bj-piliang { position: absolute; bottom: var(--gs-sp-5); left: calc(50% - 10.5rem); z-index: 20; display: flex; align-items: center; gap: var(--gs-sp-2); padding: var(--gs-sp-2) var(--gs-sp-2) var(--gs-sp-2) var(--gs-sp-4); border: 1px solid var(--gs-accent-border); border-radius: var(--gs-r-full); background: var(--gs-surface-1); box-shadow: var(--bk-ka-yinying),var(--gs-glow-accent); font-size: var(--gs-fs-sm); transform: translate(-50%); }
.bk-bj-piliang > span { margin-right: var(--gs-sp-2); color: var(--gs-accent-text); font-weight: 600; white-space: nowrap; }
.bk-bj-pl-enter-active, .bk-bj-pl-leave-active { transition: opacity var(--gs-t-base) var(--gs-ease),transform var(--gs-t-base) var(--gs-ease); }
.bk-bj-pl-enter-from, .bk-bj-pl-leave-to { opacity: 0; transform: translate(-50%, 12px); }
.bk-bj-moxing { display: flex; flex-direction: column; gap: var(--gs-sp-2); padding: var(--gs-sp-4); border: 1px solid var(--gs-border); border-radius: var(--gs-r-lg); background: var(--gs-surface-1); font-size: var(--gs-fs-sm); }
.bk-bj-moxing header { display: flex; align-items: center; gap: var(--gs-sp-2); margin-bottom: var(--gs-sp-1); font-size: var(--gs-fs-md); }
.bk-bj-moxing label { display: flex; align-items: center; justify-content: space-between; gap: var(--gs-sp-2); color: var(--gs-text-2); }
.bk-bj-moxing label > span { flex-shrink: 0; }
.bk-bj-moxing-xiala { flex: 0 1 11.5rem; }
.bk-bj-moxing-qudao { display: flex; justify-content: flex-end; margin-top: calc(-1 * var(--gs-sp-1)); }
.bk-bj-moxing p { margin: 0px; font-size: var(--gs-fs-xs); line-height: 1.6; color: var(--gs-text-3); }
.bk-bj-moxing dl { display: flex; flex-direction: column; gap: 5px; margin: var(--gs-sp-2) 0 0; padding-top: var(--gs-sp-3); border-top: 1px solid var(--gs-border-faint); }
.bk-bj-moxing dl > div { display: flex; align-items: center; justify-content: space-between; color: var(--gs-text-2); }
.bk-bj-moxing dt { display: inline-flex; align-items: center; gap: 4px; }
.bk-bj-moxing dd { margin: 0px; font-variant-numeric: tabular-nums; color: var(--gs-text-1); }
.bk-bj-moxing dl > div.is-heji, .bk-bj-moxing dl > div.is-heji dd { margin-top: 3px; font-weight: 600; color: var(--gs-accent-text); }
.bk-bj-shuoming { padding: var(--gs-sp-4); border: 1px solid var(--gs-border-faint); border-radius: var(--gs-r-lg); background: var(--gs-surface-1); font-size: var(--gs-fs-sm); color: var(--gs-text-2); }
.bk-bj-shuoming ol { margin: var(--gs-sp-2) 0 0; padding-left: 1.2rem; line-height: 1.8; }
.bk-bj-tan { display: flex; flex-direction: column; gap: var(--gs-sp-3); }
.bk-bj-tan > p { margin: 0px; font-size: var(--gs-fs-sm); line-height: 1.7; color: var(--gs-text-2); }
.bk-bj-tan-yaoqiu { display: flex; flex-direction: column; gap: var(--gs-sp-2); font-size: var(--gs-fs-sm); color: var(--gs-text-2); }
.bk-bj-gutishi { margin: 0px; line-height: 1.6; font-size: var(--gs-fs-xs) !important; color: var(--gs-text-3) !important; }
.bk-bj-yulan { display: block; width: 100%; max-height: 70vh; border-radius: var(--gs-r-md); background: rgb(0, 0, 0); object-fit: contain; }
@media (max-width: 1024px) {
  .bk-bj-ti { display: flex; flex-direction: column; overflow-y: auto; }
  .bk-bj-zhu, .bk-bj-ce { overflow: visible; }
  .bk-bj-ce { padding: 0 var(--gs-sp-5) var(--gs-sp-8); }
  .bk-bj-shezhi { margin-left: 0px; }
  .bk-bj-piliang { left: 50%; }
}
@media (max-width: 640px) {
  .bk-bj-buzhou { grid-template-columns: 1fr; }
  .bk-bj-piliang { flex-wrap: wrap; right: var(--gs-sp-3); left: var(--gs-sp-3); border-radius: var(--gs-r-lg); transform: none; }
}
.bk-zhuke { position: relative; width: 100%; height: 100%; min-height: 0px; overflow: hidden; display: flex; flex-direction: column; }