.p-fm-bg{height:100%;top:0%;width:100%;left:0%;text-align:center;position:absolute;}
.p-fm-title{height:30.897887323944%;top:18.166813380282%;width:71.062547098719%;left:15.825169555388%;text-align:center;position:absolute;}
.p-start{height:7.3943661971831%;top:61.817781690141%;width:57.573474001507%;left:21.28862094951%;text-align:center;position:absolute;}
.p-g8{height:4.8855633802817%;top:9.3199823943662%;width:87.565938206481%;left:6.2170308967596%;text-align:center;position:absolute;}
.p-8c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-8b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-8a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-g7{height:4.8415492957746%;top:9.3639964788732%;width:87.565938206481%;left:6.1981914091937%;text-align:center;position:absolute;}
.p-7c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-7b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-7a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-g6{height:4.8415492957746%;top:9.3639964788732%;width:87.565938206481%;left:6.2170308967596%;text-align:center;position:absolute;}
.p-6c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-6b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-6a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-g5{height:4.8415492957746%;top:9.3639964788732%;width:87.716654107008%;left:6.0474755086662%;text-align:center;position:absolute;}
.p-5a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-5c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-5b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-g4{height:4.7975352112676%;top:9.375%;width:87.716654107008%;left:6.1228334589299%;text-align:center;position:absolute;}
.p-4c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-4b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-4a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-g3{height:4.7975352112676%;top:9.375%;width:87.565938206481%;left:6.2170308967596%;text-align:center;position:absolute;}
.p-3c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-3b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-3a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-g2{height:4.8855633802817%;top:9.3199823943662%;width:87.716654107008%;left:6.1228334589299%;text-align:center;position:absolute;}
.p-2c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-2b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-2a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-tijiao{height:6.9102112676056%;top:78.763204225352%;width:46.043707611153%;left:48.078372268274%;text-align:center;position:absolute;}
.p-back{height:6.9102112676056%;top:78.763204225352%;width:36.171816126601%;left:6.5373021853806%;text-align:center;position:absolute;}
.p-bg{height:100%;top:0%;width:100%;left:0%;text-align:center;position:absolute;}
.p-g1{height:4.7975352112676%;top:9.375%;width:87.565938206481%;left:6.2170308967596%;text-align:center;position:absolute;}
.p-wen{height:1.8045774647887%;top:27.277728873239%;width:3.0143180105501%;left:9.0429540316503%;text-align:center;position:absolute;}
.p-box1{height:22.359154929577%;top:19.685299295775%;width:87.9427279578%;left:6.0286360211002%;text-align:center;position:absolute;}
.p-1c{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:36.284853051997%;text-align:center;position:absolute;}
.p-1b{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:7.9691032403919%;text-align:center;position:absolute;}
.p-1a{height:13.116197183099%;top:26.815580985915%;width:27.50565184627%;left:64.544084400904%;text-align:center;position:absolute;}
.p-box2{height:22.62323943662%;top:45.75264084507%;width:87.9427279578%;left:6.0286360211002%;text-align:center;position:absolute;}
.p-btn{height:6.9102112676056%;top:78.763204225352%;width:46.043707611153%;left:27.015825169555%;text-align:center;position:absolute;}
.p-end-restart{height:6.9102112676056%;top:71.346830985915%;width:46.043707611153%;left:27.015825169555%;text-align:center;position:absolute;}
.p-end-home{height:6.9102112676056%;top:82.042253521127%;width:43.18010550113%;left:28.409947249435%;text-align:center;position:absolute;}
.p-end-guang{height:57.262323943662%;top:0%;width:100%;left:0%;text-align:center;position:absolute;}
.p-end-hua{height:37.235915492958%;top:11.300616197183%;width:75.50866616428%;left:11.661642803316%;text-align:center;position:absolute;}
.p-end-jiang{height:18.353873239437%;top:20.543573943662%;width:36.623963828184%;left:31.72569706104%;text-align:center;position:absolute;}
.p-end-ok{height:3.3890845070423%;top:42.143485915493%;width:25.395629238885%;left:37.33986435569%;text-align:center;position:absolute;}
.p-end-fs{top:52.31073943662%;width:42.200452147702%;left:28.899773926149%;text-align:center;position:absolute;}

