/* ⚠️ 生成物，别手改：真源 WeixinK12 miniapp/wx/pages/kyplay/kyplay.wxss（web/tools/build.py kyplay_css） */
.kps.th-leaf{--sbg:radial-gradient(120% 80% at 50% 20%,#1B6B49 0%,#16543C 44%,#0E1D17 100%);
  --s1:#FEFEFC; --s2:#B9CCC2; --s3:#89A497; --sline:rgba(254,254,252,.13);
  --burst:rgba(254,254,252,.34); --glow:rgba(42,145,99,.30);
  --eq:rgba(254,254,252,.66); --fill:#FEFEFC; --track:rgba(254,254,252,.18);
  --pbg:#FEFEFC; --pink:#16543C; --chipb:rgba(254,254,252,.30);}
.kps.th-ink{--sbg:radial-gradient(120% 78% at 50% 20%,#202B27 0%,#141B18 46%,#0A0D0C 100%);
  --s1:#FEFEFC; --s2:#C6D1CC; --s3:#7E8C87; --sline:rgba(254,254,252,.10);
  --burst:rgba(64,190,131,.52); --glow:rgba(42,145,99,.26);
  --eq:#40BE83; --fill:#40BE83; --track:rgba(254,254,252,.14);
  --pbg:#40BE83; --pink:#0A0D0C; --chipb:rgba(64,190,131,.45);}
.kps.th-onyx{--sbg:radial-gradient(120% 78% at 50% 20%,#2A2A2A 0%,#1A1A1A 46%,#0A0A0A 100%);
  --s1:#FEFEFC; --s2:#C9C9C9; --s3:#8A8A8A; --sline:rgba(254,254,252,.10);
  --burst:rgba(254,254,252,.30); --glow:rgba(42,145,99,.26);
  --eq:#40BE83; --fill:#FEFEFC; --track:rgba(254,254,252,.14);
  --pbg:#FEFEFC; --pink:#0A0A0A; --chipb:rgba(254,254,252,.26);}
.kps.th-gold{--sbg:radial-gradient(120% 80% at 50% 20%,#8A6412 0%,#5C4409 46%,#2B1F04 100%);
  --s1:#FFFDF6; --s2:#E6D6A8; --s3:#B9A470; --sline:rgba(255,253,246,.14);
  --burst:rgba(255,253,246,.34); --glow:rgba(42,145,99,.24);
  --eq:#F5E3B0; --fill:#FFFDF6; --track:rgba(255,253,246,.18);
  --pbg:#FFFDF6; --pink:#5C4409; --chipb:rgba(255,253,246,.30);}
.kps.th-navy{--sbg:radial-gradient(120% 80% at 50% 20%,#1E2F52 0%,#16233F 44%,#0A0F1C 100%);
  --s1:#F0F4F2; --s2:#BECBE0; --s3:#8494AD; --sline:rgba(240,244,242,.12);
  --burst:rgba(240,244,242,.30); --glow:rgba(42,145,99,.26);
  --eq:#6FD3A2; --fill:#F0F4F2; --track:rgba(240,244,242,.16);
  --pbg:#F0F4F2; --pink:#16233F; --chipb:rgba(240,244,242,.28);}
.kps.th-mocha{--sbg:radial-gradient(120% 80% at 50% 20%,#43322A 0%,#2E211B 46%,#15100D 100%);
  --s1:#FFFDF6; --s2:#D6C4B4; --s3:#A08D7D; --sline:rgba(255,253,246,.12);
  --burst:rgba(255,253,246,.30); --glow:rgba(42,145,99,.22);
  --eq:#7FD0A6; --fill:#FFFDF6; --track:rgba(255,253,246,.16);
  --pbg:#FFFDF6; --pink:#2E211B; --chipb:rgba(255,253,246,.28);}
.kps.th-clay{--sbg:radial-gradient(120% 80% at 50% 20%,#6A3428 0%,#4A231B 46%,#23100C 100%);
  --s1:#FFF3EE; --s2:#E2C2B6; --s3:#B1897C; --sline:rgba(255,243,238,.12);
  --burst:rgba(255,243,238,.30); --glow:rgba(42,145,99,.22);
  --eq:#7FD0A6; --fill:#FFF3EE; --track:rgba(255,243,238,.16);
  --pbg:#FFF3EE; --pink:#4A231B; --chipb:rgba(255,243,238,.28);}
.kps.th-plum{--sbg:radial-gradient(120% 80% at 50% 20%,#482C46 0%,#321E31 46%,#170D17 100%);
  --s1:#FAF0F8; --s2:#D8C2D4; --s3:#A2899E; --sline:rgba(250,240,248,.12);
  --burst:rgba(250,240,248,.30); --glow:rgba(42,145,99,.20);
  --eq:#7FD0A6; --fill:#FAF0F8; --track:rgba(250,240,248,.16);
  --pbg:#FAF0F8; --pink:#321E31; --chipb:rgba(250,240,248,.28);}
.kps.th-paper{--sbg:linear-gradient(176deg,#FFFDF6 0%,#FBF3DF 58%,#FBF3DF 100%);
  --s1:#14261F; --s2:#3C4E45; --s3:#8A9A92; --sline:#E7DCBE;
  --burst:rgba(30,123,78,.42); --glow:rgba(30,123,78,.14);
  --eq:#1E7B4E; --fill:#1E7B4E; --track:rgba(20,38,31,.12);
  --pbg:#16543C; --pink:#FFFDF6; --chipb:#E7DCBE;}
.kps.th-honey{--sbg:linear-gradient(176deg,#FBF3DF 0%,#FBEFC9 58%,#F3E2AE 100%);
  --s1:#2E2404; --s2:#5A4A1C; --s3:#9A8850; --sline:#E7D8A8;
  --burst:rgba(30,123,78,.40); --glow:rgba(30,123,78,.14);
  --eq:#1E7B4E; --fill:#1E7B4E; --track:rgba(46,36,4,.14);
  --pbg:#16543C; --pink:#FBF3DF; --chipb:#DCC98F;}
.kps.th-celadon{--sbg:linear-gradient(176deg,#F0F4F2 0%,#E4EAE6 58%,#D2E0D7 100%);
  --s1:#14261F; --s2:#3C4E45; --s3:#7C8F84; --sline:#C9DACF;
  --burst:rgba(30,123,78,.38); --glow:rgba(30,123,78,.12);
  --eq:#1E7B4E; --fill:#1E7B4E; --track:rgba(22,40,31,.13);
  --pbg:#16543C; --pink:#F0F4F2; --chipb:#BFD2C6;}
.kps{--disc:linear-gradient(135deg,var(--gh) 0%,var(--gd) 100%); --discr:rgba(254,254,252,.16);
  --mark-img:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2096%2096%22%3E%3Crect%20x%3D%2219%22%20y%3D%2227%22%20width%3D%2228%22%20height%3D%2242%22%20rx%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%226.5%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2244.5%22%20width%3D%2216%22%20height%3D%226.5%22%20rx%3D%223.25%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M55%2027a21%2021%200%200%201%200%2042%2036%2036%200%200%200%200%20-42z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
  height:100vh; box-sizing:border-box; display:flex; flex-direction:column;
  padding-left:var(--sp-4); padding-right:var(--sp-4);
  background:var(--sbg); color:var(--s1); overflow:hidden;
  --burst-img:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cpath%20d%3D%22M95.50%2050.00L99.20%2050.00M95.33%2053.97L99.01%2054.29M94.81%2057.90L98.45%2058.54M93.95%2061.78L97.52%2062.73M92.76%2065.56L96.23%2066.83M91.24%2069.23L94.59%2070.79M89.40%2072.75L92.61%2074.60M87.27%2076.10L90.30%2078.22M84.86%2079.25L87.69%2081.63M82.17%2082.17L84.79%2084.79M79.25%2084.86L81.63%2087.69M76.10%2087.27L78.22%2090.30M72.75%2089.40L74.60%2092.61M69.23%2091.24L70.79%2094.59M65.56%2092.76L66.83%2096.23M61.78%2093.95L62.73%2097.52M57.90%2094.81L58.54%2098.45M53.97%2095.33L54.29%2099.01M50.00%2095.50L50.00%2099.20M46.03%2095.33L45.71%2099.01M42.10%2094.81L41.46%2098.45M38.22%2093.95L37.27%2097.52M34.44%2092.76L33.17%2096.23M30.77%2091.24L29.21%2094.59M27.25%2089.40L25.40%2092.61M23.90%2087.27L21.78%2090.30M20.75%2084.86L18.37%2087.69M17.83%2082.17L15.21%2084.79M15.14%2079.25L12.31%2081.63M12.73%2076.10L9.70%2078.22M10.60%2072.75L7.39%2074.60M8.76%2069.23L5.41%2070.79M7.24%2065.56L3.77%2066.83M6.05%2061.78L2.48%2062.73M5.19%2057.90L1.55%2058.54M4.67%2053.97L0.99%2054.29M4.50%2050.00L0.80%2050.00M4.67%2046.03L0.99%2045.71M5.19%2042.10L1.55%2041.46M6.05%2038.22L2.48%2037.27M7.24%2034.44L3.77%2033.17M8.76%2030.77L5.41%2029.21M10.60%2027.25L7.39%2025.40M12.73%2023.90L9.70%2021.78M15.14%2020.75L12.31%2018.37M17.83%2017.83L15.21%2015.21M20.75%2015.14L18.37%2012.31M23.90%2012.73L21.78%209.70M27.25%2010.60L25.40%207.39M30.77%208.76L29.21%205.41M34.44%207.24L33.17%203.77M38.22%206.05L37.27%202.48M42.10%205.19L41.46%201.55M46.03%204.67L45.71%200.99M50.00%204.50L50.00%200.80M53.97%204.67L54.29%200.99M57.90%205.19L58.54%201.55M61.78%206.05L62.73%202.48M65.56%207.24L66.83%203.77M69.23%208.76L70.79%205.41M72.75%2010.60L74.60%207.39M76.10%2012.73L78.22%209.70M79.25%2015.14L81.63%2012.31M82.17%2017.83L84.79%2015.21M84.86%2020.75L87.69%2018.37M87.27%2023.90L90.30%2021.78M89.40%2027.25L92.61%2025.40M91.24%2030.77L94.59%2029.21M92.76%2034.44L96.23%2033.17M93.95%2038.22L97.52%2037.27M94.81%2042.10L98.45%2041.46M95.33%2046.03L99.01%2045.71%22%20stroke%3D%22%23000%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");}
.kps.th-paper,.kps.th-honey,.kps.th-celadon{--discr:rgba(20,38,31,.10);}
.kps .nav{flex:none; height:32px; display:flex; align-items:center; padding-right:100px;}
.kps .bk{font-size:14px; color:var(--s2); padding:var(--sp-1) var(--sp-2) var(--sp-1) 0;}
.kps .top{flex:none; padding-top:var(--sp-2);}
.kps .top-t{font-size:18px; font-weight:600; line-height:1.34;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.kps .top-s{margin-top:var(--sp-1); font-size:12.5px; color:var(--s3); line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.kps .stage{flex:1; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.kps .disc-wrap{position:relative; width:164px; height:164px; display:flex; align-items:center; justify-content:center;}
.kps .glow{position:absolute; left:-18px; top:-18px; right:-18px; bottom:-18px; border-radius:50%;
  background:radial-gradient(circle,var(--glow) 0%,transparent 66%);
  animation:kp-breathe 3.4s ease-in-out infinite;}
@keyframes kp-breathe{ 0%,100%{ transform:scale(.94); opacity:.55; } 52%{ transform:scale(1.06); opacity:1; } }
.kps .burst{position:absolute; left:0; top:0; right:0; bottom:0; background:var(--burst);
  -webkit-mask-image:var(--burst-img); mask-image:var(--burst-img);
  -webkit-mask-size:100% 100%; mask-size:100% 100%; animation:kp-spin 42s linear infinite;}
@keyframes kp-spin{ 100%{ transform:rotate(360deg); } }
.kps .disc{position:relative; width:106px; height:106px; border-radius:50%; background:var(--disc);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 1px var(--discr),var(--sh-3);}
.kps .mk{width:54px; height:54px; background:#FEFEFC;
  -webkit-mask-image:var(--mark-img); mask-image:var(--mark-img);
  -webkit-mask-size:contain; mask-size:contain; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;}
.kps .eq{display:flex; align-items:flex-end; gap:4px; height:18px; margin-top:var(--sp-3);}
.kps .q{width:3px; border-radius:499.5px; background:var(--eq); transform-origin:bottom;
  animation:kp-bounce 1.1s ease-in-out infinite;}
.kps .q1{height:6px;}
.kps .q2{height:14px; animation-delay:.13s;}
.kps .q3{height:18px; animation-delay:.26s;}
.kps .q4{height:10px; animation-delay:.39s;}
.kps .q5{height:16px; animation-delay:.52s;}
.kps .q6{height:8px; animation-delay:.65s;}
.kps .q7{height:13px; animation-delay:.78s;}
@keyframes kp-bounce{ 0%,100%{ transform:scaleY(.32); } 48%{ transform:scaleY(1); } }
.kps.paused .glow,.kps.paused .burst,.kps.paused .q{animation-play-state:paused;}
.kps .series{display:flex; align-items:center; gap:var(--sp-1); margin-top:var(--sp-3);}
.kps .series-n{font-size:15.5px; font-weight:600; color:var(--s2);}
.kps .chip{font-size:11px; line-height:22px; height:22px; padding:0 var(--sp-1); border-radius:499.5px;
  border:1px solid var(--chipb); color:var(--s2);}
.kps .cap{flex:none; height:232px; position:relative; overflow:hidden;}
.kps .sub,.kps .msg{position:absolute; left:0; top:0; right:0; bottom:0; display:flex; flex-direction:column;
  justify-content:center; text-align:center;}
.kps .sub-who{font-size:11px; letter-spacing:.14em; color:var(--s3); margin-bottom:var(--sp-2);}
.kps .sub-en{font-size:21px; font-weight:600; line-height:1.4; color:var(--s1);}
.kps .sub-zh{font-size:14px; line-height:1.6; margin-top:var(--sp-2); color:var(--s2);}
.kps .in-a{animation:kp-subA .28s ease-out;}
.kps .in-b{animation:kp-subB .28s ease-out;}
@keyframes kp-subA{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
@keyframes kp-subB{ 0%{ opacity:0; transform:translateY(8px); } 100%{ opacity:1; transform:none; } }
.kps .m1{font-size:15.5px; font-weight:600; color:var(--s1);}
.kps .m2{margin-top:var(--sp-1); font-size:12.5px; color:var(--s2); line-height:1.6;}
.kps .lb{align-self:center; margin-top:var(--sp-3); padding:var(--sp-1) var(--sp-4);
  background:var(--or); color:var(--paper); border-radius:499.5px; font-size:14px;}
.kps .bar{flex:none;}
.kps .track{height:2px; border-radius:499.5px; background:var(--track); position:relative;}
.kps .fill{position:absolute; left:0; top:0; bottom:0; border-radius:499.5px; background:var(--fill);}
.kps .dot{position:absolute; right:-4px; top:-3px; width:8px; height:8px; border-radius:50%; background:var(--fill);}
.kps .tm{display:flex; justify-content:space-between; margin-top:var(--sp-1); font-size:11px; color:var(--s3);}
.kps .opts{flex:none; display:flex; justify-content:center; gap:var(--sp-1); padding-top:var(--sp-2);}
.kps .opt{font-size:11px; line-height:26px; height:26px; padding:0 var(--sp-2); border-radius:499.5px;
  border:1px solid var(--sline); color:var(--s3);}
.kps .opt.on{color:var(--s1); border-color:var(--chipb);}
.kps .ctl{flex:none; display:flex; align-items:center; justify-content:center; gap:var(--sp-4); height:90px;}
.kps .cb{flex:none; font-size:14px; color:var(--s2); padding:var(--sp-1);}
.kps .play{width:60px; height:60px; border-radius:50%; background:var(--pbg);
  display:flex; align-items:center; justify-content:center;}
.kps .pi{width:20px; height:20px; background:var(--pink);
  -webkit-mask-size:100% 100%; mask-size:100% 100%; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;}
.kps .pi-pause{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%224%22%20height%3D%2212%22%20rx%3D%221.4%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%224%22%20height%3D%2212%22%20rx%3D%221.4%22%2F%3E%3C%2Fsvg%3E");}
.kps .pi-play{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M4%202.5v11a1%201%200%200%200%201.53.85l8.5-5.5a1%201%200%200%200%200-1.7l-8.5-5.5A1%201%200%200%200%204%202.5z%22%2F%3E%3C%2Fsvg%3E");}
.kps .foot{flex:none; display:flex; align-items:center; gap:var(--sp-1); padding:var(--sp-2) 0;
  border-top:1px solid var(--sline);}
.kps .foot-m{width:28px; height:28px; border-radius:6px; flex:none; background:var(--disc);
  display:flex; align-items:center; justify-content:center;}
.kps .foot-m .mk{width:18px; height:18px;}
.kps .foot-n{font-size:14px; font-weight:600; flex:1; min-width:0; color:var(--s1);}
.kps .foot-c{font-size:11px; color:var(--s3); text-align:right; line-height:1.38;}
.kps .lic{flex:none; font-size:8px; color:var(--s3); padding-bottom:var(--sp-2); opacity:.8;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kps{height:calc(100dvh - 64px - env(safe-area-inset-bottom));max-width:560px;margin:0 auto}
.kps .nav{display:none}.kps .top{padding-top:var(--sp-3)}
.kps button{font:inherit;background:none;border:0;color:inherit;cursor:pointer;width:auto;height:auto;border-radius:0}