/* 结课「九星祈愿盘」—— 老师 2026-10-20 定
   只挂在老师端（oto_teacher.html / teach.html），家长端不引这个文件。 */

/* 奖状上的「祈星」按钮 */
.dkw-btn{
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;
  padding:9px 20px 9px 15px;border-radius:10px;
  background:linear-gradient(180deg,#d94a3d,#c22f22);
  border:2px solid #e8b93a;
  box-shadow:0 2px 0 #8f1d13,0 8px 18px -8px rgba(140,20,10,.7);
  color:#fff6e3;font-weight:700;font-size:16px;letter-spacing:2px;
  font-family:"STKaiti","KaiTi","Songti SC","SimSun",serif;
  transition:transform .12s ease,box-shadow .12s ease;
}
.dkw-btn:hover{transform:translateY(-1px);box-shadow:0 3px 0 #8f1d13,0 12px 22px -8px rgba(140,20,10,.8)}
.dkw-btn:active{transform:translateY(2px);box-shadow:0 0 0 #8f1d13}
.dkw-btn .st{width:15px;height:15px;flex:0 0 auto}
.dkw-btn small{font-size:10.5px;font-weight:400;letter-spacing:0;opacity:.8;font-family:system-ui,sans-serif}
.dkw-btn.done{background:linear-gradient(180deg,#e9dfc8,#d8cbb0);border-color:#c9b98f;
  color:#7a6a45;cursor:default;box-shadow:none;transform:none}

/* 弹层 */
#dkwheel{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 45%,rgba(120,25,15,.86),rgba(45,8,4,.94));
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#dkwheel.on{display:flex;animation:dkwIn .22s ease}
@keyframes dkwIn{from{opacity:0}to{opacity:1}}
.dkw-stage{position:relative;width:min(84vmin,620px);height:min(84vmin,620px);
  display:grid;place-items:center}
.dkw-rot{width:100%;height:100%;will-change:transform;
  filter:drop-shadow(0 12px 30px rgba(0,0,0,.45))}
.dkw-rot svg{display:block;width:100%;height:100%}
.dkw-ptr{position:absolute;left:50%;top:0;width:14%;transform:translate(-50%,-6%);
  pointer-events:none;z-index:4;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.dkw-ptr.shake{animation:dkwShake .12s linear}
@keyframes dkwShake{0%{transform:translate(-50%,-6%) rotate(0)}
  50%{transform:translate(-50%,-6%) rotate(-4deg)}100%{transform:translate(-50%,-6%) rotate(0)}}

/* 结果卷轴 */
.dkw-res{position:absolute;inset:0;display:none;align-items:center;justify-content:center;z-index:6}
.dkw-res.on{display:flex;animation:dkwPop .34s cubic-bezier(.2,1.4,.5,1)}
@keyframes dkwPop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}
.dkw-scroll{background:linear-gradient(180deg,#fffaee,#fdf1d6);border:2px solid #d9a93c;
  border-radius:8px;padding:22px 34px 20px;text-align:center;position:relative;
  box-shadow:0 16px 40px rgba(0,0,0,.45);min-width:240px}
.dkw-scroll:before,.dkw-scroll:after{content:"";position:absolute;top:-8px;bottom:-8px;width:13px;
  border-radius:5px;background:linear-gradient(180deg,#c8352b,#8f1d13)}
.dkw-scroll:before{left:-9px}.dkw-scroll:after{right:-9px}
.dkw-scroll .t1{font-size:12.5px;color:#8a6b28;letter-spacing:3px;font-family:system-ui,sans-serif}
.dkw-scroll .num{font-family:"STKaiti","KaiTi","Songti SC","SimSun",serif;font-weight:700;
  font-size:52px;color:#c22f22;line-height:1.1;margin:2px 0 6px;letter-spacing:4px;
  text-shadow:0 1px 0 #f8e2a8}
.dkw-scroll .stars{display:flex;gap:5px;justify-content:center;margin-bottom:10px}
.dkw-scroll .stars svg{width:17px;height:17px}
.dkw-scroll .t2{font-size:12px;color:#8a6b28;font-family:system-ui,sans-serif}
.dkw-scroll .ok{margin-top:14px;padding:8px 30px;border-radius:8px;cursor:pointer;
  background:linear-gradient(180deg,#d94a3d,#c22f22);border:1.5px solid #e8b93a;
  color:#fff6e3;font-weight:700;font-size:14px;letter-spacing:3px;
  font-family:"STKaiti","KaiTi","Songti SC","SimSun",serif}
.dkw-scroll .up{margin-top:8px;font-size:12.5px;color:#1a7a3a;font-weight:700}

/* 顶部提示 */
.dkw-tip{position:absolute;top:-42px;left:0;right:0;text-align:center;color:#ffe9b0;
  font-size:13.5px;letter-spacing:4px;font-family:"STKaiti","KaiTi","Songti SC","SimSun",serif;
  opacity:.9}