/* ===== 拖拽排序游戏（game.js）===== */
/* 全局禁止选中/长按呼出，拖动时不会出现选区 */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}
/* 禁止 img 原生拖拽（按住图片拖动时跟随鼠标的半透明幽灵图） */
img{-webkit-user-drag:none;}
.g-card{z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;}
.g-card img{pointer-events:none;-webkit-user-drag:none;}
.g-card .g-wen{position:absolute;left:8%;top:10%;width:12%;max-width:none;max-height:none;display:block;}
.g-card .g-num{position:absolute;left:8%;top:10%;width:12%;max-width:none;max-height:none;display:none;}
.g-card.g-dragging{cursor:grabbing;filter:drop-shadow(0 6px 10px rgba(0,0,0,0.35));}
.g-slot{position:absolute;z-index:5;border-radius:5%/9%;background:rgba(255,255,255,0);pointer-events:none;}
.g-slot.g-slot-hl{background:rgba(255,255,255,0.16);box-shadow:inset 0 0 0 3px rgba(255,255,255,0.7);}
.p-end-score{position:absolute;top:61.13%;height:3.4%;right:50.5%;width:8%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;z-index:10;color:#FFF;font-weight:bold;font-family:SimHei;text-shadow:0 2px 6px rgba(0,0,0,0.35);}


/* 分数字号跟随 page_body 实际宽度（=min(视口宽, 视口高x750/1334)），横屏不会变大 */
.fs{position: absolute;left:20%;width:28%;top:46%;text-align: right;font-size: min(12vw,6.747vh);color:#d79cf8;font-weight: bold;

    }

/* ===== 结算页动效 ===== */
/* 光线：绕中心缓慢旋转。图是宽幅软光晕（边缘渐隐），放大到容器宽200%居中，
   左右超出页面被裁没关系——保证旋转到任意角度光晕都罩得住、无截断感 */
@keyframes g-rot{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@-webkit-keyframes g-rot{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}
.p-end-guang{animation:g-rot 90s linear infinite;-webkit-animation:g-rot 90s linear infinite;}
.p-end-guang img{max-width:none;max-height:none;width:200%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
/* 奖杯：左右晃动（绕自身中心，中心不动） */
@keyframes g-swing{0%,100%{transform:rotate(-3.5deg);}50%{transform:rotate(3.5deg);}}
@-webkit-keyframes g-swing{0%,100%{-webkit-transform:rotate(-3.5deg);}50%{-webkit-transform:rotate(3.5deg);}}
.p-end-jiang{animation:g-swing 2.8s ease-in-out infinite;-webkit-animation:g-swing 2.8s ease-in-out infinite;}
/* 彩带：淡入淡出 */
@keyframes g-fade{0%,100%{opacity:1;}50%{opacity:0.35;}}
@-webkit-keyframes g-fade{0%,100%{opacity:1;}50%{opacity:0.35;}}
.p-end-hua{animation:g-fade 3s ease-in-out infinite;-webkit-animation:g-fade 3s ease-in-out infinite;}

/* ===== 桌面端退出按钮（Tauri 全屏时唯一出口，仅桌面端显示）===== */
#exit-btn{display:none;}
body.g-desktop #exit-btn{
  display:flex;position:fixed;z-index:999990;top:18px;right:18px;width:40px;height:40px;
  border:none;border-radius:50%;background:rgba(0,0,0,0.35);color:rgba(255,255,255,0.85);
  align-items:center;justify-content:center;cursor:pointer;opacity:0;
  transition:opacity .2s ease,background .2s ease,transform .15s ease,color .2s ease;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);
}
body.g-desktop #exit-btn:hover{opacity:1;background:rgba(230,60,60,0.85);color:#fff;transform:scale(1.08);}
body.g-desktop #exit-btn:active{transform:scale(0.95);}
body.g-desktop #exit-btn svg{width:20px;height:20px;}