.gs-tanchuang-zhezhao { position: fixed; inset: 0px; display: flex; align-items: center; justify-content: center; padding: var(--gs-sp-6); background: var(--gs-mask); backdrop-filter: blur(4px); }
.gs-tanchuang { display: flex; flex-direction: column; max-width: 100%; max-height: calc(-3rem + 100vh); background: var(--gs-surface-1); border: 1px solid var(--gs-border); border-radius: var(--gs-r-xl); box-shadow: var(--gs-shadow-pop); overflow: hidden; }
.gs-tanchuang--xiao { width: 28rem; }
.gs-tanchuang--zhong { width: 40rem; }
.gs-tanchuang--da { width: 56rem; }
.gs-tanchuang--chao { width: 72rem; }
.gs-tanchuang-tou { position: relative; flex-shrink: 0; padding: var(--gs-sp-5) var(--gs-sp-12) var(--gs-sp-3) var(--gs-sp-6); }
.gs-tanchuang-biaoti { font-size: var(--gs-fs-lg); font-weight: 600; letter-spacing: -0.01em; color: var(--gs-text-1); }
.gs-tanchuang-fubiaoti { margin-top: var(--gs-sp-1); font-size: var(--gs-fs-sm); color: var(--gs-text-3); }
.gs-tanchuang-guanbi { position: absolute; top: var(--gs-sp-4); right: var(--gs-sp-4); display: inline-flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; border-radius: var(--gs-r-md); 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); }
.gs-tanchuang-guanbi:hover { background: var(--gs-surface-3); color: var(--gs-text-1); }
.gs-tanchuang-ti { flex: 1 1 0%; min-height: 0px; overflow-y: auto; padding: var(--gs-sp-2) var(--gs-sp-6) var(--gs-sp-5); }
.gs-tanchuang--wubianju .gs-tanchuang-ti { padding: 0px; }
.gs-tanchuang-di { flex-shrink: 0; display: flex; align-items: center; justify-content: flex-end; gap: var(--gs-sp-2); padding: var(--gs-sp-3) var(--gs-sp-6) var(--gs-sp-5); border-top: 1px solid var(--gs-border-faint); }
.gs-tanchuang-enter-active, .gs-tanchuang-leave-active { transition: opacity var(--gs-t-base) var(--gs-ease); }
.gs-tanchuang-enter-active .gs-tanchuang, .gs-tanchuang-leave-active .gs-tanchuang { transition: transform var(--gs-t-slow) var(--gs-ease),opacity var(--gs-t-base) var(--gs-ease); }
.gs-tanchuang-enter-from, .gs-tanchuang-leave-to { opacity: 0; }
.gs-tanchuang-enter-from .gs-tanchuang, .gs-tanchuang-leave-to .gs-tanchuang { transform: translateY(12px) scale(0.98); opacity: 0; }
@media (max-width: 768px) {
  .gs-tanchuang-zhezhao { padding: var(--gs-sp-3); }
  .gs-tanchuang { width: 100% !important; }
}
.gs-jinengka-zhezhao .gs-anniu { transform: translateY(4px); transition: transform var(--gs-t-base) var(--gs-ease),background var(--gs-t-fast) var(--gs-ease); }
.gs-jinengka:hover .gs-jinengka-zhezhao .gs-anniu { transform: translateY(0px); }
.gs-yemian, .gs-piaoceng { --gs-canvas: #0B0A10; --gs-surface-1: #131219; --gs-surface-2: #19171F; --gs-surface-3: #201E28; --gs-surface-4: #292632; --gs-img-holder: #17151D; --gs-mask: rgba(6, 5, 10, .62); --gs-border-faint: rgba(255, 255, 255, .05); --gs-border: rgba(255, 255, 255, .09); --gs-border-strong: rgba(255, 255, 255, .15); --gs-border-active: rgba(255, 255, 255, .24); --gs-text-1: rgba(255, 250, 242, .93); --gs-text-2: rgba(255, 250, 242, .62); --gs-text-3: rgba(255, 250, 242, .4); --gs-accent-rgb: 245, 176, 66; --gs-accent: #F5B042; --gs-accent-hover: #FFC261; --gs-accent-active: #E09A2A; --gs-accent-soft: rgba(245, 176, 66, .12); --gs-accent-border: rgba(245, 176, 66, .45); --gs-accent-text: #FFC766; --gs-on-accent: #2A1A02; --gs-accent-2-rgb: 150, 128, 255; --gs-accent-2: #9680FF; --gs-accent-2-soft: rgba(150, 128, 255, .14); --gs-accent-2-border: rgba(150, 128, 255, .42); --gs-accent-2-text: #B6A6FF; --gs-success: #3DD598; --gs-success-soft: rgba(61, 213, 152, .13); --gs-warning: #FBBF24; --gs-warning-soft: rgba(251, 191, 36, .13); --gs-danger: #FF7A7A; --gs-danger-soft: rgba(255, 122, 122, .13); --gs-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; --gs-font-display: "Noto Serif SC", "Songti SC", "STSong", "Source Han Serif SC", serif; --gs-fs-xs: .655rem; --gs-fs-sm: .714rem; --gs-fs-base: .804rem; --gs-fs-md: .893rem; --gs-fs-lg: 1.071rem; --gs-fs-xl: 1.429rem; --gs-fs-hero: 2.143rem; --gs-sp-1: .238rem; --gs-sp-2: .476rem; --gs-sp-3: .714rem; --gs-sp-4: .952rem; --gs-sp-5: 1.19rem; --gs-sp-6: 1.429rem; --gs-sp-8: 1.905rem; --gs-sp-10: 2.381rem; --gs-sp-12: 2.857rem; --gs-r-sm: .357rem; --gs-r-md: .595rem; --gs-r-lg: .833rem; --gs-r-xl: 1.19rem; --gs-r-full: 999px; --gs-glass-bg: rgba(19, 18, 25, .82); --gs-glass-blur: blur(18px) saturate(140%); --gs-shadow-pop: 0 12px 40px rgba(0, 0, 0, .55), 0 2px 10px rgba(0, 0, 0, .35); --gs-glow-accent: 0 0 0 1px rgba(245, 176, 66, .35), 0 8px 28px rgba(245, 176, 66, .18); --gs-glow-accent-2: 0 10px 40px rgba(150, 128, 255, .22); --gs-t-fast: .12s; --gs-t-base: .18s; --gs-t-slow: .26s; --gs-ease: cubic-bezier(.22, 1, .36, 1); --gs-ease-inout: cubic-bezier(.65, 0, .35, 1); }
.gs-yemian { background: var(--gs-canvas); color: var(--gs-text-1); font-family: var(--gs-font); }
.gs-piaoceng { color: var(--gs-text-1); font-family: var(--gs-font); }
[data-theme="light"] .gs-yemian, [data-theme="light"] .gs-piaoceng { --gs-canvas: #F3F0EA; --gs-surface-1: #FFFFFF; --gs-surface-2: #F8F6F1; --gs-surface-3: #EFEBE3; --gs-surface-4: #E5E0D6; --gs-img-holder: #EAE6DD; --gs-mask: rgba(30, 24, 14, .42); --gs-border-faint: rgba(40, 30, 12, .06); --gs-border: rgba(40, 30, 12, .12); --gs-border-strong: rgba(40, 30, 12, .19); --gs-border-active: rgba(40, 30, 12, .28); --gs-text-1: rgba(28, 22, 12, .94); --gs-text-2: rgba(28, 22, 12, .68); --gs-text-3: rgba(28, 22, 12, .48); --gs-accent-rgb: 196, 124, 12; --gs-accent: #C47C0C; --gs-accent-hover: #D68A14; --gs-accent-active: #A86A08; --gs-accent-soft: rgba(196, 124, 12, .11); --gs-accent-border: rgba(196, 124, 12, .45); --gs-accent-text: #9A5F05; --gs-on-accent: #FFFFFF; --gs-accent-2-rgb: 104, 82, 214; --gs-accent-2: #6852D6; --gs-accent-2-soft: rgba(104, 82, 214, .1); --gs-accent-2-border: rgba(104, 82, 214, .4); --gs-accent-2-text: #5540C0; --gs-success: #0E9F6E; --gs-success-soft: rgba(14, 159, 110, .11); --gs-warning: #B7800A; --gs-warning-soft: rgba(183, 128, 10, .12); --gs-danger: #C13C3C; --gs-danger-soft: rgba(193, 60, 60, .1); --gs-glass-bg: rgba(255, 253, 249, .88); --gs-shadow-pop: 0 12px 36px rgba(40, 30, 12, .14), 0 2px 8px rgba(40, 30, 12, .07); --gs-glow-accent: 0 0 0 1px rgba(196, 124, 12, .3), 0 8px 24px rgba(196, 124, 12, .12); --gs-glow-accent-2: 0 10px 36px rgba(104, 82, 214, .14); }
.gs-gundong { scrollbar-width: thin; scrollbar-color: var(--gs-border-strong) transparent; }
.gs-gundong::-webkit-scrollbar { width: 6px; height: 6px; }
.gs-gundong::-webkit-scrollbar-track { background: transparent; }
.gs-gundong::-webkit-scrollbar-thumb { background: var(--gs-border-strong); border-radius: var(--gs-r-full); }
.gs-gundong::-webkit-scrollbar-thumb:hover { background: var(--gs-text-3); }
.gs-gundong::-webkit-scrollbar-corner { background: transparent; }
.gs-anniu { display: inline-flex; align-items: center; justify-content: center; gap: var(--gs-sp-2); height: 2.143rem; padding: 0 var(--gs-sp-4); border-radius: var(--gs-r-md); border: 1px solid var(--gs-border); background: var(--gs-surface-2); color: var(--gs-text-1); font-size: var(--gs-fs-base); font-weight: 500; cursor: pointer; white-space: nowrap; transition: background var(--gs-t-fast) var(--gs-ease),border-color var(--gs-t-fast) var(--gs-ease),color var(--gs-t-fast) var(--gs-ease),transform var(--gs-t-fast) var(--gs-ease); }
.gs-anniu:hover:not(:disabled) { background: var(--gs-surface-3); border-color: var(--gs-border-strong); }
.gs-anniu:active:not(:disabled) { transform: translateY(1px); }
.gs-anniu:disabled { opacity: 0.45; cursor: not-allowed; }
.gs-anniu--zhu { background: var(--gs-accent); border-color: var(--gs-accent); color: var(--gs-on-accent); font-weight: 600; }
.gs-anniu--zhu:hover:not(:disabled) { background: var(--gs-accent-hover); border-color: var(--gs-accent-hover); }
.gs-anniu--ci { background: var(--gs-accent-soft); border-color: var(--gs-accent-border); color: var(--gs-accent-text); }
.gs-anniu--ci:hover:not(:disabled) { background: rgba(var(--gs-accent-rgb),.2); }
.gs-anniu--wei { background: transparent; border-color: transparent; color: var(--gs-text-2); }
.gs-anniu--wei:hover:not(:disabled) { background: var(--gs-surface-3); color: var(--gs-text-1); border-color: transparent; }
.gs-anniu--xiao { height: 1.786rem; padding: 0 var(--gs-sp-3); font-size: var(--gs-fs-sm); border-radius: var(--gs-r-sm); }
.gs-anniu--weixian { color: var(--gs-danger); }
.gs-anniu--weixian:hover:not(:disabled) { background: var(--gs-danger-soft); border-color: transparent; }
@media (prefers-reduced-motion: reduce) {
  .gs-yemian *, .gs-yemian ::before, .gs-yemian ::after, .gs-piaoceng *, .gs-piaoceng ::before, .gs-piaoceng ::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}
.mv-yemian, body.in-yinyuemv .gs-piaoceng { --gs-canvas: #0A0910; --gs-surface-1: #12111A; --gs-surface-2: #181622; --gs-surface-3: #201D2C; --gs-surface-4: #292537; --gs-img-holder: #16141F; --gs-accent-rgb: 255, 92, 138; --gs-accent: #FF5C8A; --gs-accent-hover: #FF7BA1; --gs-accent-active: #E8447A; --gs-accent-soft: rgba(255, 92, 138, .13); --gs-accent-border: rgba(255, 92, 138, .48); --gs-accent-text: #FF8FB0; --gs-on-accent: #FFFFFF; --gs-accent-2-rgb: 86, 204, 242; --gs-accent-2: #56CCF2; --gs-accent-2-soft: rgba(86, 204, 242, .13); --gs-accent-2-border: rgba(86, 204, 242, .42); --gs-accent-2-text: #8EDCF7; --gs-glow-accent: 0 0 0 1px rgba(255, 92, 138, .35), 0 10px 32px rgba(255, 92, 138, .2); --gs-glow-accent-2: 0 10px 40px rgba(86, 204, 242, .2); --mv-jianbian: linear-gradient(100deg, #FF5C8A 0%, #B07CFF 52%, #56CCF2 100%); --mv-ka-guang: radial-gradient(120% 140% at 0% 0%, rgba(255, 92, 138, .16), transparent 55%), radial-gradient(120% 140% at 100% 100%, rgba(86, 204, 242, .14), transparent 55%); --mv-ka-yinying: 0 18px 44px rgba(0, 0, 0, .42); }
[data-theme="light"] .mv-yemian, [data-theme="light"] body.in-yinyuemv .gs-piaoceng, body.in-yinyuemv[data-theme="light"] .gs-piaoceng { --gs-canvas: #F4F1F6; --gs-surface-1: #FFFFFF; --gs-surface-2: #F8F6FA; --gs-surface-3: #EFEBF3; --gs-surface-4: #E4DFEA; --gs-img-holder: #E9E5EF; --gs-accent-rgb: 214, 51, 108; --gs-accent: #D6336C; --gs-accent-hover: #E24A7F; --gs-accent-active: #B92A5B; --gs-accent-soft: rgba(214, 51, 108, .1); --gs-accent-border: rgba(214, 51, 108, .42); --gs-accent-text: #B02A5B; --gs-on-accent: #FFFFFF; --gs-accent-2-rgb: 28, 143, 192; --gs-accent-2: #1C8FC0; --gs-accent-2-soft: rgba(28, 143, 192, .1); --gs-accent-2-border: rgba(28, 143, 192, .4); --gs-accent-2-text: #15749E; --gs-glow-accent: 0 0 0 1px rgba(214, 51, 108, .28), 0 8px 24px rgba(214, 51, 108, .12); --gs-glow-accent-2: 0 10px 36px rgba(28, 143, 192, .14); --mv-jianbian: linear-gradient(100deg, #D6336C 0%, #8B5CF6 52%, #1C8FC0 100%); --mv-ka-guang: radial-gradient(120% 140% at 0% 0%, rgba(214, 51, 108, .08), transparent 55%), radial-gradient(120% 140% at 100% 100%, rgba(28, 143, 192, .08), transparent 55%); --mv-ka-yinying: 0 16px 36px rgba(60, 40, 80, .12); }
.mv-xyb .gs-anniu { flex-shrink: 0; }
@media (max-width: 640px) {
  .mv-xyb.is-ke { flex-wrap: wrap; }
  .mv-xyb.is-ke .gs-anniu { width: 100%; justify-content: center; }
}
.mv-bj-dengdai.is-cuo .gs-anniu { margin-top: var(--gs-sp-2); }
.szr-jc-nei > .gs-anniu { align-self: flex-start; }
.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); }
.gs-anniu.is-kai { border-color: var(--bk-xin); color: var(--bk-xin); }